MediaWiki:Common.css

De Huayra
Saltar a: navegación, buscar

Nota: después de guardar, quizás necesites refrescar la caché de tu navegador para ver los cambios.

  • Firefox / Safari: Mantén presionada 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 será aplicado a todas las apariencias */

@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);

html {
	background-color: #fcfdfb;
}

body {
	background-color: #eef4ea;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eef4ea), to(#fcfdfb));
	background: -webkit-linear-gradient(top, #eef4ea, #fcfdfb);
	background: -moz-linear-gradient(top, #eef4ea, #fcfdfb);
	background: -ms-linear-gradient(top, #eef4ea, #fcfdfb);
	background: -o-linear-gradient(top, #eef4ea, #fcfdfb);
	font-family: 'Asap', sans-serif;
	font-size: 1.05em;
}

a, a:hover, a:visited {
	color: #2A6496
}

#mw-page-base {
	background: transparent;
}
#mw-head-base {
	background: transparent;
	background: url(images/a/a6/Header.png) top right no-repeat;
	height: 160px;
	padding: 25px 0px 0px;
	position: relative;
	background-position-y: 29px;
}
div#mw-head {
	background: url(images/7/74/Header_logo.png) top left no-repeat;
	height: 160px;
	padding: 25px 0px 0px;
	position: absolute;
	top: 0;
	background-position: 20px 29px;
}

div#mw-panel {
font-size: 0.9em;
}

#p-personal {
	position: fixed;
	background: rgba(213, 217, 211, 0.7);
	overflow: hidden;
	left: 0px;
	right: 0px;
	padding: 4px 0;
	top: 0px;
	z-index: 100;
	height: 20px;
	color: #222;
	width: 100%;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
}

#p-personal ul {
	position: absolute;
	right: 10px;
	margin-left: 0;
	margin-top: -3px;
	color: #666;
}
#p-personal a, #p-personal a:visited, div#mw-panel div.body ul, div#mw-panel div.portal div.body ul li a,  div#mw-panel div.portal div.body ul li a:visited {
	color: #666;
	font-weight: bold;
}

#p-personal a:hover, div#mw-panel div.portal div.body ul li a:hover {
	color: #300;
	text-decoration: none;
}


#pt-userpage a.new, #pt-userpage a.new:visited, pt-mytalk a.new, #pt-mytalk a.new:visited {
	color: #88aa00;
	font-weight: bold;
}

#p-logo { display: none; }

#left-navigation, #right-navigation {
	margin-left: 11em;
	top: 120px;
	position: absolute;
	height: 30px;
}

#left-navigation {
left: 0;
top: 161px;
}

#right-navigation {
	right: 10px;

}
div.vectorTabs, div.vectorTabs ul, div.vectorTabs ul li {
	background: transparent;
}

div.vectorTabs ul li {
	height: 20px;
}

div.vectorTabs li {
	background: transparent;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: color 150ms ease;
	padding: 5px 10px;
	height: 14px;
}
div.vectorTabs li.selected {
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background: transparent;
	background: -webkit-linear-gradient(rgba(136, 170, 0, 0.4), rgba(188, 211, 95, 0.15));
	background: -moz-linear-gradient(rgba(136, 170, 0, 0.4), rgba(188, 211, 95, 0.15));
	background: -ms-linear-gradient(rgba(136, 170, 0, 0.4), rgba(188, 211, 95, 0.15));
	background: -o-linear-gradient(rgba(136, 170, 0, 0.4), rgba(188, 211, 95, 0.15));
	background: linear-gradient(rgba(136, 170, 0, 0.4), rgba(188, 211, 95, 0.15));
	box-shadow: inset 1px 0px 1px rgba(114, 125, 150, 0.4),inset 0 1px 0 rgba(114, 125, 150, 0.4),0 1px 0 rgba(255, 255, 255, 0.7);
}

div.vectorTabs li, div.vectorTabs li.selected {
	padding: 3px 6px 2px 6px;
}

div.vectorTabs li a {
	color: #595F69;
	font-weight: bold;
	padding: 3px 6px 2px 6px;
}

div.vectorTabs li a:hover {
	text-decoration: none;
	color: #88aa00;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {
	font-weight: bold;
	padding: 0 4px 2px 4px;
}

div.vectorTabs span {
	height: 14px;
	background: transparent;
}

#ca-watch.icon a, #ca-unwatch.icon a {
	padding-top: 23px;
}

div.vectorMenu {
	height: 20px;
}

div.vectorMenu > h3 {
	height: 20px;
}

div.vectorMenu ul {
background-color: #eef4ea;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eef4ea), to(#fcfdfb));
	background: -webkit-linear-gradient(top, #eef4ea, #fcfdfb);
	background: -moz-linear-gradient(top, #eef4ea, #fcfdfb);
	background: -ms-linear-gradient(top, #eef4ea, #fcfdfb);
	background: -o-linear-gradient(top, #eef4ea, #fcfdfb);
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

div.vectorMenu li a {
	color: #595F69;
	font-weight: bold;
}

div.vectorMenu li a:hover {
	color: #88aa00;
	font-weight: bold;
	text-decoration: none;
}
div#p-search {
	margin-top: -10px;
}

input#searchInput {
	padding-left: 10px;
}
div#simpleSearch {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
	outline: none;
	padding: 0;
	border: 1px solid #C3C3C3;
	margin-left: 15px;
	margin-right: 5px;
	height: 21px;
	padding-left: 13px;
}

div#content {
	background: rgba(188, 211, 95, 0.2);
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	padding: 15px 30px 25px;
	margin-top: 10px;
margin-left: 170px;
}

#bodyContent {
	width: 98%;
	border: 1px solid #DADADA;
	border-top: 1px solid #BBB;
	background: rgba(255, 255, 255, 0.9);
	padding: 15px;
	margin-top: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	color: #333;
}

