Cose belle
This commit is contained in:
parent
1f0e5a0978
commit
8b43d87fc8
12
index.html
12
index.html
|
@ -11,11 +11,11 @@
|
||||||
<link rel="shortcut icon" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/pgKMzwPFA6zDekB?file=/Immagini%20sito/atcma.png" type="image/x-icon">
|
<link rel="shortcut icon" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/pgKMzwPFA6zDekB?file=/Immagini%20sito/atcma.png" type="image/x-icon">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header style="height: 51px;">
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><h1 style="color:red;">ATTENZIONE! Il sito è ancora in fase di sviluppo e molte pagine non funzionano o portano a collegamenti sbagliati!</a></li>
|
<li><h1 style="font-weight: 500;"></h1></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<h1>ER-TPL</h1>
|
<h1>ER-TPL</h1>
|
||||||
|
@ -25,10 +25,6 @@
|
||||||
<a class="button" href="start.html">START Romagna (RA)</a>
|
<a class="button" href="start.html">START Romagna (RA)</a>
|
||||||
<a class="button" href="tper.html">TPER</a>
|
<a class="button" href="tper.html">TPER</a>
|
||||||
</div>
|
</div>
|
||||||
<p></p>
|
|
||||||
<div>
|
|
||||||
<a class="button" href="atcmlalinea.html">Archivio La Linea (ATCM)</a>
|
|
||||||
</div>
|
|
||||||
<footer>
|
<footer>
|
||||||
<hr>
|
<hr>
|
||||||
<a href="chisiamo.html" class="link">Chi siamo</a>
|
<a href="chisiamo.html" class="link">Chi siamo</a>
|
||||||
|
|
|
@ -26,5 +26,9 @@
|
||||||
<a href="setafilobus.html" class="button">Filobus</a>
|
<a href="setafilobus.html" class="button">Filobus</a>
|
||||||
<a href="setamodena_bus/minibus/sprinter.html" class="button">Minibus</a>
|
<a href="setamodena_bus/minibus/sprinter.html" class="button">Minibus</a>
|
||||||
</div>
|
</div>
|
||||||
|
<div style="height: 35px;"></div>
|
||||||
|
<div>
|
||||||
|
<a class="gbutton" href="atcmlalinea.html">Archivio La Linea ATCM</a>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
30
style.css
30
style.css
|
@ -34,6 +34,29 @@ body{
|
||||||
a{
|
a{
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
a.gbutton{
|
||||||
|
display: inline-block;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 18px;
|
||||||
|
width: auto;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
padding: 0 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 48px;
|
||||||
|
letter-spacing: .1px;
|
||||||
|
white-space: wrap;
|
||||||
|
border-radius: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: white;
|
||||||
|
background-color: rgb(0, 160, 0);
|
||||||
|
box-shadow: 0 5px 0 darkgreen;
|
||||||
|
}
|
||||||
|
.gbutton:active {
|
||||||
|
box-shadow: none;
|
||||||
|
transform: translateY(5px)
|
||||||
|
}
|
||||||
footer{
|
footer{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10px;
|
bottom: 10px;
|
||||||
|
@ -46,11 +69,10 @@ header {
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: left;
|
align-items: start;
|
||||||
width: auto;
|
width: auto;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -58,6 +80,10 @@ nav ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
}
|
}
|
||||||
|
nav {
|
||||||
|
text-align: center;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
nav ul li {
|
nav ul li {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
|
|
Loading…
Reference in New Issue