diff options
author | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-21 00:25:50 -0400 |
---|---|---|
committer | Star Rauchenberger <fefferburbia@gmail.com> | 2023-10-21 00:25:50 -0400 |
commit | 96813a5e508a54257ef03be613a704f1f71af53d (patch) | |
tree | a50f5c8dc27304a3ca27366b6268a72804727e16 /app/assets/stylesheets/quotes | |
parent | 2a7a19c93ee0e0d77e4e388d43f36a721c7ab715 (diff) | |
download | thoughts-96813a5e508a54257ef03be613a704f1f71af53d.tar.gz thoughts-96813a5e508a54257ef03be613a704f1f71af53d.tar.bz2 thoughts-96813a5e508a54257ef03be613a704f1f71af53d.zip |
Added quotes database
Diffstat (limited to 'app/assets/stylesheets/quotes')
-rw-r--r-- | app/assets/stylesheets/quotes/layout.css.sass | 215 | ||||
-rw-r--r-- | app/assets/stylesheets/quotes/pagination.css.scss | 49 |
2 files changed, 264 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..e5dbd64 --- /dev/null +++ b/app/assets/stylesheets/quotes/layout.css.sass | |||
@@ -0,0 +1,215 @@ | |||
1 | body | ||
2 | font-family: "Century Gothic", sans-serif | ||
3 | background-color: rgb(102,102,102) | ||
4 | |||
5 | #wrap | ||
6 | width: 80% | ||
7 | margin: 1em auto | ||
8 | background-color: white | ||
9 | border: 1px solid black | ||
10 | |||
11 | #banner | ||
12 | background-color: rgb(153,0,0) | ||
13 | font-size: 1.25em | ||
14 | font-width: bold | ||
15 | padding: 6px | ||
16 | #banner-title | ||
17 | float: left | ||
18 | a | ||
19 | text-decoration: none | ||
20 | color: white | ||
21 | #banner-abbr | ||
22 | color: white | ||
23 | font-style: italic | ||
24 | float: right | ||
25 | |||
26 | #oneliner | ||
27 | padding: 4px | ||
28 | font-style: italic | ||
29 | background-color: rgb(240,240,240) | ||
30 | a | ||
31 | color: black | ||
32 | cite:before | ||
33 | content: " \2013" | ||
34 | |||
35 | #top-bar | ||
36 | background-color: black | ||
37 | a | ||
38 | text-decoration: none | ||
39 | &:hover | ||
40 | color: purple | ||
41 | ul | ||
42 | float: right | ||
43 | padding: 4px | ||
44 | li | ||
45 | margin-left: 1em | ||
46 | display: inline | ||
47 | list-style-type: none | ||
48 | a | ||
49 | color: white | ||
50 | font-weight: bold | ||
51 | &.selected a | ||
52 | color: yellow | ||
53 | |||
54 | .pagination | ||
55 | &+.quote | ||
56 | border-top: 1px solid black | ||
57 | |||
58 | #quotes | ||
59 | .quote | ||
60 | margin: 0 | ||
61 | padding-bottom: 0.1em | ||
62 | background-color: #fcfcfc | ||
63 | border-bottom: 1px solid black | ||
64 | .quote-header | ||
65 | background-color: #f7f7f7 | ||
66 | border: 1px solid #f4f4f4 | ||
67 | margin: 0 | ||
68 | padding: 0.25em 0.75em | ||
69 | * | ||
70 | margin: 0 0.125em | ||
71 | a | ||
72 | text-decoration: none | ||
73 | .vote-link | ||
74 | color: #888 | ||
75 | .quote-upvote-link | ||
76 | color: #090 | ||
77 | font-weight: bold | ||
78 | .quote-downvote-link | ||
79 | color: #900 | ||
80 | font-weight: bold | ||
81 | .quote-link | ||
82 | font-weight: bold | ||
83 | datetime | ||
84 | font-size: 80% | ||
85 | .quote-edit-link | ||
86 | font-size: 0.9em | ||
87 | float: right | ||
88 | blockquote | ||
89 | font-family: Consolas, Monaco, "Courier New", monospace | ||
90 | font-size: 14px | ||
91 | margin: 0.5em 0.75em | ||
92 | padding: 0 | ||
93 | position: static | ||
94 | width: 100% | ||
95 | &:hover | ||
96 | background-color: #fffcec | ||
97 | .quote-header | ||
98 | background-color: #fec | ||
99 | border-color: #ffe9c9 | ||
100 | .quote-footer | ||
101 | color: #666 | ||
102 | border-top: 1px dashed #EEE | ||
103 | margin: 0 0.75em | ||
104 | padding: 0.25em 0 | ||
105 | * | ||
106 | font-size: 0.9em | ||
107 | .quote-tags | ||
108 | margin: 0 | ||
109 | padding: 0 | ||
110 | list-style-type: none | ||
111 | li | ||
112 | display: inline | ||
113 | a | ||
114 | color: #666 | ||
115 | &:before | ||
116 | content: "TAGS:" | ||
117 | .quote-notes + .quote-tags | ||
118 | margin-top: 0.5em | ||
119 | |||
120 | #page-body | ||
121 | p.normal | ||
122 | margin: .5em | ||
123 | ul | ||
124 | margin: .5em .5em .5em 2em | ||
125 | h2 | ||
126 | margin: .25em 0 0 .5em | ||
127 | h3 | ||
128 | padding-bottom: 0.25em | ||
129 | border-bottom: 1px dashed gray | ||
130 | margin: .25em 0 0 .5em | ||
131 | .form-field | ||
132 | margin: 0.5em | ||
133 | textarea | ||
134 | width: 100% | ||
135 | #about-left | ||
136 | float: left | ||
137 | width: 48% | ||
138 | margin-right: 1em | ||
139 | #about-right | ||
140 | float: right | ||
141 | width: 48% | ||
142 | margin-left: 1em | ||
143 | margin-bottom: 1em | ||
144 | |||
145 | #error-messages | ||
146 | margin: .5em | ||
147 | border: 1px solid black | ||
148 | background-color: #FF4040 | ||
149 | padding: .5em | ||
150 | h4 | ||
151 | font-size: 1.25em | ||
152 | |||
153 | #flash | ||
154 | margin: .5em | ||
155 | border: 1px solid black | ||
156 | background-color: #FBEC5D | ||
157 | padding: .5em | ||
158 | h4 | ||
159 | font-size: 1.25em | ||
160 | |||
161 | #tags-container | ||
162 | margin: 1em | ||
163 | list-style-type: none | ||
164 | li | ||
165 | display: inline | ||
166 | margin-left: 1em | ||
167 | .css1 | ||
168 | font-size: 1.0em | ||
169 | .css1_5 | ||
170 | font-size: 1.1em | ||
171 | .css2 | ||
172 | font-size: 1.2em | ||
173 | .css2_5 | ||
174 | font-size: 1.3em | ||
175 | .css3 | ||
176 | font-size: 1.4em | ||
177 | .css3_5 | ||
178 | font-size: 1.5em | ||
179 | .css4 | ||
180 | font-size: 1.6em | ||
181 | .css4_5 | ||
182 | font-size: 1.7em | ||
183 | .css5 | ||
184 | font-size: 1.8em | ||
185 | .css5_5 | ||
186 | font-size: 1.9em | ||
187 | .css6 | ||
188 | font-size: 2.0em | ||
189 | |||
190 | #search-form | ||
191 | margin: 0.5em | ||
192 | input.searchform | ||
193 | width: 50% | ||
194 | |||
195 | .audioplayer | ||
196 | float: right | ||
197 | |||
198 | footer | ||
199 | padding: 4px | ||
200 | color: white | ||
201 | text-align: center | ||
202 | font-size: 0.75em | ||
203 | clear: both | ||
204 | font-weight: bold | ||
205 | padding-bottom: .5em | ||
206 | background-color: rgb(153,0,0) | ||
207 | #footer-left | ||
208 | float: left | ||
209 | #footer-right | ||
210 | float: right | ||
211 | a | ||
212 | color: white | ||
213 | |||
214 | .cleardiv | ||
215 | 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 | ||