MediaWiki:Monobook.css: Difference between revisions

Revision as of 09:32, 30 May 2013

/ * CSS Placed here will Affect users of the Monobook skin * /
/ * CSS Placed here will Affect users of the MonoBook skin * /

 
/ * User Panel * /
li # pt-Userpage, li # pt-anonuserpage, li # pt-login {background-image: none;}
 
# P-staff li a {
color: # fff;
text-shadow: 1px 1px # 333;
line-height: 35px;
border-left: 1px solid # 999;
padding: 2px 5px;
margin-right:-11px;
margin-left:-4px;
}
 
# P-staff li # pt-Userpage to {
border-left: 0;
margin-left: 0;
color: # fec423;
font-weight: bold;
}
 
# P-staff li a: hover, # p-staff li.active a: hover {
background-color: # F8D366;
-Moz-box-shadow: 0 0 0.5em 0.1em # F8D366;
-Webkit-box-shadow: 0 0 0.5em 0.1em # F8D366;
box-shadow: 0 0 0.5em 0.1em # F8D366;
text-shadow: 1px 1px 1px # 999;
text-decoration: none;
}
 
# P-staff li # pt-Userpage a: hover {
-Webkit-border-top-left-radius: 10px;
-Webkit-border-bottom-left-radius: 10px;
border-radius: 10px 0 0 10px;
color: white;
}
 
li # pt-logout a: hover {
background-color: # FFAC93;
-Moz-box-shadow: 0 0 0.5em 0.1em # FFAC93;
-Webkit-box-shadow: 0 0 0.5em 0.1em # FFAC93;
box-shadow: 0 0 0.5em 0.1em # FFAC93;
-Webkit-border-top-right-radius: 10px;
-Webkit-border-bottom-right-radius: 10px;
border-radius: 0 10px 10px 0;
text-shadow: 1px 1px 1px # 999;
text-decoration: none;
}
 
/ * It contains nothing and deforms the list of links * /
li # pt-fbuser {display: none;}
 
/ * Wall, is set to visibility: hidden, and brings up the gap * /
# Pt-wall-notifications. Prehide {display: none;}
# P-staff li # pt-wall-notifications {margin-left: 0px;}
# Pt-wall-notifications-notifications-Monobook a.wall {margin-left: 1em;}
 
/ * Tabs * /
 
# P-cactions li, # p-cactions li a {
-Webkit-border-top-left-radius: 10px;
-Webkit-border-top-right-radius: 10px;
border-radius: 10px 10px 0 0;
}
# P-cactions li, # p-cactions li.selected {
border-top: 1px solid # 333;
border-left: 1px solid # 333;
border-right: 1px solid # 333;
border-bottom: none;
padding-top: 2px;
padding-bottom: 2px;
font-size: 13px;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
 
Cactions p-li # a, # p-cactions li.selected to {
background-color: transparent;
color: # 333;
text-transform: none;
}
 
# P-cactions li.selected, # p-cactions li.selected a, # p-cactions li a: hover, # p-cactions li: hover {background-color: # FFFFFF; color: # 6F3C00;}
 
# P-cactions {margin-top:-2px;}
 
li # ca-edit, li # ca-history, li # ca-delete, li # ca-move, li # ca-protect, li # ca-unprotect, li # ca-watch, li # ca-unwatch, li # ca-addsection {
background-color: # e8ddff;
}
 

 
/ * Content space * /
 
# Content {
-Webkit-border-top-left-radius: 10px;
-Webkit-border-bottom-left-radius: 10px;
border-radius: 12px 0 0 12px;
border-top-color: # 888;
border-left-color: # 777;
border-bottom-color: # 777;
border-width: 1px;
}
 
 
/ * First header * /
 
