##// END OF EJS Templates
Added fixed image length. This fixes #52
neko259 -
r88:f32104ea default
parent child Browse files
Show More
@@ -1,267 +1,272 b''
1 html {
1 html {
2 background: #555;
2 background: #555;
3 color: #ffffff;
3 color: #ffffff;
4 }
4 }
5
5
6 #admin_panel {
6 #admin_panel {
7 background: #FF0000;
7 background: #FF0000;
8 color: #00FF00
8 color: #00FF00
9 }
9 }
10
10
11 .input_field {
11 .input_field {
12
12
13 }
13 }
14
14
15 .input_field_name {
15 .input_field_name {
16
16
17 }
17 }
18
18
19 .input_field_error {
19 .input_field_error {
20 color: #FF0000;
20 color: #FF0000;
21 }
21 }
22
22
23
23
24 .title {
24 .title {
25 font-weight: bold;
25 font-weight: bold;
26 color: #ffcc00;
26 color: #ffcc00;
27 }
27 }
28
28
29 .link, a {
29 .link, a {
30 color: #afdcec;
30 color: #afdcec;
31 }
31 }
32
32
33 .block {
33 .block {
34 display: inline-block;
34 display: inline-block;
35 vertical-align: top;
35 vertical-align: top;
36 }
36 }
37
37
38 .tag {
38 .tag {
39 color: #b4cfec;
39 color: #b4cfec;
40 }
40 }
41
41
42 .post_id {
42 .post_id {
43 color: #fff380;
43 color: #fff380;
44 }
44 }
45
45
46 .post, .dead_post {
46 .post, .dead_post {
47 background: #333;
47 background: #333;
48 margin: 5px;
48 margin: 5px;
49 padding: 10px;
49 padding: 10px;
50 border-radius: 5px;
50 border-radius: 5px;
51 clear: left;
51 clear: left;
52 word-wrap: break-word;
52 word-wrap: break-word;
53 }
53 }
54
54
55 .metadata {
55 .metadata {
56 padding: 5px;
56 padding: 5px;
57 margin-top: 10px;
57 margin-top: 10px;
58 border: solid 1px #666;
58 border: solid 1px #666;
59 font-size: 0.9em;
59 font-size: 0.9em;
60 color: #ddd;
60 color: #ddd;
61 display: table;
61 display: table;
62 }
62 }
63
63
64 .navigation_panel, .tag_info {
64 .navigation_panel, .tag_info {
65 background: #444;
65 background: #444;
66 margin: 5px;
66 margin: 5px;
67 padding: 10px;
67 padding: 10px;
68 border-radius: 5px;
68 border-radius: 5px;
69 color: #eee;
69 color: #eee;
70 }
70 }
71
71
72 .navigation_panel .link {
72 .navigation_panel .link {
73 border-right: 1px solid #fff;
73 border-right: 1px solid #fff;
74 font-weight: bold;
74 font-weight: bold;
75 margin-right: 1ex;
75 margin-right: 1ex;
76 padding-right: 1ex;
76 padding-right: 1ex;
77 }
77 }
78 .navigation_panel .link:last-child {
78 .navigation_panel .link:last-child {
79 border-left: 1px solid #fff;
79 border-left: 1px solid #fff;
80 border-right: none;
80 border-right: none;
81 float: right;
81 float: right;
82 margin-left: 1ex;
82 margin-left: 1ex;
83 margin-right: 0;
83 margin-right: 0;
84 padding-left: 1ex;
84 padding-left: 1ex;
85 padding-right: 0;
85 padding-right: 0;
86 }
86 }
87
87
88 .navigation_panel::after, .post::after {
88 .navigation_panel::after, .post::after {
89 clear: both;
89 clear: both;
90 content: ".";
90 content: ".";
91 display: block;
91 display: block;
92 height: 0;
92 height: 0;
93 line-height: 0;
93 line-height: 0;
94 visibility: hidden;
94 visibility: hidden;
95 }
95 }
96
96
97 p {
97 p {
98 margin-top: .5em;
98 margin-top: .5em;
99 margin-bottom: .5em;
99 margin-bottom: .5em;
100 }
100 }
101
101
102 .post-form-w {
102 .post-form-w {
103 display: table;
103 display: table;
104 background: #333344;
104 background: #333344;
105 border-radius: 5px;
105 border-radius: 5px;
106 color: #fff;
106 color: #fff;
107 padding: 10px;
107 padding: 10px;
108 margin: 5px
108 margin: 5px
109 }
109 }
110
110
111 .form-row {
111 .form-row {
112 display: table-row;
112 display: table-row;
113 }
113 }
114
114
115 .form-label, .form-input, .form-errors {
115 .form-label, .form-input, .form-errors {
116 display: table-cell;
116 display: table-cell;
117 }
117 }
118
118
119 .form-label {
119 .form-label {
120 padding: .25em 1ex .25em 0;
120 padding: .25em 1ex .25em 0;
121 vertical-align: top;
121 vertical-align: top;
122 }
122 }
123
123
124 .form-input {
124 .form-input {
125 padding: .25em 0;
125 padding: .25em 0;
126 }
126 }
127
127
128 .form-errors {
128 .form-errors {
129 padding-left: 1ex;
129 padding-left: 1ex;
130 font-weight: bold;
130 font-weight: bold;
131 vertical-align: top;
131 vertical-align: top;
132 }
132 }
133
133
134 .post-form input, .post-form textarea {
134 .post-form input, .post-form textarea {
135 background: #333;
135 background: #333;
136 color: #fff;
136 color: #fff;
137 border: solid 1px;
137 border: solid 1px;
138 padding: 0;
138 padding: 0;
139 width: 100%;
139 width: 100%;
140 }
140 }
141
141
142 .form-submit {
142 .form-submit {
143 border-bottom: 2px solid #ddd;
143 border-bottom: 2px solid #ddd;
144 margin-bottom: .5em;
144 margin-bottom: .5em;
145 padding-bottom: .5em;
145 padding-bottom: .5em;
146 }
146 }
147
147
148 .form-title {
148 .form-title {
149 font-weight: bold;
149 font-weight: bold;
150 }
150 }
151
151
152 input[type="submit"] {
152 input[type="submit"] {
153 background: #222;
153 background: #222;
154 border: solid 1px #fff;
154 border: solid 1px #fff;
155 color: #fff;
155 color: #fff;
156 }
156 }
157
157
158 blockquote {
158 blockquote {
159 border-left: solid 2px;
159 border-left: solid 2px;
160 padding-left: 5px;
160 padding-left: 5px;
161 color: #B1FB17;
161 color: #B1FB17;
162 margin: 0;
162 margin: 0;
163 }
163 }
164
164
165 .post > .image {
165 .post > .image {
166 float: left; margin: 0 1ex .5ex 0;
166 float: left;
167 margin: 0 1ex .5ex 0;
168 min-width: 1px;
169 height: 150px;
170 text-align: center;
171 display: table-row;
167 }
172 }
168
173
169 .post > .metadata {
174 .post > .metadata {
170 clear: left;
175 clear: left;
171 }
176 }
172
177
173 .get {
178 .get {
174 font-weight: bold;
179 font-weight: bold;
175 color: #d55;
180 color: #d55;
176 }
181 }
177
182
178 * {
183 * {
179 text-decoration: none;
184 text-decoration: none;
180 }
185 }
181
186
182 .dead_post {
187 .dead_post {
183 background-color: #442222;
188 background-color: #442222;
184 }
189 }
185
190
186 .quote {
191 .quote {
187 color: greenyellow;
192 color: greenyellow;
188 padding-left: 5px;
193 padding-left: 5px;
189 border-left: solid 2px greenyellow;
194 border-left: solid 2px greenyellow;
190 }
195 }
191
196
192 .spoiler {
197 .spoiler {
193 background: white;
198 background: white;
194 color: white;
199 color: white;
195 }
200 }
196
201
197 .spoiler:hover {
202 .spoiler:hover {
198 background: black;
203 background: black;
199 }
204 }
200
205
201 .comment {
206 .comment {
202 color: darkseagreen;
207 color: darkseagreen;
203 }
208 }
204
209
205 a:hover {
210 a:hover {
206 text-decoration: underline;
211 text-decoration: underline;
207 }
212 }
208
213
209 .last-replies {
214 .last-replies {
210 margin-left: 3ex;
215 margin-left: 3ex;
211 }
216 }
212
217
213 .thread {
218 .thread {
214 margin-bottom: 3ex;
219 margin-bottom: 3ex;
215 }
220 }
216
221
217 .post:target {
222 .post:target {
218 border: solid 2px white;
223 border: solid 2px white;
219 }
224 }
220
225
221 pre{
226 pre{
222 white-space:pre-wrap
227 white-space:pre-wrap
223 }
228 }
224
229
225 li {
230 li {
226 list-style-position: inside;
231 list-style-position: inside;
227 }
232 }
228
233
229 .fancybox-skin {
234 .fancybox-skin {
230 position: relative;
235 position: relative;
231 background-color: #fff;
236 background-color: #fff;
232 color: #ddd;
237 color: #ddd;
233 text-shadow: none;
238 text-shadow: none;
234 }
239 }
235
240
236 .fancybox-image {
241 .fancybox-image {
237 border: 1px solid black;
242 border: 1px solid black;
238 }
243 }
239
244
240 .image-mode-tab {
245 .image-mode-tab {
241 background: #444;
246 background: #444;
242 color: #eee;
247 color: #eee;
243 display: table;
248 display: table;
244 margin: 5px;
249 margin: 5px;
245 padding: 5px;
250 padding: 5px;
246 border-radius: 5px;
251 border-radius: 5px;
247 }
252 }
248
253
249 .image-mode-tab > label {
254 .image-mode-tab > label {
250 margin: 0 1ex;
255 margin: 0 1ex;
251 }
256 }
252
257
253 .image-mode-tab > label > input {
258 .image-mode-tab > label > input {
254 margin-right: .5ex;
259 margin-right: .5ex;
255 }
260 }
256
261
257 #posts-table {
262 #posts-table {
258 margin: 5px;
263 margin: 5px;
259 }
264 }
260
265
261 .tag_info {
266 .tag_info {
262 display: table;
267 display: table;
263 }
268 }
264
269
265 .tag_info > h2 {
270 .tag_info > h2 {
266 margin: 0;
271 margin: 0;
267 } No newline at end of file
272 }
General Comments 0
You need to be logged in to leave comments. Login now