110 lines
2.8 KiB
CSS
110 lines
2.8 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 input, .mapeate textarea, .mapeate button {
|
||
|
|
font-family: "Roboto"; }
|
||
|
|
.mapeate [data-visible=false] {
|
||
|
|
display: none !important; }
|
||
|
|
.mapeate a[href] {
|
||
|
|
text-decoration: none; }
|
||
|
|
.mapeate a[href], .mapeate [onclick], .mapeate button, .mapeate [type=button], .mapeate [type=reset], .mapeate [type=submit] {
|
||
|
|
color: #D50F0A;
|
||
|
|
cursor: pointer;
|
||
|
|
transition-property: color;
|
||
|
|
transition-duration: 1s; }
|
||
|
|
.mapeate a[href]:hover, .mapeate [onclick]:hover, .mapeate button:hover, .mapeate [type=button]:hover, .mapeate [type=reset]:hover, .mapeate [type=submit]:hover {
|
||
|
|
color: #0A0FD5;
|
||
|
|
transition-duration: 0.2s; }
|
||
|
|
.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 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 .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;
|
||
|
|
background-color: #222;
|
||
|
|
border-radius: .5em; }
|
||
|
|
.mapeate .menu-links li > a {
|
||
|
|
font-size: .77em;
|
||
|
|
vertical-align: top; }
|
||
|
|
.mapeate .menu-links li [data-i18n] {
|
||
|
|
display: none; }
|
||
|
|
.mapeate .menu-links [data-icon]::before {
|
||
|
|
margin: 0em; }
|
||
|
|
.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; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=Mapeate.css.map */
|