2024-03-15 00:51:53 +00:00
|
|
|
.mapeate {
|
2024-04-30 14:55:09 +00:00
|
|
|
position: absolute;
|
2024-03-15 00:51:53 +00:00
|
|
|
top: 0em;
|
|
|
|
|
left: 0em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
color: #222;
|
|
|
|
|
background-color: #EFEFEF;
|
|
|
|
|
overflow: hidden; }
|
|
|
|
|
.mapeate, .mapeate h1, .mapeate h2, .mapeate h3, .mapeate h4, .mapeate h5, .mapeate h6 {
|
|
|
|
|
font-size: 1em; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate, .mapeate input, .mapeate textarea, .mapeate button {
|
2024-03-15 00:51:53 +00:00
|
|
|
font-family: "Roboto"; }
|
|
|
|
|
.mapeate [data-visible=false] {
|
|
|
|
|
display: none !important; }
|
|
|
|
|
.mapeate a[href] {
|
|
|
|
|
text-decoration: none; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate button, .mapeate [type=button], .mapeate [type=reset], .mapeate [type=submit], .mapeate [rol=button], .mapeate [type=text], .mapeate [type=number], .mapeate [type=date], .mapeate [type=datetime], .mapeate [type=time], .mapeate textarea {
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
border: 0.1em solid #D50F0A;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border-radius: 0.4em;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #D50F0A;
|
|
|
|
|
transition-property: color,box-shadow,border-color;
|
|
|
|
|
transition-duration: 1s;
|
|
|
|
|
outline: none; }
|
|
|
|
|
.mapeate button:hover, .mapeate [type=button]:hover, .mapeate [type=reset]:hover, .mapeate [type=submit]:hover, .mapeate [rol=button]:hover, .mapeate [type=text]:hover, .mapeate [type=number]:hover, .mapeate [type=date]:hover, .mapeate [type=datetime]:hover, .mapeate [type=time]:hover, .mapeate textarea:hover {
|
|
|
|
|
transition-duration: 0.2s; }
|
|
|
|
|
.mapeate button:hover, .mapeate button:focus, .mapeate [type=button]:hover, .mapeate [type=button]:focus, .mapeate [type=reset]:hover, .mapeate [type=reset]:focus, .mapeate [type=submit]:hover, .mapeate [type=submit]:focus, .mapeate [rol=button]:hover, .mapeate [rol=button]:focus, .mapeate [type=text]:hover, .mapeate [type=text]:focus, .mapeate [type=number]:hover, .mapeate [type=number]:focus, .mapeate [type=date]:hover, .mapeate [type=date]:focus, .mapeate [type=datetime]:hover, .mapeate [type=datetime]:focus, .mapeate [type=time]:hover, .mapeate [type=time]:focus, .mapeate textarea:hover, .mapeate textarea:focus {
|
|
|
|
|
border-color: #0A0FD5;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #0A0FD5; }
|
|
|
|
|
.mapeate button[disabled], .mapeate button[readonly], .mapeate [type=button][disabled], .mapeate [type=button][readonly], .mapeate [type=reset][disabled], .mapeate [type=reset][readonly], .mapeate [type=submit][disabled], .mapeate [type=submit][readonly], .mapeate [rol=button][disabled], .mapeate [rol=button][readonly], .mapeate [type=text][disabled], .mapeate [type=text][readonly], .mapeate [type=number][disabled], .mapeate [type=number][readonly], .mapeate [type=date][disabled], .mapeate [type=date][readonly], .mapeate [type=datetime][disabled], .mapeate [type=datetime][readonly], .mapeate [type=time][disabled], .mapeate [type=time][readonly], .mapeate textarea[disabled], .mapeate textarea[readonly] {
|
|
|
|
|
color: #898989;
|
|
|
|
|
border-color: #898989;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
|
|
|
|
.mapeate [type=text], .mapeate [type=number], .mapeate [type=date], .mapeate [type=datetime], .mapeate [type=time], .mapeate textarea {
|
|
|
|
|
color: #222; }
|
|
|
|
|
.mapeate button, .mapeate [type=button], .mapeate [type=reset], .mapeate [type=submit], .mapeate [rol=button] {
|
|
|
|
|
color: #D50F0A;
|
2024-04-30 18:19:50 +00:00
|
|
|
background-color: #EFEFEF;
|
2024-04-02 15:19:03 +00:00
|
|
|
cursor: pointer; }
|
|
|
|
|
.mapeate button:hover, .mapeate [type=button]:hover, .mapeate [type=reset]:hover, .mapeate [type=submit]:hover, .mapeate [rol=button]:hover {
|
|
|
|
|
color: #0A0FD5; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate a[href]:not([rol=button], button, input, textarea, path, g, circle), .mapeate [onclick]:not([rol=button], button, input, textarea, path, g, circle), .mapeate [onmousedown]:not([rol=button], button, input, textarea, path, g, circle), .mapeate [onmouseup]:not([rol=button], button, input, textarea, path, g, circle) {
|
2024-03-15 00:51:53 +00:00
|
|
|
color: #D50F0A;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
transition-property: color;
|
|
|
|
|
transition-duration: 1s; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate a[href]:not([rol=button], button, input, textarea, path, g, circle):hover, .mapeate [onclick]:not([rol=button], button, input, textarea, path, g, circle):hover, .mapeate [onmousedown]:not([rol=button], button, input, textarea, path, g, circle):hover, .mapeate [onmouseup]:not([rol=button], button, input, textarea, path, g, circle):hover {
|
2024-03-15 00:51:53 +00:00
|
|
|
color: #0A0FD5;
|
|
|
|
|
transition-duration: 0.2s; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate a[href]:not([rol=button], button, input, textarea, path, g, circle)[disabled], .mapeate [onclick]:not([rol=button], button, input, textarea, path, g, circle)[disabled], .mapeate [onmousedown]:not([rol=button], button, input, textarea, path, g, circle)[disabled], .mapeate [onmouseup]:not([rol=button], button, input, textarea, path, g, circle)[disabled] {
|
2024-04-02 15:19:03 +00:00
|
|
|
color: #898989; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate label[for] {
|
|
|
|
|
padding: 0em .3em;
|
|
|
|
|
color: #222;
|
|
|
|
|
border: 0.1em solid #222;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #898989; }
|
2024-03-15 00:51:53 +00:00
|
|
|
.mapeate [data-icon]::before {
|
|
|
|
|
margin: 0em .4em;
|
|
|
|
|
font-family: "FA5FS";
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
vertical-align: middle; }
|
|
|
|
|
.mapeate nav ul {
|
|
|
|
|
margin: 0em;
|
|
|
|
|
padding: 0em;
|
|
|
|
|
list-style-type: none; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate .entrada {
|
|
|
|
|
display: inline-block; }
|
|
|
|
|
.mapeate .entrada > input, .mapeate .entrada > textarea, .mapeate .entrada > button {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%; }
|
|
|
|
|
.mapeate .grupo {
|
|
|
|
|
display: table; }
|
|
|
|
|
.mapeate .grupo > * {
|
2024-05-28 14:08:01 +00:00
|
|
|
display: table-cell;
|
|
|
|
|
box-sizing: border-box; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate .grupo * {
|
|
|
|
|
border-radius: 0em; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .grupo > :first-child, .mapeate .grupo > :first-child button, .mapeate .grupo > :first-child input, .mapeate .grupo > :first-child textarea, .mapeate .grupo > :first-child label {
|
|
|
|
|
border-top-left-radius: 0.4em;
|
|
|
|
|
border-bottom-left-radius: 0.4em; }
|
|
|
|
|
.mapeate .grupo > :last-child, .mapeate .grupo > :last-child button, .mapeate .grupo > :last-child input, .mapeate .grupo > :last-child textarea, .mapeate .grupo > :last-child label {
|
|
|
|
|
border-top-right-radius: 0.4em;
|
|
|
|
|
border-bottom-right-radius: 0.4em; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate .posicionador {
|
|
|
|
|
display: none;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0em;
|
|
|
|
|
right: 0em;
|
|
|
|
|
margin: .5em; }
|
|
|
|
|
.mapeate .posicionador button {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0em;
|
|
|
|
|
right: 0em;
|
|
|
|
|
width: 1em;
|
|
|
|
|
height: 1em; }
|
|
|
|
|
.mapeate .posicionador button span {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .posicionador .arriba-izquierda {
|
|
|
|
|
margin-right: 1em;
|
|
|
|
|
border-radius: 1em .2em 0em .2em; }
|
|
|
|
|
.mapeate .posicionador .arriba-derecha {
|
|
|
|
|
border-radius: .2em 1em .2em 0em; }
|
|
|
|
|
.mapeate .posicionador .abajo-izquierda {
|
|
|
|
|
margin-right: 1em;
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
border-radius: .2em 0em .2em 1em; }
|
|
|
|
|
.mapeate .posicionador .abajo-derecha {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
border-radius: 0em .2em 1em .2em; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .imagen {
|
|
|
|
|
display: inline-block; }
|
|
|
|
|
.mapeate .imagen span {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
background-position: center center;
|
|
|
|
|
background-size: cover; }
|
2024-03-15 00:51:53 +00:00
|
|
|
.mapeate header, .mapeate main, .mapeate footer {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0em;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
.mapeate header {
|
|
|
|
|
top: 0em;
|
|
|
|
|
height: 4em;
|
|
|
|
|
z-index: 20; }
|
|
|
|
|
.mapeate main {
|
|
|
|
|
top: 4em;
|
|
|
|
|
bottom: 1em;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
z-index: 10; }
|
|
|
|
|
.mapeate footer {
|
|
|
|
|
bottom: 0em;
|
|
|
|
|
height: 1em;
|
|
|
|
|
z-index: 30; }
|
|
|
|
|
.mapeate h1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0em;
|
|
|
|
|
left: 0em;
|
|
|
|
|
margin: 0.08em 0.1em;
|
|
|
|
|
font-size: 3.2em; }
|
|
|
|
|
.mapeate h1 span {
|
|
|
|
|
vertical-align: middle; }
|
|
|
|
|
.mapeate h1 img {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 1em; }
|
|
|
|
|
.mapeate h1 img + span {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate h1 span + span {
|
|
|
|
|
font-size: .85em; }
|
|
|
|
|
.mapeate .menu-principal {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
bottom: 0em;
|
|
|
|
|
width: 30em;
|
|
|
|
|
margin-left: -15em;
|
|
|
|
|
text-align: center; }
|
|
|
|
|
.mapeate .menu-principal li {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: 0em 1em; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate[data-menu-principal-completo=false] .menu-principal {
|
|
|
|
|
left: 55%; }
|
|
|
|
|
.mapeate[data-menu-principal-completo=false] .menu-principal li {
|
|
|
|
|
margin: 0em .2em; }
|
|
|
|
|
.mapeate[data-menu-principal-completo=false] .menu-principal [data-icon]::before {
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
margin: 0em; }
|
|
|
|
|
.mapeate[data-menu-principal-completo=false] .menu-principal span + span {
|
|
|
|
|
display: none; }
|
2024-03-15 00:51:53 +00:00
|
|
|
.mapeate .menu-links {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0em;
|
|
|
|
|
right: 0em;
|
|
|
|
|
margin: .1em; }
|
|
|
|
|
.mapeate .menu-links li {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 1em;
|
|
|
|
|
height: 1em;
|
|
|
|
|
margin: 0em .2em;
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-radius: .5em; }
|
|
|
|
|
.mapeate .menu-links li > a {
|
|
|
|
|
vertical-align: top; }
|
|
|
|
|
.mapeate .menu-links li [data-i18n] {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .menu-links [data-icon]::before {
|
|
|
|
|
margin: 0em; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate .menu-mapas {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
margin: -18em -18em;
|
|
|
|
|
width: 36em;
|
|
|
|
|
height: 36em; }
|
|
|
|
|
.mapeate .menu-mapas legend {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
font-weight: 900; }
|
|
|
|
|
.mapeate .menu-mapas .buscador label {
|
|
|
|
|
padding-right: .4em;
|
|
|
|
|
font-weight: 900; }
|
|
|
|
|
.mapeate .menu-mapas .buscador label::after {
|
|
|
|
|
content: ":"; }
|
|
|
|
|
.mapeate .menu-mapas .buscador .entrada {
|
|
|
|
|
width: 100%; }
|
|
|
|
|
.mapeate .menu-mapas .buscador [data-icon] + span {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .menu-mapas .buscador, .mapeate .menu-mapas .buscador .entrada {
|
|
|
|
|
width: 100%; }
|
|
|
|
|
.mapeate .menu-mapas nav {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 6em;
|
|
|
|
|
bottom: 0em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: auto; }
|
|
|
|
|
.mapeate .menu-mapas nav > ul > li {
|
|
|
|
|
display: block;
|
2024-05-28 14:08:01 +00:00
|
|
|
position: relative;
|
2024-04-02 15:19:03 +00:00
|
|
|
width: 100%;
|
2024-05-28 14:08:01 +00:00
|
|
|
min-height: 8em;
|
|
|
|
|
margin: .5em 0em;
|
2024-04-02 15:19:03 +00:00
|
|
|
overflow: hidden;
|
|
|
|
|
border-radius: 1em; }
|
|
|
|
|
.mapeate .menu-mapas nav > ul > li ul {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 25em; }
|
|
|
|
|
.mapeate .menu-mapas .imagen {
|
2024-05-28 14:08:01 +00:00
|
|
|
position: absolute;
|
|
|
|
|
width: 8em;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin-right: 1em;
|
|
|
|
|
opacity: .4;
|
|
|
|
|
transition-duration: 1s;
|
|
|
|
|
transition-property: opacity; }
|
|
|
|
|
.mapeate .menu-mapas .imagen ~ * {
|
|
|
|
|
display: block;
|
|
|
|
|
margin-left: 8.5em; }
|
|
|
|
|
.mapeate .menu-mapas .imagen + span > span {
|
2024-04-02 15:19:03 +00:00
|
|
|
display: block;
|
|
|
|
|
margin-bottom: .5em;
|
|
|
|
|
font-size: 1.3em;
|
|
|
|
|
font-weight: 900; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .menu-mapas li:hover .imagen {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition-duration: 0.2s; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate .menu-mapas img {
|
2024-05-28 14:08:01 +00:00
|
|
|
display: none; }
|
2024-04-02 15:19:03 +00:00
|
|
|
.mapeate .menu-mapas [data-icon] + [data-i18n] {
|
|
|
|
|
font-weight: 900; }
|
|
|
|
|
.mapeate .menu-mapas [data-icon] + [data-i18n]::after {
|
|
|
|
|
content: ":"; }
|
2024-03-15 00:51:53 +00:00
|
|
|
.mapeate .licencias {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: .1em 0em;
|
|
|
|
|
font-size: .85em;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
text-align: center; }
|
|
|
|
|
.mapeate .licencias img {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 1em; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate .juego {
|
|
|
|
|
margin: 0em;
|
|
|
|
|
padding: 0em;
|
|
|
|
|
border: none;
|
|
|
|
|
overflow: hidden; }
|
|
|
|
|
.mapeate .juego fieldset {
|
|
|
|
|
position: absolute; }
|
|
|
|
|
.mapeate .juego > legend {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .juego, .mapeate .juego .mapa, .mapeate .juego .mapa > div {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0em;
|
|
|
|
|
left: 0em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%; }
|
|
|
|
|
.mapeate .juego .mapa {
|
|
|
|
|
margin: 0em;
|
|
|
|
|
padding: 0em;
|
|
|
|
|
border: none;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
user-select: none; }
|
|
|
|
|
.mapeate .juego .mapa legend, .mapeate .juego .mapa legend + p {
|
|
|
|
|
display: none; }
|
2024-04-30 18:19:50 +00:00
|
|
|
.mapeate .juego .mapa [data-habilitado=false], .mapeate .juego .mapa [data-acertado=false] {
|
|
|
|
|
cursor: default; }
|
|
|
|
|
.mapeate .juego .mapa [data-habilitado=false] title, .mapeate .juego .mapa [data-acertado=false] title {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .juego .mapa [data-habilitado=true][data-acertado=false], .mapeate .juego .mapa [data-habilitado=true][data-acertado=false] path, .mapeate .juego .mapa [data-habilitado=true][data-acertado=false] circle {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
fill: #e27f7d;
|
|
|
|
|
transition-property: fill;
|
|
|
|
|
transition-duration: 1s; }
|
|
|
|
|
.mapeate .juego .mapa [data-habilitado=true][data-acertado=false]:hover, .mapeate .juego .mapa [data-habilitado=true][data-acertado=false]:hover path, .mapeate .juego .mapa [data-habilitado=true][data-acertado=false]:hover circle {
|
|
|
|
|
fill: #7d7fe2;
|
|
|
|
|
transition-duration: 0.2s; }
|
|
|
|
|
.mapeate .juego .mapa [data-habilitado=true][data-acertado=true], .mapeate .juego .mapa [data-habilitado=true][data-acertado=true] path, .mapeate .juego .mapa [data-habilitado=true][data-acertado=true] circle {
|
|
|
|
|
fill: #78b378; }
|
|
|
|
|
.mapeate .juego .mapa [data-nivel-1=false][data-nivel-1-ocultable=true] .nivel-1 {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .juego .mapa [data-nivel-2=false][data-nivel-2-ocultable=true] .nivel-2 {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .juego .mapa [data-nivel-3=false][data-nivel-3-ocultable=true] .nivel-3 {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .juego .mapa [data-nivel-4=false][data-nivel-4-ocultable=true] .nivel-4 {
|
|
|
|
|
display: none; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate .juego svg {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .juego .puntos, .mapeate .juego .elemento, .mapeate .juego .objetivos, .mapeate .juego .consola, .mapeate .juego .temporizador {
|
2024-04-30 14:55:09 +00:00
|
|
|
width: 10em;
|
|
|
|
|
padding: .5em;
|
|
|
|
|
background-color: #EFEFEF;
|
|
|
|
|
border: 0.1em solid #898989;
|
|
|
|
|
border-radius: 0.4em;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #898989, 0.1em 0.1em 0.2em #222; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .juego .puntos legend, .mapeate .juego .elemento legend, .mapeate .juego .objetivos legend, .mapeate .juego .consola legend, .mapeate .juego .temporizador legend {
|
2024-04-30 14:55:09 +00:00
|
|
|
float: left;
|
|
|
|
|
width: 10em;
|
|
|
|
|
height: 1.2em;
|
|
|
|
|
margin: .4em 0em;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
text-wrap: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
user-select: none; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .juego .puntos legend + p, .mapeate .juego .elemento legend + p, .mapeate .juego .objetivos legend + p, .mapeate .juego .consola legend + p, .mapeate .juego .temporizador legend + p {
|
2024-04-30 14:55:09 +00:00
|
|
|
display: none;
|
|
|
|
|
clear: both; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .juego .puntos legend, .mapeate .juego .elemento legend, .mapeate .juego .objetivos legend, .mapeate .juego .consola legend, .mapeate .juego .temporizador legend {
|
|
|
|
|
cursor: move; }
|
2024-04-30 14:55:09 +00:00
|
|
|
.mapeate .juego .puntos {
|
|
|
|
|
height: 3.5em;
|
|
|
|
|
margin: 1em .5em;
|
|
|
|
|
z-index: 30; }
|
|
|
|
|
.mapeate .juego .elemento {
|
|
|
|
|
height: 5.5em;
|
|
|
|
|
margin: 7em .5em;
|
|
|
|
|
z-index: 20; }
|
|
|
|
|
.mapeate .juego .consola {
|
|
|
|
|
display: none;
|
|
|
|
|
width: 20em;
|
|
|
|
|
height: 7em;
|
|
|
|
|
margin: 1em 13em;
|
|
|
|
|
z-index: 50; }
|
|
|
|
|
.mapeate .juego .consola section {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 6em;
|
|
|
|
|
margin-top: 2.5em;
|
|
|
|
|
background-color: #222;
|
|
|
|
|
color: #EFEFEF;
|
|
|
|
|
font-family: "Roboto Mono";
|
|
|
|
|
font-size: .85em; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .juego .temporizador {
|
|
|
|
|
right: 0em;
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
margin-right: 1em;
|
|
|
|
|
z-index: 60; }
|
|
|
|
|
.mapeate .juego .temporizador legend {
|
|
|
|
|
text-align: right; }
|
|
|
|
|
.mapeate .juego .elemento section, .mapeate .juego .puntos section, .mapeate .juego .temporizador section {
|
2024-04-30 14:55:09 +00:00
|
|
|
font-weight: 900;
|
|
|
|
|
text-align: center; }
|
|
|
|
|
.mapeate .juego .objetivos {
|
|
|
|
|
margin: 15em .5em;
|
|
|
|
|
z-index: 40; }
|
|
|
|
|
.mapeate .juego .objetivos img {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 1em;
|
|
|
|
|
margin: 0em .3em;
|
|
|
|
|
vertical-align: middle; }
|
|
|
|
|
.mapeate .juego .objetivos nav {
|
|
|
|
|
width: 100%;
|
|
|
|
|
max-height: 10em;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
overflow-y: auto; }
|
|
|
|
|
.mapeate .juego .objetivos li {
|
|
|
|
|
padding: .3em .2em;
|
|
|
|
|
border-radius: 0em; }
|
|
|
|
|
.mapeate .juego .objetivos ul > :first-child {
|
|
|
|
|
border-radius: 0.4em 0.4em 0em 0em; }
|
|
|
|
|
.mapeate .juego .objetivos ul > :last-child {
|
|
|
|
|
border-radius: 0em 0em 0.4em 0.4em; }
|
|
|
|
|
.mapeate .juego .objetivos [data-seleccionado=true], .mapeate .juego .objetivos [data-seleccionado=true]:hover {
|
|
|
|
|
color: #770;
|
|
|
|
|
border-color: #770;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #770; }
|
|
|
|
|
.mapeate .juego .objetivos li[data-ok=true], .mapeate .juego .objetivos li[data-ok=true]:hover {
|
|
|
|
|
color: #070;
|
|
|
|
|
border-color: #070;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #070; }
|
2024-04-30 15:35:18 +00:00
|
|
|
.mapeate .niveles label {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: .1em .2em;
|
|
|
|
|
padding: .2em .2em;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: #222;
|
|
|
|
|
border: 0.1em solid #898989;
|
|
|
|
|
border-radius: .4em;
|
|
|
|
|
opacity: .5;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #898989;
|
|
|
|
|
transition-property: border-color,box-shadow,opacity;
|
|
|
|
|
transition-duration: 1s; }
|
|
|
|
|
.mapeate .niveles label:hover {
|
|
|
|
|
transition-duration: 0.2s;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #222; }
|
|
|
|
|
.mapeate .niveles label[data-seleccionado=true] {
|
|
|
|
|
opacity: 1; }
|
|
|
|
|
.mapeate .niveles label [data-i18n], .mapeate .niveles [type=checkbox], .mapeate .niveles .nivel {
|
|
|
|
|
display: none; }
|
|
|
|
|
.mapeate .niveles .elementos > span + span:before {
|
|
|
|
|
content: "["; }
|
|
|
|
|
.mapeate .niveles .elementos > span + span:after {
|
|
|
|
|
content: "]"; }
|
2024-05-28 14:08:01 +00:00
|
|
|
.mapeate .dialogo {
|
|
|
|
|
z-index: 9000; }
|
|
|
|
|
.mapeate .dialogo, .mapeate .dialogo .fondo {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0em;
|
|
|
|
|
left: 0em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden; }
|
|
|
|
|
.mapeate .dialogo .fondo {
|
|
|
|
|
background-color: rgba(34, 34, 34, 0.8);
|
|
|
|
|
z-index: 10; }
|
|
|
|
|
.mapeate .dialogo fieldset {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
height: 20em;
|
|
|
|
|
margin-top: -10em;
|
|
|
|
|
margin-left: -16em;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
width: 32em;
|
|
|
|
|
padding: .5em;
|
|
|
|
|
background-color: #EFEFEF;
|
|
|
|
|
border: 0.1em solid #898989;
|
|
|
|
|
border-radius: 0.4em;
|
|
|
|
|
box-shadow: 0em 0em 0.4em inset #898989, 0.1em 0.1em 0.2em #222; }
|
|
|
|
|
.mapeate .dialogo fieldset legend {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 32em;
|
|
|
|
|
height: 1.2em;
|
|
|
|
|
margin: .4em 0em;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
text-wrap: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
user-select: none; }
|
|
|
|
|
.mapeate .dialogo fieldset legend + p {
|
|
|
|
|
display: none;
|
|
|
|
|
clear: both; }
|
|
|
|
|
.mapeate .dialogo section {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 2em;
|
|
|
|
|
left: 0em;
|
|
|
|
|
right: 0em;
|
|
|
|
|
bottom: 2em;
|
|
|
|
|
margin: 1em;
|
|
|
|
|
overflow: auto; }
|
|
|
|
|
.mapeate .dialogo .grupo {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0em;
|
|
|
|
|
left: 0em;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-bottom: .5em;
|
|
|
|
|
text-align: center; }
|
2024-04-30 14:55:09 +00:00
|
|
|
|
|
|
|
|
[data-clase=global] {
|
|
|
|
|
/*
|
|
|
|
|
* Below are Cascading Style Sheet (CSS) definitions in use in this file,
|
|
|
|
|
* which allow easily changing how countries are displayed.
|
|
|
|
|
*
|
|
|
|
|
* The styles are applied in the order in which they are defined (and re-defined) here in the preamble.
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Circles around small countries and territories
|
|
|
|
|
*
|
|
|
|
|
* Change opacity to 1 to display all circles
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Smaller circles around subnational territories: Australian external territories, Chinese SARs, Dutch special municipalities, and French DOMs (overseas regions/departments) [but not French COMs (overseas collectivities)]
|
|
|
|
|
*
|
|
|
|
|
* Change opacity to 1 to display all circles
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Land
|
|
|
|
|
* (all land, as opposed to water, should belong to this class; in order to modify the coastline for land pieces with no borders on them a special class "coastxx" has been added below)
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Styles for coastlines of islands and continents with no borders on them
|
|
|
|
|
* (all of them should also belong to the class "landxx" - to allow for all land to be modified at once by refining "landxx" style's definition further down)
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Styles for territories without permanent population (the largest of which is Antarctica)
|
|
|
|
|
*
|
|
|
|
|
* Change opacity to 0 to hide all territories
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Circles around small countries without permanent population
|
|
|
|
|
*
|
|
|
|
|
* Change opacity to 1 to display all circles
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Styles for territories with limited or no recognition
|
|
|
|
|
* (all of them - including Taiwan - are overlays (i.e. duplicate layers) over their "host" countries, and so not showing them doesn't leave any gaps on the map)
|
|
|
|
|
*
|
|
|
|
|
* Change opacity to 1 to display all territories
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Smaller circles around small territories with limited or no recognition
|
|
|
|
|
*
|
|
|
|
|
* Change opacity to 1 to display all circles
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Oceans, seas, and large lakes
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Reserved class names:
|
|
|
|
|
*
|
|
|
|
|
* .eu - for members of European Union
|
|
|
|
|
* .eaeu - for members of Eurasian Economic Union
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* Additional style rules
|
|
|
|
|
*
|
|
|
|
|
* The following are examples of colouring countries.
|
|
|
|
|
* These can be substituted with custom styles to colour the countries on the map.
|
|
|
|
|
*
|
|
|
|
|
* Colour a few countries:
|
|
|
|
|
*
|
|
|
|
|
* .gb, .au, .nc
|
|
|
|
|
* {
|
|
|
|
|
* fill: #ff0000;
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
* Colour a few small-country circles (along with the countries):
|
|
|
|
|
*
|
|
|
|
|
* .ms, .ky
|
|
|
|
|
* {
|
|
|
|
|
* opacity: 1;
|
|
|
|
|
* fill: #ff0000;
|
|
|
|
|
* }
|
|
|
|
|
*
|
|
|
|
|
*/ }
|
|
|
|
|
[data-clase=global] .circlexx {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
fill: #c0c0c0;
|
|
|
|
|
stroke: #000000;
|
|
|
|
|
stroke-width: 0.5; }
|
|
|
|
|
[data-clase=global] .subxx {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
fill: #c0c0c0;
|
|
|
|
|
stroke: #000000;
|
|
|
|
|
stroke-width: 0.3; }
|
|
|
|
|
[data-clase=global] .landxx {
|
|
|
|
|
fill: #c0c0c0;
|
|
|
|
|
stroke: #ffffff;
|
|
|
|
|
stroke-width: 0.5;
|
|
|
|
|
fill-rule: evenodd; }
|
|
|
|
|
[data-clase=global] .coastxx {
|
|
|
|
|
stroke-width: 0.2; }
|
|
|
|
|
[data-clase=global] .antxx {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
fill: #c0c0c0; }
|
|
|
|
|
[data-clase=global] .noxx {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
fill: #c0c0c0;
|
|
|
|
|
stroke: #000000;
|
|
|
|
|
stroke-width: 0.5; }
|
|
|
|
|
[data-clase=global] .limitxx {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
fill: #c0c0c0;
|
|
|
|
|
stroke: #ffffff;
|
|
|
|
|
stroke-width: 0.2;
|
|
|
|
|
fill-rule: evenodd; }
|
|
|
|
|
[data-clase=global] .unxx {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
fill: #c0c0c0;
|
|
|
|
|
stroke: #000000;
|
|
|
|
|
stroke-width: 0.3; }
|
|
|
|
|
[data-clase=global] .oceanxx {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
fill: #ffffff;
|
|
|
|
|
stroke: #000000;
|
|
|
|
|
stroke-width: 0.5; }
|
2024-03-15 00:51:53 +00:00
|
|
|
|
|
|
|
|
/*# sourceMappingURL=Mapeate.css.map */
|
