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