summaryrefslogtreecommitdiff
path: root/design/sass/_992.sass
blob: 9cb47a36d40ab7880874370c0ace431fd380d319 (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
///mediaquery

//992px __________________________________________________________________________________________________________
@media only screen and (min-width: 992px)
    body
        width: 61.75em
    img
        width: auto !important
    header[role="banner"]
        margin-top: 5.5em
        h1
            width: 190px
        nav[role="navigation"]
            margin-left: 8%
    .archive
        padding-top: 2em
        article
            margin-bottom: 2em
            padding-bottom: 2em
            border: none
        h1
            width: 42%
            font-size: 1.5em
            line-height: 1.3em
            margin-top: .15em
            margin-bottom: .25em
            letter-spacing: .5px
        p
            line-height: 1.5em
        img
            float: right
        .hyphenate, .dateline
            width: 41%
        .hyphenate
            font-size: 1em
            
    //individual posts
    .single
        article
            margin-left: 20%
    .picwide 
        clear: both
        margin: 30px 0 30px -200px
    .pullquote
        margin-left: -6em
    #page-navigation
        margin-left: auto
        margin-right: auto
    
    .home 
        .sh
            text-align: left
        article
            width: 19em
            float: left
            margin-right: 2em
            clear: none
        .last
            margin-right: 0
        .post-image
            float: left 
            margin: 20px 8px 8px 0
        .hyphenate, .dateline
            width: auto
            text-align: left
        .hyphenate
            text-align: justify
    // specifics for two column posts
    .double article[role="main"]
        header
            width: 10em
            float: left
            margin-left: 0
            margin-top: 1em
            h1, aside
                text-align: right
                line-height: 1.2em
            h1
                font-size: 1.875em
        .col
            width: 47%
            margin-left: .875em
        .sec
            margin-left: 0
        .post-body-double
            margin: 2em 0 0 1.25em
            float: left
            width: 48.75em
            p
                margin: 0 0 1em 0
            .narrow
                width: 35.625em
                margin-bottom: 1em
                clear: both
                margin-left: 1em
            .hyphenate
                margin-top: 0
        //#page-navigation
        //    margin-left: 12em
    //maps
    #map-canvas
        width: 48.5em
        height: 31.25em
        float: right
        margin-bottom: 3em
    .map-legend
        ul
            margin-bottom: 1em
        h4
            margin-bottom: .3em
            letter-spacing: 1px
            font-size: .75em
            text-transform: uppercase
        li
            display: block
            font-size: .875em
            margin: 2px 0
        li:after
            content: ""
    .two
        margin-left: 3em
        width: 51%
    .black
        #slides
            width: 62.5em 
            img
                width: auto
        .directions
            display: block
            font: normal .675em Helvetica, Verdana, sans-serif
            color: #414144
            text-align: center
            margin-bottom: 1.75em
        .caption
            width: 70% !important
        .map-container
            margin-left: 17em

    //The new guide section
    .guide
        .intro
            margin-bottom: 2.5em
        .formatted
            column-count: 3
            column-gap: 1.5em
            -moz-column-count: 3
            -moz-column-gap: 24px
            -webkit-column-count: 3
            -webkit-column-gap: 1.5em
        img
            border: 8px $brown solid
        .date, .meta
            float: left
        .meta
            line-height: 18px
        .tags
            margin: 20px 0 10px 0
        .guide-dek
            padding: 0
            width: 610px
            float: right
            h1
                margin: 0 !important
        article:after, .intro:after
            content: "."
            display: block
            height: 0
            clear: both
            visibility: hidden