MediaWiki:Monobook.css: Difference between revisions

From Halopedia, the Halo wiki

(update with international removed from sidebar)
(CSS for Monobook sidebar)
Line 269: Line 269:
     -webkit-border-bottom-right-radius: 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: #fec423;
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: #edce01 url(Menu_gradient.png) no-repeat left center;
margin: 1px 1px 0 1px;
padding: 0 0 0 10px;
color: #fff;
width: auto;
text-shadow: #555 1px 1px 3px;
}
#p-navigation > div > ul > li.hover > a {
color: #fff5a1;
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: #FFD14E;
}
#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 ***/

Revision as of 11:24, October 20, 2010

/* 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%; }

#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_&_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: #fec423;
	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: #edce01 url(Menu_gradient.png) no-repeat left center;
	margin: 1px 1px 0 1px;
	padding: 0 0 0 10px;
	color: #fff;
	width: auto;
	text-shadow: #555 1px 1px 3px;
}
#p-navigation > div > ul > li.hover > a {
	color: #fff5a1;
	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: #FFD14E;
}

#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 ***/