summaryrefslogtreecommitdiff
path: root/media/sass/_projects.sass
diff options
context:
space:
mode:
Diffstat (limited to 'media/sass/_projects.sass')
-rw-r--r--media/sass/_projects.sass104
1 files changed, 54 insertions, 50 deletions
diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass
index 576315f..31e23cd 100644
--- a/media/sass/_projects.sass
+++ b/media/sass/_projects.sass
@@ -1,4 +1,5 @@
-div.top
+
+.top
margin= 36px 0 36px 0
clear: both
width= !col16
@@ -13,61 +14,61 @@ p.two
margin: 0
margin-left= !col
width: 450px
-div.break
+.break
border-bottom: #e3e3e3 1px solid
width= !col16+!pad*2
height: 2px
padding-top: 36px
clear: both
margin: 0
-ul.project-tease
+.project-tease
margin-top: 65px
li
- +sm-sans
- font-size: 18px
- line-height: 16px
margin-top: 36px
clear= both
- .tease
- float: left
- h4
- font-size: 24px
- line-height: 24px
- margin: 0
- width= !col7-!pad
- .lede
-
- clear: both
+ h3
+ +sm-sans
+ font-size: 24px
+ line-height: 24px
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
- text-align: justify
-
-
- span.proj
+ font-weight: bold
- font-size: 64px
- line-height: 50px
- float: left
- margin: 2px 2px 0 0
- span
- font-size: 36px
- dt
- a
- display: block
- width= 175px
- float: left
-
- div.img
- float: right
- width = !col9+!pad
- margin-bottom= 72px
- img
- border= !luxagraf_brown 10px solid
+ .tease
+ float: left
+ .img
+ float: right
+ width = !col9+!pad
+ margin-bottom= 72px
+ img
+ border= !luxagraf_brown 10px solid
+ .lede
+ clear: both
+ margin: 0
+ padding-top: 12px
+ width= !col7-!pad
+ p
+ font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
+ font-size: 16px
+ line-height: 23px
+ text-align: justify
+
+ .proj
+ font-size: 64px
+ line-height: 50px
+ float: left
+ margin: 2px 2px 0 0
+ span
+ font-size: 36px
+ dt a
+ display: block
+ width= 175px
+ float: left
+
+
+
+// National Parks detail page
+
.map-container
width: 469px
@@ -98,6 +99,7 @@ ul.project-tease
line-height: 25px
margin: 4px 0
font-family= Helvetica,Verdana,sans-serif
+ color: #fff
dt
clear: left
@@ -116,12 +118,13 @@ ul.project-tease
//border-bottom: 1px solid #999
a:hover
color= !luxagraf_orange
+
.map-wrapper
width: 400px
height: 328px
margin: 37px 0 0 44px
-
-ul#parks
+
+#parks
margin-top: 36px
li
width= !col16+!pad*2
@@ -130,7 +133,7 @@ ul#parks
margin-top: 36px
clear: both
margin-bottom: 72px
- div.figure
+ .figure
img
border= none
h4
@@ -145,7 +148,7 @@ ul#parks
color: #fff
+headline-sans
margin: 0
- div.legend
+ .legend
display= block
padding: 10px 10px 10px 15px
background= !luxagraf_brown
@@ -156,6 +159,7 @@ ul#parks
width= !col16+!pad*2
font-size: 10px
line-height: 16px
+ color: #fff
@@ -169,7 +173,7 @@ ul#parks
p
margin: 6px 0 10px 0
- ul.buttons
+ .buttons
padding-top: 6px
float: right
margin-right: 20px
@@ -198,7 +202,7 @@ ul#parks
- div.map
+ .map
width= !col5
margin-top: 42px
height: 130px
@@ -210,7 +214,7 @@ ul#parks
div
span
display: none
- div.entry-foot
+ .entry-foot
clear= both
+sm-sans
font-size: 12px