MediaWiki:Monobook.css: Difference between revisions

From Halopedia, the Halo wiki

(CSS for Monobook sidebar)
(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;
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,
    font-family: verdana;
.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;
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;
background: url(/images/smallchief.gif) top left no-repeat;
    padding-left: 16px;
padding-left: 16px;
    line-height: 17px;
line-height: 17px;
}
}


Line 38: Line 55:


#p-personal ul {
#p-personal ul {
    background: #FFFFFF;
background: #FFFFFF;
    border-left: 1px solid #aaa;
border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
border-bottom: 1px solid #aaa;
    width: auto;
width: auto;
    display: inline;
display: inline;
    position: absolute;
position: absolute;
    right: 0;
right: 0;
    padding-left: 0px;
padding-left: 0px;
    padding-bottom: 0px;
padding-bottom: 0px;
    margin-top: -1px;
margin-top: -1px;
    -moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 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;
color: black;
    margin: 0px;
margin: 0px;
}
}


pre {  
pre {  
    border: 1px dashed #06f;
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;
margin-bottom: 0.6em;
}
}


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


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


.catlinks {
.catlinks {
    margin-top: 10px;
margin-top: 10px;
}
}


#navbox {  
#navbox {  
  /* border: 1px solid #2f6fab; */
  /* border: 1px solid #2f6fab; */
    border: 1px solid #aaaaaa;
border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
background-color: #f9f9f9;
    padding: 5px;
padding: 5px;
    font-size: 95%;
font-size: 95%;
    margin-left: 15px;
margin-left: 15px;
    margin-bottom: 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;
background-color: none;
    text-decoration: underline;
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;
margin: 2.8em 0 0 12.2em;
    -moz-border-radius-topleft: 1em;
-moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomleft: 1em;
    -webkit-border-top-left-radius: 1em;
-webkit-border-top-left-radius: 1em;
    -webkit-border-bottom-left-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
}
}


#p-cactions {
#p-cactions {
    left: 11.8em;
left: 11.8em;
}
}


.portlet {
.portlet {
    width: 11.9em;
width: 11.9em;
}
}


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


#searchGoButton {
#searchGoButton {
    font-weight: normal;
font-weight: normal;
}
}


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


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


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


blockquote {
blockquote {
    border-left: 3px solid #06f;
border-left: 3px solid #06f;
    margin-left: 2em;
margin-left: 2em;
    padding-left: 1em;
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;
margin-left: 28px;
    z-index: 0;
z-index: 0;
}
}


.right {
.right {
    text-align: 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-topleft: 1em;
    -moz-border-radius-topright: 1em;
-moz-border-radius-topright: 1em;
    -webkit-border-top-left-radius: 1em;
-webkit-border-top-left-radius: 1em;
    -webkit-border-top-right-radius: 1em;
-webkit-border-top-right-radius: 1em;
}
}


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


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


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


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


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


.portlet#p-search, .portlet#p-tb, .portlet#p-Navigation {
.portlet#p-search,
    border: 1px solid #AAAAAA;
.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,
    margin-top: -7px;
.portlet#p-Gameplay,
    border-left: 1px solid #AAAAAA;
.portlet#p-The_Universe,
    border-right: 1px solid #AAAAAA;
.portlet#p-Community,
    -moz-border-radius-topright: 0;
.portlet#p-Help,
    -moz-border-radius-bottomright: 0;
.portlet#p-Fun,
    -webkit-border-top-right-radius: 0;
.portlet#p-Related_Sites {
    -webkit-border-bottom-right-radius: 0;
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-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
}
}


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


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


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


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


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


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


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


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


.portlet#p-search, .portlet#p-tb {
.portlet#p-search, .portlet#p-tb {
    -moz-border-radius-topright: 1em;
-moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 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,
    -moz-border-radius-bottomright: 1em;
.portlet#p-tb .pBody,
    -webkit-border-bottom-right-radius: 1em;
.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;
Retrieved from "https://www.halopedia.org/MediaWiki:Monobook.css"