Diferencia entre revisiones de «MediaWiki:Vector.css»
De Wiki de Universo Zelda
| Línea 280: | Línea 280: | ||
| − | + | /* Search */ | |
| − | /* | + | div#simpleSearch { |
| − | # | + | border: solid 1px #426787; |
| − | + | ||
| − | + | ||
| − | border: | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
background-color: #17456e; | background-color: #17456e; | ||
| − | + | background-image: none; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | background- | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | 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; | color: #F4F26B; | ||
| − | |||
| − | |||
} | } | ||
| − | # | + | div#mw-panel div.portal div.body ul li a:visited { |
color: #F4F26B; | 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: #b6b6b6; | |
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | /* 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; | |
| − | + | } | |
| − | border: | + | #preftoc li.selected a { |
| + | color: #d2d2d2; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #preferences { /* @todo */ | ||
| + | border: solid 1px #426787; | ||
background-color: #1D578B; | background-color: #1D578B; | ||
| − | |||
| − | |||
} | } | ||
| − | + | #preferences legend { | |
| − | + | color: #b6b6b6; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .htmlform-tip { | |
| − | + | color: #b6b6b6; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | color: # | + | |
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | /* | |
| − | /* | + | * Styles for the user login and create account forms |
| − | # | + | */ |
| − | + | #userlogin, #userloginForm { | |
| − | + | border: solid 1px #426787; | |
| + | background-color: #1D578B; | ||
} | } | ||
| − | div | + | div#userloginForm table, div#userlogin form#userlogin2 table { |
| − | + | ||
| − | + | ||
| − | + | ||
| − | table | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | table | + | |
background-color: #1D578B; | background-color: #1D578B; | ||
| + | |||
} | } | ||
| − | + | #userlogin { | |
| − | + | min-width: 20em; | |
| + | max-width: 90%; | ||
| + | width: 40em; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | + | /* Links */ | |
| − | /* | + | a { |
| − | + | text-decoration: none; | |
| − | + | color: #f4f26b; | |
| − | + | background: none; | |
| − | + | ||
| − | + | ||
| − | background | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | a:visited { | |
| − | + | color: #e7ea12; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | color:# | + | |
} | } | ||
| − | + | a:active { | |
| − | + | color: #F4F26B; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | 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; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | /* Inline Elements */ | |
| − | + | hr { | |
| − | + | color: #426787; | |
| − | + | background-color: #426787; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
Revisión del 19:45 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 #B4C767;
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: #fc4c46;
}
a.new, #p-personal a.new {
color: #fc4c46;
}
a.new:visited, #p-personal a.new:visited {
color: #fc4c46;
}
/* 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;
}
pre { /* @todo */
border: 1px dashed #426787;
color: #d2d2d2;
background-color: #1D578B;
/*line-height: 1.1em;
font-size: 120%;*/
}
/* 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;
}
/* Search */
div#simpleSearch {
border: solid 1px #426787;
background-color: #17456e;
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 #284360;
}
/* Footer */
div#footer ul li {
color: #b6b6b6;
}
/* 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: #ff8581;
}
a.new, #p-personal a.new {
color: #ff8581;
}
a.new:visited, #p-personal a.new:visited {
color: #ff8581;
}
/* Inline Elements */
hr {
color: #426787;
background-color: #426787;
}
