about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/quotes
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/quotes')
-rw-r--r--app/assets/stylesheets/quotes/layout.css.sass220
-rw-r--r--app/assets/stylesheets/quotes/pagination.css.scss49
2 files changed, 269 insertions, 0 deletions
diff --git a/app/assets/stylesheets/quotes/layout.css.sass b/app/assets/stylesheets/quotes/layout.css.sass new file mode 100644 index 0000000..f620304 --- /dev/null +++ b/app/assets/stylesheets/quotes/layout.css.sass
@@ -0,0 +1,220 @@
1body
2 font-family: "Century Gothic", sans-serif
3 background-color: rgb(102,102,102)
4
5#wrap
6 background-color: white
7 border: 1px solid black
8
9 @media only screen and (min-width: 768px)
10 width: 80%
11 margin: 1em auto
12
13#banner
14 background-color: rgb(153,0,0)
15 font-size: 1.25em
16 font-width: bold
17 padding: 6px
18 #banner-title
19 float: left
20 a
21 text-decoration: none
22 color: white
23 #banner-abbr
24 color: white
25 font-style: italic
26 float: right
27
28#oneliner
29 padding: 4px
30 font-style: italic
31 background-color: rgb(240,240,240)
32 a
33 color: black
34 cite:before
35 content: " \2013"
36
37#top-bar
38 background-color: black
39 a
40 text-decoration: none
41 &:hover
42 color: purple
43 ul
44 float: right
45 padding: 4px
46 li
47 margin-left: 1em
48 display: inline
49 list-style-type: none
50 a
51 color: white
52 font-weight: bold
53 &.selected a
54 color: yellow
55
56.pagination
57 &+.quote
58 border-top: 1px solid black
59
60#quotes
61 .quote
62 margin: 0
63 padding-bottom: 0.1em
64 background-color: #fcfcfc
65 border-bottom: 1px solid black
66 .quote-header
67 background-color: #f7f7f7
68 border: 1px solid #f4f4f4
69 margin: 0
70 padding: 0.25em 0.75em
71 *
72 margin: 0 0.125em
73 a
74 text-decoration: none
75 .vote-link
76 color: #888
77 .quote-upvote-link
78 color: #090
79 font-weight: bold
80 .quote-downvote-link
81 color: #900
82 font-weight: bold
83 .quote-link
84 font-weight: bold
85 time
86 font-size: 80%
87 .quote-edit-link
88 font-size: 0.9em
89 float: right
90 blockquote
91 font-family: Consolas, Monaco, "Courier New", monospace
92 font-size: 14px
93 margin: 0.5em 0.75em
94 padding: 0
95 position: static
96 .quote-speaker
97 font-weight: bold
98 color: green
99 &:hover
100 background-color: #fffcec
101 .quote-header
102 background-color: #fec
103 border-color: #ffe9c9
104 .quote-footer
105 color: #666
106 border-top: 1px dashed #EEE
107 margin: 0 0.75em
108 padding: 0.25em 0
109 *
110 font-size: 0.9em
111 .quote-tags
112 margin: 0
113 padding: 0
114 list-style-type: none
115 li
116 display: inline
117 a
118 color: #666
119 &:before
120 content: "TAGS:"
121 .quote-notes + .quote-tags
122 margin-top: 0.5em
123
124#page-body
125 p.normal
126 margin: .5em
127 ul
128 margin: .5em .5em .5em 2em
129 h2
130 margin: .25em 0 0 .5em
131 h3
132 padding-bottom: 0.25em
133 border-bottom: 1px dashed gray
134 margin: .25em 0 0 .5em
135 .form-field
136 margin: 0.5em
137 textarea
138 width: 100%
139 @media only screen and (min-width: 768px)
140 #about-left
141 float: left
142 width: 48%
143 margin-right: 1em
144 #about-right
145 float: right
146 width: 48%
147 margin-left: 1em
148 margin-bottom: 1em
149
150#error-messages
151 margin: .5em
152 border: 1px solid black
153 background-color: #FF4040
154 padding: .5em
155 h4
156 font-size: 1.25em
157
158#flash
159 margin: .5em
160 border: 1px solid black
161 background-color: #FBEC5D
162 padding: .5em
163 h4
164 font-size: 1.25em
165
166#tags-container
167 margin: 1em
168 list-style-type: none
169 li
170 display: inline
171 margin-left: 1em
172 .css1
173 font-size: 1.0em
174 .css1_5
175 font-size: 1.1em
176 .css2
177 font-size: 1.2em
178 .css2_5
179 font-size: 1.3em
180 .css3
181 font-size: 1.4em
182 .css3_5
183 font-size: 1.5em
184 .css4
185 font-size: 1.6em
186 .css4_5
187 font-size: 1.7em
188 .css5
189 font-size: 1.8em
190 .css5_5
191 font-size: 1.9em
192 .css6
193 font-size: 2.0em
194
195#search-form
196 margin: 0.5em
197 input.searchform
198 width: 50%
199
200.audioplayer
201 float: right
202
203footer
204 padding: 4px
205 color: white
206 text-align: center
207 font-size: 0.75em
208 clear: both
209 font-weight: bold
210 padding-bottom: .5em
211 background-color: rgb(153,0,0)
212 #footer-left
213 float: left
214 #footer-right
215 float: right
216 a
217 color: white
218
219.cleardiv
220 clear: both \ No newline at end of file
diff --git a/app/assets/stylesheets/quotes/pagination.css.scss b/app/assets/stylesheets/quotes/pagination.css.scss new file mode 100644 index 0000000..dad8b88 --- /dev/null +++ b/app/assets/stylesheets/quotes/pagination.css.scss
@@ -0,0 +1,49 @@
1.pagination {
2 text-align: center;
3 padding: 0.3em;
4 cursor: default;
5 margin: 0.5em 0;
6
7 a, span, em {
8 padding: 0.2em 0.5em;
9 }
10
11 .disabled {
12 color: #aaaaaa;
13 }
14
15 .current {
16 font-style: normal;
17 font-weight: bold;
18 color: #ff0084;
19 }
20
21 a {
22 border: 1px solid #dddddd;
23 color: #0063dc;
24 text-decoration: none;
25
26 &:hover, &:focus {
27 border-color: #003366;
28 background: #0063dc;
29 color: white;
30 }
31 }
32
33 .page_info {
34 color: #aaaaaa;
35 padding-top: 0.8em;
36 }
37
38 .previous_page, .next_page {
39 border-width: 2px;
40 }
41
42 .previous_page {
43 margin-right: 1em;
44 }
45
46 .next_page {
47 margin-left: 1em;
48 }
49} \ No newline at end of file
generated by cgit-pink 1.4.1 (git 2.36.1) at 2026-01-19 04:49:28 +0000