User:Cqm/monobook.css

/* ###################################################################################################################################### */ /* ###################################################################################################################################### */ /* ##                                                                                                                                 ## */ /* ##                                                     Monobook.css - Runa Theme                                                    ## */ /* ##                                                    ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯                                                    ## */ /* ##                                                             Based on                                                             ## */ /* ##                       http://es.pokemon.wikia.com/index.php?title=MediaWiki%3AMonobook.css&oldid=1395458                        ## */ /* ##                                                                                                                                 ## */ /* ##                                                    Search bar code based on                                                      ## */ /* ##                          http://sinatra.wikia.com/index.php?title=MediaWiki%3AMonobook.css&oldid=12990                          ## */ /* ##                                                                                                                                 ## */ /* ###################################################################################################################################### */ /* ###################################################################################################################################### */ /* notes: * background-color:#fff8dc (cornsilk) * sidebar background-color:#ffec9f * light top-button:#5d482b * dark lower-button:#3a2d1b bugs: * sidebar headers need radius on top right. * solution - padding needs to be done to each header individually * sidebar headers uncentered * solution - margin-left needs to be done individually * code - .portlet h5 {padding-left:#px;} to be done: * add link to contribs from userpages (.js fix) * hide wikia sidebar box (personal fix) * change userpage links from block colour to text-shadow on hover /*   Contents: * Body/Background * Userlinks * Search changes * Tabs * Sidebar * Page * Editpage * Footer /*** Body ***/ div#content { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; width:1150px; background:#fff; color:#000; border:1px solid #3a2d1b; margin-left:160px } body, body.alternateBG, #globalWrapper, body.alternateBG #globalWrapper, input#searchInput:focus, .createboxInput:focus { background:#fff8dc; } /*** Userlinks ***/ /*** Search ***/ /* #p-search .pBody { float:right; margin-right:18px; margin-top:8px; padding:2px; width:230px; height:24px; border:none; background-color:transparent; overflow:hidden; } min-width:1032px; position:static; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; } display:none; } width:140px; } padding-left:10px !important; margin-left:-4px; margin-right:0px !important; margin-top:1px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; border:none !important; } -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; border:none !important; margin-left:-8px; } */ /*** Tabs ***/ /*** Sidebar ***/ /*** Content ***/ /* Code styling */ .css.source-css, .javascript.source-javascript { font-size:127%; } pre { border:1px solid #3a2b1d; background-color:#f9f9f9; } /*** Editing interface ***/ /*** Footer ***/ /* ########## Search relocation ########## */ /*** Skin colour and formatting ***/ ul {list-style-image:none !important;} a, a:visited, #bodyContent a.extiw, #bodyContent a.extiw:active { color:#7f571f } a:hover { text-decoration:none !important; } /* Head */ div#column-content, #p-cactions { padding-top:70px; } div#column-one { padding-top:82px; } margin-top:5px; margin-bottom:5px; filter:none !important; width:250px; height:70px; } background-image:url(http://images.wikia.com/runescape/images/8/89/Wiki-wordmark.png) !important; /* background-position:-200px -200px !important; */ margin-top:5px; width:250px; height:65px; outline:none; z-index:5; } height:65px; margin-bottom:5px; } /* User panel */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background-image:none; } li#pt-logout a { border-right:none !important; } color:#3a2d1b; line-height:35px; border-right:1px solid #3a2d1b; padding:2px 5px; margin-right:-11px; margin-left:-4px; font-weight:bold; } background-color:#3a2d1b; color:#fff8dc; text-decoration:none; } margin-right:-20px; } /* It contains nothing and deforms the list of links */ li#pt-fbuser { display:none; } /* Tabs */ -moz-border-radius:10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-radius:10px 10px 0 0; } border-top:1px solid #3a2d1b; border-left:1px solid #3a2d1b; border-right:1px solid #3a2d1b; border-bottom:none; padding-top:2px; padding-bottom:2px; font-size:13px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; } background-color:transparent; color:#3a2d1b; text-transform:none; } background-color:#ffffff; /* color:#6f3c00; */ } 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:#fec423; */ } /* Images in tabs */ li#ca-nstab-main a, li#ca-nstab-main.selected a, li#ca-talk a, li#ca-talk.selected a, li#ca-nstab-image a, li#ca-nstab-image.selected a, li#ca-nstab-category a, li#ca-nstab-category.selected a, li#ca-nstab-foro a, li#ca-nstab-foro.selected a { background:#fff url(http://images4.wikia.nocookie.net/__cb20101205174427/es.pokemon/images/d/d6/MonobookSprite.png) no-repeat; padding-right:25px !important; padding-left:10px !important; } li#ca-nstab-main a, li#ca-nstab-main.selected a { background-position:right 0px; } li#ca-talk a, li#ca-talk.selected a { background-position:right -24px; } li#ca-nstab-image a, li#ca-nstab-image.selected a { background-position:right -48px; } li#ca-nstab-category a, li#ca-nstab-category.selected a { background-position:right -72px; } li#ca-nstab-foro a, li#ca-nstab-foro.selected a { background-position:right -96px; } li#ca-edit a, li#ca-edit.selected a, li#ca-history a, li#ca-history.selected a, li#ca-delete a, li#ca-delete.selected a, li#ca-move a, li#ca-move.selected a, li#ca-protect a, li#ca-protect.selected a, li#ca-unprotect a, li#ca-unprotect.selected a, li#ca-watch a, li#ca-watch.selected a, li#ca-unwatch a, li#ca-unwatch.selected a, li#ca-listing-refresh-tab a, li#ca-listing-refresh-tab.selected a { background-image:url(http://images4.wikia.nocookie.net/__cb20101205174427/es.pokemon/images/d/d6/MonobookSprite.png); background-repeat:no-repeat; padding-right:7px !important; padding-left:22px !important; } li#ca-edit a, li#ca-edit.selected a { background-position:left -120px; } li#ca-history a, li#ca-history.selected a { background-position:left -144px; } li#ca-delete a, li#ca-delete.selected a { background-position:left -168px; } li#ca-move a, li#ca-move.selected a { background-position:left -192px; } li#ca-protect a, li#ca-protect.selected a, li#ca-unprotect a, li#ca-unprotect.selected a { background-position:left -216px; } li#ca-watch a, li#ca-watch.selected a, li#ca-unwatch a, li#ca-unwatch.selected a { background-position:left -240px; } li#ca-listing-refresh-tab a, li#ca-listing-refresh-tab.selected a { background-position:left -264px; } /* Content space */ -moz-border-radius:12px; -webkit-border-top-left-radius:12px; border-radius:12px; border:1px solid #3a2d1b; } /* First header */ /* background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); */ -moz-border-radius: 10px 0 0 0; -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 */ -moz-box-shadow: none; border: none; background: -moz-linear-gradient(center top, #5d482b 0%, #3a2d1b 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5d482b), color-stop(100%, #3a2d1b)); */ -moz-border-radius: 0 0 0 8px; -webkit-border-bottom-right-radius:10px; border-radius: 0 0 0 8px; margin: 10px -12px -13px -13px; padding: 8px 0 8px 10px; } float: right; /* background: url(http://images2.wikia.nocookie.net/__cb20110213183330/es.pokemon/images/9/96/FondoCategorias.png) no-repeat right center; */ width: 100px; margin: -8px 0px -14px 0; height: 35px; } /* http://community.wikia.com/wiki/Forum:Category_redlinks_not_red */ /* color:#ff591f; */ } a.newcategory { /* color: #cc2200; */ } /*** Side menu ***/ .portlet h5 { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; border-top-left-radius:10px; border-top-right-radius:10px; text-transform:capitalize; font-weight:bold; text-align:center !important; /* not working */ padding-right:150px; background:#3a2d1b; color:#fff8dc; border-color:#3a2d1b; border-bottom:0; margin-bottom:0px; } .portlet { margin-left:6px; width:148px; } .portlet ul { list-style-type:none !important; } div#p-lang h5 { text-transform:none; } /* Specific because they are two words (capitalise = Other Languages) */ .pBody { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;; font-size: 95%; background-color: white; color: black; border-collapse: collapse; border:1px solid #3a2d1b; } margin-left:8px; } margin-left:0px; } 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 #3a2d1b; width: 125px !important; } li.activity-ns-0 a img { vertical-align: top; } li.activity-ns-0:first-child { border-top:1px solid #3a2d1b; 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; } display:none; } /* Search tips */ 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:#3a2d1b 2px 1px 2px; } /* Edit mode: message preview */ /* background-color:#ffedB8; border:2px solid #e1ae25; */ -moz-border-radius:10px; padding:5px !important; margin:20px auto; } display:none; } background:none; color:#000000; border-bottom:1px solid #e1ae25; height:25px; line-height:27px; margin:0; padding-left:6px; } /* Edit mode: lower */ div#editpage-copywarn { background-color:#fff; padding:0 7px; margin-bottom:8px; margin-top:4px; border:1px solid #3a2d1b; color:#000; } div#editOptions { background-color:#eee; padding:7px; color:#3a2d1b; border:1px solid #ccc; } margin-bottom:3px; } /* Sin definir etiqueta, ya que hay más de un 'wpSummary' */ div.editButtons { margin-top:4px; } div.editButtons input { margin-right:3px; } input#wpSave { margin-right:3px; } /* Específico para anular el que lleva por defecto */ /* Style buttons */ input[type="submit"], input[type="reset"], input[type="button"], button { background-color:#3a2d1b; background-image:-moz-linear-gradient(center top, #5d482b 35%, #3a2d1b 65%); background-image:-webkit-gradient(linear, 0% 20%, 0% 70%, from(#5d482b), to(#3a2d1b)); border:1px solid #3a2d1b !important; -moz-border-radius:4px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow:0 0 0 1px #3a2d1b; -webkit-box-shadow:0 1px 0 #3a2d1b, 0 -1px 0 #3a2d1b, 1px 0 0 #3a2d1b, -1px 0 0 #3a2d1b; box-shadow:0 1px 0 #3a2d1b, 0 -1px 0 #3a2d1b, 1px 0 0 #3a2d1b, -1px 0 0 #3a2d1b; 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; } /* Characteristics for the buttons in the search box */ form#searchform input[type="submit"] { font:12px 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0 7px; height:18px; margin-top:4px; } /* Arreglar tamaño en 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; } /* Estilos 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 #3a2d1b/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:#000 0 1px 1px; } 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-image:-moz-linear-gradient(center top, #3a2d1b 35%, #5d482b 65%); background-image:-webkit-gradient(linear, 0% 20%, 0% 70%, from(#3a2d1b), to(#5d482b)); } /* Footer */ div#footer { width: 1150px; background: white; color: black; font-size: 70%; border: 1px solid #3A2D1B; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-radius: 15px 15px 15px 15px; clear: both; margin-left: 155px; } display:table; border-top:1px solid #444; margin:2px auto; padding:2px 10px; } color:#7f571f; } margin-left:15px; } margin-top:35px; } /*** Monobook Sidebar ***/ /* Without an ugly padding */ margin:0; } border-color:#3a2d1b; /* background:#fec423; */ padding:0; } /* Other than a list */ display:block; list-style-image:none !important;/* by IE */ } /* Overall design of the links */ 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 */ background:#edce01 url("data:image/gif;base64,R0lGODdhAQAWAKEDAN+hA+a3Au3OAf///ywAAAAAAQAWAAACBpSPEsDtBQA7") repeat-x left center; margin:1px 1px 0 1px; padding:0 0 0 10px; color:#fff; width:auto; text-shadow:#555 1px 1px 3px; } /* color:#fff5a1; text-shadow:#aaa46c 1px 1px 3px; */ } right:8px; } /* Marker submenu */ font-style:normal; font-family:arial,sans-serif; font-size:16pt; font-weight:bold; line-height:20px; position:absolute; right:8px; top:0px } /* Hover */ /* background-color:#ffd14e; */ } display:block; } /* General submenu */ 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 */ margin-left:138px; } /*** End Monobook Sidebar ***/ /* UserWikiInfo (in contributions, user pages and discussion) */ min-height:112px; background-color:#3a2d1b; background:-moz-linear-gradient(center top, #777 0%, #3a2d1b 100%); background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #777777), color-stop(100%, #3a2d1b)); filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#3a2d1b', startColorstr='#777777', gradientType='0'); color:#AAA; overflow:hidden; line-height:200%; margin:1px 0 10px 0; padding:2px 5px; border:1px solid #999; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; -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; } 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; } display:none; } display:block; z-index:5; position:absolute; top:0; left:0; padding:5px; text-align:center; background:#ccc; color:#00c; } display:inline-block; padding:2px 10px; margin-top:5px; border:1px solid #444; background:#555; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } color:#fec423; } display:inline-block; padding:4px 8px; border:1px solid #444; background:#555; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } display:block; width:100px; border:1px solid #eee; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } display:block; height:5px; background-color:#60f860; -moz-box-shadow:inset 0 0 1px 0 #3a2d1b; -webkit-box-shadow:inset 0 0 1px 0 #3a2d1b; box-shadow:inset 0 0 1px 0 #3a2d1b; } background-color:#f8d800; } background-color:#ff0000; } /*** Patches ***/ /* Patch: Is mounted on the login link */ margin-top:1em; } /* Patches: CSS missing for LinkSuggest */ .navigation-hover { background-color:#fdff4f; /* #e0efff;*/ } /* Patch: In Monobook background and color are forced from your CSS. In Monaco no, and some styles do not contemplate it. Transparent background and return the corresponding color */ table, abbr, acronym, .explain { color:inherit; background-color:inherit; } /* Patch: This is used to "expand" the thumbs, and Thickbox. Not in Monobook */ .sprite { height:16px; width:16px; position:relative; vertical-align:middle; top:-2px; } /* Space which does not overlap the #navegador */ .ns-0 .firstHeading, .ns-14 .firstHeading { margin-top:10px; } /* "in other languages​​" was above the headers */ position:static; }
 * 1) p-search {
 * 1) p-search h5 {
 * 1) searchInput {
 * 1) searchGoButton {
 * 1) mw-searchButton {
 * 1) p-logo {
 * 1) p-logo a, #p-logo a:hover { /* Wiki logo goes here */
 * 1) p-personal {
 * 1) p-personal li a {
 * 1) p-personal li a:hover, #p-personal li.active a:hover {
 * 1) showdate {
 * 1) p-cactions li, #p-cactions li a {
 * 1) p-cactions li, #p-cactions li.selected {
 * 1) p-cactions li a, #p-cactions li.selected a {
 * 1) p-cactions li.selected, #p-cactions li.selected a, #p-cactions li a:hover, #p-cactions li:hover {
 * 1) p-cactions {
 * 1) content {
 * 1) firstHeading {
 * 1) bodyContent > #catlinks {
 * 1) catlinks-background-image {
 * 1) catlinks a.newcategory {
 * 1) p-tb .pBody ul, #p-Content_Navigation .pBody ul, #p-Community .pBody ul, #p-wikicities-nav .pBody ul {
 * 1) p-lang .pBody ul, #p-dexlinks .pBody ul {
 * 1) 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 {
 * 1) p-wikicities-nav hr {
 * 1) bodyContent .previewnote {
 * 1) bodyContent .previewnote hr {
 * 1) bodyContent #mw-previewheader {
 * 1) wpSummary {
 * 1) footer li#hosting {
 * 1) footer a {
 * 1) f-copyrightico {
 * 1) f-poweredbyico, #f-copyrightico {
 * 1) p-navigation ul {
 * 1) p-navigation > div {
 * 1) p-navigation li {
 * 1) p-navigation li > a {
 * 1) p-navigation > div > ul > li > a {
 * 1) p-navigation > div > ul > li.hover > a {
 * 1) p-navigation > div > ul > li > a > em {
 * 1) p-navigation em {
 * 1) p-navigation li > ul > li.hover > a {
 * 1) p-navigation li.hover > ul.sub-menu {
 * 1) p-navigation ul.sub-menu {
 * 1) p-navigation > div > ul > li > ul.sub-menu {
 * 1) UserWikiInfo {
 * 1) UserWikiInfo > div.useravatar {
 * 1) UserWikiInfo > .useravatar > .editavatar {
 * 1) UserWikiInfo > .useravatar:hover > .editavatar {
 * 1) UserWikiInfo > span {
 * 1) UserWikiInfo > span a {
 * 1) UserWikiInfo span.contenteditcount {
 * 1) UserWikiInfo span.psmax {
 * 1) UserWikiInfo span.psact {
 * 1) UserWikiInfo span.psact.pslvl1 {
 * 1) UserWikiInfo span.psact.pslvl0 {
 * 1) column-google {
 * 1) p-lang {