101 lines
2.3 KiB
Stylus
101 lines
2.3 KiB
Stylus
#homePage
|
|
display: block
|
|
min-height: 300px
|
|
|
|
.pageHeader
|
|
margin-bottom: 30px
|
|
width: 100%
|
|
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
|
|
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
|
|
box-shadow: 10px 10px 5px 0px 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
|
|
.menuTile
|
|
width: 225px
|
|
height: 140px
|
|
position: absolute
|
|
top: 0
|
|
margin: 0
|
|
background-repeat: no-repeat
|
|
background-origin: content-box
|
|
background-clip: content-box
|
|
background-position: center center
|
|
background-size: cover
|
|
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
|
|
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
|
|
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75)
|
|
.menuHeader
|
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
|
|
font-weight: 800
|
|
font-size: 15px
|
|
color: black
|
|
position: absolute
|
|
left: 0
|
|
top: -1px
|
|
right: 0
|
|
height: 27px
|
|
margin: 0
|
|
padding: 0 0 0 6px
|
|
.menuHeaderBackground
|
|
display: none
|
|
position: absolute
|
|
left: 0
|
|
right: 0
|
|
top: 0
|
|
height: 24px
|
|
opacity: 0.25
|
|
/* filter: alpha(opacity=25); For IE8 and earlier */
|
|
background-color: white
|
|
.menuHeaderTimestamp
|
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif
|
|
font-weight: 800
|
|
font-size: 15px
|
|
color: white
|
|
letter-spacing: -2px
|
|
text-align: right
|
|
position: absolute
|
|
left: 0px
|
|
top: -1px
|
|
right: 16px
|
|
height: 27px
|
|
margin: 0
|
|
padding: 0
|
|
.grantMenu
|
|
left: 0
|
|
background-image: url('./images/apple_seed_v2.jpg')
|
|
.internshipsMenu
|
|
left: 245px
|
|
background-image: url('./images/oak_seed_v2.jpg')
|
|
.scholarshipsMenu
|
|
left: 490px
|
|
background-image: url('./images/maple_seed_v2.jpg')
|
|
.fellowshipsMenu
|
|
left: 735px
|
|
background-image: url('./images/fir_seed_v2.jpg')
|
|
.newsMenu
|
|
left: 0px
|
|
top: 160px
|
|
background-image: url('./images/redwood_seed_v2.jpg')
|
|
.photoGalleryMenu
|
|
left: 245px
|
|
top: 160px
|
|
background-image: url('./images/buckeye_seed_v2.jpg')
|
|
.jrHighSummerMenu
|
|
left: 490px
|
|
top: 160px
|
|
background-image: url('./images/bay_seed_v2.jpg')
|
|
.howCanYouHelpMenu
|
|
left: 735px
|
|
top: 160px
|
|
background-image: url('./images/madrone_seed_v2.jpg')
|