# FirstHeading {
background:-moz-linear-gradient (top, # fff, # f2f2f2);
background:-webkit-linear-gradient (top, # fff, # f2f2f2);
background: linear-gradient (to bottom, # fff, # f2f2f2);
-Webkit-border-top-left-radius: 10px;
border-radius: 10px 0 0 0;
margin: 0px-12px 0-12px;
padding: 8px 0 0 10px;
line-height: 1.5em;
}
 
. Ns-0 # firstHeading,. Ns-14 # firstHeading {padding-top: 26px;}
 
/ * Category Bar * /
 
# BodyContent> # catlinks {
border: none;
background:-moz-linear-gradient (top, # 666, # 333);
background:-webkit-linear-gradient (top, # 666, # 333);
background: linear-gradient (to bottom, # 666, # 333);
-Webkit-border-bottom-right-radius: 10px;
border-radius: 0 0 0 8px;
margin: 10px-12px-13px-13px;
padding: 10px 8px 0 8px;
}
 
# Catlinks-background-image {
float: right;
background: url (http://images2.wikia.nocookie.net/__cb20110213183330/es.pokemon/images/9/96/FondoCategorias.png) no-repeat right center;
width: 100px;
margin: 0px-14px-8px 0;
height: 35px;
}
 
/ * Http://community.wikia.com/wiki/Forum:Category_redlinks_not_red * /
# Catlinks a.newcategory {color: # ff591f;}
a.newcategory {color: # CC2200;}
 
/ *** Side Menu *** /
 
. Portlet h5 {
text-transform: capitalize;
padding-right: 150px;
background: # 333;
color: white;
border-color: # 333;
border-bottom: 0;
}
div # p-lang h5 {text-transform: none;} / * specific because they are two words ("capitzalize '= Other Languages) * /
 
# SearchBody {
border-color: # 333;
background: # fec423 top left repeat-x;
}
 
# P-tb. PBODY, # p-Wikicities-nav. PBODY, # p-lang. PBODY, # p-dexlinks. PBODY {
border-color: # 333;
background-color: # FEEECC;
}
 
# P-tb. PBODY ul, # p-Wikicities-nav. PBODY ul, # p-lang. PBODY ul, # p-dexlinks. PBODY ul {margin-left: 0px;}
 
# P-tb. PBODY li, # p-Wikicities-nav. PBODY li, # p-lang. PBODY li, # p-dexlinks. PBODY li {
list-style: none;
-Moz-box-shadow: 0 0 0.5em 0.1em # FFDC76;
-Webkit-box-shadow: 0 0 0.5em 0.1em # FFDC76;
box-shadow: 0 0 0.5em 0.1em # FFDC76;
background-color: # FFDC76;
margin-top: 6px;
text-align: center;
width: 133px;
line-height: 20px;
-Webkit-border-radius: 5px;
border-radius: 5px;
}
 
# P-lang. PBODY li, # p-dexlinks. PBODY li {line-height: 15px;}
 
# P-tb. PBODY li a, # p-Wikicities-nav. PBODY li a, # p-lang. PBODY li a, # p-dexlinks. PBODY li a {
color: # 5E4600;
outline: none;
text-shadow: 0 1px 1px # fff;
font-weight: bold;
}
 
# P-tb. PBODY li a: hover, # p-Wikicities-nav. PBODY li a: hover, # p-lang. PBODY li a: hover, # p-dexlinks. PBODY li a: hover {
color: # 2D2B28;
text-decoration: none;
}
 
/ * Recent activity * /
 
li.activity-ns-0 {
text-align: left! important;
line-height: 15px! important;
margin-top: 0! important;
margin-left: 5px;
padding-bottom: 4px;
border-bottom: 1px solid # E2A600;
width: 125px! important;
}
 
li.activity-ns-0 img {vertical-align: top;}
 
li.activity-ns-0: first-child {border-top: 1px solid # 333; padding-top: 8px; margin-top:-4px! important;}
li.activity-ns-0: last-child {border-bottom: none;}
 
. ActivityFeed cite {font-size: 7.5pt! Important;}
. Activityfeed.shortlist cite {display: block! Important;}
 
# P-nav Wikicities-hr {display: none;}
 
/ * Search suggestions * /
 
td.os-suggest-result, td.os-suggest-result-hl {
background-color: # FFF;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight: bold;
cursor: pointer;
letter-spacing: 2px;
border-bottom: 1px dashed # AAA;
}
 
td.os-suggest-result-hl {
background-color: # FFC521;
color: # FFF;
text-shadow: # 333 1px 2px 2px;
}
/ * For some reason the width is equal to the search box * /
# SearchInputSuggest {width: auto! Important;}
 
/ * Edit mode: message preview * /
 
# BodyContent. Previewnote {
background-color: # FFEDB8;
border: 2px solid # E1AE25;
-Webkit-border-radius: 10px;
border-radius: 10px;
padding: 5px! important;
margin: 20px auto;
}
# BodyContent. Previewnote hr {display: none;}
 
# # Mw-previewheader bodyContent {
background: none;
color: black;
border-bottom: 1px solid # E1AE25;
height: 25px;
line-height: 27px;
margin: 0;
padding-left: 6px;
}
 
/ * Edit mode: lower * /
 
div # EditPage-copywarn {
background-color: # eee;
padding: 0 7px;
margin-bottom:-4px;
margin-top: 4px;
border: 1px solid # ccc;
color: # 333;
}
 
div # editOptions {background-color: # eee; padding: 7px; color: # 333; border: 1px solid # ccc;}
# WpSummary {margin-bottom: 3px;} / * Not defined label, since there is more of a 'wpSummary' * /
div.editButtons {margin-top: 4px;}
div.editButtons input {margin-right: 3px;}
input # wpSave {margin-right: 3px;} / * Specific to override the default leading * /
 
