Diferencia entre revisiones de «MediaWiki:Common.css»

De Huayra
Saltar a: navegación, buscar
(Página blanqueada)
(Etiqueta: Vaciado)
 
(No se muestran 13 ediciones intermedias de 2 usuarios)
Línea 1: Línea 1:
/* 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;
 
}
 
 
#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;
 
}
 
 
 
 
/* 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;
 
}
 

Revisión actual del 11:20 19 ene 2021