MediaWiki:Common.css
De Wikanda
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
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ /* Ocultar título, categorías y redirección en páginas "Foo Bar", "Foo/Bar" y "Foo:Bar" se identifican con "Foo_Bar" */ body.page-Portada h1.firstHeading, body.page-Portada #catlinks, body.page-Portada #contentSub { display:none; } body.page-Wikanda_Concurso_Wikanda_2018 h1.firstHeading, body.page-Wikanda_Concurso_Wikanda_2018 #catlinks, body.page-Wikanda_Concurso_Wikanda_2018 #contentSub { display:none; } body.page-Wikanda_Concurso_Wikanda_2018_Ebook h1.firstHeading, body.page-Wikanda_Concurso_Wikanda_2018_Ebook #catlinks, body.page-Wikanda_Concurso_Wikanda_2018_Ebook #contentSub { display:none; } /* Ocultar siteNotice en páginas */ body.page-Wikanda_Concurso_Wikanda_2018 #siteNotice { display:none; } body.page-Wikanda_Concurso_Wikanda_2018_Ebook #siteNotice { display:none; } /* Ocultar caja y enlace de feedback en páginas */ body.page-Wikanda_Concurso_Wikanda_2018 #mw-articlefeedbackv5 { display: none !important; } body.page-Wikanda_Concurso_Wikanda_2018_Ebook #mw-articlefeedbackv5 { display: none !important; } /* Interlineado */ #mw-content-text p { line-height:1.5em !important; } /* Corrige problema de disparidad de tamaños en listas */ #mw-content-text p { font-size:1em !important; } /* Restaura tamaños tras homogeneizar */ #bodyContent { font-size:0.88em !important; } h2 span.mw-headline { font-size:95% !important; } /* Google Fonts */ @import url("https://fonts.googleapis.com/css?family=Cinzel"); /* Ocultar botones de compartir encima de la Portada */ body.page-Portada #addthistoolbar { display: none !important; } .mf-mobile-only { display: none; } .banner-image { position: relative; overflow: hidden; max-width: 1125px; height: auto; margin-bottom: .6em; } .banner-image img { max-width: 100%; height: auto; width: auto\9; } .banner-box { position: absolute; z-index: 2; margin-top: 2.5em; color: white; width: 50%; min-width: 20em; text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em; } .banner-box-wide { width: 80% } .banner-box-left { left: 5%; text-align: left; } .banner-box-right { right: 5%; text-align: right; } .banner-box-welcome { left: 1em; text-align: center; width: 40%; white-space: nowrap; } .banner-box a { color: white !important; font-weight: bold; } .banner-box .name { font-size: 3em; white-space: nowrap; line-height: 1.2em; } .banner-box .type { font-size: 2em; line-height: 1.2em; } .banner-box .stats { font-size: 1em; margin-top: 1.7em; } .banner-box .quote { font-size: 1em; line-height: 1.2em; } .banner-box .welcome a { font-size: 1.5em; } .banner-box .welcome { font-size: 2.1em; } .banner-box .nav-tip { font-size: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } .banner-box .welcome-map-nav { font-size: 1.25em; } .banner-box ul { font-size: 1.25em; } .banner-box ul li { display: inline; } .banner-box ul li:before { content: " • "; } .banner-box ul li:nth-of-type(1):before { content: " "; } /*Carousel*/ .carousel{ overflow:hidden; width:100%; padding:0 } .panes{ list-style:none; position:relative; padding: 0; margin-left: 0; width:300%; /* Number of panes * 100% */ overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */ } .carousel .floatright { position: absolute; z-index: 1000; right: 0px; top: 50% } .carousel .floatleft { position: absolute; z-index: 1000; top: 50%; margin-left: 20px; } .panes > li{ position:relative; float:left; padding: 0; margin-left: 0; width:33.333333333333333333333333333333333%; /* 100 / number of panes */ } .carousel img{ display:block; width:100%; max-width:100%; } .carousel h2{ font-size:1em; padding: 8px 7px; position:absolute; border:0px; top:5em; text-align:left; max-width: 300px; color:#fff; background-color:rgba(0,0,0,0.5); } @keyframes carousel{ 0% { left:-1.7%; } 12.5% { left:-1.7%; } 25% { left:-101.7%; } 37.5% { left:-101.7%; } 50% { left:-201.7%; } 62.5% { left:-201.7%; } 75% { left:-101.7%; } 87.5% { left:-101.7%; } 100% { left:-1.7%; } } /* Safari and Chrome */ @-webkit-keyframes carousel{ 0% { left:-1.7%; } 12.5% { left:-1.7%; } 25% { left:-101.7%; } 37.5% { left:-101.7%; } 50% { left:-201.7%; } 62.5% { left:-201.7%; } 75% { left:-101.7%; } 87.5% { left:-101.7%; } 100% { left:-1.7%; } } /* Fade in arrows */ .greydout { -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .greydout:hover { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=50); opacity: 1; } /* END User:Nicholasjf21/MainPage2 test code */ /* BEGIN Main Page carousel code */ .jcarousel { position: relative; overflow: hidden; } .jcarousel-wrapper { max-width: 1125px; margin: 0; position: relative; } .jcarousel .jcarousel-list { width: 20000em; position: relative; margin: 0; padding: 0; } .jcarousel .jcarousel-item { float: left; } .jcarousel-item img { display: block; max-width: 100%; height: auto !important; } .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 45%; width: 30px; height: 30px; text-align: center; background: #fff; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .jcarousel-control-prev { left: -15px; } .jcarousel-control-next { right: -15px; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; } .jcarousel-pagination { position: absolute; bottom: 10px; left: 15px; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } /* END Main Page carousel code */ /* Nuevos botones Eliminar cuando se actualice el MW (vienen con Vector) */ .mw-ui-button { -webkit-appearance:none; -webkit-transition:background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; background:#FFFFFF; border:1px solid #CCCCCC; border-radius:2px; box-sizing:border-box; color:#555555; cursor:pointer; display:inline-block; font-family:inherit; font-size:1em; font-weight:bold; margin:0; min-width:80px; padding:0.5em 1em; text-align:center; transition:background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; vertical-align:middle; zoom:1; } .mw-ui-button:hover, .mw-ui-button:focus { border-bottom-color:#CCCCCC; box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset; outline:none; } .mw-ui-button:active, .mw-ui-button.mw-ui-checked { background:#CCCCCC; box-shadow:none; } .mw-ui-button:disabled { color:#CCCCCC; } .mw-ui-button:disabled:hover, .mw-ui-button:disabled:active { background:#FFFFFF; box-shadow:none; } .mw-ui-button:disabled { cursor:default; text-shadow:none; } .mw-ui-button.mw-ui-big { font-size:1.3em; } .mw-ui-button.mw-ui-block { display:block; width:100%; } .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary { background:#347BFF; border-bottom-color:#347BFF; border-bottom-width:1px; border-style:solid none; border-top-color:#347BFF; border-top-width:1px; color:#FFFFFF; text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px; } .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-primary:hover, .mw-ui-button.mw-ui-primary:focus { border-bottom-color:#2A62CC; box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset; outline:none; } .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, .mw-ui-button.mw-ui-primary:active, .mw-ui-button.mw-ui-primary.mw-ui-checked { background:#2A62CC; box-shadow:none; } .mw-ui-button.mw-ui-progressive:disabled, .mw-ui-button.mw-ui-primary:disabled { background:#CCCCCC; border-color:#CCCCCC; } .mw-ui-button.mw-ui-progressive:disabled:hover, .mw-ui-button.mw-ui-progressive:disabled:active, .mw-ui-button.mw-ui-progressive:disabled.mw-ui-checked, .mw-ui-button.mw-ui-primary:disabled:hover, .mw-ui-button.mw-ui-primary:disabled:active, .mw-ui-button.mw-ui-primary:disabled.mw-ui-checked { box-shadow:none; } .mw-ui-button.mw-ui-progressive.mw-ui-quiet, .mw-ui-button.mw-ui-primary.mw-ui-quiet { color:#555555; } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover, .mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus, .mw-ui-button.mw-ui-primary.mw-ui-quiet:hover, .mw-ui-button.mw-ui-primary.mw-ui-quiet:focus { color:#5D95FF; } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:active, .mw-ui-button.mw-ui-progressive.mw-ui-quiet.mw-ui-checked, .mw-ui-button.mw-ui-primary.mw-ui-quiet:active, .mw-ui-button.mw-ui-primary.mw-ui-quiet.mw-ui-checked { color:#2A62CC; } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:disabled, .mw-ui-button.mw-ui-primary.mw-ui-quiet:disabled { color:#CCCCCC; } .mw-ui-button.mw-ui-constructive { background:#00AF89; border-bottom-color:#00AF89; border-bottom-width:1px; border-style:solid none; border-top-color:#00AF89; border-top-width:1px; color:#FFFFFF; text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px; } .mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-constructive:focus { border-bottom-color:#008C6E; box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset; outline:none; } .mw-ui-button.mw-ui-constructive:active, .mw-ui-button.mw-ui-constructive.mw-ui-checked { background:#008C6E; box-shadow:none; } .mw-ui-button.mw-ui-constructive:disabled { background:#CCCCCC; border-color:#CCCCCC; } .mw-ui-button.mw-ui-constructive:disabled:hover, .mw-ui-button.mw-ui-constructive:disabled:active, .mw-ui-button.mw-ui-constructive:disabled.mw-ui-checked { box-shadow:none; } .mw-ui-button.mw-ui-constructive.mw-ui-quiet { color:#555555; } .mw-ui-button.mw-ui-constructive.mw-ui-quiet:hover, .mw-ui-button.mw-ui-constructive.mw-ui-quiet:focus { color:#33BFA1; } .mw-ui-button.mw-ui-constructive.mw-ui-quiet:active, .mw-ui-button.mw-ui-constructive.mw-ui-quiet.mw-ui-checked { color:#008C6E; } .mw-ui-button.mw-ui-constructive.mw-ui-quiet:disabled { color:#CCCCCC; } .mw-ui-button.mw-ui-destructive { background:#D11D13; border-bottom-color:#D11D13; border-bottom-width:1px; border-style:solid none; border-top-color:#D11D13; border-top-width:1px; color:#FFFFFF; text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px; } .mw-ui-button.mw-ui-destructive:hover, .mw-ui-button.mw-ui-destructive:focus { border-bottom-color:#A7170F; box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset; outline:none; } .mw-ui-button.mw-ui-destructive:active, .mw-ui-button.mw-ui-destructive.mw-ui-checked { background:#A7170F; box-shadow:none; } .mw-ui-button.mw-ui-destructive:disabled { background:#CCCCCC; border-color:#CCCCCC; } .mw-ui-button.mw-ui-destructive:disabled:hover, .mw-ui-button.mw-ui-destructive:disabled:active, .mw-ui-button.mw-ui-destructive:disabled.mw-ui-checked { box-shadow:none; } .mw-ui-button.mw-ui-destructive.mw-ui-quiet { color:#555555; } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover, .mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus { color:#DA4A42; } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:active, .mw-ui-button.mw-ui-destructive.mw-ui-quiet.mw-ui-checked { color:#A7170F; } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:disabled { color:#CCCCCC; } .mw-ui-button.mw-ui-quiet { background:transparent; border:none; color:#555555; text-shadow:none; } .mw-ui-button.mw-ui-quiet:hover, .mw-ui-button.mw-ui-quiet:focus { color:#777777; } .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-checked { color:#444444; } .mw-ui-button.mw-ui-quiet:disabled { color:#CCCCCC; } .mw-ui-button.mw-ui-quiet:hover, .mw-ui-button.mw-ui-quiet:focus { box-shadow:none; } .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet:disabled { background:transparent; } a.mw-ui-button { text-decoration:none; } a.mw-ui-button:hover, a.mw-ui-button:focus { text-decoration:none; } .mw-ui-button-group > * { border-radius:0; float:left; } .mw-ui-button-group > :first-child { border-bottom-left-radius:2px; border-top-left-radius:2px; } .mw-ui-button-group > :not(:first-child) { border-left-style:none; } .mw-ui-button-group > :last-child { border-bottom-right-radius:2px; border-top-right-radius:2px; } /* FIN Nuevos botones */