/ * Style of the buttons * /
 
input [type = "submit"],
input [type = "reset"],
input [type = "button"],
button {
background-color: # 333;
background:-moz-linear-gradient (top, # 444 35%, # 333 65%);
background:-webkit-linear-gradient (top, # 444 35%, # 333 65%);
background: linear-gradient (to bottom, # 444 35%, # 333 65%);
border: 1px solid # 333! important;
-Webkit-border-radius: 7px;
border-radius: 7px;
-Moz-box-shadow: 0 0 0 1px # 333;
-Webkit-box-shadow: 0 1px 0 # 333, 0-1px 0 # 333, 1px 0 0 # 333,-1px 0 0 # 333;
box-shadow: 0 1px 0 # 333, 0-1px 0 # 333, 1px 0 0 # 333,-1px 0 0 # 333;
color: # FFF;
cursor: pointer;
display: inline-block;
font: bold 13px/18px 'Trebuchet MS', Arial, Helvetica, sans-serif;
height: 21px;
margin: 0;
padding: 0 10px;
text-decoration: none;
white-space: nowrap;
}
 
/ * Features own buttons for the search box * /
 
form # searchform input [type = "submit"] {
font: 12px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding: 0 7px;
height: 18px;
margin-top: 4px;
}
 
/ * Fix size in Mozilla * /
input [type = "submit"] ::-moz-focus-inner,
input [type = "reset"] ::-moz-focus-inner,
input [type = "button"] ::-moz-focus-inner,
button ::-moz-focus-inner {
padding: 0;
Border: 0;
}
 
/ * Styles IE * /
input [type = "submit"],
input [type = "reset"],
input [type = "button"],
button {
filter: progid: DXImageTransform.Microsoft.Gradient (GradientType = 0, StartColorStr = "# FF444444" EndColorStr = "# FF333333");
/ * Outline: 1px solid # 333 \ 9, * /
overflow: visible;
width: auto;
}
 
/ * States: hover and: active * /
 
input [type = "submit"]: hover,
input [type = "reset"]: hover,
input [type = "button"]: hover,
button: hover {
text-decoration: none;
text-shadow: 0 1px 1px # 000;
}
 
input [type = "submit"]: active, input [type = "submit"]: focus,
input [type = "reset"]: active, input [type = "reset"]: focus,
input [type = "button"]: active, input [type = "button"]: focus,
button: active, button: focus {
color: # FFF;
background:-moz-linear-gradient (top, # 333 35%, # 444 65%);
background:-webkit-linear-gradient (top, # 333 35%, # 444 65%);
background: linear-gradient (to bottom, # 333 35%, # 444 65%);
}
 
/ * Footer * /
 
div # footer {
width: 86%;
background: # 333;
color: # eee;
font-size: 70%;
border: 1px solid # aaa;
-Webkit-border-top-left-radius: 15px;
-Webkit-border-bottom-left-radius: 15px;
border-radius: 15px 0 0 15px;
clear: both;
margin-left: auto;
}
 
# Footer li # hosting {
display: table;
border-top: 1px solid # 444;
margin: 2px auto;
padding: 2px 10px;
}
 
# Footer a {color: # fff; font-weight: bold;}
# F-copyrightico {margin-left: 15px;}
# F-poweredbyico, # f-copyrightico {margin-top: 35px;}
 
/ * Shadows * /
# P-cactions ul li, # p-search, # p-navigation, # p-tb, # p-Wikicities-nav, # p-lang, # p-dexlinks, # p-sb, # p-navigation ul. sub-menu {
-Moz-box-shadow: 2px 2px 5px # 333;
-Webkit-box-shadow: 2px 2px 5px # 333;
box-shadow: 2px 2px 5px # 333;
}
 
/ *** Monobook Sidebar *** /
/ * Without an ugly padding * /
# P-navigation ul {
margin: 0;
}
# P-navigation> div {
border-color: # 333;
background: # fec423;
padding: 0;
}
/ * Than a list * /
# P-navigation li {
display: block;
list-style-image: none! important ;/ * for IE * /
}
/ * Overall 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 top level * /
# P-navigation> div> ul> li> a {
background: # edce01 url ("data: image / gif, base64, R0lGODdhAQAWAKEDAN + hA + a3Au3OAf / / / ywAAAAAAQAWAAACBpSPEsDtBQA7") repeat-x left center;
margin: 0 1px 1px 1px;
padding: 0 0 0 10px;
color: # fff;
width: auto;
text-shadow: 1px 1px 3px # 555;
}
# P-navigation> div> ul> li.hover> a {
color: # fff5a1;
text-shadow: 1px 1px 3px # AAA46C;
}
# P-navigation> div> ul> li> a> em {
right: 8px;
}
/ * Marker submenu * /
# 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-menu {ul.sub
border: 1px solid # aaa;
display: none; background: # fff;
position: absolute;
padding: 1px;
width: 200px;
margin-left: 195px;
margin-top:-27px;
z-index: 100;
}
/ * Only the first * /
# P-navigation> div> ul> li> ul.sub-menu {
margin-left: 138px;
}
/ *** End Monobook Sidebar *** /
 
