Show More
@@ -1,241 +1,243 b'' | |||||
1 | * { |
|
1 | * { | |
2 | font-size: inherit; |
|
2 | font-size: inherit; | |
3 | margin: 0; |
|
3 | margin: 0; | |
4 | padding: 0; |
|
4 | padding: 0; | |
5 | } |
|
5 | } | |
6 | html { |
|
6 | html { | |
7 | background: #fff; |
|
7 | background: #fff; | |
8 | color: #000; |
|
8 | color: #000; | |
9 | font: medium sans-serif; |
|
9 | font: medium sans-serif; | |
10 | } |
|
10 | } | |
11 | a { |
|
11 | a { | |
12 | color: inherit; |
|
12 | color: inherit; | |
13 | text-decoration: underline; |
|
13 | text-decoration: underline; | |
14 | } |
|
14 | } | |
|
15 | li { | |||
|
16 | list-style-position: inside; | |||
|
17 | } | |||
15 |
|
18 | |||
16 | #admin_panel { |
|
19 | #admin_panel { | |
17 | background: #182F6F; |
|
20 | background: #182F6F; | |
18 | color: #fff; |
|
21 | color: #fff; | |
19 | padding: .5ex 1ex .5ex 1ex; |
|
22 | padding: .5ex 1ex .5ex 1ex; | |
20 | } |
|
23 | } | |
21 |
|
24 | |||
22 | .navigation_panel { |
|
25 | .navigation_panel { | |
23 | background: #182F6F; |
|
26 | background: #182F6F; | |
24 | color: #B4CFEC; |
|
27 | color: #B4CFEC; | |
25 | margin-bottom: 1em; |
|
28 | margin-bottom: 1em; | |
26 | padding: .5ex 1ex 1ex 1ex; |
|
29 | padding: .5ex 1ex 1ex 1ex; | |
27 | } |
|
30 | } | |
28 |
|
||||
29 | .navigation_panel::after { |
|
31 | .navigation_panel::after { | |
30 | clear: both; |
|
32 | clear: both; | |
31 | content: "."; |
|
33 | content: "."; | |
32 | display: block; |
|
34 | display: block; | |
33 | height: 0; |
|
35 | height: 0; | |
34 | line-height: 0; |
|
36 | line-height: 0; | |
35 | visibility: hidden; |
|
37 | visibility: hidden; | |
36 | } |
|
38 | } | |
37 |
|
39 | |||
38 | .navigation_panel a:link, .navigation_panel a:visited, .navigation_panel a:hover { |
|
40 | .navigation_panel a:link, .navigation_panel a:visited, .navigation_panel a:hover { | |
39 | text-decoration: none; |
|
41 | text-decoration: none; | |
40 | } |
|
42 | } | |
41 |
|
43 | |||
42 | .navigation_panel .link { |
|
44 | .navigation_panel .link { | |
43 | border-right: 1px solid #fff; |
|
45 | border-right: 1px solid #fff; | |
44 | color: #fff; |
|
46 | color: #fff; | |
45 | font-weight: bold; |
|
47 | font-weight: bold; | |
46 | margin-right: 1ex; |
|
48 | margin-right: 1ex; | |
47 | padding-right: 1ex; |
|
49 | padding-right: 1ex; | |
48 | } |
|
50 | } | |
49 | .navigation_panel .link:last-child { |
|
51 | .navigation_panel .link:last-child { | |
50 | border-left: 1px solid #fff; |
|
52 | border-left: 1px solid #fff; | |
51 | border-right: none; |
|
53 | border-right: none; | |
52 | float: right; |
|
54 | float: right; | |
53 | margin-left: 1ex; |
|
55 | margin-left: 1ex; | |
54 | margin-right: 0; |
|
56 | margin-right: 0; | |
55 | padding-left: 1ex; |
|
57 | padding-left: 1ex; | |
56 | padding-right: 0; |
|
58 | padding-right: 0; | |
57 | } |
|
59 | } | |
58 |
|
60 | |||
59 | .navigation_panel .tag { |
|
61 | .navigation_panel .tag { | |
60 | color: #fff; |
|
62 | color: #fff; | |
61 | } |
|
63 | } | |
62 |
|
64 | |||
63 | .title { |
|
65 | .title { | |
64 | color: #182F6F; |
|
66 | color: #182F6F; | |
65 | font-weight: bold; |
|
67 | font-weight: bold; | |
66 | } |
|
68 | } | |
67 |
|
69 | |||
68 | .post-form-w { |
|
70 | .post-form-w { | |
69 | background: #182F6F; |
|
71 | background: #182F6F; | |
70 | border-radius: 1ex; |
|
72 | border-radius: 1ex; | |
71 | color: #fff; |
|
73 | color: #fff; | |
72 | margin: 1em 1ex; |
|
74 | margin: 1em 1ex; | |
73 | padding: 1ex; |
|
75 | padding: 1ex; | |
74 | } |
|
76 | } | |
75 | .post-form { |
|
77 | .post-form { | |
76 | display: table; |
|
78 | display: table; | |
77 | border-collapse: collapse; |
|
79 | border-collapse: collapse; | |
78 | width: 100%; |
|
80 | width: 100%; | |
79 |
|
81 | |||
80 | } |
|
82 | } | |
81 | .form-row { |
|
83 | .form-row { | |
82 | display: table-row; |
|
84 | display: table-row; | |
83 | } |
|
85 | } | |
84 | .form-label, .form-input { |
|
86 | .form-label, .form-input { | |
85 | display: table-cell; |
|
87 | display: table-cell; | |
86 | vertical-align: top; |
|
88 | vertical-align: top; | |
87 | } |
|
89 | } | |
88 | .form-label { |
|
90 | .form-label { | |
89 | padding: .25em 1ex .25em 0; |
|
91 | padding: .25em 1ex .25em 0; | |
90 | } |
|
92 | } | |
91 | .form-input { |
|
93 | .form-input { | |
92 | padding: .25em 0; |
|
94 | padding: .25em 0; | |
93 | } |
|
95 | } | |
94 | .form-input > * { |
|
96 | .form-input > * { | |
95 | background: #fff; |
|
97 | background: #fff; | |
96 | color: #000; |
|
98 | color: #000; | |
97 | border: none; |
|
99 | border: none; | |
98 | padding: 0; |
|
100 | padding: 0; | |
99 | resize: vertical; |
|
101 | resize: vertical; | |
100 | width: 100%; |
|
102 | width: 100%; | |
101 | } |
|
103 | } | |
102 | .form-submit { |
|
104 | .form-submit { | |
103 | border-bottom: 1px solid #666; |
|
105 | border-bottom: 1px solid #666; | |
104 | margin-bottom: .5em; |
|
106 | margin-bottom: .5em; | |
105 | padding-bottom: .5em; |
|
107 | padding-bottom: .5em; | |
106 | } |
|
108 | } | |
107 | .form-title { |
|
109 | .form-title { | |
108 | font-weight: bold; |
|
110 | font-weight: bold; | |
109 | margin-bottom: .5em; |
|
111 | margin-bottom: .5em; | |
110 | } |
|
112 | } | |
111 | .post-form .settings_item { |
|
113 | .post-form .settings_item { | |
112 | margin: .5em 0; |
|
114 | margin: .5em 0; | |
113 | } |
|
115 | } | |
114 | .form-submit input { |
|
116 | .form-submit input { | |
115 | margin-top: .5em; |
|
117 | margin-top: .5em; | |
116 | padding: .2em 1ex; |
|
118 | padding: .2em 1ex; | |
117 | } |
|
119 | } | |
118 | .form-label { |
|
120 | .form-label { | |
119 | text-align: right; |
|
121 | text-align: right; | |
120 | } |
|
122 | } | |
121 |
|
123 | |||
122 | .block { |
|
124 | .block { | |
123 | display: inline-block; |
|
125 | display: inline-block; | |
124 | vertical-align: top; |
|
126 | vertical-align: top; | |
125 | } |
|
127 | } | |
126 |
|
128 | |||
127 | .post_id { |
|
129 | .post_id { | |
128 | color: #a00; |
|
130 | color: #a00; | |
129 | } |
|
131 | } | |
130 |
|
132 | |||
131 | .post { |
|
133 | .post { | |
132 | clear: left; |
|
134 | clear: left; | |
133 | margin: 0 1ex 1em 1ex; |
|
135 | margin: 0 1ex 1em 1ex; | |
134 | overflow-x: auto; |
|
136 | overflow-x: auto; | |
135 | } |
|
137 | } | |
136 |
.last-replies > .post, |
|
138 | .last-replies > .post, #posts > .post { | |
137 | border-bottom: 1px solid #182F6F; |
|
139 | border-bottom: 1px solid #182F6F; | |
138 | padding-bottom: 1em; |
|
140 | padding-bottom: 1em; | |
139 | } |
|
141 | } | |
|
142 | #posts > .post:last-child { | |||
|
143 | border-bottom: none; | |||
|
144 | padding-bottom: 0; | |||
|
145 | } | |||
140 |
|
146 | |||
141 | .metadata { |
|
147 | .metadata { | |
142 | background: #C0E4E8; |
|
148 | background: #C0E4E8; | |
143 | border: 1px solid #7F9699; |
|
149 | border: 1px solid #7F9699; | |
144 | border-radius: .4ex; |
|
150 | border-radius: .4ex; | |
145 | display: table; |
|
151 | display: table; | |
146 | margin-top: .5em; |
|
152 | margin-top: .5em; | |
147 | padding: .4em; |
|
153 | padding: .4em; | |
148 | } |
|
154 | } | |
149 |
|
155 | |||
150 | .post ul, .post ol { |
|
156 | .post ul, .post ol { | |
151 | margin: .5em 0 .5em 3ex; |
|
157 | margin: .5em 0 .5em 3ex; | |
152 | } |
|
158 | } | |
153 | .post li { |
|
159 | .post li { | |
154 | margin: .2em 0; |
|
160 | margin: .2em 0; | |
155 | } |
|
161 | } | |
156 | .post p { |
|
162 | .post p { | |
157 | margin: .5em 0; |
|
163 | margin: .5em 0; | |
158 | } |
|
164 | } | |
159 | .post blockquote { |
|
165 | .post blockquote { | |
160 | border-left: 3px solid #182F6F; |
|
166 | border-left: 3px solid #182F6F; | |
161 | margin: .5em 0 .5em 3ex; |
|
167 | margin: .5em 0 .5em 3ex; | |
162 | padding-left: 1ex; |
|
168 | padding-left: 1ex; | |
163 | } |
|
169 | } | |
164 | .post blockquote > blockquote { |
|
170 | .post blockquote > blockquote { | |
165 | padding-top: .1em; |
|
171 | padding-top: .1em; | |
166 | } |
|
172 | } | |
167 |
|
173 | |||
168 | .post > .image { |
|
174 | .post > .image { | |
169 | float: left; |
|
175 | float: left; | |
170 | margin-right: 1ex; |
|
176 | margin-right: 1ex; | |
171 | } |
|
177 | } | |
172 | .post > .metadata { |
|
178 | .post > .metadata { | |
173 | clear: left; |
|
179 | clear: left; | |
174 | } |
|
180 | } | |
175 |
|
181 | |||
176 | .post > .message .get { |
|
182 | .post > .message .get { | |
177 | color: #182F6F; font-weight: bold; |
|
183 | color: #182F6F; font-weight: bold; | |
178 | } |
|
184 | } | |
179 |
|
185 | |||
180 | .dead_post > .metadata { |
|
186 | .dead_post > .metadata { | |
181 | background: #eee; |
|
187 | background: #eee; | |
182 | } |
|
188 | } | |
183 |
|
189 | |||
184 | .quote { |
|
190 | .quote { | |
185 | color: #182F6F; |
|
191 | color: #182F6F; | |
186 | padding-left: 5px; |
|
192 | padding-left: 5px; | |
187 | border-left: solid 2px blue; |
|
193 | border-left: solid 2px blue; | |
188 | } |
|
194 | } | |
189 |
|
195 | |||
190 | .spoiler { |
|
196 | .spoiler { | |
191 | background: black; |
|
197 | background: black; | |
192 | color: black; |
|
198 | color: black; | |
193 | } |
|
199 | } | |
194 |
|
200 | |||
195 | .spoiler:hover { |
|
201 | .spoiler:hover { | |
196 | background: #ffffff; |
|
202 | background: #ffffff; | |
197 | } |
|
203 | } | |
198 |
|
204 | |||
199 | .comment { |
|
205 | .comment { | |
200 | color: #557055; |
|
206 | color: #557055; | |
201 | } |
|
207 | } | |
202 |
|
208 | |||
203 | .last-replies { |
|
209 | .last-replies { | |
204 | margin-left: 6ex; |
|
210 | margin-left: 6ex; | |
205 | } |
|
211 | } | |
206 |
|
212 | |||
207 | .thread > .post > .message > .post-info { |
|
213 | .thread > .post > .message > .post-info { | |
208 | border-bottom: 2px solid #182F6F; |
|
214 | border-bottom: 2px solid #182F6F; | |
209 | padding-bottom: .5em; |
|
215 | padding-bottom: .5em; | |
210 | } |
|
216 | } | |
211 |
|
217 | |||
212 | .last-replies > .post:last-child { |
|
218 | .last-replies > .post:last-child { | |
213 | border-bottom: none; |
|
219 | border-bottom: none; | |
214 | padding-bottom: 0; |
|
220 | padding-bottom: 0; | |
215 | } |
|
221 | } | |
216 |
|
222 | |||
217 | :target .post_id { |
|
223 | :target .post_id { | |
218 | background: #182F6F; |
|
224 | background: #182F6F; | |
219 | color: #FFF; |
|
225 | color: #FFF; | |
220 | text-decoration: none; |
|
226 | text-decoration: none; | |
221 | } |
|
227 | } | |
222 |
|
228 | |||
223 | li { |
|
|||
224 | list-style-position: inside; |
|
|||
225 | } |
|
|||
226 |
|
||||
227 | .image-mode-tab { |
|
229 | .image-mode-tab { | |
228 | background: #182F6F; |
|
230 | background: #182F6F; | |
229 | color: #FFF; |
|
231 | color: #FFF; | |
230 | display: table; |
|
232 | display: table; | |
231 | margin: 1em auto 1em 0; |
|
233 | margin: 1em auto 1em 0; | |
232 | padding: .2em .5ex; |
|
234 | padding: .2em .5ex; | |
233 | } |
|
235 | } | |
234 |
|
236 | |||
235 | .image-mode-tab > label { |
|
237 | .image-mode-tab > label { | |
236 | margin: 0 1ex; |
|
238 | margin: 0 1ex; | |
237 | } |
|
239 | } | |
238 |
|
240 | |||
239 | .image-mode-tab > label > input { |
|
241 | .image-mode-tab > label > input { | |
240 | margin-right: .5ex; |
|
242 | margin-right: .5ex; | |
241 | } No newline at end of file |
|
243 | } |
General Comments 0
You need to be logged in to leave comments.
Login now