106 lines
2.3 KiB
Stylus
106 lines
2.3 KiB
Stylus
#homePage
|
|
display: block
|
|
min-height: 300px
|
|
|
|
.pageHeader
|
|
margin-bottom: 30px
|
|
margin-right: 10px
|
|
img
|
|
width: 100%
|
|
-webkit-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75)
|
|
-moz-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75)
|
|
box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75)
|
|
.blockContainer
|
|
position: relative
|
|
height: 350px
|
|
max-width: 970px
|
|
min-width: 200px
|
|
margin: 0 auto
|
|
min-height: 1px
|
|
.mainViewContainer
|
|
max-width: 1200px
|
|
min-width: 200px
|
|
margin: 0 auto
|
|
position: relative
|
|
.column
|
|
position: absolute
|
|
width: 25%
|
|
.cellTile
|
|
max-width: 240px
|
|
//max-height: 140px
|
|
position: relative
|
|
.cellContent
|
|
margin: 0 12px 20px 4px
|
|
-webkit-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75)
|
|
-moz-box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75)
|
|
box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75)
|
|
a
|
|
img
|
|
width: 100%
|
|
vertical-align: top
|
|
.menuText
|
|
position: absolute
|
|
left: 12px
|
|
top: -1px
|
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
|
|
font-weight: 800
|
|
font-size: 15px
|
|
color: black
|
|
line-height: 27px
|
|
height: 0
|
|
overflow: visible
|
|
pointer-events: none
|
|
background: none !important
|
|
margin: 0
|
|
padding: 0
|
|
.menuTimestamp
|
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
|
|
font-weight: 800
|
|
font-size: 15px
|
|
color: white
|
|
letter-spacing: -2px
|
|
position: absolute
|
|
bottom: 30px
|
|
right: 16px
|
|
line-height: 27px
|
|
height: 0
|
|
overflow: visible
|
|
pointer-events: none
|
|
background: none !important
|
|
margin: 0
|
|
padding: 0
|
|
.column1
|
|
left: 0
|
|
.column2
|
|
left: 25%
|
|
.column3
|
|
left: 50%
|
|
.column4
|
|
left: 75%
|
|
|
|
@media(max-width: 800px)
|
|
.column .cellTile .cellContent
|
|
.menuText
|
|
font-size: 12px
|
|
.menuTimestamp
|
|
font-size: 12px
|
|
@media(max-width: 650px)
|
|
.column .cellTile .cellContent
|
|
.menuText
|
|
font-size: 10px
|
|
.menuTimestamp
|
|
font-size: 10px
|
|
@media(max-width: 550px)
|
|
.column .cellTile .cellContent
|
|
.menuText
|
|
font-size: 10px
|
|
letter-spacing: -1px
|
|
.menuTimestamp
|
|
font-size: 10px
|
|
@media(max-width: 500px)
|
|
.column .cellTile .cellContent
|
|
.menuText
|
|
font-size: 9px
|
|
letter-spacing: -1px
|
|
.menuTimestamp
|
|
font-size: 9px |