diff --git a/site/templates/css/style.css b/site/templates/css/style.css index 3f27a08..d3d91ea 100644 --- a/site/templates/css/style.css +++ b/site/templates/css/style.css @@ -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