MediaWiki:Monobook.css

From Halopedia, the Halo wiki

Revision as of 14:38, October 20, 2010 by Jack Phoenix (talk | contribs) (white background, not yellow-ish, for the sidebar and better hover colors)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Monobook skin */

body {
	background: #BCBDB8 url(/images/halo3bg.jpg) fixed no-repeat 0 0;
}

.portlet#p-cactions .pBody,
.portlet#p-personal .pBody,
.portlet#p-Navigation .pBody,
.portlet#p-tb .pBody,
.portlet h5,
ul#f-list {
	font-family: verdana;
}

.special li {
	line-height: 19px;
}

#p-logo, #p-logo a, #p-logo a:hover {
	height: 160px;
}

a {
	color: #00f;
}

a:visited {
	color: #00c;
}

a:active {
	color: orange;
}

#p-personal a.new {
	color: #f00;
}

#p-personal a.new:visited {
	color: #c00;
}

li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: url(/images/smallchief.gif) top left no-repeat;
	padding-left: 16px;
	line-height: 17px;
}

#p-personal li a:hover {
	background-color: transparent;
}

#p-personal ul {
	background: #FFFFFF;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: auto;
	display: inline;
	position: absolute;
	right: 0;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: -1px;
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-bottom-left-radius: 1em;
}

p {
	margin: 0.9em 0em 1em 0em;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	margin: 0px;
}

pre { 
	border: 1px dashed #06f;
}

#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
	margin-bottom: 0.6em;
}

#siteNotice {
	padding: 2px;
	margin: 10px 0 -3px 0;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fff;
}

#firstHeading {
	margin-top: -3px;
}

.catlinks {
	margin-top: 10px;
}

#navbox { 
	/* border: 1px solid #2f6fab; */
	border: 1px solid #aaaaaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
	margin-left: 15px;
	margin-bottom: 15px;
}

#bodyContent a.extiw:active {
	color: #06f;
}

#bodyContent a.external {
	color: #06f;
}

#p-personal li a:hover {
	background-color: none;
	text-decoration: underline;
}

#p-cactions li a {
	color: #00c;
}

#p-cactions .new a {
	color: #c00;
}

#preftoc a:active {
	color: #00c;
}

#content {
	margin: 2.8em 0 0 12.2em;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
}

#p-cactions {
	left: 11.8em;
}

.portlet {
	width: 11.9em;
}

input.searchButton {
	padding: 0 0.4em !important;
	cursor: pointer;
	background-color: white;
	border: 1px solid #2f6fab; 
	font-weight: normal;
} 

#searchGoButton {
	font-weight: normal;
}

#searchInput {
	border: 1px solid #2f6fab; 
} 

input[type="radio"], input[type="checkbox"] {
	border: none;
}

select {
	border: 1px solid #2f6fab; 
	color: black;
}

blockquote {
	border-left: 3px solid #06f;
	margin-left: 2em;
	padding-left: 1em;
}

.oldh3 {
	font-size: 132%;
}

/* Tweak for the "Powered by MediaWiki" icon */
#f-poweredbyico {
	margin-left: 28px;
	z-index: 0;
}

.right {
	text-align: right;
}

#p-cactions ul li, #p-cactions ul li a, #p-cactions li.selected, #p-cactions li.selected a {  
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
}

#p-cactions li {
	padding-bottom:1em;
	-moz-border-radius-topleft: .72em !important;
	-moz-border-radius-topright: .72em !important;
	-webkit-border-top-left-radius: .72em !important;
	-webkit-border-top-right-radius: .72em !important;
}

body.page-Main_Page #lastmod { 
	display: none;
}

.generated-sidebar, .portlet#p-search, .portlet#p-tb {
	background: #FFFFFF;
}

.portlet#p-tb {
	padding-top: 2px;
}

.portlet#p-search {
	padding-top: 1px;
}

.portlet#p-search,
.portlet#p-tb,
.portlet#p-Navigation {
	border: 1px solid #AAAAAA;
}

.portlet#p-Games,
.portlet#p-Gameplay,
.portlet#p-The_Universe,
.portlet#p-Community,
.portlet#p-Help,
.portlet#p-Fun,
.portlet#p-Related_Sites {
	margin-top: -7px;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.generated-sidebar {
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

.portlet#p-Navigation {
	border-bottom: none;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}

.portlet#p-Games {
	margin-bottom: -1px;
}

.portlet#p-Literature_.26_Media {
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

.portlet#p-Related_Sites {
	border-bottom: 1px solid #AAAAAA;
	padding-bottom: 2px;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
}

.generated-sidebar#p-Related_Sites .pBody {
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
}

.pBody {
	background: #FFFFFF;
	border: none;
}

.portlet h5 a {
	color: #000000;
	line-height: 18px;
}

.portlet#p-Navigation {
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
}

.portlet#p-search, .portlet#p-tb {
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
}

.portlet#p-search .pBody,
.portlet#p-tb .pBody,
.portlet#p-search, .portlet#p-tb {
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
}

/*** Monobook Sidebar ***/
/* without an ugly padding */
#p-Navigation ul {
	margin: 0;
}
#p-Navigation > div {
	border-color: #333;
	background: white;
	padding: 0;
}
/* que no sea un list */
#p-Navigation li {
	display: block;
	list-style-image: none !important; /* for IE */
}
/* general design of the links */
#p-Navigation li > a {
	display: block;
	position: relative;
	background: #fff;
	color: #000;
	font-size: 14.9px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #EEEEEE;
}
/* special menu just for the class */
#p-Navigation > div > ul > li > a {
	background: #FFF url(http://www.halopedian.com/images/8/86/Menu_gradient.png) no-repeat left center;
	margin: 1px 1px 0 1px;
	padding: 0 0 0 10px;
	color: black;
	width: auto;
	text-shadow: #black 1px 1px 3px;
}
#p-Navigation > div > ul > li.hover > a {
	color: #696969; /* DimGray */
	text-shadow: #AAA46C 1px 1px 3px;
}
#p-Navigation > div > ul > li > a > em {
	right: 8px;
}
/* submenu marker */
#p-Navigation em {
	font-style: normal;
	font-family: arial,sans-serif;
	font-size: 16pt;
	font-weight: bold;
	line-height: 20px;
	position: absolute;
	right: 8px;
	top: 0px
}
/* hover */
#p-Navigation li > ul > li.hover > a {
	background-color: #DCDCDC; /* Gainsboro */
}

#p-Navigation li.hover > ul.sub-menu {
	display: block;
}

/* general submenu */
#p-Navigation ul.sub-menu {
	border: 1px solid #aaa;
	display: none;
	background: #fff;
	position: absolute;
	padding: 1px;
	width: 200px;
	margin-left: 195px;
	margin-top: -22px;
	z-index: 100;
}
/* Only the first */
#p-Navigation > div > ul > li > ul.sub-menu {
	margin-left: 12.6em;
}
/*** End Monobook Sidebar ***/