MediaWiki:Vector.css
De Wiki de Universo Zelda
Revisión del 23:51 27 ene 2016 de Peri1903 (Discusión | contribuciones)
Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
- Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
- Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
- Opera: vacía la caché en Herramientas → Preferencias
/* El CSS colocado en esta página afectará a los usuarios que usen la apariencia "Vector" */ /* WORKAROUND: For some reason, the "tab-break" resource does not appear to the right of the selected tab (e.g. "read", "edit", "view history") unless we add 1 pixel of padding. */ .vectorTabs li.selected span { padding-right:1px; } /* Recent Changes */ .mw-plusminus-pos { color: #00D000; } .mw-plusminus-neg, .previewnote { color: #E00000; } /* Content */ #bodyContent h1, #bodyContent h2 { margin-top: 0.6em !important; margin-bottom: 0.6em !important; } #contentSub { color:inherit; } .mw-body a.external { color: #F4F26B; } .mw-body a.external:visited { color: #e7ea12; } .mw-body a.external:active { color: #F4F26B; } pre, .mw-code { background-color: #2d3c0e; border: 1px dashed #B4C767; color: #D2D2D2; font-size: 100% !important; } /* Page History */ #bodyContent ul#pagehistory li{ border: 1px solid #B4C767; } #bodyContent ul#pagehistory li.selected{ background-color: #4a6219; border: 1px dashed #B4C767; } /* ** Diff rendering */ table.diff, td.diff-otitle, td.diff-ntitle { background-color: transparent; } td.diff-addedline, td.diff-deletedline, td.diff-context { font-size: 90%; } td.diff-addedline { background-color: #255A81; border-color: #B0FFB0; } td.diff-deletedline { background-color: #255A81; border-color: #FFB0B0; } td.diff-context { background-color: transparent; border-color: #BBB; color: #D2D2D2; } td.diff-addedline .diffchange, td.diff-deletedline .diffchange { border-radius: 0.33em; color: black; padding: 0.25em; } td.diff-addedline .diffchange { background: #90FF90; } td.diff-deletedline .diffchange { background: #FF7070; } /* * Any rules which should not be flipped automatically in right-to-left situations should be * prepended with @noflip in a comment block. Images that should be embedded as base64 data-URLs * should be prepended with @embed in a comment block. * * This style-sheet employs a few CSS trick to accomplish compatibility with a wide range of web * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using * a rule that makes things work in IE6, and then following it with a rule that begins with * "html > body" or use a child selector ">", which is ignored by IE6 because it does not support * the child selector. You can spot this by looking for the "OVERRIDDEN BY COMPLIANT BROWSERS" and * "IGNORED BY IE6" comments. */ /* Framework */ body { background-color: #2d3c0e; } /* Content */ div#content { border: 1px solid #B4C767; border-right-width: 0; background-color: #4a6219; color: #d2d2d2; margin-left: 10em; padding: 1em; } /* Head */ #mw-page-base { background-color: #2d3c0e; } #mw-head { background: linear-gradient(#4a6219, #2d3c0e); /* Navigation Containers */ #left-navigation { left: 10em; } /* Namespaces and Views */ /* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorTabs ul li { /* @todo */ background-color: transparent; background-image: none; } div.vectorTabs li.icon a { /* @todo */ background-position: bottom right; background-repeat: no-repeat; } div.vectorTabs li a, div.vectorTabs li a span { color: #F4F26B; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ color: #d2d2d2; text-decoration: none; background-color:#4a6219; } div.vectorTabs li.new a, div.vectorTabs li.new a:visited{ color: #FF8581; } /* Variants and Actions */ div.vectorMenu ul { background-color: #4a6219; border: solid 1px #B4C767; } /* OVERRIDDEN BY COMPLIANT BROWSERS */ div.vectorMenu li a { color: #F4F26B; } /* IGNORED BY IE6 */ div.vectorMenu li > a { display: block; } div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited { color: #e7ea12; text-decoration: none; } /* Search */ div#simpleSearch { border: solid 1px #B4C767; background-color: #4a6219; background-image: none; } div#simpleSearch input#searchInput { color:#e0e0e0; } .mw-search-result-data { color:grey; } /* Panel */ #mw-panel { padding: 0; } div#mw-panel div.portal div.body ul li a { color: #F4F26B; } div#mw-panel div.portal div.body ul li a:visited { color: #F4F26B; } /* Sidebar */ div#mw-panel div.portal h3 { color: #F4F26B; } #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal h5 a { color: #E7EA12 !important; } #mw-panel.collapsible-nav .portal{ background: none; border-bottom: 1px solid #B4C767; } /* Footer */ div#footer ul li { color: #fff; } /* Logo */ #p-logo { left: 0; top: -150px; } /* * * The following code is highly modified from monobook. It would be nice if the * preftoc id was more human readable like preferences-toc for instance, * howerver this would require backporting the other skins. */ /* Preferences */ #preftoc a, #preftoc a:active { color: #F4F26B; text-decoration: none; } #preftoc li.selected a { color: #d2d2d2; text-decoration: none; } #preferences { /* @todo */ border: solid 1px #426787; background-color: #1D578B; } #preferences legend { color: #b6b6b6; } .htmlform-tip { color: #b6b6b6; } /* * Styles for the user login and create account forms */ #userlogin, #userloginForm { border: solid 1px #426787; background-color: #1D578B; } div#userloginForm table, div#userlogin form#userlogin2 table { background-color: #1D578B; } #userlogin { min-width: 20em; max-width: 90%; width: 40em; } /* Links */ a { text-decoration: none; color: #f4f26b; background: none; } a:visited { color: #e7ea12; } a:active { color: #F4F26B; } a:hover { text-decoration: underline; } a.stub { color: #F4F26B; } #bodyContent a.new { color: #fc4c46; } a.new, #p-personal a.new { color: #fc4c46; } a.new:visited, #p-personal a.new:visited { color: #fc4c46; } /* Inline Elements */ hr { color: #426787; background-color: #426787; } /* Structural Elements */ h1, h2, h3, h4, h5, h6 { color: #d2d2d2; padding-top: 0; border-bottom: 1px solid #fff; width: auto; } h3, h4, h5, h6 { border-bottom: none; font-weight: bold; } code { background-color: #CEDB9D; } pre { /* @todo */ border: 1px dashed #426787; color: #d2d2d2; background-color: #4a6219; /*line-height: 1.1em; font-size: 120%;*/ } /* Tables */ table { color: #d2d2d2; /* we don't want the bottom borders of <h2>s to be visible through * floated tables */ background-color: #17456e; } fieldset table { /* but keep table layouts in forms clean... */ background: none } .editsection { /* @todo */ float: right; } ul { list-style-type: disc; /* @embed */ list-style-image: url(images/bullet-icon.png); } .mw-code { line-height: 1.3em; } /* mediawiki.notification */ .skin-vector .mw-notification { background-color: #1D578B; background-color: rgba(29, 87, 139, 0.93); } /* Watch/Unwatch Icon Styling */ #ca-unwatch.icon a, #ca-watch.icon a { /* @todo */ /* @embed */ background-image: url(images/watch-icons.png); } #ca-unwatch.icon a.loading, #ca-watch.icon a.loading { /* @todo */ /* @embed */ background-image: url(images/watch-icon-loading.gif); background-position: 5px 60%; } /* Table of Contents */ #toc, .toc, .mw-warning { border: 1px solid #426787; background-color: #1d578b; } /* Thumbnails */ div.thumb { border-style: solid; border-color: transparent; } div.thumbinner { border: 1px solid #426787; background-color: #1d578b; } html .thumbimage { background-color: #17456e; border: 1px solid #426787; } img.thumbborder { /* @todo */ border: 1px solid #dddddd; } .hiddenStructure { /* @todo */ display: none; } /* Warning */ /* User Message */ .usermessage { background-color: #1D578B; border: 1px solid #E7EA12; color: #d2d2d2; } /* Site Notice */ #siteNotice div, #siteNotice p { margin: 0; padding: 0; margin-bottom: 0.9em; } /* Categories */ .catlinks { border: 1px solid #B4C767; background-color: #2d3c0e; } /* Edge Cases for Content */ h1, h2 { margin-bottom: .6em; margin-top: 0.6em; } h3, h4, h5 { margin-bottom: .3em; } /* Interwiki Styling */ #content a.extiw, #content a.extiw:active { color: #F4F26B; background: none; padding: 0; } #content a.external { color: #F4F26B; } .toccolours { border: 1px solid #1d578b; background-color: #426787; } /* Watch/Unwatch Icon Styling */ #ca-unwatch.icon, #ca-watch.icon { /* @todo */ margin-right:1px; } #ca-unwatch.icon a, #ca-watch.icon a { /* @todo */ padding: 0; height: 2.5em; } /* Page history styling */ /* the auto-generated edit comments */ #bodyContent ul#pagehistory .history-user { margin-left: 0.4em; margin-right: 0.2em; } #bodyContent ul#pagehistory span.minor { font-weight: bold; } #bodyContent ul#pagehistory li { border: 1px solid #17456e; } #bodyContent ul#pagehistory li.selected { background-color: #1d578b; border: 1px dashed #426787; } /* RSSReader Stuff */ .RSSReader-head { text-align: center; padding: 0.2em; border-bottom: 0.1em solid #aaa; } #content div.rss { margin: 0 0 8px -3px; padding: 5px; background-color: #1d578b; font-size: 10px; width: 98.6%; border: 1px solid #426787; } #content div.rss h3 { font-size: 10px; border: 1px solid #426787; padding: 2px 5px; margin: 0; background-color: #17456e; } #content div.rss h3 a { color: #F4F26B; } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background-color: #17456E; border: 1px solid #426787; border-collapse: collapse; color: #D2D2D2; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { background: #17456E; border: 1px solid #426787; padding: 0.4em; } table.wikitable th, table.prettytable th { background: #1D578B; text-align: center; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{ border: 1px solid #426787; padding: 0.4em; } table.wikitable > tr > th, table.wikitable > * > tr > th { background: #1D578B; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytable code, table.wikitable code { background-color: transparent; } /* Galleries */ li.gallerybox div.thumb { background-color: #1D578B; border: 1px solid #426787; } table.gallery {/* @todo - unused? */ border: 1px solid #1D578B; margin: 2px; padding: 2px; background-color: #17456E; } table.gallery tr {/* @todo - unused? */ vertical-align: top; } table.gallery td {/* @todo - unused? */ vertical-align: top; background-color: #1D578B; border: solid 2px #17456E; } table.gallery caption {/* @todo - unused? */ font-weight: bold; } div.gallerybox {/* @todo - remove? */ margin: 2px; } div.gallerybox div.thumb {/* @todo - remove? */ border: 1px solid #426787; /*margin-left: 1.4px; margin-top: 4px;*/ } /* Table pager (e.g. Special:Imagelist) - remove underlines from the navigation link - collapse borders - set the borders to outsets (similar to Special:Allmessages) - remove line wrapping for all td and th, set background color - restore line wrapping for the last two table cells (description and size) */ .TablePager_nav a { text-decoration: none; } .TablePager { border-collapse: collapse; } .TablePager, .TablePager td, .TablePager th { border: 1px solid #426787; padding: 0 0.15em 0 0.15em; } .TablePager th { background-color: #1D578B } .TablePager td { background-color: #17456E } .TablePager tr:hover td { background-color: #1D578B } .imagelist .TablePager_col_links { background-color: #1D578B } .imagelist th.TablePager_sort { background-color: #ccccff } fieldset#mw-searchoptions { margin: 0; padding-left: 0.75em !important; padding-right: 0.75em !important; padding-bottom: 0.5em !important; padding-top: 0.5em !important; border: none; background-color: #1D578B; border: 1px solid #426787 !important; border-top-width: 0 !important; } .mw-search-formheader { background-color: #17456E; margin-top: 1em; border: 1px solid #426787; } fieldset#mw-searchoptions div.divider { clear: both; border-bottom: 1px solid #426787; padding-top: 0.5em; margin-bottom: 0.5em; } .mw-search-formheader div.search-types ul li.current a { color: #d2d2d2; cursor: default; } div#mw-js-message { /* @todo - unused? */ margin: 1em 5%; padding: 0.5em 2.5%; border: solid 1px #E7EA12; background-color: #1D578B; } /* File Namespace */ #filetoc { background-color: #1D578B !important; border: 1px solid #426787 !important; } div.fullImageLink, .fullMedia { text-align: center; } table.mw_metadata td, table.mw_metadata th { border: 1px solid #3B587E; } table.mw_metadata th { background-color: #1D578B; } table.mw_metadata td { background-color: transparent; } .filehistory a img, #file img:hover { background: transparent; } /* Custom styles made specifically for ZW */ /* Tabs */ .tabcontainer .tab { background-color: #1d578b; background-image:-webkit-linear-gradient(top, #1D679B, #1A4E7D); background-image: -moz-linear-gradient(top, #1D679B, #1A4E7D); background-image: -ms-linear-gradient(top, #1D679B, #1A4E7D); background-image: -o-linear-gradient(top, #1D679B, #1A4E7D); background-image: linear-gradient(top, #1D679B, #1A4E7D); border:2px solid #426787; border-radius:2px; cursor:pointer; float:left; margin:0 1px -2px; padding:3px; text-align:center; white-space:nowrap; } .tabcontainer .tab:hover { background-color:#24527c; background-image:-webkit-linear-gradient(top, #305f89, #17456E); background-image: -moz-linear-gradient(top, #305f89, #17456E); background-image: -ms-linear-gradient(top, #305f89, #17456E); background-image: -o-linear-gradient(top, #305f89, #17456E); background-image: linear-gradient(top, #305f89, #17456E); color:#F4F26B; } .tabcontainer .tab.active { background-color:#17456e !important; background-image:-webkit-linear-gradient(top, #1D578B, #17456E); background-image: -moz-linear-gradient(top, #1D578B, #17456E); background-image: -ms-linear-gradient(top, #1D578B, #17456E); background-image: -o-linear-gradient(top, #1D578B, #17456E); background-image: linear-gradient(top, #1D578B, #17456E); border-bottom: 2px solid #17456E; color:#F4F26B; } /* Button-like gradient background */ .gradient { background-image:-webkit-linear-gradient(top, #4a6219, #2d3c0e); background-image: -moz-linear-gradient(top, #4a6219, #2d3c0e); background-image: -ms-linear-gradient(top, #4a6219, #2d3c0e); background-image: -o-linear-gradient(top, #4a6219, #2d3c0e); background-image: linear-gradient(top, #4a6219, #2d3c0e); } .gradient:hover { background-image:-webkit-linear-gradient(top, #4a6219, #2d3c0e); background-image: -moz-linear-gradient(top, #4a6219, #2d3c0e); background-image: -ms-linear-gradient(top, #4a6219, #2d3c0e); background-image: -o-linear-gradient(top, #4a6219, #2d3c0e); background-image: linear-gradient(top, #4a6219, #2d3c0e); } /* Reverse gradient */ .rgradient { background-image:-webkit-linear-gradient(bottom, #2D679B, #1A4E7D); background-image: -moz-linear-gradient(bottom, #2D679B, #1A4E7D); background-image: -ms-linear-gradient(bottom, #2D679B, #1A4E7D); background-image: -o-linear-gradient(bottom, #2D679B, #1A4E7D); background-image: linear-gradient(bottom, #2D679B, #1A4E7D); } .rgradient:hover { background-image:-webkit-linear-gradient(bottom, #227777, #1A4E7D); background-image: -moz-linear-gradient(bottom, #227777, #1A4E7D); background-image: -ms-linear-gradient(bottom, #227777, #1A4E7D); background-image: -o-linear-gradient(bottom, #227777, #1A4E7D); background-image: linear-gradient(bottom, #227777, #1A4E7D); } /* Alt table */ table.altrow, table.altcol { margin: 1em 1em 1em 0; background: #17456e; border: 1px solid #426787; border-collapse: collapse; } table.altrow td, table.altcol td { border: 1px solid #426787; padding: 0.4em; } table.altrow tr:nth-child(even) { background: #17456e; } table.altrow tr:nth-child(odd) { background: #163d5f; } table.altcol td:nth-child(even) { background: #17456e; } table.altcol td:nth-child(odd) { background: #163d5f; } table.altrow th, table.altcol th { background: #1d578b; border: 1px solid #426787; text-align: center; padding: 0.4em; } table.altrow caption, table.altcol caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.altrow code, table.altcol code { background-color: transparent; }