MediaWiki:Monobook.css: Difference between revisions
From Halopedia, the Halo wiki
Jack Phoenix (talk | contribs) (cleanup for non-Monobook sidebar CSS and use full URL for Monobook sidebar gradient image) |
Jack Phoenix (talk | contribs) (thanks for making sense, MediaWiki, I really appreciate it) |
||
Line 314: | Line 314: | ||
/*** Monobook Sidebar ***/ | /*** Monobook Sidebar ***/ | ||
/* without an ugly padding */ | /* without an ugly padding */ | ||
#p- | #p-Navigation ul { | ||
margin: 0; | margin: 0; | ||
} | } | ||
#p- | #p-Navigation > div { | ||
border-color: #333; | border-color: #333; | ||
background: #fec423; | background: #fec423; | ||
Line 323: | Line 323: | ||
} | } | ||
/* que no sea un list */ | /* que no sea un list */ | ||
#p- | #p-Navigation li { | ||
display: block; | display: block; | ||
list-style-image: none !important; /* for IE */ | list-style-image: none !important; /* for IE */ | ||
} | } | ||
/* general design of the links */ | /* general design of the links */ | ||
#p- | #p-Navigation li > a { | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
Line 342: | Line 342: | ||
} | } | ||
/* special menu just for the class */ | /* special menu just for the class */ | ||
#p- | #p-Navigation > div > ul > li > a { | ||
background: #edce01 url(http://www.halopedian.com/images/8/86/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; | ||
Line 350: | Line 350: | ||
text-shadow: #555 1px 1px 3px; | text-shadow: #555 1px 1px 3px; | ||
} | } | ||
#p- | #p-Navigation > div > ul > li.hover > a { | ||
color: #fff5a1; | color: #fff5a1; | ||
text-shadow: #AAA46C 1px 1px 3px; | text-shadow: #AAA46C 1px 1px 3px; | ||
} | } | ||
#p- | #p-Navigation > div > ul > li > a > em { | ||
right: 8px; | right: 8px; | ||
} | } | ||
/* submenu marker */ | /* submenu marker */ | ||
#p- | #p-Navigation em { | ||
font-style: normal; | font-style: normal; | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
Line 369: | Line 369: | ||
} | } | ||
/* hover */ | /* hover */ | ||
#p- | #p-Navigation li > ul > li.hover > a { | ||
background-color: #FFD14E; | background-color: #FFD14E; | ||
} | } | ||
#p- | #p-Navigation li.hover > ul.sub-menu { | ||
display: block; | display: block; | ||
} | } | ||
/* general submenu */ | /* general submenu */ | ||
#p- | #p-Navigation ul.sub-menu { | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
display: none; | display: none; | ||
Line 390: | Line 390: | ||
} | } | ||
/* Only the first */ | /* Only the first */ | ||
#p- | #p-Navigation > div > ul > li > ul.sub-menu { | ||
margin-left: 12.6em; | margin-left: 12.6em; | ||
} | } | ||
/*** End Monobook Sidebar ***/ | /*** End Monobook Sidebar ***/ |
Revision as of 10:51, 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 ***/