revamped slideshow with jquery, maps and exif data

1 files changed, 182 insertions, 20 deletions

diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass
index 60b0db8..4169fce 100644
--- a/media/sass/_projects.sass
+++ b/media/sass/_projects.sass
@@ -1,25 +1,187 @@
-li.project-tease
-    +sm-sans
-    font-size: 18px
-    line-height: 16px
+div.top
+    margin= 36px 0 106px 0
+    clear: both
+    width= !col16
+p.col
+    width= 360px
+    float= left
+    margin= 0 !pad*2 0 0
+p.two
+    margin: 0
+    margin-left= !col
+    width: 450px
+ul.project-tease
+    margin-top: 200px
+    li
+        +sm-sans
+        font-size: 18px
+        line-height: 16px
+        margin-top: 36px
+        clear= both
+        dl
+            float: left
+        
+        dd
+            font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
+            font-size: .9em
+            line-height: 23px
+            clear: both
+            margin: 0
+            padding-top: 12px 
+            width= !col7-!pad
+            
+        
+        h4
+            font-size: 24px
+            line-height: 24px
+            margin: 0
+            width= !col7-!pad
+        span.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
+    
+        div.img
+            float: right
+            width = !col9+!pad
+            margin-bottom= 72px
+            img
+                border= !luxagraf_brown 10px solid
+        
+ul#parks
     margin-top: 36px
+    li
+        width= !col16+!pad*2
+        position: relative
+        display: block
+        margin-top: 36px
+        clear: both
+        margin-bottom: 72px
+    div.figure
+        img
+            border= none
     h4
-        
-        font-size: 64px
-        line-height: 50px
-        float: left
+        display= block
+        color: #888
+        padding: 10px 10px 10px 15px
+        background= !luxagraf_brown
+        +transparent_class_light
+        position: absolute
+        top: 0
+        width= !col16+!pad
+        color: #fff
+        +headline-sans
         margin: 0
-        span
-            font-size: 36px
-
-    a
-        display: block
-        width= 175px
+    div.legend
+        display= block
+        padding: 10px 10px 10px 15px
+        background= !luxagraf_brown
+        +transparent_class_light
+        position: absolute
+        bottom: 0
+        height: 205px
+        width= !col16+!pad*2
+    div.desc
+        font-size: 10px
+        line-height: 16px
+        width= !col11 +!pad
         float: left
 
-    div.img
-        float: right
-        width = !col9+!pad
-        margin-bottom= 36px
-        img
-            border= !luxagraf_brown 10px solid
\ No newline at end of file
+        h5
+            +sm-headline-sans
+            line-height: 36px
+            font-size: 18px
+            margin: 0
+            padding: 0
+        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
+                float: left
+                width= 125px
+                margin: 0 0 0 4px
+                //border-bottom: 1px solid #999
+                a:hover
+                    color= !luxagraf_orange
+                    
+            
+        
+    div.map
+        width= !col5
+        margin-top: 42px
+        height: 130px
+        float: left
+        margin-left: 6px
+        a
+            display: none
+        div
+            div
+                span
+                    display: none
+    div.entry-foot
+        clear= both
+        +sm-sans
+        font-size: 12px
+        background: #f3f
+        width= !col16+!pad*2
+        margin-top: 4px
+        
+        
+        
+img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
+    display: none !important
+    
\ No newline at end of file