Diferencia entre revisiones de «MediaWiki:Vector.css»

De Wiki de Universo Zelda
Saltar a: navegación, buscar
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. */
+
html {
.vectorTabs li.selected span {
+
    /* Header background with pixelation effect */
  padding-right:1px;
+
    background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) repeat-x;
 +
    -ms-interpolation-mode:nearest-neighbor;  /* IE 7-11 */
 +
    image-rendering:-webkit-optimize-contrast; /* old Webkit browsers */
 +
    image-rendering:pixelated;                /* Chrome / Opera */
 +
    image-rendering:-webkit-crisp-edges;      /* Safari */
 +
    image-rendering:-moz-crisp-edges;          /* Firefox */
 +
    image-rendering:-o-crisp-edges;            /* old Opera */
 +
    image-rendering:crisp-edges;
 
}
 
}
  

Revisión del 13:53 19 ene 2016

/* El CSS colocado en esta página afectará a los usuarios que usen la apariencia "Vector" */

html {
    /* Header background with pixelation effect */
    background: #f3f3f3 url(http://dragon-quest.org/images/3/36/Header_back.png) repeat-x; 
    -ms-interpolation-mode:nearest-neighbor;   /* IE 7-11 */
    image-rendering:-webkit-optimize-contrast; /* old Webkit browsers */
    image-rendering:pixelated;                 /* Chrome / Opera */
    image-rendering:-webkit-crisp-edges;       /* Safari */
    image-rendering:-moz-crisp-edges;          /* Firefox */
    image-rendering:-o-crisp-edges;            /* old Opera */
    image-rendering:crisp-edges;
}

/* Framework */
body {
	background-color: #4a6219;
}

/* Contenido página */
div#content {
	border: 1px solid #37411a;
	border-right-width: 0;
	background-color: #8b8b46;
	color: #e2e1e1;
	margin-left: 10em;
	padding: 1em;
}

/* Head */
#mw-page-base {
	background-color: #8b8b46;
}

/* Navigation Containers */
#left-navigation {
	left: 10em;
}

/* Page History */
#bodyContent ul#pagehistory li{
  border: 1px solid #17456E;
}

#bodyContent ul#pagehistory li.selected{
  background-color: #4a6219;
  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: #da0c05;
}

a.new, #p-personal a.new {
	color: #da0c05;
}
a.new:visited, #p-personal a.new:visited {
	color: #da0c05;
}

/* Categorías */
.catlinks {
	border: 1px solid #37411a;
	background-color: #4a6219;
}

/* 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: #e2e1e1;
	text-decoration: none;
	background-color:#8b8b46;
}
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited{
	color: #da0c05;
}

/* Search */
div#simpleSearch {
	border: solid 1px #37411a;
	background-color: #8b8b46;
	background-image: none;
}

div#simpleSearch input#searchInput {
	color:#e2e1e1;
}

.mw-search-result-data {
	color: #e2e1e1;
}

/* 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: #e2e1e1;
}

/* Logo */
#p-logo {
	left: 0;
	top: -150px;
}