Revert del padding + modifica percorsi perché la gente è handicappata

This commit is contained in:
La Programmatrice Verde 2025-02-24 14:53:41 +01:00
parent 7e178955c2
commit e4ad8ef2ed
3 changed files with 37 additions and 39 deletions

View File

@ -3,9 +3,9 @@
<head> <head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" /> <meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Milites Christi</title><!--modifica--> <title>Milites Christi</title><!--modifica-->
<link id="favicon" rel="icon" href="/favicon2.png" /> <link id="favicon" rel="icon" href="../../favicon2.png" />
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="../../style.css" />
<script src="/script.js"></script> <script src="../../script.js"></script>
</head> </head>
<body> <body>
<div id="corpo"> <div id="corpo">

View File

@ -3,9 +3,9 @@
<head> <head>
<meta http-equiv="content-type" content="text/html" charset="utf-8" /> <meta http-equiv="content-type" content="text/html" charset="utf-8" />
<title>Milites Christi</title><!--modifica--> <title>Milites Christi</title><!--modifica-->
<link id="favicon" rel="icon" href="/favicon2.png" /> <link id="favicon" rel="icon" href="../../favicon2.png" />
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="../../style.css" />
<script src="/script.js"></script> <script src="../../script.js"></script>
</head> </head>
<body> <body>
<div id="corpo"> <div id="corpo">

View File

@ -15,7 +15,7 @@ html {
background-size: cover; background-size: cover;
} }
body{ body {
margin-left: 10%; margin-left: 10%;
margin-right: 10%; margin-right: 10%;
} }
@ -34,7 +34,7 @@ body{
text-align: center; text-align: center;
top: 5px; top: 5px;
margin-left: 2%; margin-left: 2%;
margin-right:12%; margin-right: 12%;
} }
h1, h1,
@ -75,41 +75,39 @@ nav ul {
nav ul>li { nav ul>li {
display: inline-block; display: inline-block;
position: relative; position: relative;
padding-left: 20px;
padding-right: 20px;
} }
nav a {
color: black;
text-decoration: none;
padding: 15px;
display: block;
}
nav a { nav a:hover {
color: black; box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
text-decoration: none; }
padding: 15px;
display: block;
}
nav a:hover { nav .dropdown {
box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset; max-height: 0;
} overflow: hidden;
transition: max-height 1s ease;
}
nav .dropdown { nav li:hover>.dropdown,
max-height: 0; nav li:focus>.dropdown {
overflow: hidden; max-height: 300px;
transition: max-height 1s ease; }
}
nav li:hover>.dropdown, nav .dropdown {
nav li:focus>.dropdown { position: absolute;
max-height: 300px; background: #fdf9bb;
} box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
z-index: 1;
}
nav .dropdown { nav ul ul li {
position: absolute; white-space: nowrap;
background: #fdf9bb; }
box-shadow: 2px 3px 20px black, 0 0 60px #edb072 inset;
z-index: 1;
}
nav ul ul li {
white-space: nowrap;
}
/*Da qui potete inserire tutto il layout della vostra pagina*/ /*Da qui potete inserire tutto il layout della vostra pagina*/