summaryrefslogtreecommitdiff
path: root/media/sass/_globals.sass
blob: 1ff53863b89f0e19753aa371e661a18bc251bd79 (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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
//basic stuff

!luxagraf_brown = #201a11
!luxagraf_orange = #b53a04


*:focus   
    outline= !luxagraf_orange dotted thin

html
    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

a
    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
            
//logo link
#logo
    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
    

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 


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



// global classes ------------------------------



.hide
    display= "none"

.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"
    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"


.pull-quote
    font-size= 14px !important
    font-style= "italic" !important
    
sup 
    +sm-sans
    font-size: .7em
    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


.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
    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: #666
        -moz-border-radius: 25px
        -webkit-border-radius: 25px
        border-radius: 25px
    a:hover
        background= !luxagraf_orange
        color: #fff

// 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"


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