MediaWiki:Monobook.css: Difference between revisions
From Halopedia, the Halo wiki
Jack Phoenix (talk | contribs) (CSS for Monobook sidebar) |
Jack Phoenix (talk | contribs) (cleanup for non-Monobook sidebar CSS and use full URL for Monobook sidebar gradient image) |
||
Line 2: | Line 2: | ||
body { | 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 { | .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 { | .special li { | ||
line-height: 19px; | |||
} | } | ||
#p-logo, #p-logo a, #p-logo a:hover { height: 160px; } | #p-logo, #p-logo a, #p-logo a:hover { | ||
height: 160px; | |||
} | |||
a { color: #00f; } | a { | ||
color: #00f; | |||
} | |||
a:visited { color: #00c; } | a:visited { | ||
color: #00c; | |||
} | |||
a:active { color: orange; } | a:active { | ||
color: orange; | |||
} | |||
#p-personal a.new { color: #f00; } | #p-personal a.new { | ||
color: #f00; | |||
} | |||
#p-personal a.new:visited { color: #c00; } | #p-personal a.new:visited { | ||
color: #c00; | |||
} | |||
li#pt-userpage, | li#pt-userpage, | ||
li#pt-anonuserpage, | li#pt-anonuserpage, | ||
li#pt-login { | li#pt-login { | ||
background: url(/images/smallchief.gif) top left no-repeat; | |||
padding-left: 16px; | |||
line-height: 17px; | |||
} | } | ||
Line 38: | Line 55: | ||
#p-personal ul { | #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; } | p { | ||
margin: 0.9em 0em 1em 0em; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: black; | |||
margin: 0px; | |||
} | } | ||
pre { | pre { | ||
border: 1px dashed #06f; | |||
} | } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
margin-bottom: 0.6em; | |||
} | } | ||
#siteNotice { | #siteNotice { | ||
padding: 2px; | |||
margin: 10px 0 -3px 0; | |||
border-top: 2px solid #ccc; | |||
border-bottom: 2px solid #ccc; | |||
background: #fff; | |||
} | } | ||
#firstHeading { | #firstHeading { | ||
margin-top: -3px; | |||
} | } | ||
.catlinks { | .catlinks { | ||
margin-top: 10px; | |||
} | } | ||
#navbox { | #navbox { | ||
/* border: 1px solid #2f6fab; */ | /* 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.extiw:active { | ||
color: #06f; | |||
} | |||
#bodyContent a.external { color: #06f; } | #bodyContent a.external { | ||
color: #06f; | |||
} | |||
#p-personal li a:hover { | #p-personal li a:hover { | ||
background-color: none; | |||
text-decoration: underline; | |||
} | } | ||
#p-cactions li a { color: #00c; } | #p-cactions li a { | ||
color: #00c; | |||
} | |||
#p-cactions .new a { color: #c00; } | #p-cactions .new a { | ||
color: #c00; | |||
} | |||
#preftoc a:active { color: #00c; } | #preftoc a:active { | ||
color: #00c; | |||
} | |||
#content { | #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 { | #p-cactions { | ||
left: 11.8em; | |||
} | } | ||
.portlet { | .portlet { | ||
width: 11.9em; | |||
} | } | ||
input.searchButton { | input.searchButton { | ||
padding: 0 0.4em !important; | |||
cursor: pointer; | |||
background-color: white; | |||
border: 1px solid #2f6fab; | |||
font-weight: normal; | |||
} | } | ||
#searchGoButton { | #searchGoButton { | ||
font-weight: normal; | |||
} | } | ||
#searchInput { | #searchInput { | ||
border: 1px solid #2f6fab; | |||
} | } | ||
input[type="radio"], input[type="checkbox"] { | input[type="radio"], input[type="checkbox"] { | ||
border: none; | |||
} | } | ||
select { | select { | ||
border: 1px solid #2f6fab; | |||
color: black; | |||
} | } | ||
blockquote { | blockquote { | ||
border-left: 3px solid #06f; | |||
margin-left: 2em; | |||
padding-left: 1em; | |||
} | } | ||
.oldh3 { font-size: 132%; } | .oldh3 { | ||
font-size: 132%; | |||
} | |||
/* Tweak for the "Powered by MediaWiki" icon */ | |||
#f-poweredbyico { | #f-poweredbyico { | ||
margin-left: 28px; | |||
z-index: 0; | |||
} | } | ||
.right { | .right { | ||
text-align: right; | |||
} | } | ||
#p-cactions ul li, #p-cactions ul li a, #p-cactions li.selected, #p-cactions li.selected a { | #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 { | #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 { | body.page-Main_Page #lastmod { | ||
display: none; | |||
} | } | ||
.generated-sidebar, .portlet#p-search, .portlet#p-tb { | .generated-sidebar, .portlet#p-search, .portlet#p-tb { | ||
background: #FFFFFF; | |||
} | } | ||
.portlet#p-tb { | .portlet#p-tb { | ||
padding-top: 2px; | |||
} | } | ||
.portlet#p-search { | .portlet#p-search { | ||
padding-top: 1px; | |||
} | } | ||
.portlet#p-search, .portlet#p-tb, .portlet#p-Navigation { | .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 { | .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 { | .generated-sidebar { | ||
border-left: 1px solid #AAAAAA; | |||
border-right: 1px solid #AAAAAA; | |||
} | } | ||
.portlet#p-Navigation { | .portlet#p-Navigation { | ||
border-bottom: none; | |||
-moz-border-radius-bottomright: 0; | |||
-webkit-border-bottom-right-radius: 0; | |||
} | } | ||
.portlet#p-Games { | .portlet#p-Games { | ||
margin-bottom: -1px; | |||
} | } | ||
.portlet#p-Literature_ | .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 { | .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 { | .generated-sidebar#p-Related_Sites .pBody { | ||
-moz-border-radius-bottomright: 1em; | |||
-webkit-border-bottom-right-radius: 1em; | |||
} | } | ||
.pBody { | .pBody { | ||
background: #FFFFFF; | |||
border: none; | |||
} | } | ||
.portlet h5 a { | .portlet h5 a { | ||
color: #000000; | |||
line-height: 18px; | |||
} | } | ||
.portlet#p-Navigation { | .portlet#p-Navigation { | ||
-moz-border-radius-topright: 1em; | |||
-webkit-border-top-right-radius: 1em; | |||
} | } | ||
.portlet#p-search, .portlet#p-tb { | .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 { | .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; | |||
} | } | ||
Line 301: | Line 343: | ||
/* special menu just for the class */ | /* special menu just for the class */ | ||
#p-navigation > div > ul > li > a { | #p-navigation > div > ul > li > a { | ||
background: #edce01 url(Menu_gradient.png) no-repeat left center; | background: #edce01 url(http://www.halopedian.com/images/8/86/Menu_gradient.png) no-repeat left center; | ||
margin: 1px 1px 0 1px; | margin: 1px 1px 0 1px; | ||
padding: 0 0 0 10px; | padding: 0 0 0 10px; |
Revision as of 10:40, 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%;
}
/* 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: #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(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: #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 ***/