summaryrefslogtreecommitdiff
path: root/media/sass
diff options
context:
space:
mode:
Diffstat (limited to 'media/sass')
-rw-r--r--media/sass/_about.sass49
-rw-r--r--media/sass/_contact.sass41
-rw-r--r--media/sass/_globals.sass339
-rw-r--r--media/sass/_grid.sass40
-rw-r--r--media/sass/_maps.sass97
-rw-r--r--media/sass/_mixins.sass88
-rw-r--r--media/sass/_photos.sass65
-rw-r--r--media/sass/_projects.sass402
-rw-r--r--media/sass/_reset.sass5
-rw-r--r--media/sass/_writing.sass381
-rw-r--r--media/sass/base.sass173
-rw-r--r--media/sass/dark.sass117
-rw-r--r--media/sass/photos.sass477
-rw-r--r--media/sass/print.sass11
14 files changed, 1107 insertions, 1178 deletions
diff --git a/media/sass/_about.sass b/media/sass/_about.sass
index 7dbbc74..724108f 100644
--- a/media/sass/_about.sass
+++ b/media/sass/_about.sass
@@ -1,30 +1,29 @@
//About page
-#about
- section
- clear= both
- margin-top: 24px
- ul
- font-size = 1em
- margin= 18px
- li
- margin= 9px
-
- a
- font-weight: bold
+#about
+ section
+ clear: both
+ margin-top: 24px
+ ul
+ font-size: 1em
+ margin: 18px
+ li
+ margin: 9px
+ a
+ font-weight: bold
+
.image
- :float left
- width = !col3+!pad
- margin-top: 48px
- img
- border= !luxagraf_brown 10px solid
+ float: left
+ width: $col3 + $pad
+ margin-top: 48px
+ img
+ border: $luxagraf_brown 10px solid
.content
- float: left
- margin-left= !pad
- width = !col9+!pad
- font-size: 1.6em
-
- h3
- +sm-headline-sans
- margin: 0 \ No newline at end of file
+ float: left
+ margin-left: $pad
+ width: $col9 + $pad
+ font-size: 1.6em
+ h3
+ +sm-headline-sans
+ margin: 0
diff --git a/media/sass/_contact.sass b/media/sass/_contact.sass
index 8f9e5a2..05aa4ff 100644
--- a/media/sass/_contact.sass
+++ b/media/sass/_contact.sass
@@ -1,22 +1,23 @@
section#post
- margin-left= !col4-!pad
- h1
- +headline-sans
+ margin-left: $col4 - $pad
+ h1
+ +headline-sans
+
.contact-form
- li
- clear= both
- width= !col7+!pad*2
- padding= 4px 0
- dt
- :float left
- +sm-headline-sans
- text-align: right
- font-size: .9em
- label
- font-style: normal
- text-align: right
- dd
- text-align: right
- margin-top: 4px
- input#id_name, input#id_email, input#id_subject_line
- width: 298px \ No newline at end of file
+ li
+ clear: both
+ width: $col7 + $pad * 2
+ padding: 4px 0
+ dt
+ float: left
+ +sm-headline-sans
+ text-align: right
+ font-size: 0.9em
+ label
+ font-style: normal
+ text-align: right
+ dd
+ text-align: right
+ margin-top: 4px
+ input#id_name, input#id_email, input#id_subject_line
+ width: 298px
diff --git a/media/sass/_globals.sass b/media/sass/_globals.sass
index 1ff5386..708a394 100644
--- a/media/sass/_globals.sass
+++ b/media/sass/_globals.sass
@@ -1,220 +1,213 @@
//basic stuff
-!luxagraf_brown = #201a11
-!luxagraf_orange = #b53a04
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
-
-*:focus
- outline= !luxagraf_orange dotted thin
+*:focus
+ outline: $luxagraf_orange dotted thin
html
- height: 100%
+ height: 100%
+
body
- background= #fff
- font-family= "Hoefler Text", "Georgia", "Times New Roman", "Times", "serif"
- /* font-size 15px */
- font-size= 62.5%
- /* line height of 24 px */
- line-height= 23px
- color= !luxagraf_brown
- position: relative
- min-height: 100%
- width= !full
- height: 100%
- text-align= "center"
- margin: 0 auto
-
-p
- margin: 0.8em 0 0 0
+ background: white
+ font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
+ /* font-size 15px
+ font-size: 62.5%
+ /* line height of 24 px
+ line-height: 23px
+ color: $luxagraf_brown
+ position: relative
+ min-height: 100%
+ width: $full
+ height: 100%
+ text-align: center
+ margin: 0 auto
+
+
+p
+ margin: 0.8em 0 0 0
a
- text-decoration= "none"
- color= !luxagraf_brown
-
- &:visited
- color= !luxagraf_brown
- text-decoration= "none"
- &:hover
- color= !luxagraf_orange
- text-decoration= "none"
-
+ text-decoration: none
+ color: $luxagraf_brown
+ &:visited
+ color: $luxagraf_brown
+ text-decoration: none
+ &:hover
+ color: $luxagraf_orange
+ text-decoration: none
// structure ------------------------------
-
+
header
- border-bottom= !luxagraf_brown 2px "solid"
- height= 160px
- margin-bottom: 40px
- +small-serif
- nav
- text-transform= uppercase
- float= left
- margin-top= 113px
- margin-left= !col
- li
- display= "inline"
- font-size= 12px
- margin-left= 4px
- letter-spacing: 1px
- a:hover
- color= !luxagraf_orange
-
+ border-bottom: $luxagraf_brown 2px solid
+ height: 160px
+ margin-bottom: 40px
+ +small-serif
+ nav
+ text-transform: uppercase
+ float: left
+ margin-top: 113px
+ margin-left: $col
+ li
+ display: inline
+ font-size: 12px
+ margin-left: 4px
+ letter-spacing: 1px
+ a:hover
+ color: $luxagraf_orange
+
//logo link
#logo
- background= url("../img/logo.png") no-repeat left bottom
- height= 158px
- width= !col7
- float = left
- text-indent= -1000px
+ background: url("../img/logo.png") no-repeat left bottom
+ height: 158px
+ width: $col7
+ float: left
+ text-indent: -1000px
header h2
- float= left
- text-indent= -1000px
- display: none
-
+ float: left
+ text-indent: -1000px
+ display: none
footer
- +sm-sans
- background= !luxagraf_brown
- height: 36px
- color: #888
- font-size= 1.2em
- margin= 80px auto 0
- li
- float: left
- text-transform: uppercase
- line-height: 36px
- margin-left= 8px
- a
- color: #888 !important
- &:hover
- color = !luxagraf_orange !important
- nav
- float= right
- margin-right: 8px
- p
- float= left
- padding-left= 8px
- line-height: 36px
- margin: 0
-
-article ul
- font-size= 1.5em
+ +sm-sans
+ background: $luxagraf_brown
+ height: 36px
+ color: #888888
+ font-size: 1.2em
+ margin: 80px auto 0
+ li
+ float: left
+ text-transform: uppercase
+ line-height: 36px
+ margin-left: 8px
+ a
+ color: #888888 !important
+ &:hover
+ color: $luxagraf_orange !important
+ nav
+ float: right
+ margin-right: 8px
+ p
+ float: left
+ padding-left: 8px
+ line-height: 36px
+ margin: 0
+article ul
+ font-size: 1.5em
#breadcrumbs
- font-weight= normal
- +tiny-serif
- font-size: 110%
- li
- display= "inline"
-
-
+ font-weight: normal
+ +tiny-serif
+ font-size: 110%
+ li
+ display: inline
// global classes ------------------------------
-
-
.hide
- display= "none"
+ display: none
.postpic, .postpicright
- display: block
- margin: .3em .6em
- border= !luxagraf_brown 10px "solid"
- clear: both
-
+ display: block
+ margin: 0.3em 0.6em
+ border: $luxagraf_brown 10px solid
+ clear: both
+
.postpic
- float: left
- margin-left: 0
- margin-top: .3em
-
+ float: left
+ margin-left: 0
+ margin-top: 0.3em
+
.postpicright
- float: right
- margin-right: 0
-
+ float: right
+ margin-right: 0
+
.postpicleft
- float: left
- margin: 5px
-
+ float: left
+ margin: 5px
+
.picfull
- border= !luxagraf_brown 10px "solid"
- margin-top: 20px
-
+ border: $luxagraf_brown 10px solid
+ margin-top: 20px
+
.post-image
- margin: 0 10px 0 0
- float: left
- border= !luxagraf_brown 10px "solid" !important
-.picwide
- clear= "both"
- margin= 30px 0 30px -200px
- border= !luxagraf_brown 10px "solid"
+ margin: 0 10px 0 0
+ float: left
+ border: $luxagraf_brown 10px solid !important
+.picwide
+ clear: both
+ margin: 30px 0 30px -200px
+ border: $luxagraf_brown 10px solid
.pull-quote
- font-size= 14px !important
- font-style= "italic" !important
-
-sup
- +sm-sans
- font-size: .7em
+ font-size: 14px !important
+ font-style: italic !important
+
+sup
+ +sm-sans
+ font-size: 0.7em
+ line-height: 0
+ padding: 3px 0 3px 3px
+ a
line-height: 0
- padding: 3px 0 3px 3px
- a
- line-height: 0
+
.numeral
- font-family= Helvetica,Verdana,sans-serif
- font-size: 22px
- font-weight: bold
- display: block
- margin-top: 60px
- margin-bottom: 0
-.nfirst
- margin-top: 0px !important
+ font-family: Helvetica, Verdana, sans-serif
+ font-size: 22px
+ font-weight: bold
+ display: block
+ margin-top: 60px
+ margin-bottom: 0
+.nfirst
+ margin-top: 0px !important
.figure
- position: relative
- margin: 0
- .legend
- display: block
- +transparent_class_light
- position: absolute
- bottom: 9px
- left: 0
- font-size= 13px
- padding: 8px 0 8px 8px
- width: auto
- background= !luxagraf_brown
- color: #999
-.button
+ position: relative
+ margin: 0
+ .legend
display: block
- +sm-sans
- margin: 10px 10px 0 0
+ +transparent_class_light
+ position: absolute
+ bottom: 9px
+ left: 0
+ font-size: 13px
+ padding: 8px 0 8px 8px
width: auto
- +sm-sans
- font-size: 10px
- a
- padding: 9px 14px 7px 14px
- font-weight: bold
- line-height: 25px
- text-transform: uppercase
- background= #d7d7d7
- color: #666
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- border-radius: 25px
- a:hover
- background= !luxagraf_orange
- color: #fff
+ background: $luxagraf_brown
+ color: #999999
-// shit to hide ------------------------------
+.button
+ display: block
+ +sm-sans
+ margin: 10px 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: #d7d7d7
+ color: #666666
+ -moz-border-radius: 25px
+ -webkit-border-radius: 25px
+ border-radius: 25px
+ a:hover
+ background: $luxagraf_orange
+ color: white
+// shit to hide ------------------------------
.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
- display: "none"
-
+ display: "none"
div[dir='ltr'] span
- width: 0
- visibility: collapse
+ width: 0
+ visibility: collapse
diff --git a/media/sass/_grid.sass b/media/sass/_grid.sass
index d785055..821419f 100644
--- a/media/sass/_grid.sass
+++ b/media/sass/_grid.sass
@@ -1,23 +1,23 @@
// Grid Parameters
-!col = 40px
-!pad = 20px
-!cols = 16
+$col: 40px
+$pad: 20px
+$cols: 16
// Grid Width Calculations
-!full = ((!col + !pad) * !cols) + !pad
-!col1 = !col
-!col2 = (!col * 2) + !pad
-!col3 = (!col * 3) + (!pad * 2)
-!col4 = (!col * 4) + (!pad * 3)
-!col5 = (!col * 5) + (!pad * 4)
-!col6 = (!col * 6) + (!pad * 5)
-!col7 = (!col * 7) + (!pad * 6)
-!col8 = (!col * 8) + (!pad * 7)
-!col9 = (!col * 9) + (!pad * 8)
-!col10 = (!col * 10) + (!pad * 9)
-!col11 = (!col * 11) + (!pad * 10)
-!col12 = (!col * 12) + (!pad * 11)
-!col13 = (!col * 13) + (!pad * 12)
-!col14 = (!col * 14) + (!pad * 13)
-!col15 = (!col * 15) + (!pad * 14)
-!col16 = (!col * 16) + (!pad * 15)
+$full: ($col + $pad) * $cols + $pad
+$col1: $col
+$col2: $col * 2 + $pad
+$col3: $col * 3 + $pad * 2
+$col4: $col * 4 + $pad * 3
+$col5: $col * 5 + $pad * 4
+$col6: $col * 6 + $pad * 5
+$col7: $col * 7 + $pad * 6
+$col8: $col * 8 + $pad * 7
+$col9: $col * 9 + $pad * 8
+$col10: $col * 10 + $pad * 9
+$col11: $col * 11 + $pad * 10
+$col12: $col * 12 + $pad * 11
+$col13: $col * 13 + $pad * 12
+$col14: $col * 14 + $pad * 13
+$col15: $col * 15 + $pad * 14
+$col16: $col * 16 + $pad * 15
diff --git a/media/sass/_maps.sass b/media/sass/_maps.sass
index cdb76b5..c1c4b57 100644
--- a/media/sass/_maps.sass
+++ b/media/sass/_maps.sass
@@ -1,58 +1,53 @@
-//Map Page
+//Map Page
.map-legend
- width= !col3
- margin-top= 24px
- float= left
-
- h4
- +small-serif
- font-size: 1.4em
- margin= 8px 0
-
- li
- font-size: 90%
- margin= 0
- line-height= 20px
+ width: $col3
+ margin-top: 24px
+ float: left
+ h4
+ +small-serif
+ font-size: 1.4em
+ margin: 8px 0
+ li
+ font-size: 90%
+ margin: 0
+ line-height: 20px
+
.clearfix
- clear= both
+ clear: both
+
#map-canvas
- float= left
- width= !col13
- height: 500px
- border= !luxagraf_brown 10px solid
- margin-left= !pad*2
- margin-top= 24px
-
+ float: left
+ width: $col13
+ height: 500px
+ border: $luxagraf_brown 10px solid
+ margin-left: $pad * 2
+ margin-top: 24px
+
section#location #map-canvas
- width= 295px
- height: 350px
- border= !luxagraf_brown 10px solid
- margin: 10px 0 0 5px
+ width: 295px
+ height: 350px
+ border: $luxagraf_brown 10px solid
+ margin: 10px 0 0 5px
-
.infowin
- line-height: 18px
- margin-bottom: 16px
-
-
- p
- font-size: 1.4em
- line-height: 1.4em
- h4
- +sm-sans
- font-size: 2.4em
- margin: 6px 0 0 0
-
- a
- color: #b53a04 !important
- border-bottom: 1px dotted #b53a04
-
- .date
- color: #888
- text-align: center
- text-transform: uppercase
- display: block
- text-align: left
- margin: 6px 0 0
- font-size: 1.2em
+ line-height: 18px
+ margin-bottom: 16px
+ p
+ font-size: 1.4em
+ line-height: 1.4em
+ h4
+ +sm-sans
+ font-size: 2.4em
+ margin: 6px 0 0 0
+ a
+ color: #b53a04 !important
+ border-bottom: 1px dotted #b53a04
+ .date
+ color: #888888
+ text-align: center
+ text-transform: uppercase
+ display: block
+ text-align: left
+ margin: 6px 0 0
+ font-size: 1.2em
diff --git a/media/sass/_mixins.sass b/media/sass/_mixins.sass
index 596de54..5689f66 100644
--- a/media/sass/_mixins.sass
+++ b/media/sass/_mixins.sass
@@ -1,58 +1,58 @@
=small-serif
- font-size= 1.1em
- letter-spacing= 1px
- line-height= 1.2em
+ font-size: 1.1em
+ letter-spacing: 1px
+ line-height: 1.2em
=tiny-serif
- font-size= .8em
- letter-spacing= 1px
- line-height= 1.2em
- text-transform= uppercase
-
+ font-size: 0.8em
+ letter-spacing: 1px
+ line-height: 1.2em
+ text-transform: uppercase
+
=sm-headline-sans
- font-family= Helvetica,Verdana,sans-serif
- font-size= 1.6em
- line-height= 1.3em
- font-weight= normal
-
+ font-family: Helvetica, Verdana, sans-serif
+ font-size: 1.6em
+ line-height: 1.3em
+ font-weight: normal
+
=sm-sans
- font-family= Helvetica,Verdana,sans-serif
- font-size= 1em
- font-weight= normal
-
+ font-family: Helvetica, Verdana, sans-serif
+ font-size: 1em
+ font-weight: normal
+
=headline-sans
- font-family= Helvetica,Verdana,sans-serif
- font-size= 2em
- line-height= 1.5em
- font-weight= normal
+ font-family: Helvetica, Verdana, sans-serif
+ font-size: 2em
+ line-height: 1.5em
+ font-weight: normal
=transparent_class
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
- filter: alpha(opacity=90)
- -moz-opacity: 0.9
- -khtml-opacity: 0.9
- opacity: 0.9
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
+ filter: alpha(opacity = 90)
+ -moz-opacity: 0.9
+ -khtml-opacity: 0.9
+ opacity: 0.9
=transparent_class_light
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
- filter: alpha(opacity=85)
- -moz-opacity: 0.85
- -khtml-opacity: 0.85
- opacity: 0.85
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
+ filter: alpha(opacity = 85)
+ -moz-opacity: 0.85
+ -khtml-opacity: 0.85
+ opacity: 0.85
=transparent_class_lighter
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
- filter: alpha(opacity=65)
- -moz-opacity: 0.65
- -khtml-opacity: 0.65
- opacity: 0.65
-=transparent_clear
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
- filter: alpha(opacity=100)
- -moz-opacity: 1.0
- -khtml-opacity: 1.0
- opacity: 1.0
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
+ filter: alpha(opacity = 65)
+ -moz-opacity: 0.65
+ -khtml-opacity: 0.65
+ opacity: 0.65
+=transparent_clear
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
+ filter: alpha(opacity = 100)
+ -moz-opacity: 1
+ -khtml-opacity: 1
+ opacity: 1
-!luxagraf_brown = #201a11
-!luxagraf_orange = #b53a04
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
diff --git a/media/sass/_photos.sass b/media/sass/_photos.sass
index 4179908..4cf14f5 100644
--- a/media/sass/_photos.sass
+++ b/media/sass/_photos.sass
@@ -1,38 +1,33 @@
#photo-archive
- article
- width= !full
- h1
- display: none
+ article
+ width: $full
+ h1
+ display: none
-
-
#photo-galleries
- margin-left= -10px
- width= !full+!pad
- li
- float= "left"
- margin= 8px
- position: relative
- display: block
- height= 352px
- width: 295px
- border= 10px !luxagraf_brown "solid"
-
-
- .figure
- height= 362px
- width: 291px
- .legend
- color: #888
- width: 285px
- +transparent_class
- margin-left: 1px
- line-height: 18px
- h3
- color: #fff
- padding: 0
- margin= 3px 0
- +tiny-serif
- p
- margin: 0
-
+ margin-left: -10px
+ width: $full + $pad
+ li
+ float: left
+ margin: 8px
+ position: relative
+ display: block
+ height: 352px
+ width: 295px
+ border: 10px $luxagraf_brown solid
+ .figure
+ height: 362px
+ width: 291px
+ .legend
+ color: #888888
+ width: 285px
+ +transparent_class
+ margin-left: 1px
+ line-height: 18px
+ h3
+ color: white
+ padding: 0
+ margin: 3px 0
+ +tiny-serif
+ p
+ margin: 0
diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass
index 31e23cd..fb66c99 100644
--- a/media/sass/_projects.sass
+++ b/media/sass/_projects.sass
@@ -1,229 +1,211 @@
-
.top
- margin= 36px 0 36px 0
- clear: both
- width= !col16
- a
- color= !luxagraf_orange
+ margin: 36px 0 36px 0
+ clear: both
+ width: $col16
+ a
+ color: $luxagraf_orange
+
p.col
- width= 360px
- float= left
- margin= 0 !pad*2 0 0
- font-size: 14px
+ width: 360px
+ float: left
+ margin: 0 $pad * 2 0 0
+ font-size: 14px
+
p.two
- margin: 0
- margin-left= !col
- width: 450px
+ margin: 0
+ margin-left: $col
+ width: 450px
+
.break
- border-bottom: #e3e3e3 1px solid
- width= !col16+!pad*2
- height: 2px
- padding-top: 36px
+ border-bottom: #e3e3e3 1px solid
+ width: $col16 + $pad * 2
+ height: 2px
+ padding-top: 36px
+ clear: both
+ margin: 0
+
+.project-tease
+ margin-top: 65px
+ li
+ margin-top: 36px
+ clear: both
+ h3
+ +sm-sans
+ font-size: 24px
+ line-height: 24px
+ margin: 0
+ width: $col7 - $pad
+ font-weight: bold
+ .tease
+ float: left
+ .img
+ float: right
+ width: $col9 + $pad
+ margin-bottom: 72px
+ img
+ border: $luxagraf_brown 10px solid
+ .lede
clear: both
margin: 0
-.project-tease
- margin-top: 65px
- li
- margin-top: 36px
- clear= both
- h3
- +sm-sans
- font-size: 24px
- line-height: 24px
- margin: 0
- width= !col7-!pad
- font-weight: bold
-
- .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
-
-
+ 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
- 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
- color: #fff
-
- dt
- clear: left
- float: left
- width= 65px
- //border-bottom: 1px solid #999
- font-weight: bold
- line-height: 25px
- font-size: .7em
- text-transform: uppercase
+ 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
- dd
- float: left
- width= 250px
- overflow: hidden
- //border-bottom: 1px solid #999
- a:hover
- color= !luxagraf_orange
+.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: 0.9em
+ line-height: 25px
+ margin: 4px 0
+ font-family: Helvetica, Verdana, sans-serif
+ color: white
+ dt
+ clear: left
+ float: left
+ width: 65px
+ //border-bottom: 1px solid #999
+ font-weight: bold
+ line-height: 25px
+ font-size: 0.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
+ width: 400px
+ height: 328px
+ margin: 37px 0 0 44px
#parks
+ margin-top: 36px
+ li
+ width: $col16 + $pad * 2
+ position: relative
+ display: block
margin-top: 36px
- li
- width= !col16+!pad*2
- position: relative
- display: block
- margin-top: 36px
- clear: both
- margin-bottom: 72px
- .figure
- img
- border= none
- h4
- 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
- .legend
- display= block
- padding: 10px 10px 10px 15px
- background= !luxagraf_brown
- +transparent_class_light
- position: absolute
- bottom: 0
- height: 45px
- width= !col16+!pad*2
- font-size: 10px
- line-height: 16px
- color: #fff
-
-
-
- h5
- +sm-headline-sans
- line-height: 36px
- font-size: 18px
- margin: 0
- padding: 0
- float: left
- p
- margin: 6px 0 10px 0
-
- .buttons
- padding-top: 6px
- float: right
- margin-right: 20px
- 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
- -o-border-radius: 25px
- border-radius: 25px
-
- a:hover
- background= !luxagraf_orange
-
-
-
-
- .map
- width= !col5
- margin-top: 42px
- height: 130px
+ clear: both
+ margin-bottom: 72px
+ .figure
+ img
+ border: none
+ h4
+ display: block
+ color: #888888
+ padding: 10px 10px 10px 15px
+ background: $luxagraf_brown
+ +transparent_class_light
+ position: absolute
+ top: 0
+ width: $col16 + $pad
+ color: white
+ +headline-sans
+ margin: 0
+ .legend
+ display: block
+ padding: 10px 10px 10px 15px
+ background: $luxagraf_brown
+ +transparent_class_light
+ position: absolute
+ bottom: 0
+ height: 45px
+ width: $col16 + $pad * 2
+ font-size: 10px
+ line-height: 16px
+ color: white
+ h5
+ +sm-headline-sans
+ line-height: 36px
+ font-size: 18px
+ margin: 0
+ padding: 0
+ float: left
+ p
+ margin: 6px 0 10px 0
+ .buttons
+ padding-top: 6px
+ float: right
+ margin-right: 20px
+ li
float: left
- margin-left: 6px
- a
- display: none
- div
- div
- span
- display: none
- .entry-foot
- clear= both
+ clear: none
+ margin: 0px 10px 0 0
+ width: auto
+sm-sans
- font-size: 12px
- background: #f3f
- width= !col16+!pad*2
- margin-top: 4px
-
-
-
+ font-size: 10px
+ a
+ padding: 9px 14px 7px 14px
+ font-weight: bold
+ line-height: 25px
+ text-transform: uppercase
+ background: #463215
+ color: white
+ -moz-border-radius: 25px
+ -webkit-border-radius: 25px
+ -o-border-radius: 25px
+ border-radius: 25px
+ a:hover
+ background: $luxagraf_orange
+ .map
+ width: $col5
+ margin-top: 42px
+ height: 130px
+ float: left
+ margin-left: 6px
+ a
+ display: none
+ div
+ div
+ span
+ display: none
+ .entry-foot
+ clear: both
+ +sm-sans
+ font-size: 12px
+ background: #ff33ff
+ 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
+ display: none !important
diff --git a/media/sass/_reset.sass b/media/sass/_reset.sass
index c81cd3a..a06badd 100644
--- a/media/sass/_reset.sass
+++ b/media/sass/_reset.sass
@@ -1,4 +1,3 @@
-
ol, ul, li, dl
list-style: none
margin: 0
@@ -7,16 +6,12 @@ ol, ul, li, dl
outline: 0
background: transparent
-
-
blockquote, q
quotes: none
-
\:focus
outline: 0
-
header, section, footer, aside, article, nav
display: block
text-align: left
diff --git a/media/sass/_writing.sass b/media/sass/_writing.sass
index 73bfb9b..e0d09c5 100644
--- a/media/sass/_writing.sass
+++ b/media/sass/_writing.sass
@@ -1,235 +1,224 @@
//Writing Archive pages
#writing-archive
- margin-top= 72px
- margin-bottom= 36px
- li
- clear= "both"
- h3
- +sm-headline-sans
- margin= 0
- text-align: "left"
- div
- width= !col7
- margin-right= !pad
- float= "left"
- text-align: "justify"
- .img
- width = !col9
- margin-left= !pad
- margin-bottom= 36px
- p
- margin= 0
- font-size: 1.1em
- .location,time
- +tiny-serif
- line-height= 3em
- font-size: .7em
-
- img
- border= !luxagraf_brown 10px "solid"
-
+ margin-top: 72px
+ margin-bottom: 36px
+ li
+ clear: both
+ h3
+ +sm-headline-sans
+ margin: 0
+ text-align: "left"
+ div
+ width: $col7
+ margin-right: $pad
+ float: left
+ text-align: "justify"
+ .img
+ width: $col9
+ margin-left: $pad
+ margin-bottom: 36px
+ p
+ margin: 0
+ font-size: 1.1em
+ .location,time
+ +tiny-serif
+ line-height: 3em
+ font-size: 0.7em
+ img
+ border: $luxagraf_brown 10px solid
#pagination
- +sm-sans
- width= !full
- clear= "both"
- margin= 0
- border-top= !luxagraf_brown 1px "dotted"
- border-bottom= !luxagraf_brown 1px "dotted"
- text-align= "center"
- .pagination
- margin= 8px 0
- .current
- color= !luxagraf_orange
-
-
-
-
+ +sm-sans
+ width: $full
+ clear: both
+ margin: 0
+ border-top: $luxagraf_brown 1px dotted
+ border-bottom: $luxagraf_brown 1px dotted
+ text-align: center
+ .pagination
+ margin: 8px 0
+ .current
+ color: $luxagraf_orange
//Basic styles for Writing detail pages
-#writing-detail
- font-size: 1.7em
- line-height: 1.5em
- header
- border: none
- height: auto
- width: auto
- margin: 0 0 0 0
- h1
- +headline-sans
- font-size: 30px
- line-height: 1.2em
- margin= 0
- letter-spacing: .5px
- aside
- +tiny-serif
- font-size= 12px
- line-height= 2.3em
- a
- color= !luxagraf_brown
- &:hover
- color= !luxagraf_orange
-
- dl
- font-size= 100%
- dt
- font-style: italic
- margin: 9px
-
+#writing-detail
+ font-size: 1.7em
+ line-height: 1.5em
+ header
+ border: none
+ height: auto
+ width: auto
+ margin: 0 0 0 0
+ h1
+ +headline-sans
+ font-size: 30px
+ line-height: 1.2em
+ margin: 0
+ letter-spacing: 0.5px
+ aside
+ +tiny-serif
+ font-size: 12px
+ line-height: 2.3em
a
- color= !luxagraf_orange
-
- h3
- +headline-sans
- font-size: 1.6em
- line-height: 1.2em
+ color: $luxagraf_brown
+ &:hover
+ color: $luxagraf_orange
+ dl
+ font-size: 100%
+ dt
+ font-style: italic
+ margin: 9px
+ a
+ color: $luxagraf_orange
+ h3
+ +headline-sans
+ font-size: 1.6em
+ line-height: 1.2em
#post-metadata
- width= !col9 + !pad
- border-top= !luxagraf_brown 1px "dotted"
- border-bottom= !luxagraf_brown 1px "dotted"
- margin= 24px 0 24px !col4 - !pad
- font-size= .8em
- padding-bottom= 8px
- clear: both
-
+ width: $col9 + $pad
+ border-top: $luxagraf_brown 1px dotted
+ border-bottom: $luxagraf_brown 1px dotted
+ margin: 24px 0 24px $col4 - $pad
+ font-size: 0.8em
+ padding-bottom: 8px
+ clear: both
+
#page-navigation
- width= !full
- clear: both
- margin= 24px 0 0 0
- :text-transform uppercase
- font-size: .5em
- li#next
- float= "right"
- +sm-sans
- margin-right= !col3 - !pad
- li#prev
- float= "left"
- +sm-sans
- margin-left= !col2+!pad
+ width: $full
+ clear: both
+ margin: 24px 0 0 0
+ text-transform: uppercase
+ font-size: 0.5em
+ li#next
+ float: right
+ +sm-sans
+ margin-right: $col3 - $pad
+ li#prev
+ float: left
+ +sm-sans
+ margin-left: $col2 + $pad
#comments
- clear= "both"
- width= !col9
- margin= 24px 0 24px !col4 - !pad
- font-size: .8em
- h4
- margin-top: 96px
- +headline-sans
- :text-transform uppercase
- font-size: 1.3em
-
-h4 a.disqus-link-count
- color= !luxagraf_brown !important
-
-ul#dsq-comments
- font-size: 1.2em
-
-.dsq-comment-cite
- font-family: "Helvetica", "Verdana", "sans-serif"
- font-size: .9em !important
- font-weight: normal
+ clear: both
+ width: $col9
+ margin: 24px 0 24px $col4 - $pad
+ font-size: 0.8em
+ h4
+ margin-top: 96px
+ +headline-sans
text-transform: uppercase
+ font-size: 1.3em
+
+h4 a.disqus-link-count
+ color: $luxagraf_brown !important
+
+ul#dsq-comments
+ font-size: 1.2em
+
+.dsq-comment-cite
+ font-family: "Helvetica", "Verdana", "sans-serif"
+ font-size: 0.9em !important
+ font-weight: normal
+ text-transform: uppercase
+
.dsq-comment-header-time, .dsq-comment-footer
- font-family: "Helvetica", "Verdana", "sans-serif"
+ font-family: "Helvetica", "Verdana", "sans-serif"
+
.dsq-comment-footer
- font-size: .8em
-#dsq-comments-title
- display: none !important
+ font-size: 0.8em
+
+#dsq-comments-title
+ display: none !important
.drop
- font-size: 4.8em
- display: block
- float: left
- padding: 38px 10px 5px 0
- overflow: visible
+ font-size: 4.8em
+ display: block
+ float: left
+ padding: 38px 10px 5px 0
+ overflow: visible
.drop-small
- font-size: 2.9em
- display: block
- float: left
- padding: 19px 8px 5px 0
- overflow: visible
+ font-size: 2.9em
+ display: block
+ float: left
+ padding: 19px 8px 5px 0
+ overflow: visible
+
blockquote
- font-size: .8em
+ font-size: 0.8em
.footnote
- margin: 18px 0
- width= !col9 + !pad
- li
- margin: 12px 0
- line-height: .8em
-
- p
- line-height: 18px !important
- font-size: 14px
-
- a, span
- font-size: 14px
-
-
-#writing-detail .figure
- margin-top: 24px
- img
- border= !luxagraf_brown 10px "solid"
- .legend
- width: 552px
- padding: 8px 0 12px 16px
- font-family: "Helvetica", "Verdana", "sans-serif"
-
-
+ margin: 18px 0
+ width: $col9 + $pad
+ li
+ margin: 12px 0
+ line-height: 0.8em
+ p
+ line-height: 18px !important
+ font-size: 14px
+ a, span
+ font-size: 14px
+
+#writing-detail .figure
+ margin-top: 24px
+ img
+ border: $luxagraf_brown 10px solid
+ .legend
+ width: 552px
+ padding: 8px 0 12px 16px
+ font-family: "Helvetica", "Verdana", "sans-serif"
h4.notes
- +sm-sans
- font-weight: bold
- text-transform: uppercase
-.addendum dt
- font-style: italic
- margin: 0.8em 0 0 0
- margin-left: -30px !important
- text-indent: -30px
- padding-left: 30px
+ +sm-sans
+ font-weight: bold
+ text-transform: uppercase
-.addendum dd
- margin: 0.8em 0 0 0
-
+.addendum dt
+ font-style: italic
+ margin: 0.8em 0 0 0
+ margin-left: -30px !important
+ text-indent: -30px
+ padding-left: 30px
+.addendum dd
+ margin: 0.8em 0 0 0
// special styles for single and double column posts
.single article
- header, #post-body
- margin-left= !col4 - !pad !important
- width= !col10 - !pad !important
- p:nth-of-type(1)
- font-size: 20px
- line-height: 28px
-
+ header, #post-body
+ margin-left: $col4 - $pad !important
+ width: $col10 - $pad !important
+ p:nth-of-type(1)
+ font-size: 20px
+ line-height: 28px
//double stuff
.double article
- header
- float= "left"
- width= !col4 - !pad*2 !important
- text-align= "right" !important
- margin-top= !pad !important
- aside
- section
- text-align= "right" !important
- font-size: 1em
- line-height: 18px
+ header
+ float: left
+ width: $col4 - $pad * 2 !important
+ text-align: right !important
+ margin-top: $pad !important
+ aside
+ section
+ text-align: right !important
+ font-size: 1em
+ line-height: 18px
+
#post-body
- width= !col13+!pad
- margin-left= !pad
- .col
- width= 350px
- float= "left"
- margin= 0 !pad*2 0 0
- .narrow
- width= !col9
+ width: $col13 + $pad
+ margin-left: $pad
+ .col
+ width: 350px
+ float: left
+ margin: 0 $pad * 2 0 0
+ .narrow
+ width: $col9
.double #post-body
- float= "left"
+ float: left
diff --git a/media/sass/base.sass b/media/sass/base.sass
index fb5715f..0862e95 100644
--- a/media/sass/base.sass
+++ b/media/sass/base.sass
@@ -9,115 +9,100 @@
@import _contact.sass
@import _projects.sass
-
-
-
-
#featured-image img
- margin-left= !pad
- margin-bottom= 78px
+ margin-left: $pad
+ margin-bottom: 78px
.hyphenate
- text-align: justify
-
+ text-align: justify
#writing-tease, #currently
- +sm-sans
- text-transform: uppercase
- font-size: .8em
- clear: both
- width= !full
- padding-top: 20px
- //border-top= !luxagraf_brown 1px "solid"
- border-top= #b9b9b9 1px "dotted"
-
+ +sm-sans
+ text-transform: uppercase
+ font-size: 0.8em
+ clear: both
+ width: $full
+ padding-top: 20px
+ //border-top= !luxagraf_brown 1px "solid"
+ border-top: #b9b9b9 1px dotted
#currently
- padding: 0
- margin-bottom: 0px
- margin-top: 36px
- border-top= !luxagraf_brown 1px "solid"
+ padding: 0
+ margin-bottom: 0px
+ margin-top: 36px
+ border-top: $luxagraf_brown 1px solid
-
#writing-tease
- h2
- margin: 24px 0 24px 0
+ h2
+ margin: 24px 0 24px 0
+
#fromthearc
- clear: both
- li
- float: left
- width= !col5+!pad
- margin-bottom= !pad
- h2
- +small-serif
- font-size: 2em
- margin: 0
- .col2
- margin-left= !pad*2
- margin-right= !pad*2
- h3
- +headline-sans
- font-size: 1.2em
- //min-height: 50px
- margin: 0
- p
- margin: 0
- p.hyphenate
- margin-top: 3px
- text-align: justify
- img
- margin-top: 4px
- .location, time
- +tiny-serif
- line-height= 3em
- margin: 0
- padding: 0
- font-size: .7em
- text-align: left
+ clear: both
+ li
+ float: left
+ width: $col5 + $pad
+ margin-bottom: $pad
+ h2
+ +small-serif
+ font-size: 2em
+ margin: 0
+ .col2
+ margin-left: $pad * 2
+ margin-right: $pad * 2
+ h3
+ +headline-sans
+ font-size: 1.2em
+ //min-height: 50px
+ margin: 0
+ p
+ margin: 0
+ p.hyphenate
+ margin-top: 3px
+ text-align: justify
+ img
+ margin-top: 4px
+ .location, time
+ +tiny-serif
+ line-height: 3em
+ margin: 0
+ padding: 0
+ font-size: 0.7em
+ text-align: left
// ie fixes ------------------------------
+.ie #photo-galleries a img, .ie #photo-galleries img
+ outline: none
+ border: none !important
-.ie a img, .ie img, .ie img a
- outline: none
- border: none !important
-
+.ie #photo-galleries li
+ width: 291px
+ height: 350px
-.ie .button a
- background: none
- padding: 0
-.ie .button a:hover
- background: none
- color: #b53a04 !important
+.ie #photo-galleries .legend
+ margin: 0
+ bottom: 0
+ margin-bottom: 8px
+
+
+.ie .button a
+ background: none
+ padding: 0
+
+.ie .button a:hover
+ background: none
+ color: #b53a04 !important
.ie .drop
- padding: 28px 10px 5px 0
-
+ padding: 28px 10px 5px 0
+
.ie .figure .legend
- bottom: 5px
- padding: 8px 0 8px 8px
-
-.ie6 #writing-archive .img
- margin-right: 0px
-
-.ie6 .double .col
- width: 360px !important
- float: left
- margin: 0 20px 0 0 !important
-
-.ie6 .drop-small
- padding: 15px 4px 5px 0
-
-.ie6 .drop
- font-size: 5em padding:29px 10px 15px 0
-.ie6 #photo-archive article #photo-galleries li, .ie6 #photo-archive article #photo-galleries li img
- width: 290px !important
- height: 360px !important
-
-.ie6 #photo-galleries li
- margin-right: 15px
-
-.ie6 #photo-galleries .figure
- padding-bottom: 0
-.ie6 #feature_gallery_pager
- overflow: hidden !important \ No newline at end of file
+ bottom: 5px
+ padding: 8px 0 8px 8px
+
+.ie8
+ body
+ outline: none
+ border: none
+.ie8 *:focus
+ border: none \ No newline at end of file
diff --git a/media/sass/dark.sass b/media/sass/dark.sass
index 6db92b1..cc4ff25 100644
--- a/media/sass/dark.sass
+++ b/media/sass/dark.sass
@@ -1,83 +1,78 @@
//basic stuff
-!luxagraf_brown = #201a11
-!luxagraf_orange = #b53a04
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
-*:focus
- outline= !luxagraf_orange dotted thin
+*:focus
+ outline: $luxagraf_orange dotted thin
body
- background= !luxagraf_brown
+ background: $luxagraf_brown
a
- text-decoration= "none"
- color= !luxagraf_orange
+ text-decoration: none
+ color: $luxagraf_orange
+ &:visited
+ color: white
+ text-decoration: none
+ &:hover
+ color: white
+ text-decoration: none
- &:visited
- color= #fff
- text-decoration= "none"
+header
+ border-bottom: #cccccc 1px solid
+ a
+ color: white !important
&:hover
- color= #fff
- text-decoration= "none"
-
-
+ color: $luxagraf_orange unquote("!important")
+ #logo
+ background: url("../img/logo-dark.gif") no-repeat left bottom
-header
- border-bottom= #ccc 1px "solid"
- a
- color: #fff !important
- &:hover
- color= !luxagraf_orange "!important"
- #logo
- background= url("../img/logo-dark.gif") no-repeat left bottom
-
#breadcrumbs
- color: #fff
- a
- color: #fff
- &:hover
- color= !luxagraf_orange
+ color: white
+ a
+ color: white
+ &:hover
+ color: $luxagraf_orange
+
footer
- color= #ccc
-
- a
- color= #ccc !important
- &:hover
- color = !luxagraf_orange !important
-
-
+ color: #cccccc
+ a
+ color: #cccccc !important
+ &:hover
+ color: $luxagraf_orange !important
img
- &.postpic, &.postpicright
- border= "none"
-
- &.picfull
- border= none
-
+ &.postpic, &.postpicright
+ border: none
+ &.picfull
+ border: none
+
#post-body
- color: #ccc
+ color: #cccccc
aside, header
- color= #ccc
-aside section
- a
- color= #ccc !important
- &:hover
- color= !luxagraf_orange !important
+ color: #cccccc
+
+aside section
+ a
+ color: #cccccc !important
+ &:hover
+ color: $luxagraf_orange !important
#post-metadata
- border-top= #555 1px dotted
- border-bottom= #555 1px dotted
- color: #ccc
+ border-top: #555555 1px dotted
+ border-bottom: #555555 1px dotted
+ color: #cccccc
+
+.addendum dt
+ margin-left: -30px !important
-.addendum dt
- margin-left= -30px !important
+h4 a.disqus-link-count
+ color: #cccccc !important
-h4 a.disqus-link-count
- color= #ccc !important
-
#writing-detail
- img
- border: none
- .legend
- padding: 8px
+ img
+ border: none
+ .legend
+ padding: 8px
diff --git a/media/sass/photos.sass b/media/sass/photos.sass
index 5329d3f..9d78df9 100644
--- a/media/sass/photos.sass
+++ b/media/sass/photos.sass
@@ -5,276 +5,277 @@
@import _mixins.sass
@import _globals.sass
-!luxagraf_brown = #201a11
-!luxagraf_orange = #b53a04
-*:focus
- outline= none
-ul#breadcrumbs
- font-size: 65%
- font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
- margin: 0
- float: left
+$luxagraf_brown: #201a11
+$luxagraf_orange: #b53a04
+
+*:focus
+ outline: none
+
+#breadcrumbs
+ font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif
+ font-size: 10px
+ color: #fff
+ float: left
+ margin-top: 5px
+#breadcrumbs a
+ color: #fff
.meta
- margin: 43px 0 0 37px
- color: #000
- dl
- font-size: 13px
- dt
- clear: left
- float: left
- line-height: 16px
- margin: 4px 0
- width= 100px
- //border-bottom: 1px solid #999
-
- dd
- float: left
- width= 125px
- margin: 4px 0 4px 4px
- line-height: 16px
- a
- color: #000 !important
- a:hover
- color= !luxagraf_orange !important
-
+ margin: 43px 0 0 37px
+ color: black
+ dl
+ font-size: 13px
+ dt
+ clear: left
+ float: left
+ line-height: 16px
+ margin: 4px 0
+ width: 100px
+ //border-bottom: 1px solid #999
+ dd
+ float: left
+ width: 125px
+ margin: 4px 0 4px 4px
+ line-height: 16px
+ a
+ color: black !important
+ a:hover
+ color: $luxagraf_orange !important
+
body
- background: #000
+ background: black
.hide
- display: none
+ display: none
+
.clear
- clear: both
+ clear: both
li.activeSlide a img.thumb
- border= !luxagraf_orange 3px solid !important
+ border: $luxagraf_orange 3px solid !important
+
li.jcarousel-item a img.thumb
- border: #666 3px solid
-
-.jcarousel-container
- bottom: 0
- margin: 0 auto
- padding:0 50px
- width: 960px
+ border: #666666 3px solid
-.jcarousel-clip
- z-index: 2
- padding: 0
- margin: 0
-
- overflow: hidden
- position: relative
+.jcarousel-container
+ bottom: 0
+ margin: 0 auto
+ padding: 0 40px 0 40px
+ width: 940px
-.jcarousel-list
- z-index: 1
- overflow: hidden
- position: relative
- top: 0
- left: 0
- margin: 0
- padding: 0
- height: 80px
+.jcarousel-clip
+ z-index: 2
+ padding: 0
+ margin: 0
+ overflow: hidden
+ position: relative
+.jcarousel-list
+ z-index: 1
+ overflow: hidden
+ position: relative
+ top: 0
+ left: 0
+ margin: 0
+ padding: 0
+ height: 80px
-.jcarousel-item
- float: left
- list-style: none
- width:80px
- height: 80px
+.jcarousel-item
+ float: left
+ list-style: none
+ width: 80px
+ height: 80px
+.jcarousel-next-horizontal
+ position: absolute
+ top: 5px
+ right: 3px
+ width: 20px
+ height: 53px
+ margin-top: 695px
+ background: transparent url("../img/slideshow-arrow-right.png") no-repeat 0 0
-.jcarousel-next-horizontal
- position: absolute
- top: 5px
- right: 3px
- width: 20px
- height: 53px
- margin-top: 695px
- background: transparent url('../img/slideshow-arrow-right.png') no-repeat 0 0
+.jcarousel-next-horizontal:hover
+ background-position: -20px 0
-.jcarousel-next-horizontal:hover
- background-position: -20px 0
+.jcarousel-next-horizontal:active
+ background-position: -64px 0
-.jcarousel-next-horizontal:active
- background-position: -64px 0
+.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
+ cursor: default
+ background-position: -96px 0
-.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
- cursor: default
- background-position: -96px 0
+.jcarousel-prev-horizontal
+ position: absolute
+ top: 5px
+ left: -6px
+ width: 20px
+ height: 53px
+ margin-left: 7px
+ margin-top: 695px
+ background: transparent url("../img/slideshow-arrow-left.png") no-repeat 0 0
-.jcarousel-prev-horizontal
- position: absolute
- top: 5px
- left: -6px
- width: 20px
- height: 53px
- margin-left: 7px
- margin-top: 695px
- background: transparent url('../img/slideshow-arrow-left.png') no-repeat 0 0
+.jcarousel-prev-horizontal:hover
+ background-position: -20px 0
-.jcarousel-prev-horizontal:hover
- background-position: -20px 0
+.jcarousel-prev-horizontal:active
+ background-position: -64px 0
-.jcarousel-prev-horizontal:active
- background-position: -64px 0
+.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
+ cursor: default
+ background-position: -96px 0
-.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
- cursor: default
- background-position: -96px 0
+ul#feature_gallery_pager
+ display: block
+ margin: auto
+ overflow: hidden
+ height: 85px
+ margin-top: 680px
-ul#feature_gallery_pager
- display: block
- margin: auto
- overflow: hidden
- height: 85px
- margin-top: 680px
+ul#feature_gallery_pager li a
+ overflow: hidden
+ width: 80px
+ height: 80px
+ padding: 2px
+ float: left
+ display: block
+ul#feature_gallery_pager li
+ margin: 0 2px
+ padding: 0
-ul#feature_gallery_pager li a
- overflow: hidden
- width: 80px
- height: 80px
- padding: 2px
- float: left
- display: block
+#slides img.thumb
+ width: 65px
+ height: 65px
-ul#feature_gallery_pager li
- margin: 0 2px
- padding: 0
+#map-container
+ width: 469px
+ height: 392px
+ position: absolute
+ right: 10px
+ bottom: 35px
+ z-index: 2000
+ margin: 0
+ padding: 0
+ background: url("../img/mapbg.png") no-repeat top left
+#exif-container
+ width: 320px
+ height: 270px
+ position: absolute
+ right: 0px
+ bottom: 26px
+ z-index: 2000
+ background: url("../img/exifbg.png") no-repeat top left
-#slides img.thumb
- width: 65px
- height: 65px
+#map-wrapper
+ width: 400px
+ height: 328px
+ margin: 37px 0 0 44px
-#map-container
- width: 469px
- height: 392px
- position: absolute
- right: 10px
- bottom: 35px
- z-index: 2000
+#wrapper
+ width: 1010px
+ margin: 0 auto
+ +sm-sans
+ text-align: left
+ font-size: 16px
+ color: white
+ ul#slides li
+ margin-top: 10px
+ a
+ color: white
+ li.bigimg
+ width: $col16 + $pad * 3
+ position: relative
+ display: block
+ clear: both
+ margin: 0px
+ margin-top: 36px
+ clear: both
+ margin-bottom: 72px
+ div.figure
margin: 0
padding: 0
- background: url('../img/mapbg.png') no-repeat top left
-#exif-container
- width: 320px
- height: 270px
+ img
+ border: none
+ div.legend
+ display: block
+ margin: 0
+ background: black
+ +transparent_class_lighter
position: absolute
- right: 0px
- bottom: 26px
- z-index: 2000
- background: url('../img/exifbg.png') no-repeat top left
-#map-wrapper
- width: 400px
- height: 328px
- margin: 37px 0 0 44px
-
-
-#wrapper
- width: 1010px
- margin: 0 auto
- +sm-sans
- text-align: left
- font-size: 16px
- color: #fff
- ul#slides li
- margin-top: 10px
-
+ bottom: 0
+ clear: both
+ width: 100%
+ div.caption
+ float: left
+ padding: 0 8px
+ line-height: 36px
+ p
+ line-height: 14px
+ font-size: 12px
+ margin-top: 0
+ margin-bottom: 12px
+ h5
+ display: inline
+ text-transform: uppercase
+ span
+ font-weight: normal
+ color: #999999
+ div.photo-options
+ float: right
+ margin: 0
a
- color: #fff
- li.bigimg
- width= !col16+!pad*3
- position: relative
- display: block
- clear: both
- margin: 0px
- margin-top: 36px
- clear: both
- margin-bottom: 72px
-
- div.figure
- margin: 0
- padding: 0
-
- img
- border= none
-
- div.legend
- display: block
- margin: 0
- background: #000
- +transparent_class_lighter
- position: absolute
- bottom: 0
- clear: both
- width: 100%
-
-
- div.caption
- float: left
- padding: 0 8px
- line-height: 36px
- p
- line-height: 14px
- font-size: 12px
- margin-top: 0
- margin-bottom: 12px
- h5
- display: inline
- text-transform: uppercase
- span
- font-weight: normal
- color: #999
- div.photo-options
- float: right
- margin: 0
- a
- text-transform: uppercase
- font-size: 13px
- margin: 0 8px
- line-height: 36px
- color: #fff
- a:hover
- color= !luxagraf_orange
+ text-transform: uppercase
+ font-size: 13px
+ margin: 0 8px
+ line-height: 36px
+ color: white
+ a:hover
+ color: $luxagraf_orange
-#slideshow-controls
- +sm-sans
- font-size: 12px
- line-height: 18px
+#slideshow-controls
+ +sm-sans
+ font-size: 12px
+ line-height: 18px
+ text-align: center
+ width: 200px
+ margin: 0 auto
+ position: relative
+ left: -5px
+ top: 2px
+ li
+ display: inline
+ margin: 0
+ a
+ padding: 4px 6px
+ background: #3b3b3b
+ border-color: #111111 #020202 black #111111
+ color: #dddddd
+ text-shadow: 1px 1px 0 #161616
+ a:hover
+ background: #303030
+ li a#prev
+ border-right: #111111 1px solid
+ -moz-border-radius-bottomleft: 6px
+ -moz-border-radius-topleft: 6px
+ -webkit-border-top-left-radius: 6px
+ -webkit-border-bottom-left-radius: 6px
+ border-bottom-left-radius: 6px
+ border-top-left-radius: 6px
+ li a#next
+ border-left: #111111 1px solid
+ -moz-border-radius-bottomright: 6px
+ -moz-border-radius-topright: 6px
+ -webkit-border-top-right-radius: 6px
+ -webkit-border-bottom-right-radius: 6px
+ border-bottom-right-radius: 6px
+ border-top-right-radius: 6px
+ li a#play
+ border-left: #484848 1px solid
+ border-right: #484848 1px solid
text-align: center
- width: 200px
- margin: 0 auto
- position: relative
- left: -5px
- li
- display: inline
- margin: 0
- a
- padding: 4px 6px
- background: #3B3B3B
- border-color: #111111 #020202 #000000 #111111
- color: #DDDDDD
- text-shadow: 1px 1px 0 #161616
- a:hover
- background: #303030
- li a#prev
- border-right: #111111 1px solid
- -moz-border-radius-bottomleft: 6px
- -moz-border-radius-topleft: 6px
- -webkit-border-top-left-radius: 6px
- -webkit-border-bottom-left-radius: 6px
- border-bottom-left-radius: 6px
- border-top-left-radius: 6px
- li a#next
- border-left: #111111 1px solid
- -moz-border-radius-bottomright: 6px
- -moz-border-radius-topright: 6px
- -webkit-border-top-right-radius: 6px
- -webkit-border-bottom-right-radius: 6px
- border-bottom-right-radius: 6px
- border-top-right-radius: 6px
- li a#play
- border-left: #484848 1px solid
- border-right: #484848 1px solid
- text-align: center
+.ie7 #slideshow-controls
+ left: -160px
+.ie #breadcrumbs li
+ display: inline \ No newline at end of file
diff --git a/media/sass/print.sass b/media/sass/print.sass
index e0f46a5..b4d86c6 100644
--- a/media/sass/print.sass
+++ b/media/sass/print.sass
@@ -1,12 +1,11 @@
-
img.picfull
- float= left
-
+ float: left
+
img.postpic
- float= left
+ float: left
img.postpicright
- float= right
+ float: right
header hgroup, header nav, #comments, #page-navigation, footer, .hide
- display= none \ No newline at end of file
+ display: none
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2025-04-08 02:30:39 +0000