Diferencia entre revisiones de «MediaWiki:Vector.css»
De Wiki de Universo Zelda
(No se muestran 164 ediciones intermedias de 2 usuarios) | |||
Línea 1: | Línea 1: | ||
/* El CSS colocado en esta página afectará a los usuarios que usen la apariencia "Vector" */ | /* 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 */ | /* Page History */ | ||
#bodyContent ul#pagehistory li{ | #bodyContent ul#pagehistory li{ | ||
− | border: 1px solid # | + | border: 1px solid #B4C767; |
} | } | ||
#bodyContent ul#pagehistory li.selected{ | #bodyContent ul#pagehistory li.selected{ | ||
− | background-color: #4a6219; | + | background-color: #B4C767; /*#4a6219;*/ |
− | border: 1px dashed # | + | 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; | ||
} | } | ||
− | /* | + | |
− | . | + | |
− | border: 1px solid # | + | |
+ | |||
+ | |||
+ | /* | ||
+ | * 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; | background-color: #4a6219; | ||
+ | color: #d2d2d2; | ||
+ | margin-left: 10em; | ||
+ | padding: 1em; | ||
} | } | ||
+ | |||
+ | /* Head */ | ||
+ | /*#mw-page-base { | ||
+ | background-color: #2d3c0e; | ||
+ | }*/ | ||
+ | |||
+ | #mw-page-base { | ||
+ | background: linear-gradient(#4a6219, #2d3c0e); | ||
+ | } | ||
+ | |||
+ | /* Navigation Containers */ | ||
+ | #left-navigation { | ||
+ | left: 10em; | ||
+ | } | ||
+ | |||
/* Namespaces and Views */ | /* Namespaces and Views */ | ||
+ | /* OVERRIDDEN BY COMPLIANT BROWSERS */ | ||
div.vectorTabs ul li { /* @todo */ | div.vectorTabs ul li { /* @todo */ | ||
background-color: transparent; | background-color: transparent; | ||
Línea 89: | Línea 168: | ||
div.vectorTabs li.selected a, | div.vectorTabs li.selected a, | ||
div.vectorTabs li.selected a:visited{ | div.vectorTabs li.selected a:visited{ | ||
− | color: # | + | color: #d2d2d2; |
text-decoration: none; | text-decoration: none; | ||
− | background-color:# | + | background: linear-gradient(#3C4F13, #4B6219);/*background-color:#4a6219;*/ |
} | } | ||
div.vectorTabs li.new a, | div.vectorTabs li.new a, | ||
div.vectorTabs li.new a:visited{ | div.vectorTabs li.new a:visited{ | ||
− | color: # | + | 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 */ | /* Search */ | ||
div#simpleSearch { | div#simpleSearch { | ||
− | border: solid 1px # | + | border: solid 1px #B4C767; |
− | background-color: # | + | background-color: #4a6219; |
background-image: none; | background-image: none; | ||
} | } | ||
div#simpleSearch input#searchInput { | div#simpleSearch input#searchInput { | ||
− | color:# | + | color:#e0e0e0; |
} | } | ||
.mw-search-result-data { | .mw-search-result-data { | ||
− | color: | + | color:grey; |
} | } | ||
Línea 137: | Línea 239: | ||
#mw-panel.collapsible-nav .portal{ | #mw-panel.collapsible-nav .portal{ | ||
background: none; | background: none; | ||
− | border-bottom: 1px solid # | + | border-bottom: 1px solid #B4C767; |
} | } | ||
/* Footer */ | /* Footer */ | ||
div#footer ul li { | div#footer ul li { | ||
− | color: # | + | color: #fff; |
} | } | ||
+ | |||
/* Logo */ | /* Logo */ | ||
Línea 149: | Línea 252: | ||
left: 0; | left: 0; | ||
top: -150px; | 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 #B4C767; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | #preferences legend { | ||
+ | color: #b6b6b6; | ||
+ | } | ||
+ | |||
+ | .htmlform-tip { | ||
+ | color: #b6b6b6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | * Styles for the user login and create account forms | ||
+ | */ | ||
+ | #userlogin, #userloginForm { | ||
+ | border: solid 1px #B4C767; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | div#userloginForm table, div#userlogin form#userlogin2 table { | ||
+ | background-color: #2D3C0E; | ||
+ | |||
+ | } | ||
+ | |||
+ | #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 #B4C767; | ||
+ | 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: #2D3C0E; | ||
+ | } | ||
+ | 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: #2D3C0E; | ||
+ | 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 #B4C767; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Thumbnails */ | ||
+ | div.thumb { | ||
+ | border-style: solid; | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | div.thumbinner { | ||
+ | border: 1px solid #B4C767; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | html .thumbimage { | ||
+ | background-color: #2D3C0E; | ||
+ | border: 1px solid #B4C767; | ||
+ | } | ||
+ | img.thumbborder { /* @todo */ | ||
+ | border: 1px solid #dddddd; | ||
+ | } | ||
+ | .hiddenStructure { /* @todo */ | ||
+ | display: none; | ||
+ | } | ||
+ | /* Warning */ | ||
+ | /* User Message */ | ||
+ | .usermessage { | ||
+ | background-color: #2D3C0E; | ||
+ | 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 #B4C767; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | /* 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 #B4C767; } | ||
+ | #bodyContent ul#pagehistory li.selected { | ||
+ | background-color: #2D3C0E; | ||
+ | border: 1px dashed #B4C767; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* 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: #2D3C0E; | ||
+ | font-size: 10px; | ||
+ | width: 98.6%; | ||
+ | border: 1px solid #B4C767; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content div.rss h3 { | ||
+ | font-size: 10px; | ||
+ | border: 1px solid #B4C767; | ||
+ | padding: 2px 5px; | ||
+ | margin: 0; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | #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: #2D3C0E; | ||
+ | border: 1px solid #B4C767; | ||
+ | border-collapse: collapse; | ||
+ | color: #D2D2D2; | ||
+ | } | ||
+ | |||
+ | table.wikitable th, table.wikitable td, | ||
+ | table.prettytable th, table.prettytable td { | ||
+ | background: #2D3C0E; | ||
+ | border: 1px solid #B4C767; | ||
+ | padding: 0.4em; | ||
+ | } | ||
+ | |||
+ | table.wikitable th, | ||
+ | table.prettytable th { | ||
+ | background: #2D3C0E; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{ | ||
+ | border: 1px solid #B4C767; | ||
+ | padding: 0.4em; | ||
+ | } | ||
+ | |||
+ | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
+ | background: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | 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: #2D3C0E; | ||
+ | border: 1px solid #B4C767; | ||
+ | } | ||
+ | |||
+ | table.gallery {/* @todo - unused? */ | ||
+ | border: 1px solid #B4C767; | ||
+ | margin: 2px; | ||
+ | padding: 2px; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | table.gallery tr {/* @todo - unused? */ | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | table.gallery td {/* @todo - unused? */ | ||
+ | vertical-align: top; | ||
+ | background-color: #2D3C0E; | ||
+ | border: solid 2px #B4C767; | ||
+ | } | ||
+ | |||
+ | table.gallery caption {/* @todo - unused? */ | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | div.gallerybox {/* @todo - remove? */ | ||
+ | margin: 2px; | ||
+ | } | ||
+ | |||
+ | div.gallerybox div.thumb {/* @todo - remove? */ | ||
+ | border: 1px solid #B4C767; | ||
+ | /*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 #B4C767; | ||
+ | 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: #2D3C0E } | ||
+ | .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: #2D3C0E; | ||
+ | border: 1px solid #B4C767 !important; | ||
+ | border-top-width: 0 !important; | ||
+ | } | ||
+ | |||
+ | .mw-search-formheader { | ||
+ | background-color: #2D3C0E; | ||
+ | margin-top: 1em; | ||
+ | border: 1px solid #B4C767; | ||
+ | } | ||
+ | |||
+ | fieldset#mw-searchoptions div.divider { | ||
+ | clear: both; | ||
+ | border-bottom: 1px solid #B4C767; | ||
+ | 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 #B4C767; | ||
+ | background-color: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* File Namespace */ | ||
+ | #filetoc { | ||
+ | background-color: #2D3C0E !important; | ||
+ | border: 1px solid #B4C767 !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: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | 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: #2D3C0E; | ||
+ | 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 #B4C767; | ||
+ | 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: #2D3C0E; | ||
+ | border: 1px solid #B4C767; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | table.altrow td, table.altcol td { | ||
+ | border: 1px solid #B4C767; | ||
+ | padding: 0.4em; | ||
+ | } | ||
+ | |||
+ | table.altrow tr:nth-child(even) { | ||
+ | background: #2D3C0E; | ||
+ | } | ||
+ | |||
+ | 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: #2D3C0E; | ||
+ | border: 1px solid #B4C767; | ||
+ | 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; | ||
} | } |
Revisión actual del 21:25 22 nov 2016
/* 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: #B4C767; /*#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-page-base { 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: linear-gradient(#3C4F13, #4B6219);/*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 #B4C767; background-color: #2D3C0E; } #preferences legend { color: #b6b6b6; } .htmlform-tip { color: #b6b6b6; } /* * Styles for the user login and create account forms */ #userlogin, #userloginForm { border: solid 1px #B4C767; background-color: #2D3C0E; } div#userloginForm table, div#userlogin form#userlogin2 table { background-color: #2D3C0E; } #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 #B4C767; 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: #2D3C0E; } 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: #2D3C0E; 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 #B4C767; background-color: #2D3C0E; } /* Thumbnails */ div.thumb { border-style: solid; border-color: transparent; } div.thumbinner { border: 1px solid #B4C767; background-color: #2D3C0E; } html .thumbimage { background-color: #2D3C0E; border: 1px solid #B4C767; } img.thumbborder { /* @todo */ border: 1px solid #dddddd; } .hiddenStructure { /* @todo */ display: none; } /* Warning */ /* User Message */ .usermessage { background-color: #2D3C0E; 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 #B4C767; background-color: #2D3C0E; } /* 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 #B4C767; } #bodyContent ul#pagehistory li.selected { background-color: #2D3C0E; border: 1px dashed #B4C767; } /* 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: #2D3C0E; font-size: 10px; width: 98.6%; border: 1px solid #B4C767; } #content div.rss h3 { font-size: 10px; border: 1px solid #B4C767; padding: 2px 5px; margin: 0; background-color: #2D3C0E; } #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: #2D3C0E; border: 1px solid #B4C767; border-collapse: collapse; color: #D2D2D2; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { background: #2D3C0E; border: 1px solid #B4C767; padding: 0.4em; } table.wikitable th, table.prettytable th { background: #2D3C0E; text-align: center; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{ border: 1px solid #B4C767; padding: 0.4em; } table.wikitable > tr > th, table.wikitable > * > tr > th { background: #2D3C0E; } 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: #2D3C0E; border: 1px solid #B4C767; } table.gallery {/* @todo - unused? */ border: 1px solid #B4C767; margin: 2px; padding: 2px; background-color: #2D3C0E; } table.gallery tr {/* @todo - unused? */ vertical-align: top; } table.gallery td {/* @todo - unused? */ vertical-align: top; background-color: #2D3C0E; border: solid 2px #B4C767; } table.gallery caption {/* @todo - unused? */ font-weight: bold; } div.gallerybox {/* @todo - remove? */ margin: 2px; } div.gallerybox div.thumb {/* @todo - remove? */ border: 1px solid #B4C767; /*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 #B4C767; 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: #2D3C0E } .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: #2D3C0E; border: 1px solid #B4C767 !important; border-top-width: 0 !important; } .mw-search-formheader { background-color: #2D3C0E; margin-top: 1em; border: 1px solid #B4C767; } fieldset#mw-searchoptions div.divider { clear: both; border-bottom: 1px solid #B4C767; 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 #B4C767; background-color: #2D3C0E; } /* File Namespace */ #filetoc { background-color: #2D3C0E !important; border: 1px solid #B4C767 !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: #2D3C0E; } 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: #2D3C0E; 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 #B4C767; 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: #2D3C0E; border: 1px solid #B4C767; border-collapse: collapse; } table.altrow td, table.altcol td { border: 1px solid #B4C767; padding: 0.4em; } table.altrow tr:nth-child(even) { background: #2D3C0E; } 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: #2D3C0E; border: 1px solid #B4C767; 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; }