ulaulaman/eduinaf
1
0
Fork 0
mirror of https://github.com/ulaulaman/eduinaf.git synced 2024-12-17 01:08:42 +01:00
Code Issues Releases Wiki Activity

Sistemazioni varie e bottoni menu orizzontale

Browse Source
This commit is contained in:
ulaulaman 2020-10-21 00:56:28 +02:00
parent 373382b2f8
commit 0ce89100f8
1 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
incl/eduinaf.css
View File

@ -133,9 +133,41 @@ div.paleBlueRows {
color: white;
}
/* Bottoni per menu orizontale */
.btn-group-or button {
background-color: #1d71b8;
border: 1px solid white;
color: white;
padding: 10px 24px;
cursor: pointer;
float: left;
}
/* Clear floats (clearfix hack) */
.btn-group-or:after {
content: "";
clear: both;
display: table;
}
.btn-group-or button:not(:last-child) {
border-right: none; /* Prevent double borders */
border-top: none;
}
/* Add a background color on hover */
.btn-group-or button:hover {
background-color: #1f2c4e;
}
.btn-group-or button a {
color: white;
}
/* Menu con lista */
ul.menuhor {
.menuhor {
list-style-type: none;
margin: 0;
padding: 0;
@ -144,32 +176,32 @@ div.paleBlueRows {
background-color: #f3f3f3;
}
ul.menuhor li {
float: left;
.menuhor button {
float: center;
}
ul.menuhor li a {
.menuhor button a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
ul.menuhor li a.active {
.menuhor button a.active {
background-color: #1d71b8;
color: white;
}
ul.menuhor li a:hover:not(.active) {
.menuhor button a:hover:not(.active) {
background-color: #1f2c4e;
color: white;
}
@media screen and (max-width: 600px) {
ul.menuhor li {float: none;}
.menuhor button {float: none;}
}
ul.menuver {
.menuver {
list-style-type: none;
margin: 0;
padding: 0;
@ -180,19 +212,19 @@ div.paleBlueRows {
overflow: auto;
}
ul.menuver li a {
.menuver button a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
ul.menuver li a.active {
.menuver button a.active {
background-color: #1d71b8;
color: white;
}
ul.menuver li a:hover:not(.active) {
.menuver button a:hover:not(.active) {
background-color: #1f2c4e;
color: white;
}