Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
- Opera: Presiona Ctrl+F5.
/* CSS colocados aquí afectará a los usuarios del sitio móvil */
/* */
/* VARIOS */
/* */
/* Cartel nuevo */
#nuevo {color: white; padding: 0 10px;background-color: green; margin-right: 4px;}
/* Encuadra lo nuevo */
#nuevo_recuadro {color: green; padding: 0 2px; border: solid 1px green;}
/* */
/* CUADRÍCULAS DE NAVEGACIÓN */
/* */
#submenu
{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
margin: 0;
}
#cuadricula
{
box-sizing: border-box;
padding: 0px 15px 0px 15px;
margin-right: auto;
margin-left: auto;
max-width: 1140px;
}
#cuadricula:before,
#cuadricula:after,
#cuadricula .row:before,
#cuadricula .row:after
{
display: table;
content: " ";
}
#cuadricula:after
{
clear: both;
}
@media (max-width: 480px)
{
#cuadricula
{
float: none;
width: 100% !important;
}
}
#cuadro
{
position: relative;
display: inline-block;
-webkit-flex-direction: column;
flex-direction: column;
background-color: #FFFFFF;
background-image: none;
border: 0px solid #DEDEDE;
box-sizing: border-box;
margin: 15px;
padding: 0;
text-align: left;
box-shadow: 0px 0px 10px rgba(0,0,0,0.20);
}
#cuadro-body
{
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 0px;
}
#cuadro-imagen
{
display: inline-block;
height: 53px;
box-sizing: border-box;
margin: 20px 0px 0px 20px;
padding: 0;
font-family: Arial;
font-weight: normal;
font-size: 53px;
}
#cuadro-titulo
{
box-sizing: border-box;
margin: -32px 0px 0px 80px;
padding: 0;
color: #282828;
font-family: Arial;
font-weight: bold;
font-size: 24px;
}
#cuadro-descripcion
{
box-sizing: border-box;
margin: 20px 20px 30px 80px;
padding: 0;
color: #282828;
font-family: Arial;
font-weight: normal;
font-size: 13px;
}
/* BARRA DE NAVEGACIÓN */
ul#navbar{
margin:0 0%;
list-style:none;
padding:0 0%;
background-color:#92c3d3; /* color de fondo */
border-width:1px; /* tamaño del borde */
border-style:solid; /* tipo de borde */
border-color:#76a0ae; /* color de borde */
-moz-border-radius:5px; /* Radio de esquinas - Mozilla */
-webkit-border-radius:5px; /* Radio de esquinas - Safari*/
border-radius:5px; /* Radio de esquinas */
width:100%;
z-index:999;
position:relative;
display:inline-block;
zoom:1;
*display:inline;
*padding-right:1.55%;
}
ul#navbar li{
display:block;
float:left;
}
* html ul#navbar li a{
display:inline-block;
}
ul#navbar>li{
margin:0;
width:16%; /* espaciado entre botones */
}
ul#navbar li.toplast{
width:16%;
}
body:first-of-type ul#navbar{
display:inline-table;
border-spacing:0px 0;
}
body:first-of-type ul#navbar>li{
display:table-cell;
float:none;
}
ul#navbar a{
display:block;
vertical-align:middle;
text-align:center;
cursor:pointer;
padding:10px;
background-color:#92C3D3;
border-width:0;
}
ul#navbar li:hover>a,ul#navbar li > a.pressed{
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius: 15px;
-moz-transform: translate(0px, 0px) scale(1.2);
-webkit-transform: translate(0px, 0px) scale(1.2);
transform: translate(0px, 0px) scale(1.2);
-moz-transition: .2s cubic-bezier(.5,.03,.41,1);
-webkit-transition: .2s cubic-bezier(.5,.03,.41,1);
transition: .2s cubic-bezier(.5,.03,.41,1);
-moz-box-shadow: 0px 0px 8px 5px rgba(255,255,255,0.5);
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,255,0.5);
box-shadow: 0px 0px 8px 5px rgba(155,155,155,0.5);
}
ul#navbar li.topfirst>a{
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
ul#navbar li.toplast>a{
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
ul#navbar>li:nth-of-type(1){
width:15%
}
ul#navbar>li:nth-of-type(3){
width:15%
}
ul#navbar>li:nth-of-type(4){
width:15%
}
ul#navbar>li:nth-of-type(5){
width:15%
}
ul#navbar>li:nth-of-type(6){
width:15%
}
@-moz-document url-prefix(){
body:first-of-type ul#navbar{
display:inline-block} body:first-of-type
ul#navbar>li{
display:block;
float:left !important;
}
}
@media only screen and (max-width:550px),only screen and (max-device-width:387px){
ul#navbar>li:nth-of-type(1){
width:33.3%
}
ul#navbar>li:nth-of-type(2){
width:33.3%
}
ul#navbar>li:nth-of-type(3){
width:33.3%
}
ul#navbar>li:nth-of-type(4){
width:33.3%
}
ul#navbar>li:nth-of-type(5){
width:33.3%
}
ul#navbar>li:nth-of-type(6){
width:33.3%
}
body:first-of-type ul#navbar{
display:inline-block
}
body:first-of-type ul#navbar>li{
display:block;float:left !important;
}
}
@media screen and (max-width: 768px) {
ul#navbar > li {
position: initial;
}
ul#navbar ul .submenu,ul#navbar li > ul {
left: 0;
right:auto;
top: 100%;
}
ul#navbar .submenu,ul#navbar ul,ul#navbar .column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 0;
width: 100% !important;
}
}
@media only screen and (max-width:260px),only screen and (max-device-width:387px){
ul#navbar>li:nth-of-type(1){
width:50%
}
ul#navbar>li:nth-of-type(2){
width:50%
}
ul#navbar>li:nth-of-type(3){
width:50%
}
ul#navbar>li:nth-of-type(4){
width:50%
}
ul#navbar>li:nth-of-type(5){
width:50%
}
ul#navbar>li:nth-of-type(6){
width:50%
}
body:first-of-type ul#navbar{
display:inline-block
}
body:first-of-type ul#navbar>li{
display:block;
float:left !important;
}
}
@media screen and (max-width: 185px) {
ul#navbar {
width: 100%;
}
ul#navbar > li {
display: none;
position: relative;
width: 100% !important;
}
ul#navbar > li.switch,.c3m-switch-input:checked + ul#navbar > li + li {
display: block;
}
ul#navbar > li.switch > label {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
/* */
/* Estilo de la Plantilla error */
/* */
#error {
width: 50%;
background-color: red;
position: relative;
animation-name: example;
animation-duration: 4s;
}
@keyframes error {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; left:200px; top:0px;}
50% {background-color:blue; left:200px; top:200px;}
75% {background-color:green; left:0px; top:200px;}
100% {background-color:red; left:0px; top:0px;}
}
/* Team Theme */
#submenuequipo{clear:both;position:relative;table-layout:fixed;display:table;text-align:center;width:100%;margin:20px auto;}#cuadriculaequipo{box-sizing:border-box;padding:0px 15px 0px 15px;margin-right:auto;margin-left:auto;max-width:1140px;}#cuadriculaequipo:before,#cuadriculaequipo:after,#cuadriculaequipo .row:before,#cuadriculaequipo .row:after{display:table;content:"";}#cuadriculaequipo:after{clear:both;}@media (max-width:480px){#cuadriculaequipo{float:none;width:100% !important;}}.wazeteam{border:solid 3px #c20f3d;}.coordinador{border:solid 3px #a0ca2b;}.globalchamp{border:solid 3px #ffef36;}.localchamp{border:solid 3px #bad6d4;}#cuadroequipo{position:relative;display:inline-block;-webkit-flex-direction:column;flex-direction:column;background-color:#FFFFFF;background-image:none;box-sizing:border-box;margin:30px 15px;padding:0;text-align:left;box-shadow:0px 0px 10px rgba(0,0,0,0.80);border-radius:15px;}#cuadroequipo-body{-webkit-flex:1 1 auto;flex:1 1 auto;font-size:0px;}#cuadroequipo-imagenwaze{height:60px;background:url('https://storage.googleapis.com/wazeopedia-files/c/c8/Badge_WazeStaffAdmin.png');width:60px;display:inline-block;box-sizing:border-box;margin:0px 10px;padding:0;position:absolute;top:-40px;left:60px;}#cuadroequipo-imagencoor{height:60px;background:url('https://www.waze.com/forum/images/ranks/Coordinator_Badge.png');width:60px;display:inline-block;box-sizing:border-box;margin:0px 10px;padding:0;position:absolute;top:-40px;left:60px;}#cuadroequipo-imagenglobal{height:60px;background:url('https://storage.googleapis.com/wazeopedia-files/9/9b/Badge_GlobalChamp.png');width:60px;display:inline-block;box-sizing:border-box;margin:0px 10px;padding:0;position:absolute;top:-40px;left:60px;}#cuadroequipo-imagenlocal{height:60px;background:url('https://storage.googleapis.com/wazeopedia-files/9/9f/Badge_LocalChamp.png');width:60px;display:inline-block;box-sizing:border-box;margin:0px 10px;padding:0;position:absolute;top:-40px;left:60px;}#cuadroequipo-titulo{box-sizing:border-box;width:200px;text-align:center;font-family:Arial;font-weight:bold;}#cuadroequipo-descripcion{box-sizing:border-box;margin:10px;padding:0;color:#282828;font-family:Arial;font-weight:bold;font-size:13px;position:absolute;top:70px;left:0 auto;}.social{display:flex;justify-content:space-between;align-items:center;width:175px;margin:0 auto;}.social a{text-align:center;width:75px;padding:10px 0;border-radius:50%;}.social a:hover{cursor:pointer;}.waze a{border:solid 2px #c20f3d;}.coord a{border:solid 2px #a0ca2b;}.global a{border:solid 2px #ffef36;}.local a{border:solid 2px #bad6d4;}.waze a:hover{background:#c20f3d;color:white;}.coord a:hover{background:#a0ca2b;color:white;}.global a:hover{background:#ffef36;color:black;}.local a:hover{background:#bad6d4;color:white;}