Diferencia entre revisiones de «MediaWiki:Vector.css»
De Wiki de Universo Zelda
Línea 240: | Línea 240: | ||
color: #e7ea12; | color: #e7ea12; | ||
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | * Dynamic menus | ||
+ | */ | ||
+ | .dmenu { width: 180px } | ||
+ | |||
+ | .dmenu, .dmenu ul { /* all lists */ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .dmenu .selflink { font-weight: normal; } | ||
+ | |||
+ | .dmenu li { /* all list items */ | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: 172px; | ||
+ | padding: 4px; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | |||
+ | .dmenu li, | ||
+ | .dmenu li.even a, | ||
+ | .dmenu li.odd a, | ||
+ | .dmenu li li, | ||
+ | .dmenu li li a, | ||
+ | .dmenu li li li, | ||
+ | .dmenu li li li a { | ||
+ | color : black; | ||
+ | } | ||
+ | |||
+ | .dmenu li li { margin: 0; } | ||
+ | |||
+ | .dmenu li ul { /* second-level lists */ | ||
+ | position: absolute; | ||
+ | left: -999em; | ||
+ | z-index: 101; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | .dmenu li ul ul { /* third-and-above-level lists */ | ||
+ | position: absolute; | ||
+ | left: -999em; | ||
+ | margin: 0 0 0 0; | ||
+ | z-index: 102; | ||
+ | } | ||
+ | |||
+ | .dmenu li.odd .submenu { | ||
+ | width: 12px; | ||
+ | height: 15px; | ||
+ | float: right; | ||
+ | background: url(/common/images/rarr-lt.png) 0 3px no-repeat; | ||
+ | } | ||
+ | .dmenu li.even .submenu { | ||
+ | width: 12px; | ||
+ | height: 15px; | ||
+ | float: right; | ||
+ | background: url(/common/images/rarr-dk.png) 0 3px no-repeat; | ||
+ | } | ||
+ | .dmenu li.odd { | ||
+ | background: #E9EDF4; | ||
+ | border: 2px solid #E9EDF4; | ||
+ | } | ||
+ | .dmenu li.even { | ||
+ | background: #D0D8E8; | ||
+ | border: 2px solid #D0D8E8; | ||
+ | } | ||
+ | |||
+ | .dmenu li:hover, .dmenu li.sfhover { | ||
+ | border: 2px solid #385D8A; | ||
+ | } | ||
+ | |||
+ | .dmenu li:hover ul ul, | ||
+ | .dmenu li:hover ul ul ul, | ||
+ | .dmenu li.sfhover ul ul, | ||
+ | .dmenu li.sfhover ul ul ul { | ||
+ | left: -999em; | ||
+ | } | ||
+ | |||
+ | .dmenu li:hover ul, | ||
+ | .dmenu li li:hover ul, | ||
+ | .dmenu li li li:hover ul, | ||
+ | .dmenu li.sfhover ul, | ||
+ | .dmenu li li.sfhover ul, | ||
+ | .dmenu li li li.sfhover ul { /* lists nested under hovered list items */ | ||
+ | left: 182px; | ||
+ | top: -3px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .infobox { | ||
+ | border: 1px solid #3b587e; | ||
+ | background-color: #1f4973; | ||
+ | color: #d2d2d2; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | padding: 0.2em; | ||
+ | clear: right; | ||
} | } |
Revisión del 19:10 26 ene 2016
/* El CSS colocado en esta página afectará a los usuarios que usen la apariencia "Vector" */ /* Framework */ body { background-color: #2d3c0e; } /* Contenido página */ div#content { border: 1px solid #37411a; border-right-width: 0; background-color: #4a6219; color: #fff; margin-left: 10em; padding: 1em; } /* Head */ #mw-page-base { background-color: #2d3c0e; } #mw-head { background: linear-gradient(#4a6219, #2d3c0e); } #mw-head-base { background-color: #2d3c0e; } /* Navigation Containers */ #left-navigation { left: 10em; } /* Page History */ #bodyContent ul#pagehistory li{ border: 1px solid #17456E; } #bodyContent ul#pagehistory li.selected{ background-color: #2d3c0e; border: 1px dashed #426787; } /* 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: #FF8581; } a.new, #p-personal a.new { color: #FF8581; } a.new:visited, #p-personal a.new:visited { color: #FF8581; } /* Categorías */ .catlinks { border: 1px solid #37411a; background-color: #2d3c0e; } /* Namespaces and Views */ 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: #fff; text-decoration: none; background-color:#4a6219; } div.vectorTabs li.new a, div.vectorTabs li.new a:visited{ color: #da0c05; } /* Search */ div#simpleSearch { border: solid 1px #37411a; background-color: #4a6219; background-image: none; } div#simpleSearch input#searchInput { color:#fff; } .mw-search-result-data { color: #fff; } /* 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 #284360; } /* Footer */ div#footer ul li { color: #fff; } /* Logo */ #p-logo { left: 0; top: -150px; } /* Button-like gradient background */ .gradient { background-image:-webkit-linear-gradient(top, #2D679B, #1A4E7D); background-image: -moz-linear-gradient(top, #2D679B, #1A4E7D); background-image: -ms-linear-gradient(top, #2D679B, #1A4E7D); background-image: -o-linear-gradient(top, #2D679B, #1A4E7D); background-image: linear-gradient(top, #2D679B, #1A4E7D); } .gradient:hover { background-image:-webkit-linear-gradient(top, #227777, #1A4E7D); background-image: -moz-linear-gradient(top, #227777, #1A4E7D); background-image: -ms-linear-gradient(top, #227777, #1A4E7D); background-image: -o-linear-gradient(top, #227777, #1A4E7D); background-image: linear-gradient(top, #227777, #1A4E7D); } /* Titulos estructurales */ h1, h2, h3, h4, h5, h6 { color: #d2d2d2; padding-top: 0; border-bottom: 1px solid #fff; width: auto; } code { background-color: #1D578B; } /* Parte superior pestañas */ /* 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(#6B7730, #4a6219); } div.vectorTabs li.new a, div.vectorTabs li.new a:visited{ color: #FF8581; } /* 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; /* Variants and Actions */ div.vectorMenu ul { background-color: #1d578b; border: solid 1px #426787; } /* IGNORADO POR IE6 */ div.vectorMenu li > a { display: block; } div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited { color: #e7ea12; text-decoration: none; } /* * Dynamic menus */ .dmenu { width: 180px } .dmenu, .dmenu ul { /* all lists */ padding: 0; margin: 0; list-style: none; } .dmenu .selflink { font-weight: normal; } .dmenu li { /* all list items */ position: relative; float: left; width: 172px; padding: 4px; z-index: 100; } .dmenu li, .dmenu li.even a, .dmenu li.odd a, .dmenu li li, .dmenu li li a, .dmenu li li li, .dmenu li li li a { color : black; } .dmenu li li { margin: 0; } .dmenu li ul { /* second-level lists */ position: absolute; left: -999em; z-index: 101; border: 1px solid #ccc; } .dmenu li ul ul { /* third-and-above-level lists */ position: absolute; left: -999em; margin: 0 0 0 0; z-index: 102; } .dmenu li.odd .submenu { width: 12px; height: 15px; float: right; background: url(/common/images/rarr-lt.png) 0 3px no-repeat; } .dmenu li.even .submenu { width: 12px; height: 15px; float: right; background: url(/common/images/rarr-dk.png) 0 3px no-repeat; } .dmenu li.odd { background: #E9EDF4; border: 2px solid #E9EDF4; } .dmenu li.even { background: #D0D8E8; border: 2px solid #D0D8E8; } .dmenu li:hover, .dmenu li.sfhover { border: 2px solid #385D8A; } .dmenu li:hover ul ul, .dmenu li:hover ul ul ul, .dmenu li.sfhover ul ul, .dmenu li.sfhover ul ul ul { left: -999em; } .dmenu li:hover ul, .dmenu li li:hover ul, .dmenu li li li:hover ul, .dmenu li.sfhover ul, .dmenu li li.sfhover ul, .dmenu li li li.sfhover ul { /* lists nested under hovered list items */ left: 182px; top: -3px; } .infobox { border: 1px solid #3b587e; background-color: #1f4973; color: #d2d2d2; margin: 0.5em 0 0.5em 1em; padding: 0.2em; clear: right; }