mirror of
https://github.com/ulaulaman/eduinaf.git
synced 2024-12-14 02:54:15 +01:00
Css per menu a bottoni e a lista
This commit is contained in:
parent
7cc50e70a6
commit
55011c345c
@ -1,12 +1,3 @@
|
||||
/* twitter & fb */
|
||||
|
||||
.twitter-tweet { margin:auto; }
|
||||
.fb-post { margin:auto;border:none;overflow:hidden }
|
||||
|
||||
/* headline */
|
||||
|
||||
.entry-headline { font-style: italic; }
|
||||
|
||||
/* per griglia in evidenza */
|
||||
|
||||
.evidenza {
|
||||
@ -117,6 +108,95 @@ div.paleBlueRows {
|
||||
.divTableFoot { display: table-footer-group;}
|
||||
.divTableBody { display: table-row-group;}
|
||||
|
||||
/* Bottoni per menu */
|
||||
|
||||
.btn-group button {
|
||||
background-color: #1d71b8;
|
||||
border: 1px solid white;
|
||||
color: white;
|
||||
padding: 10px 24px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.btn-group button:not(:last-child) {
|
||||
border-bottom: none; /* Prevent double borders */
|
||||
}
|
||||
|
||||
/* Add a background color on hover */
|
||||
.btn-group button:hover {
|
||||
background-color: #1f2c4e;
|
||||
}
|
||||
|
||||
.btn-group button a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Menu con lista */
|
||||
|
||||
ul.menuhor {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid #e7e7e7;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
ul.menuhor li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
ul.menuhor li a {
|
||||
display: block;
|
||||
color: #000;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.menuhor li a.active {
|
||||
background-color: #1d71b8;
|
||||
color: white;
|
||||
}
|
||||
|
||||
ul.menuhor li a:hover:not(.active) {
|
||||
background-color: #1f2c4e;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
ul.menuhor li {float: none;}
|
||||
}
|
||||
|
||||
ul.menuver {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 25%;
|
||||
background-color: #f1f1f1;
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
ul.menuver li a {
|
||||
display: block;
|
||||
color: #000;
|
||||
padding: 8px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.menuver li a.active {
|
||||
background-color: #1d71b8;
|
||||
color: white;
|
||||
}
|
||||
|
||||
ul.menuver li a:hover:not(.active) {
|
||||
background-color: #1f2c4e;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/*
|
||||
Mappe inaf e irnet
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user