#firstHeading {
	border: 1px solid #DADADA;
	border-top: 1px solid #BBB;
	background: rgba(255,245,188,0.5);
	padding: 4px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	color: #333;
}





/* Muestra las plantillas de la extensión Babel sin el float ni formato alguno, retirando el recuadro que viene por defecto.
   Fuente: https://meta.wikimedia.org/w/index.php?title=MediaWiki:Common.css&oldid=4335942
   Queda pendiente el [[bugzilla:31309]]
*/
.babel-plain table.mw-babel-wrapper {
   float:none;
   clear:none;
   margin:0;
}
 
.babel-plain div.mw-babel-box {
   margin:0;
}
 
.babel-plain .mw-babel-header,
.babel-plain .mw-babel-footer {
   display:none;
}

.isa_note, .isa_tip, .isa_warning, .isa_important {
	border: 1px solid;
	margin: 10px auto;
	padding: 5px 10px 10px 80px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	-moz-border-radius:.5em;
	-webkit-border-radius:8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	width: 80%;
	min-height: 60px;
	font-size: 1.03em;
}

.isa_note {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/f/f2/Huayra_nota_info.png');
}
.isa_tip {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/c/c5/Huayra_nota_tip.png');
}
.isa_important {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/d/d0/Huayra_nota_important.png');
}
.isa_warning {
    color: #fdb;
    background-color: #b22;
border-color: #a00;
    background-image: url('images/9/90/Huayra_nota_warning.png');

}

.isa_tip a, .isa_tip a:visited {
color: #030;
border-bottom: 1px dashed;
}

.isa_tip a:hover {
border-bottom: 1px solid;
text-decoration: none;
}

.isa_warning a, .isa_warning a:visited {
color: #fdb;
border-bottom: 1px dashed;
}

.isa_warning a:hover {
border-bottom: 1px solid;
text-decoration: none;
}

.isa_note a, .isa_note a:visited {
color: #004;
border-bottom: 1px dashed #004;
}

.isa_note a:hover {
text-decoration: none;
border-bottom: 1px solid #004;
}

.isa_important a, .isa_important a:visited {
color: #330;
border-bottom: 1px dashed;
}

.isa_important a:hover {
text-decoration: none;
border-bottom: 1px solid;
}

/* Home table */
table.home_table {
    border: 0;
    border-collapse: separate;
    margin: 0 auto;
    background: transparent;
    border-spacing: 15px;
}

table.home_table > * > tr > td, table.home_table > * > tr > th {
    height: 60px;
    width: 250px;
padding: 0;
background-color: #ecf1dc;
	-moz-border-radius:.5em;
	-webkit-border-radius:8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
}

table.home_table > * > tr > th {
background-color: rgba(255, 245, 188, 0.5);
}

table.home_table td a {
    font-size: 1.14em;
    font-weight: bold;
margin-left: 8px;
}

table.home_table td a, table.home_table td a:visited {
color: #666;
}
table.home_table td a:hover {
color: #88aa00;
text-decoration: none;
}


/* Imagenes */

div.thumbinner {
background-color: rgba(238, 244, 234, 0.5);
padding: 8px !important;
	-moz-border-radius:.5em;
	-webkit-border-radius:8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
}

div.thumbinner img {
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
}

div.thumbcaption {
margin-top: 8px;
border: 1px solid #DADADA;
	border-top: 1px solid #BBB;
	background: rgba(255,245,188,0.5);
	padding: 4px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	color: #333;
}


/* Toc */

#toc, .toc {
background-color: rgba(238, 244, 234, 0.5);
padding: 12px;
color: #333;
	-moz-border-radius:.5em;
	-webkit-border-radius:8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
}

#toc a, .toc a, #toc a:visited, .toc a:visited {
color: #333;
}

#toc a:hover, .toc a:hover {
color: #80aa00;
text-decoration: none;
}


div#catlinks, .catlinks {
border: 1px solid #DADADA;
	border-top: 1px solid #BBB;
	background: rgba(255,245,188,0.5);
	padding: 4px 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	color: #333;
}

.mw-normal-catlinks a, .mw-normal-catlinks a:visited {
color: #333;
font-weight: bold;
}

.mw-normal-catlinks a:hover {
color: #88aa00;
text-decoration: none;
}

a.new, a.new:visited {
color: #900;
border-bottom: 1px dotted;
}

a.new:hover {
text-decoration: none;
border-bottom: 1px solid;
}
.isa_warning a.new {
color: black;
}


pre, .mw-code {
padding: 1em;
border: 1px solid #bbb;
color: black;
background-color: #ffe;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	-o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.07),0 1px 0 #fff;
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.07),0 1px 0 white;
}