Changes that did not get committed. Not sure why.
This commit is contained in:
Wynne Crisman
166
imports/ui/Home.import.styl
vendored
166
imports/ui/Home.import.styl
vendored
@@ -4,10 +4,12 @@
|
||||
|
||||
.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)
|
||||
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
|
||||
@@ -20,81 +22,85 @@
|
||||
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
|
||||
.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
|
||||
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')
|
||||
.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
|
||||
Reference in New Issue
Block a user