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;

Revision as of 11: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 ***/