##// END OF EJS Templates
Limit 'audio' tag width
neko259 -
r1797:5bfa7533 default
parent child Browse files
Show More
@@ -1,199 +1,203 b''
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 #form-close-button {
96 #form-close-button {
97 display: none;
97 display: none;
98 }
98 }
99
99
100 .post-image-full {
100 .post-image-full {
101 width: 100%;
101 width: 100%;
102 height: auto;
102 height: auto;
103 }
103 }
104
104
105 #preview-text {
105 #preview-text {
106 display: none;
106 display: none;
107 }
107 }
108
108
109 .random-images-table {
109 .random-images-table {
110 text-align: center;
110 text-align: center;
111 }
111 }
112
112
113 .random-images-table > div {
113 .random-images-table > div {
114 margin-left: auto;
114 margin-left: auto;
115 margin-right: auto;
115 margin-right: auto;
116 }
116 }
117
117
118 .tag-image, .tag-text-data {
118 .tag-image, .tag-text-data {
119 display: inline-block;
119 display: inline-block;
120 }
120 }
121
121
122 .tag-text-data > h2 {
122 .tag-text-data > h2 {
123 margin: 0;
123 margin: 0;
124 }
124 }
125
125
126 .tag-image {
126 .tag-image {
127 margin-right: 5px;
127 margin-right: 5px;
128 }
128 }
129
129
130 .reply-to-message {
130 .reply-to-message {
131 display: none;
131 display: none;
132 }
132 }
133
133
134 .tripcode {
134 .tripcode {
135 padding: 2px;
135 padding: 2px;
136 }
136 }
137
137
138 #fav-panel {
138 #fav-panel {
139 display: none;
139 display: none;
140 margin: 1ex;
140 margin: 1ex;
141 }
141 }
142
142
143 .hidden_post {
143 .hidden_post {
144 opacity: 0.2;
144 opacity: 0.2;
145 }
145 }
146
146
147 .hidden_post:hover {
147 .hidden_post:hover {
148 opacity: 1;
148 opacity: 1;
149 }
149 }
150
150
151 .monochrome > .image > .thumb > img {
151 .monochrome > .image > .thumb > img {
152 filter: grayscale(100%);
152 filter: grayscale(100%);
153 -webkit-filter: grayscale(100%);
153 -webkit-filter: grayscale(100%);
154 }
154 }
155
155
156 #quote-button {
156 #quote-button {
157 position: absolute;
157 position: absolute;
158 display: none;
158 display: none;
159 cursor: pointer;
159 cursor: pointer;
160 z-index: 400;
160 z-index: 400;
161 }
161 }
162
162
163 .required-field:before {
163 .required-field:before {
164 content: '* ';
164 content: '* ';
165 }
165 }
166
166
167 .hint {
167 .hint {
168 border-bottom: dashed 1px;
168 border-bottom: dashed 1px;
169 cursor: help;
169 cursor: help;
170 }
170 }
171
171
172 .url-image:hover {
172 .url-image:hover {
173 filter: invert(100%);
173 filter: invert(100%);
174 }
174 }
175
175
176 .landing-tags, .landing-images {
176 .landing-tags, .landing-images {
177 max-width: 800px;
177 max-width: 800px;
178 margin-left: auto;
178 margin-left: auto;
179 margin-right: auto;
179 margin-right: auto;
180 }
180 }
181
181
182 .landing-images {
182 .landing-images {
183 text-align: center;
183 text-align: center;
184 }
184 }
185
185
186 .landing-threads {
186 .landing-threads {
187 margin-left: auto;
187 margin-left: auto;
188 margin-right: auto;
188 margin-right: auto;
189 text-align: center;
189 text-align: center;
190 display: flex;
190 display: flex;
191 flex-wrap: wrap;
191 flex-wrap: wrap;
192 justify-content: space-around;
192 justify-content: space-around;
193 }
193 }
194
194
195 .landing-threads > .thread-short {
195 .landing-threads > .thread-short {
196 display: inline-block;
196 display: inline-block;
197 width: 240px;
197 width: 240px;
198 }
198 }
199
199
200 audio {
201 width: 200px;
202 }
203
General Comments 0
You need to be logged in to leave comments. Login now