Pulsanti work in progress + fix animazione

extra_menu/extra.html

@@ -25,8 +25,8 @@
       <a href="/extra_bus/italia/italia.html" class="blue button">Italia</a>
       <a href="/extra_bus/repubblica_ceca/repubblica_ceca.html" class="blue button">Repubblica Ceca</a>
       <a href="/extra_bus/austria/austria.html" class="blue button">Austria</a><br>
-      <a href="/extra_bus/san_marino/rsm.html" class="wbutton">Repubblica di San Marino</a>
-      <a href="/extra_bus/eventi/eventi.html" class="wbutton">Eventi</a>
+      <a href="/extra_bus/san_marino/rsm.html" class="wip button">Repubblica di San Marino</a>
+      <a href="/extra_bus/eventi/eventi.html" class="wip button">Eventi</a>
     </div>
   </div>
   <br>

index.html

@@ -24,7 +24,7 @@
     <h1>ER-TPL</h1>
     <p>Galleria fotografica dei bus del TPL Emiliano-Romagnolo</p>
     <div>
-        <a class="blue button" href="/service/newui.html">SETA Modena</a>
+        <a class="wip button" href="/service/newui.html">SETA Modena</a>
         <a class="blue button" href="/ravenna_menu/ravenna.html">TPL Ravenna</a>
         <a class="blue button" href="/tper_menu/tper.html">TPER</a>
     </div>
@@ -32,7 +32,8 @@
     <hr class="solid">
     <h1 class="nospazio">Novità sito:</h1>
     <p class="novitasito">
-        ATTENZIONE! Abbiamo cambiato provider email, clicca su "Contattaci" nel footer qui sotto o in <a class="novita" href="chisiamo.html">chi siamo</a> per vedere il nuovo indirizzo.
+        ATTENZIONE! Abbiamo cambiato provider email, clicca su "Contattaci" nel footer qui sotto o in <a class="novita" href="chisiamo.html">chi siamo</a> per vedere il nuovo indirizzo. <br>
+        Aggiunto stile dei bottoni per indicare le sezioni del sito in manutenzione o sviluppo.
     </p>
     <div class="container">
         <div class="riga">

service/newui.html

@@ -27,7 +27,7 @@
       <a class="green button" href="/seta_menu/cercaorario/index.html">Orari in tempo reale</a>
       <a class="green button" href="/seta_menu/businservizio/index.html">Monitor autobus in servizio</a>
       <a class="green button" href="/seta_menu/percorsi/index.html">Percorsi</a>
-      <a class="green button" href="/seta_menu/zone.html">Zone (BETA)</a>
+      <a class="wip button" href="/seta_menu/zone.html">Zone (BETA)</a>
     </div>
 </body>
 </html>

style.css

@@ -31,28 +31,6 @@ a.novita{
 }
 
 /*PULSANTI CON <a>*/
-
-a.button {
-    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;
-}
-a.button:active {
-    box-shadow: none;
-    transform: translateY(5px)
-}
-
 /*COLORI BUTTON*/
 
 a.blue.button{
@@ -79,9 +57,8 @@ a.yellow.button{
     box-shadow: 0 5px 0 darkgoldenrod;
 }
 
-a.striped.button{
+a.wip.button{
     color: black;
-    background-color: #ffc107; 
     background-image: repeating-linear-gradient(
         -45deg,
         #ffc107 0px,
@@ -89,7 +66,30 @@ a.striped.button{
         #d14600 25px,
         #d14600 50px
     );
-    box-shadow: 0 5px 0 #d14600;
+    box-shadow: 0 5px 0 #8b2e00;
+}
+
+/*PULSANTE GENERICO*/
+
+a.button {
+    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;
+}
+a.button:active {
+    box-shadow: none;
+    transform: translateY(5px);
 }
 
 footer{