MediaWiki:Common.css
De Granadapedia
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; } /* FIN Ocultar */ /* 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 */