about summary refs log tree commit diff stats
path: root/app/assets
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/stylesheets/quotes.css.scss4
-rw-r--r--app/assets/stylesheets/quotes/layout.css.sass215
-rw-r--r--app/assets/stylesheets/quotes/pagination.css.scss49
3 files changed, 268 insertions, 0 deletions
diff --git a/app/assets/stylesheets/quotes.css.scss b/app/assets/stylesheets/quotes.css.scss new file mode 100644 index 0000000..8cf4eae --- /dev/null +++ b/app/assets/stylesheets/quotes.css.scss
@@ -0,0 +1,4 @@
1/*
2 *= require normalize-rails
3 *= require_tree ./quotes
4 */
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 @@
1body
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
198footer
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
generated by cgit-pink 1.4.1 (git 2.36.1) at 2024-09-20 08:23:22 +0000