summaryrefslogtreecommitdiff
path: root/media/sass/_globals.sass
blob: 708a3940c71237f2b6fc8aa7d126bb6ebdef0ec4 (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
//basic stuff

$luxagraf_brown: #201a11
$luxagraf_orange: #b53a04

*:focus
  outline: $luxagraf_orange dotted thin

html
  height: 100%

body
  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

// 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: #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

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

.hide
  display: none

.postpic, .postpicright
  display: block
  margin: 0.3em 0.6em
  border: $luxagraf_brown 10px solid
  clear: both

.postpic
  float: left
  margin-left: 0
  margin-top: 0.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: 0.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: #999999

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

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