Integrazione iframeorari in percorsi + fix navbar percorsi @media

2025-12-06 18:52:01 +00:00 · 2025-10-27 16:19:00 +01:00
parent b7e018aed0
commit 03307a9a08
10 changed files with 25 additions and 76 deletions
--- a/seta_menu/percorsi/css/style-iframeorari.css
+++ b/seta_menu/percorsi/css/style-iframeorari.css
@@ -0,0 +1,228 @@
+body {
+    background-color: #282828;
+    text-align: center;
+    color: white;
+    font-family: Titillium Web;
+}
+
+.search-result {
+    border: 2px solid white;
+    border-radius: 8px;
+    width: 20vw;
+    margin: auto;
+    margin-left: 5px;
+    margin-right: 5px;
+    margin-top: 10px;
+    cursor: pointer;
+    display: inline-block;
+}
+
+#link-a-seta{
+    margin:8px;
+}
+
+iframe{
+    width: 100%;
+    height: 2000px;
+}
+
+table{
+    margin-left: auto;
+    margin-right: auto;
+}
+
+th,td {
+    border: none;
+    padding: .7vw;
+    padding-top: .6vw;
+    padding-bottom: .6vw;
+    text-align: left;
+}
+
+hr{
+    margin-top:19px;
+}
+
+h1.warning {
+    color:red;
+    font-size: 16px;
+}
+
+h1.yellow-warning {
+    color:rgb(255, 205, 0);
+    font-size: 16px;
+}
+
+header {
+    font-size: 67%;
+    background-color: #333;
+    height: auto;
+    padding: 0px 0px;
+    align-items: start;
+    width: 100%;
+    border-radius: 10px;
+}
+
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: left;
+}
+
+nav {
+    text-align: center;
+    flex-shrink: 0;
+}
+
+nav.index{
+    display: flex;
+    min-height: 46px;
+}
+
+nav ul li {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+nav ul li a {
+    color: #fff;
+    text-decoration: none;
+    font-size: 16px;
+}
+
+nav ul li a:hover {
+    text-decoration: underline;
+}
+
+.bus-card-red {
+    background-color: rgb(55,0,0) !important;
+}
+.bus-card-yellow {
+    background-color: rgb(65, 65, 0) !important;
+}
+.bus-card-green {
+    background-color: rgb(0, 55, 0) !important;
+}
+
+a {
+    color: orange;
+}
+
+a.bianco{
+    color: white;
+    text-decoration: none;
+}
+
+a.rosso{
+    color:white;
+    text-decoration: none;
+}
+
+a.rosso div{
+    background-color: rgb(55,0,0) !important;
+}
+
+a.biancosott{
+    color: white;
+}
+a.link-cell {
+  display: block;
+  width: 100%;
+  height: 100%;
+  color: white;
+}
+
+img{
+    height:300px;
+}
+
+@media (max-width: 768px) {
+    table#selettore-direzione th:first-child {
+        background-color: rgb(50, 50, 50);
+        border-top-left-radius: 8px;
+    }
+    table#selettore-direzione th:last-child {
+        background-color: rgb(50, 50, 50);
+        border-top-right-radius: 8px;
+    }
+    iframe{
+        width: 100%;
+        height: 2200px;
+    }
+    .search-result {
+        display: block;
+        width: 96.5%;
+    }
+    .container {
+        flex-direction: column;
+    }
+    nav#corsie-nav ul li a{
+        font-size: 75%;
+        margin: 0;
+    }
+    table {
+        width: 100%;
+    }
+    h2.noreduction{
+        margin-bottom: 16px;
+    }
+    #searchBar {
+        width: 80%;
+    }
+    #stopCodeBar {
+        width: 80%;
+    }
+    hr{
+        margin-bottom:19px;
+    }
+    img{
+        width: 98%;
+        height: auto;
+    }
+    nav ul:last-child li {
+        margin-right: 20px;
+    }
+    nav ul li {
+        margin-right: 8px;
+    }
+}
+
+#selettore-direzione {
+    border-collapse: collapse;
+    border-radius: 8px;
+    width: 100%;
+    margin: auto;
+}
+
+table#selettore-direzione th:hover {
+    background-color: rgb(204, 132, 0);
+}
+
+table#selettore-direzione th:active{
+    background-color: rgb(255, 234, 196);
+}
+
+table#selettore-direzione th {
+    border-left: 1px solid #282828;
+    border-right: 1px solid #282828;
+    padding: 10.7px;
+    padding-top: 9.2px;
+    padding-bottom: 9.2px;
+    text-align: center;
+}
+
+footer {
+    position: relative;
+    bottom: 0;
+	left: 0;
+    width: 100%;
+}
+div.search-result div{
+    margin-left: 10px;
+    margin-right: 10px;
+}
+p.space{
+    width: 20px;
+}