Diferencia entre revisiones de «MediaWiki:Common.css»
Línea 530: | Línea 530: | ||
pre, .mw-code { | pre, .mw-code { | ||
padding: 1em; | padding: 1em; | ||
− | border: 1px dashed # | + | border: 1px dashed #bbb; |
color: black; | color: black; | ||
− | background-color: # | + | background-color: #ffe; |
-webkit-border-radius: 6px; | -webkit-border-radius: 6px; | ||
-moz-border-radius: 6px; | -moz-border-radius: 6px; |
Revisión del 11:25 10 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(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 { 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; } pre, .mw-code { padding: 1em; border: 1px dashed #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; }