216 lines
8.4 KiB
CSS
216 lines
8.4 KiB
CSS
.mapeate {
|
|
position: relative;
|
|
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; }
|
|
.mapeate, .mapeate entrada, .mapeate textarea, .mapeate button {
|
|
font-family: "Roboto"; }
|
|
.mapeate [data-visible=false] {
|
|
display: none !important; }
|
|
.mapeate a[href] {
|
|
text-decoration: none; }
|
|
.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;
|
|
cursor: pointer; }
|
|
.mapeate button:hover, .mapeate [type=button]:hover, .mapeate [type=reset]:hover, .mapeate [type=submit]:hover, .mapeate [rol=button]:hover {
|
|
color: #0A0FD5; }
|
|
.mapeate a[href], .mapeate [onclick], .mapeate [onmousedown], .mapeate [onmouseup] {
|
|
color: #D50F0A;
|
|
cursor: pointer;
|
|
transition-property: color;
|
|
transition-duration: 1s; }
|
|
.mapeate a[href]:hover, .mapeate [onclick]:hover, .mapeate [onmousedown]:hover, .mapeate [onmouseup]:hover {
|
|
color: #0A0FD5;
|
|
transition-duration: 0.2s; }
|
|
.mapeate a[href][disabled], .mapeate [onclick][disabled], .mapeate [onmousedown][disabled], .mapeate [onmouseup][disabled] {
|
|
color: #898989; }
|
|
.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; }
|
|
.mapeate .entrada {
|
|
display: inline-block; }
|
|
.mapeate .entrada > input, .mapeate .entrada > textarea, .mapeate .entrada > button {
|
|
width: 100%;
|
|
height: 100%; }
|
|
.mapeate .grupo {
|
|
display: table; }
|
|
.mapeate .grupo > * {
|
|
display: table-cell; }
|
|
.mapeate .grupo * {
|
|
border-radius: 0em; }
|
|
.mapeate .grupo > :first-child, .mapeate .grupo > :first-child button, .mapeate .grupo > :first-child input, .mapeate .grupo > :first-child textarea {
|
|
border-radius: 0.4em 0em 0em 0.4em; }
|
|
.mapeate .grupo > :last-child, .mapeate .grupo > :last-child button, .mapeate .grupo > :last-child input, .mapeate .grupo > :last-child textarea {
|
|
border-radius: 0em 0.4em 0.4em 0em; }
|
|
.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; }
|
|
.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; }
|
|
.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; }
|
|
.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;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
border-radius: 1em; }
|
|
.mapeate .menu-mapas nav > ul > li ul {
|
|
display: inline-block;
|
|
width: 25em; }
|
|
.mapeate .menu-mapas .imagen {
|
|
float: left;
|
|
margin-right: 1em; }
|
|
.mapeate .menu-mapas .imagen + [data-i18n] {
|
|
display: block;
|
|
margin-bottom: .5em;
|
|
font-size: 1.3em;
|
|
font-weight: 900; }
|
|
.mapeate .menu-mapas img {
|
|
width: 8em;
|
|
height: 8em; }
|
|
.mapeate .menu-mapas [data-icon] + [data-i18n] {
|
|
font-weight: 900; }
|
|
.mapeate .menu-mapas [data-icon] + [data-i18n]::after {
|
|
content: ":"; }
|
|
.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; }
|
|
.mapeate .juego, .mapeate .juego .mapa, .mapeate .juego .mapa > div {
|
|
position: absolute;
|
|
top: 0em;
|
|
left: 0em;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
/*# sourceMappingURL=Mapeate.css.map */
|