Files
AVEF/imports/ui/Home.import.styl

106 lines
2.3 KiB
Stylus
Raw Normal View History

#homePage
display: block
2018-08-14 10:56:12 -07:00
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)
2018-08-14 10:56:12 -07:00
.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
2018-08-14 10:56:12 -07:00
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
2018-08-14 10:56:12 -07:00
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