Diferencia entre revisiones de «MediaWiki:Common.css»
(Aplicando estilos nuevos a la wiki. Faltan copiar imagenes de cabecera y notas.) |
|||
Línea 1: | Línea 1: | ||
/* El CSS colocado en esta página será aplicado a todas las apariencias */ | /* 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(/mediawiki/skins/common/images/header.png) top right no-repeat; | |
− | + | height: 160px; | |
− | + | padding: 25px 0px 0px; | |
− | + | position: relative; | |
− | + | background-position-y: 29px; | |
} | } | ||
− | div | + | div#mw-head { |
− | + | background: url(/mediawiki/skins/common/images/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; | ||
} | } | ||
− | + | ||
− | + | #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. | /* 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 | Fuente: https://meta.wikimedia.org/w/index.php?title=MediaWiki:Common.css&oldid=4335942 | ||
Línea 850: | Línea 292: | ||
.isa_note, .isa_tip, .isa_warning, .isa_important { | .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; | |
− | -webkit-border-radius: | + | -moz-border-radius:.5em; |
− | border-radius:. | + | -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 { | .isa_note { | ||
color: #00529B; | color: #00529B; | ||
background-color: #BDE5F8; | background-color: #BDE5F8; | ||
− | background-image: url('images/ | + | background-image: url('/mediawiki/skins/common/images/huayra/huayra_nota_info.png'); |
} | } | ||
.isa_tip { | .isa_tip { | ||
color: #4F8A10; | color: #4F8A10; | ||
background-color: #DFF2BF; | background-color: #DFF2BF; | ||
− | background-image:url('images/ | + | background-image:url('/mediawiki/skins/common/images/huayra/huayra_nota_tip.png'); |
} | } | ||
.isa_important { | .isa_important { | ||
color: #9F6000; | color: #9F6000; | ||
background-color: #FEEFB3; | background-color: #FEEFB3; | ||
− | background-image: url('images/ | + | background-image: url('/mediawiki/skins/common/images/huayra/huayra_nota_important.png'); |
} | } | ||
.isa_warning { | .isa_warning { | ||
− | color: # | + | color: #fdb; |
− | background-color: # | + | background-color: #b22; |
− | background-image: url('images/ | + | border-color: #a00; |
+ | background-image: url('/mediawiki/skins/common/images/huayra/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 del 13:32 9 ene 2014
/* 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(/mediawiki/skins/common/images/header.png) top right no-repeat; height: 160px; padding: 25px 0px 0px; position: relative; background-position-y: 29px; } div#mw-head { background: url(/mediawiki/skins/common/images/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; } #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('/mediawiki/skins/common/images/huayra/huayra_nota_info.png'); } .isa_tip { color: #4F8A10; background-color: #DFF2BF; background-image:url('/mediawiki/skins/common/images/huayra/huayra_nota_tip.png'); } .isa_important { color: #9F6000; background-color: #FEEFB3; background-image: url('/mediawiki/skins/common/images/huayra/huayra_nota_important.png'); } .isa_warning { color: #fdb; background-color: #b22; border-color: #a00; background-image: url('/mediawiki/skins/common/images/huayra/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; }