MediaWiki:Common.css
Revisión del 10:58 10 ene 2014 de Digitalh (discusión | contribuciones)
Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
- Firefox/Safari: Mantén presionada la tecla 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: dirígete a Menú → Configuración (Opera → Preferencias en Mac) y luego a Privacidad y seguridad → Borrar datos de navegación → Imágenes y archivos en caché.
/* 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_warning a, .isa_warging a:visited {
color: #fdb;
}
.isa_note a, .isa_note a:visited {
color: #004;
border-bottom: 1px dashed #004;
}
.isa_note a:hover {
border-bottom: 1px solid #004;
}
/* Home table */
table.home_table {
border: 0;
border-collapse: separate;
margin: 0 auto;
background: transparent;
border-spacing: 15px;
}
table.home_table > * > tr > td {
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 td a {
font-size: 1.2em;
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;
}