Samuele E. Locatelli
49 lines
1.4 KiB
CSS
49 lines
1.4 KiB
CSS
/* Gestione blocchi dichiarazione fermate */
|
|
.labelBottom {
|
|
background: #111;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
padding: 0 0.4em;
|
|
min-height: 30%;
|
|
width: 100%;
|
|
-webkit-border-bottom-left-radius: inherit;
|
|
border-bottom-left-radius: inherit;
|
|
-webkit-border-bottom-right-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
line-height: 1em;
|
|
}
|
|
.dichBlock {
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
color: #FFF;
|
|
background-image: linear-gradient(#111, #000);
|
|
box-shadow: 5px 5px 10px 0 rgba(150, 150, 150, 0.2), 10px 10px 10px 0 rgba(200, 200, 200, 0.39);
|
|
width: 6em;
|
|
}
|
|
/* First breakpoint is 460px. 3 column layout. Tiles 150x150 pixels at the breakpoint. */
|
|
@media all and (max-width: 600px) {
|
|
.dichBlock {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
/* Second breakpoint. 4 column layout. Tiles will be 150x150 pixels again at the breakpoint. */
|
|
@media all and (min-width: 600px) {
|
|
.dichBlock {
|
|
font-size: 1em;
|
|
width: 7em;
|
|
}
|
|
}
|
|
/* Second breakpoint. 5 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
|
@media all and (min-width: 800px) {
|
|
.dichBlock {
|
|
font-size: 1.4em;
|
|
width: 7em;
|
|
}
|
|
}
|
|
/* Second breakpoint. 6 column layout. Tiles will be 156x156 pixels again at the breakpoint. */
|
|
@media all and (min-width: 1100px) {
|
|
.dichBlock {
|
|
font-size: 1.5em;
|
|
width: 7em;
|
|
}
|
|
} |