about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/quotes/layout.css.sass
blob: 0f4a87ff8e5c05377484968993e6908160f09da9 (plain) (blame)
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
body
    font-family: "Century Gothic", sans-serif
    background-color: rgb(102,102,102)

#wrap
    width: 80%
    margin: 1em auto
    background-color: white
    border: 1px solid black

#banner
    background-color: rgb(153,0,0)
    font-size: 1.25em
    font-width: bold
    padding: 6px
    #banner-title
        float: left
        a
            text-decoration: none
            color: white
    #banner-abbr
        color: white
        font-style: italic
        float: right

#oneliner
    padding: 4px
    font-style: italic
    background-color: rgb(240,240,240)
    a
        color: black
    cite:before
        content: " \2013"

#top-bar
    background-color: black
    a
        text-decoration: none
        &:hover
            color: purple
    ul
        float: right
        padding: 4px
        li
            margin-left: 1em
            display: inline
            list-style-type: none
            a
                color: white
                font-weight: bold
            &.selected a
                color: yellow

.pagination
    &+.quote
        border-top: 1px solid black

#quotes
    .quote
        margin: 0
        padding-bottom: 0.1em
        background-color: #fcfcfc
        border-bottom: 1px solid black
        .quote-header
            background-color: #f7f7f7
            border: 1px solid #f4f4f4
            margin: 0
            padding: 0.25em 0.75em
            *
                margin: 0 0.125em
            a
                text-decoration: none
            .vote-link
                color: #888
            .quote-upvote-link
                color: #090
                font-weight: bold
            .quote-downvote-link
                color: #900
                font-weight: bold
            .quote-link
                font-weight: bold
            time
                font-size: 80%
            .quote-edit-link
                font-size: 0.9em
                float: right
        blockquote
            font-family: Consolas, Monaco, "Courier New", monospace
            font-size: 14px
            margin: 0.5em 0.75em
            padding: 0
            position: static
            width: 100%
            .quote-speaker
                font-weight: bold
                color: green
        &:hover
            background-color: #fffcec
            .quote-header
                background-color: #fec
                border-color: #ffe9c9
        .quote-footer
            color: #666
            border-top: 1px dashed #EEE
            margin: 0 0.75em
            padding: 0.25em 0
            *
                font-size: 0.9em
            .quote-tags
                margin: 0
                padding: 0
                list-style-type: none
                li
                    display: inline
                    a
                        color: #666
                &:before
                    content: "TAGS:"
            .quote-notes + .quote-tags
                margin-top: 0.5em

#page-body
    p.normal
        margin: .5em
    ul
        margin: .5em .5em .5em 2em
    h2
        margin: .25em 0 0 .5em
    h3
        padding-bottom: 0.25em
        border-bottom: 1px dashed gray
        margin: .25em 0 0 .5em
    .form-field
        margin: 0.5em
    textarea
        width: 100%
    #about-left
        float: left
        width: 48%
        margin-right: 1em
    #about-right
        float: right
        width: 48%
        margin-left: 1em
        margin-bottom: 1em

#error-messages
    margin: .5em
    border: 1px solid black
    background-color: #FF4040
    padding: .5em
    h4
        font-size: 1.25em

#flash
    margin: .5em
    border: 1px solid black
    background-color: #FBEC5D
    padding: .5em
    h4
        font-size: 1.25em

#tags-container
    margin: 1em
    list-style-type: none
    li
        display: inline
        margin-left: 1em
    .css1
        font-size: 1.0em
    .css1_5
        font-size: 1.1em
    .css2
        font-size: 1.2em
    .css2_5
        font-size: 1.3em
    .css3
        font-size: 1.4em
    .css3_5
        font-size: 1.5em
    .css4
        font-size: 1.6em
    .css4_5
        font-size: 1.7em
    .css5
        font-size: 1.8em
    .css5_5
        font-size: 1.9em
    .css6
        font-size: 2.0em

#search-form
    margin: 0.5em
    input.searchform
        width: 50%

.audioplayer
    float: right

footer
    padding: 4px
    color: white
    text-align: center
    font-size: 0.75em
    clear: both
    font-weight: bold
    padding-bottom: .5em
    background-color: rgb(153,0,0)
    #footer-left
        float: left
    #footer-right
        float: right
    a
        color: white

.cleardiv
    clear: both