codigo_artabro/praiadeseselle
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Cambios nas cores e posiciones do menu.

Browse source
This commit is contained in:
Laegnur 2022-03-10 14:10:45 +01:00
parent 97af59a60d
commit ae2bf03618
1 changed files with 20 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
site/templates/css/style.css
View file

@ -22,6 +22,7 @@ body
margin: 0;
color: var(--fondo_oscuro);
font-family: 'DejaVu Sans', sans-serif;
font-size: 1rem;
@ -101,7 +102,7 @@ header#cabeceira input[type="checkbox"]
position: absolute;
top: 1.563rem;
right: 1.563rem;
left: 1.563rem;
z-index: 5;
height: 1.875rem;
@ -118,7 +119,7 @@ header#cabeceira .interruptor
position: absolute;
top: 1.25rem;
right: 1.25rem;
left: 1.25rem;
z-index: 2;
height: 1.875rem;
@ -163,12 +164,15 @@ nav#menu
top: 0;
height: 100vh;
width: 100%;
width: 50%;
padding-top: 15px;
padding: 0;
color: rgb(var(--color_oscuro));
background-color: rgb(var(--fondo_oscuro));
border-right: 2px solid rgb(var(--fondo_oscuro));
color: var(--fondo_oscuro);
background-color: rgb(var(--fondo_principal));
transform: translateX(-100%);
transition: transform 0.5s;
@ -176,7 +180,7 @@ nav#menu
nav#menu a
{
color: rgb(var(--color_oscuro));
color: rgb(var(--fondo_oscuro));
}
ul#idiomas
@ -186,9 +190,9 @@ ul#idiomas
width: 75%;
margin: 0;
margin: 70px 0 0 20px;
padding: 0 0 0 0.625rem;
padding: 0;
}
ul#paxinas
@ -214,7 +218,7 @@ ul#idiomas li a
padding: 0.625rem;
border: 1px solid rgb(var(--color_oscuro));
border: 1px solid rgb(var(--fondo_oscuro));
text-decoration: none;
}
@ -231,24 +235,24 @@ ul#idiomas li:last-child a
ul#idiomas li.activo a
{
color: rgb(var(--fondo_oscuro));
color: rgb(var(--fondo_principal));
background-color: rgb(var(--color_oscuro));
background-color: rgb(var(--fondo_oscuro));
}
nav#menu li a:focus
{
outline: 2px dotted rgb(var(--color_oscuro));
outline: 2px dotted rgb(var(--fondo_oscuro));
}
ul#paxinas li
{
border-left: 0.625rem solid rgb(var(--fondo_oscuro));
border-left: 0.625rem solid rgb(var(--fondo_principal));
}
ul#paxinas li:hover, ul#paxinas li.activo
{
border-left: 0.625rem solid rgb(var(--color_oscuro));
border-left: 0.625rem solid rgb(var(--fondo_oscuro));
}
ul#paxinas li a
@ -272,28 +276,22 @@ header#cabeceira input[type="checkbox"]:focus ~ .interruptor
header#cabeceira input[type="checkbox"]:checked ~ .interruptor .linna1
{
background: rgb(var(--color_oscuro));
transform: rotate(45deg) scaleX(1.3);
}
header#cabeceira input[type="checkbox"]:checked ~ .interruptor .linna2
{
background: rgb(var(--color_oscuro));
transform: scaleY(0);
}
header#cabeceira input[type="checkbox"]:checked ~ .interruptor .linna3
{
background: rgb(var(--color_oscuro));
transform: rotate(-45deg) scaleX(1.3);
}
header#cabeceira input[type="checkbox"]:checked:focus ~ .interruptor
{
outline: 2px dotted rgb(var(--color_oscuro));
outline: 2px dotted rgb(var(--fondo_oscuro));
}
header#cabeceira div.contedor