48 lines
1.9 KiB
CSS
48 lines
1.9 KiB
CSS
div.pointsWall {}
|
|
div.pointsWall .line{}
|
|
div.pointsWall .point {background-size: cover; background-position-y: 30%; width: 50%; height: 300px; display: inline-block; float: left; padding: 10px;}
|
|
div.pointsWall .point span.header {font-size: 22px; color: white; font-weight: bold; text-shadow: -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #444, 1px 1px 0 #444;}
|
|
|
|
.mainTextBlock {font-size: 16px; text-align: justify;}
|
|
|
|
.test-ulm-row {background-color: #fff;margin-top: -19px;margin-bottom: -19px;padding-top: 10px;padding-bottom: 10px;}
|
|
.test-ulm-row .test-ulm {text-align: center;width: 16.5%;float: right;display: inline-block;}
|
|
.test-ulm-row .test-ulm nobr {font-size: 1.2em;}
|
|
|
|
div#control {position: fixed; z-index: 1000;}
|
|
|
|
/* -------------------------------------------*/
|
|
/* ------------- ADAPTIVE --------------------*/
|
|
/* -------------------------------------------*/
|
|
|
|
/* Target landscape smartphones, portrait tablets, narrow desktops */
|
|
@media screen and (max-width:1200px) {
|
|
.pagePoinsNearCards {display: inline-block; width: 153px; height: 114px; overflow: hidden;}
|
|
.pagePoinsNearCardsImg {width: 153px; height: 114px;}
|
|
div#control {position: absolute;}
|
|
}
|
|
|
|
@media screen and (max-width:1000px) {
|
|
#pageSmoothBackground {display: none;}
|
|
}
|
|
|
|
@media screen and (max-width:990px) {
|
|
.pagePoinsNearCards {display: inline-block; width: 116px; height: 87px; overflow: hidden;}
|
|
.pagePoinsNearCardsImg {width: 116px; height: 87px;}
|
|
}
|
|
|
|
@media screen and (max-width:815px) {
|
|
.pagePoinsNearCards {display: inline-block; width: 120px; height: 90px; overflow: hidden;}
|
|
.pagePoinsNearCardsImg {width: 120px; height: 90px;}
|
|
}
|
|
|
|
@media screen and (max-width:640px) {
|
|
div.header {
|
|
position: initial;
|
|
text-align: center;
|
|
}
|
|
.pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;}
|
|
.pagePoinsNearCardsImg {width: 201px; height: 150px;}
|
|
div.pointsWall .point {width: 100%;}
|
|
}
|