/ * UserWikiInfo (in contributions, user pages and talk) * /
# UserWikiInfo {
min-height: 112px;
background-color: # 333;
background:-moz-linear-gradient (top, # 777, # 333);
background:-webkit-linear-gradient (top, # 777, # 333);
background: linear-gradient (to bottom, # 777, # 333);
filter: progid: DXImageTransform.Microsoft.Gradient (endColorstr = '# 333333', startColorstr = '# 777777', GradientType = '0 ');
color: # AAA;
overflow: hidden;
line-height: 200%;
margin: 1px 0 10px 0;
padding: 2px 5px;
border: 1px solid # 999;
-Webkit-border-bottom-right-radius: 10px;
-Webkit-border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-Moz-box-shadow: 0 0.1em 0.9em 0.1em # 999;
-Webkit-box-shadow: 0 0.1em 0.9em 0.1em # 999;
box-shadow: 0 0.1em 0.9em 0.1em # 999;
}
 
# UserWikiInfo> div.useravatar {
float: left;
margin: 5px;
margin-right: 10px;
border: 1px solid # aaa;
-Moz-box-shadow: 0 0 0.5em 0.1em # aaa;
-Webkit-box-shadow: 0 0 0.5em 0.1em # aaa;
box-shadow: 0 0 0.5em 0.1em # aaa;
position: relative;
}
 
# UserWikiInfo>. Useravatar>. Editavatar {
display: none;
}
 
# UserWikiInfo>. Useravatar: hover>. Editavatar {
display: block;
z-index: 5;
position: absolute;
top: 0;
left: 0;
padding: 5px;
text-align: center;
background: # ccc;
color: # 00c;
}
 
# UserWikiInfo> span {
display: inline-block;
padding: 2px 10px;
margin-top: 5px;
border: 1px solid # 444;
background: # 555;
color: # fff;
-Webkit-border-radius: 5px;
border-radius: 5px;
}
 
# UserWikiInfo> span a {color: # fec423;}
 
# UserWikiInfo span.contenteditcount {
display: inline-block;
padding: 4px 8px;
border: 1px solid # 444;
background: # 555;
color: # fff;
-Webkit-border-radius: 5px;
border-radius: 5px;
}
 
# UserWikiInfo span.psmax {
display: block;
width: 100px;
border: 1px solid # eee;
-Webkit-border-radius: 2px;
border-radius: 2px;
}
 
# UserWikiInfo span.psact {
display: block;
height: 5px;
background-color: # 60f860;
-Moz-box-shadow: inset 0 0 1px 0 # 333;
-Webkit-box-shadow: inset 0 0 1px 0 # 333;
box-shadow: inset 0 0 1px 0 # 333;
}
# UserWikiInfo span.psact.pslvl1 {background-color: # f8d800;}
# UserWikiInfo span.psact.pslvl0 {background-color: # ff0000;}
 
/ *** Patches *** /
 
/ * Patch: It is mounted on the login link * /
# Column-google {margin-top: 1em;}
 
/ * Patches: Missing CSS for LinkSuggest * /
. Navigation-hover {
background-color: # fdff4f; / * # e0efff; * /
}
/ * Patch: In Monobook background and color is forced from your CSS. In Monaco not, and some styles do not contemplate. We return the background color transparent and appropriate * /
table, abbr, acronym,. explain {
color: inherit;
background-color: inherit;
}
/ * Patch: This is used in the "broadening" of thumbs, and Thickbox. Not in Monobook * /
. Sprite {
height: 16px;
width: 16px;
position: relative;
vertical-align: middle;
top:-2px;
}
 
/ * Space for the # browser does not overlap * /
. Ns-0. FirstHeading,. Ns-14. FirstHeading {
margin-top: 10px;
}
/ * "In other languages" was above the headers * /
# P-lang {position: static;}
 
/ * The CSS on this page comes from Pokémon. To the authors of it, see the history of [[w: c: es.pokemon: MediaWiki: Monobook.css]]. Please keep this message if you copy the code to another wiki. * /
/ * </ Pre> * /