Show More
@@ -1,220 +1,216 | |||||
1 | .ui-button { |
|
1 | .ui-button { | |
2 | display: none; |
|
2 | display: none; | |
3 | } |
|
3 | } | |
4 |
|
4 | |||
5 | .ui-dialog-content { |
|
5 | .ui-dialog-content { | |
6 | padding: 0; |
|
6 | padding: 0; | |
7 | min-height: 0; |
|
7 | min-height: 0; | |
8 | } |
|
8 | } | |
9 |
|
9 | |||
10 | .mark_btn { |
|
10 | .mark_btn { | |
11 | cursor: pointer; |
|
11 | cursor: pointer; | |
12 | } |
|
12 | } | |
13 |
|
13 | |||
14 | .img-full { |
|
14 | .img-full { | |
15 | position: fixed; |
|
15 | position: fixed; | |
16 | background-color: #CCC; |
|
16 | background-color: #CCC; | |
17 | border: 1px solid #000; |
|
17 | border: 1px solid #000; | |
18 | cursor: pointer; |
|
18 | cursor: pointer; | |
19 | } |
|
19 | } | |
20 |
|
20 | |||
21 | .strikethrough { |
|
21 | .strikethrough { | |
22 | text-decoration: line-through; |
|
22 | text-decoration: line-through; | |
23 | } |
|
23 | } | |
24 |
|
24 | |||
25 | .post_preview { |
|
25 | .post_preview { | |
26 | z-index: 300; |
|
26 | z-index: 300; | |
27 | position:absolute; |
|
27 | position:absolute; | |
28 | } |
|
28 | } | |
29 |
|
29 | |||
30 | .gallery_image { |
|
30 | .gallery_image { | |
31 | display: inline-block; |
|
31 | display: inline-block; | |
32 | } |
|
32 | } | |
33 |
|
33 | |||
34 | @media print { |
|
34 | @media print { | |
35 | .post-form-w { |
|
35 | .post-form-w { | |
36 | display: none; |
|
36 | display: none; | |
37 | } |
|
37 | } | |
38 | } |
|
38 | } | |
39 |
|
39 | |||
40 | input[name="image"] { |
|
40 | input[name="image"] { | |
41 | display: block; |
|
41 | display: block; | |
42 | width: 100px; |
|
42 | width: 100px; | |
43 | height: 100px; |
|
43 | height: 100px; | |
44 | cursor: pointer; |
|
44 | cursor: pointer; | |
45 | position: absolute; |
|
45 | position: absolute; | |
46 | opacity: 0; |
|
46 | opacity: 0; | |
47 | z-index: 1; |
|
47 | z-index: 1; | |
48 | } |
|
48 | } | |
49 |
|
49 | |||
50 | .file_wrap { |
|
50 | .file_wrap { | |
51 | width: 100px; |
|
51 | width: 100px; | |
52 | height: 100px; |
|
52 | height: 100px; | |
53 | border: solid 1px white; |
|
53 | border: solid 1px white; | |
54 | display: inline-block; |
|
54 | display: inline-block; | |
55 | } |
|
55 | } | |
56 |
|
56 | |||
57 | form > .file_wrap { |
|
57 | form > .file_wrap { | |
58 | float: left; |
|
58 | float: left; | |
59 | } |
|
59 | } | |
60 |
|
60 | |||
61 | .file-thumb { |
|
61 | .file-thumb { | |
62 | width: 100px; |
|
62 | width: 100px; | |
63 | height: 100px; |
|
63 | height: 100px; | |
64 | background-size: cover; |
|
64 | background-size: cover; | |
65 | background-position: center; |
|
65 | background-position: center; | |
66 | } |
|
66 | } | |
67 |
|
67 | |||
68 | .compact-form-text { |
|
68 | .compact-form-text { | |
69 | margin-left:110px; |
|
69 | margin-left:110px; | |
70 | } |
|
70 | } | |
71 |
|
71 | |||
72 | textarea, input { |
|
72 | textarea, input { | |
73 | -moz-box-sizing: border-box; |
|
73 | -moz-box-sizing: border-box; | |
74 | -webkit-box-sizing: border-box; |
|
74 | -webkit-box-sizing: border-box; | |
75 | box-sizing: border-box; |
|
75 | box-sizing: border-box; | |
76 | } |
|
76 | } | |
77 |
|
77 | |||
78 | .compact-form-text > textarea { |
|
78 | .compact-form-text > textarea { | |
79 | height: 100px; |
|
79 | height: 100px; | |
80 | width: 100%; |
|
80 | width: 100%; | |
81 | } |
|
81 | } | |
82 |
|
82 | |||
83 | .post-button-form { |
|
83 | .post-button-form { | |
84 | display: inline; |
|
84 | display: inline; | |
85 | } |
|
85 | } | |
86 |
|
86 | |||
87 | .post-button-form > button, #autoupdate { |
|
87 | .post-button-form > button, #autoupdate { | |
88 | border: none; |
|
88 | border: none; | |
89 | margin: inherit; |
|
89 | margin: inherit; | |
90 | padding: inherit; |
|
90 | padding: inherit; | |
91 | background: none; |
|
91 | background: none; | |
92 | font-size: inherit; |
|
92 | font-size: inherit; | |
93 | cursor: pointer; |
|
93 | cursor: pointer; | |
94 | } |
|
94 | } | |
95 |
|
95 | |||
96 | .post-image-full { |
|
96 | .post-image-full { | |
97 | width: 100%; |
|
97 | width: 100%; | |
98 | height: auto; |
|
98 | height: auto; | |
99 | } |
|
99 | } | |
100 |
|
100 | |||
101 | #preview-text { |
|
101 | #preview-text { | |
102 | display: none; |
|
102 | display: none; | |
103 | } |
|
103 | } | |
104 |
|
104 | |||
105 | .random-images-table { |
|
105 | .random-images-table { | |
106 | text-align: center; |
|
106 | text-align: center; | |
107 | } |
|
107 | } | |
108 |
|
108 | |||
109 | .random-images-table > div { |
|
109 | .random-images-table > div { | |
110 | margin-left: auto; |
|
110 | margin-left: auto; | |
111 | margin-right: auto; |
|
111 | margin-right: auto; | |
112 | } |
|
112 | } | |
113 |
|
113 | |||
114 | .tag-image, .tag-text-data { |
|
114 | .tag-image, .tag-text-data { | |
115 | display: inline-block; |
|
115 | display: inline-block; | |
116 | } |
|
116 | } | |
117 |
|
117 | |||
118 | .tag-text-data > h2 { |
|
118 | .tag-text-data > h2 { | |
119 | margin: 0; |
|
119 | margin: 0; | |
120 | } |
|
120 | } | |
121 |
|
121 | |||
122 | .tag-image { |
|
122 | .tag-image { | |
123 | margin-right: 5px; |
|
123 | margin-right: 5px; | |
124 | } |
|
124 | } | |
125 |
|
125 | |||
126 | .reply-to-message { |
|
126 | .reply-to-message { | |
127 | display: none; |
|
127 | display: none; | |
128 | } |
|
128 | } | |
129 |
|
129 | |||
130 | .tripcode { |
|
130 | .tripcode { | |
131 | padding: 2px; |
|
131 | padding: 2px; | |
132 | } |
|
132 | } | |
133 |
|
133 | |||
134 | #fav-panel { |
|
134 | #fav-panel { | |
135 | display: none; |
|
135 | display: none; | |
136 | margin: 1ex; |
|
136 | margin: 1ex; | |
137 | } |
|
137 | } | |
138 |
|
138 | |||
139 | .hidden_post { |
|
139 | .hidden_post { | |
140 | opacity: 0.2; |
|
140 | opacity: 0.2; | |
141 | } |
|
141 | } | |
142 |
|
142 | |||
143 | .hidden_post:hover { |
|
143 | .hidden_post:hover { | |
144 | opacity: 1; |
|
144 | opacity: 1; | |
145 | } |
|
145 | } | |
146 |
|
146 | |||
147 | .url-image:hover, .monochrome .url-image:hover { |
|
147 | .url-image:hover, .monochrome .url-image:hover { | |
148 | filter: invert(100%); |
|
148 | filter: invert(100%); | |
149 | } |
|
149 | } | |
150 |
|
150 | |||
151 | .monochrome > .image, .monochrome .url-image, .monochrome.img-full { |
|
151 | .monochrome > .image, .monochrome .url-image, .monochrome.img-full { | |
152 | filter: grayscale(100%); |
|
152 | filter: grayscale(100%); | |
153 | } |
|
153 | } | |
154 |
|
154 | |||
155 | #quote-button { |
|
155 | #quote-button { | |
156 | position: absolute; |
|
156 | position: absolute; | |
157 | display: none; |
|
157 | display: none; | |
158 | cursor: pointer; |
|
158 | cursor: pointer; | |
159 | z-index: 400; |
|
159 | z-index: 400; | |
160 | } |
|
160 | } | |
161 |
|
161 | |||
162 | .required-field:before { |
|
162 | .required-field:before { | |
163 | content: '* '; |
|
163 | content: '* '; | |
164 | } |
|
164 | } | |
165 |
|
165 | |||
166 | .hint { |
|
166 | .hint { | |
167 | border-bottom: dashed 1px; |
|
167 | border-bottom: dashed 1px; | |
168 | cursor: help; |
|
168 | cursor: help; | |
169 | } |
|
169 | } | |
170 |
|
170 | |||
171 | .landing-tags, .landing-images { |
|
171 | .landing-tags, .landing-images { | |
172 | max-width: 800px; |
|
172 | max-width: 800px; | |
173 | margin-left: auto; |
|
173 | margin-left: auto; | |
174 | margin-right: auto; |
|
174 | margin-right: auto; | |
175 | } |
|
175 | } | |
176 |
|
176 | |||
177 | .landing-images { |
|
177 | .landing-images { | |
178 | text-align: center; |
|
178 | text-align: center; | |
179 | } |
|
179 | } | |
180 |
|
180 | |||
181 | .landing-threads { |
|
181 | .landing-threads { | |
182 | margin-left: auto; |
|
182 | margin-left: auto; | |
183 | margin-right: auto; |
|
183 | margin-right: auto; | |
184 | text-align: center; |
|
184 | text-align: center; | |
185 | display: flex; |
|
185 | display: flex; | |
186 | flex-wrap: wrap; |
|
186 | flex-wrap: wrap; | |
187 | justify-content: space-around; |
|
187 | justify-content: space-around; | |
188 | } |
|
188 | } | |
189 |
|
189 | |||
190 | .landing-threads > .thread-short { |
|
190 | .landing-threads > .thread-short { | |
191 | display: inline-block; |
|
191 | display: inline-block; | |
192 | width: 240px; |
|
192 | width: 240px; | |
193 | } |
|
193 | } | |
194 |
|
194 | |||
195 | audio { |
|
195 | audio { | |
196 | width: 200px; |
|
196 | width: 200px; | |
197 | } |
|
197 | } | |
198 |
|
198 | |||
199 | .image-preview { |
|
199 | .image-preview { | |
200 | max-width: 200px; |
|
200 | max-width: 200px; | |
201 | max-height: 150px; |
|
201 | max-height: 150px; | |
202 | margin: 5px; |
|
202 | margin: 5px; | |
203 | } |
|
203 | } | |
204 |
|
204 | |||
205 | html { |
|
205 | html { | |
206 | font-family: sans-serif; |
|
206 | font-family: sans-serif; | |
207 | } |
|
207 | } | |
208 |
|
208 | |||
209 | .message { |
|
|||
210 | overflow: auto; |
|
|||
211 | } |
|
|||
212 |
|
||||
213 |
|
209 | |||
214 | .blinking-block { |
|
210 | .blinking-block { | |
215 | animation: blinker 1s linear infinite; |
|
211 | animation: blinker 1s linear infinite; | |
216 | } |
|
212 | } | |
217 |
|
213 | |||
218 | @keyframes blinker { |
|
214 | @keyframes blinker { | |
219 | 50% { opacity: 0; } |
|
215 | 50% { opacity: 0; } | |
220 | } |
|
216 | } |
General Comments 0
You need to be logged in to leave comments.
Login now