diff options
Diffstat (limited to 'media/sass/_projects.sass')
| -rw-r--r-- | media/sass/_projects.sass | 171 |
1 files changed, 101 insertions, 70 deletions
diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass index 4a6d89e..dc4190d 100644 --- a/media/sass/_projects.sass +++ b/media/sass/_projects.sass @@ -1,5 +1,5 @@ div.top - margin= 36px 0 106px 0 + margin= 36px 0 36px 0 clear: both width= !col16 a @@ -8,36 +8,45 @@ p.col width= 360px float= left margin= 0 !pad*2 0 0 + font-size: 14px p.two margin: 0 margin-left= !col width: 450px +div.break + border-bottom: #e3e3e3 1px solid + width= !col16+!pad*2 + height: 2px + padding-top: 36px + clear: both + margin: 0 ul.project-tease - margin-top: 200px + margin-top: 65px li +sm-sans font-size: 18px line-height: 16px margin-top: 36px clear= both - dl + .tease float: left - - dd - font-family: Hoefler Text,Georgia,Times New Roman,Times,serif - font-size: .9em - line-height: 23px + h4 + font-size: 24px + line-height: 24px + margin: 0 + width= !col7-!pad + .lede + clear: both margin: 0 padding-top: 12px width= !col7-!pad - + p + font-family: Hoefler Text,Georgia,Times New Roman,Times,serif + font-size: .9em !important + line-height: 23px + - h4 - font-size: 24px - line-height: 24px - margin: 0 - width= !col7-!pad span.proj font-size: 64px @@ -58,7 +67,59 @@ ul.project-tease margin-bottom= 72px img border= !luxagraf_brown 10px solid + +.map-container + width: 469px + height: 392px + position: absolute + right: 20px + bottom: 60px + z-index: 2000 + margin: 0 + padding: 0 + background: url('../img/mapbg-dark.png') no-repeat top left +.more-container + width: 405px + height: 260px + position: absolute + right: -30px + bottom: 40px + z-index: 2000 + background: url('../img/parkbg.png') no-repeat top left + + dl + margin-top: 45px + margin-left: 45px + + dt,dd + font-size: .9em + line-height: 25px + margin: 4px 0 + font-family= Helvetica,Verdana,sans-serif + + dt + clear: left + float: left + width= 65px + //border-bottom: 1px solid #999 + font-weight: bold + line-height: 25px + font-size: .7em + text-transform: uppercase + + dd + float: left + width= 250px + overflow: hidden + //border-bottom: 1px solid #999 + a:hover + color= !luxagraf_orange +.map-wrapper + width: 400px + height: 328px + margin: 37px 0 0 44px + ul#parks margin-top: 36px li @@ -90,13 +151,12 @@ ul#parks +transparent_class_light position: absolute bottom: 0 - height: 205px + height: 45px width= !col16+!pad*2 - div.desc font-size: 10px line-height: 16px - width= !col11 +!pad - float: left + + h5 +sm-headline-sans @@ -104,62 +164,33 @@ ul#parks font-size: 18px margin: 0 padding: 0 + float: left p margin: 6px 0 10px 0 - div - width= !col7 - float: left - ul.buttons - padding-top: 6px - li - float: left - clear: none - margin: 0px 10px 0 0 - width: auto - +sm-sans - font-size: 10px - a - padding: 9px 14px 7px 14px - font-weight: bold - line-height: 25px - text-transform: uppercase - background= #463215 - color: #fff - -moz-border-radius: 25px - -webkit-border-radius: 25px - a:hover - background= !luxagraf_orange - dl - float: left - margin-left= !pad - margin-top: 3px - padding-top: 3px - border-right: 1px #463215 solid - padding-right= !pad - border-left: 1px #463215 solid - padding-left= !pad - min-height: 130px - dt,dd - font-size: 1.2em - padding-bottom: 8px - margin: 0 - font-family= Helvetica,Verdana,sans-serif - dt - clear: left - float: left - line-height: 16px - margin: 0 - width= 50px - //border-bottom: 1px solid #999 - - dd + + ul.buttons + padding-top: 6px + float: right + margin-right: 20px + li float: left - width= 125px - overflow: hidden - margin: 0 0 0 4px - //border-bottom: 1px solid #999 + clear: none + margin: 0px 10px 0 0 + width: auto + +sm-sans + font-size: 10px + a + padding: 9px 14px 7px 14px + font-weight: bold + line-height: 25px + text-transform: uppercase + background= #463215 + color: #fff + -moz-border-radius: 25px + -webkit-border-radius: 25px a:hover - color= !luxagraf_orange + background= !luxagraf_orange + |