summaryrefslogtreecommitdiff
path: root/media/sass/_globals.sass
blob: df39e484417855af3b3a7986f038e6bbd4cc0229 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
//basic stuff

!luxagraf_brown = #201a11
!luxagraf_orange = #b53a04

*:focus   
    outline= !luxagraf_orange dotted thin

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 
    height=100% 
    text-align= center 

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"


// structure
    
header
    width= !full
    margin= 0 auto 40px
    //background= url("../img/horiz.png") repeat-x left bottom

header
    border-bottom= !luxagraf_brown 2px "solid"
    height= 160px
    
    h1
        a
            background= url("../img/logo.gif") no-repeat left bottom
            height= 158px
            width= !col7
            float = left
            text-indent= -1000px
    h2
        float= left
        text-indent= -1000px
        display: none
    nav 
        float= left
        margin-top= 110px
        margin-left= !col
        li
            display= "inline"
            +small-serif
            font-size= 1.2em
            margin-left= 4px
        a:hover
            color= !luxagraf_orange

footer
    width= !full
    background= !luxagraf_brown
    height: 36px
    color: #888
    font-size= 1.2em
    margin= 80px auto 0
    nav li
        float: left
        +sm-sans
        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
        +sm-sans
        padding-left= 8px
        line-height: 36px
        margin: 0

article
    width= !full
    margin= 0 auto
    //background= url("../img/bg.gif")
    
    ul
        font-size= 1.5em 


ul#breadcrumbs
    font-weight= normal
    +tiny-serif
    font-size: 110%
    li
        display= "inline"

.hide
    display= "none"

img
    &.postpic, &.postpicright
        display: block
        margin: .3em .6em
        border= !luxagraf_brown 10px "solid"
        clear: both
  
    &.postpic
        float: left
        margin-left: 0
        margin-top: .3em
  
    &.postpicright
        float: right
        margin-right: 0
  
    &.postpicleft
        float: left
        margin: 5px
  
    &.picfull
        border= !luxagraf_brown 10px "solid"
    &.post-image
        margin: 0 10px 0 0
        float: left
        border= !luxagraf_brown 10px "solid" !important

.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
    display: "none"


div[dir='ltr'] span
    width: 0
    visibility: collapse

p.pull-quote
    font-size= 14px !important
    font-style= "italic" !important
    
sup 
    +sm-sans
    font-size: .6em