Verzeichnisstruktur phpBB-3.3.15
- Veröffentlicht
- 28.08.2024
So funktioniert es
|
|
Auf das letzte Element klicken. Dies geht jeweils ein Schritt zurück |
Auf das Icon klicken, dies öffnet das Verzeichnis. Nochmal klicken schließt das Verzeichnis. |
|
|
(Beispiel Datei-Icons)
|
Auf das Icon klicken um den Quellcode anzuzeigen |
forms.css
001 /* Form Styles
002 ---------------------------------------- */
003
004 /* General form styles
005 ----------------------------------------*/
006 fieldset {
007 border-width: 0;
008 font-family: Verdana, Helvetica, Arial, sans-serif;
009 font-size: 1.1em;
010 }
011
012 input {
013 font-weight: normal;
014 vertical-align: middle;
015 padding: 0 3px;
016 font-size: 1em;
017 font-family: Verdana, Helvetica, Arial, sans-serif;
018 }
019
020 select {
021 font-family: Verdana, Helvetica, Arial, sans-serif;
022 font-weight: normal;
023 cursor: pointer;
024 vertical-align: middle;
025 border: 1px solid transparent;
026 padding: 1px;
027 font-size: 1em;
028 }
029
030 select:focus {
031 outline-style: none;
032 }
033
034 option {
035 padding-right: 1em;
036 }
037
038 select optgroup option {
039 padding-right: 1em;
040 font-family: Verdana, Helvetica, Arial, sans-serif;
041 }
042
043 textarea {
044 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
045 width: 60%;
046 padding: 2px;
047 font-size: 1em;
048 line-height: 1.4em;
049 }
050
051 label {
052 cursor: default;
053 padding-right: 5px;
054 }
055
056 label input {
057 vertical-align: middle;
058 }
059
060 label img {
061 vertical-align: middle;
062 }
063
064 /* Definition list layout for forms
065 ---------------------------------------- */
066 fieldset dl {
067 padding: 4px 0;
068 }
069
070 fieldset dt {
071 float: left;
072 width: 40%;
073 text-align: left;
074 display: block;
075 }
076
077 fieldset dd {
078 margin-left: 41%;
079 vertical-align: top;
080 margin-bottom: 3px;
081 }
082
083 /* Specific layout 1 */
084 fieldset.fields1 dt {
085 width: 15em;
086 border-right-width: 0;
087 }
088
089 fieldset.fields1 dd {
090 margin-left: 15em;
091 border-left-width: 0;
092 }
093
094 fieldset.fields1 div {
095 margin-bottom: 3px;
096 }
097
098 /* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
099 fieldset.fields1 .live-search div {
100 margin-bottom: 0;
101 }
102
103 /* Specific layout 2 */
104 fieldset.fields2 dt {
105 width: 15em;
106 border-right-width: 0;
107 }
108
109 fieldset.fields2 dd {
110 margin-left: 16em;
111 border-left-width: 0;
112 }
113
114 /* Form elements */
115 dt label {
116 font-weight: bold;
117 text-align: left;
118 }
119
120 dd label {
121 white-space: nowrap;
122 }
123
124 dd input, dd textarea {
125 margin-right: 3px;
126 }
127
128 dd select {
129 width: auto;
130 }
131
132 dd select[multiple] {
133 width: 100%;
134 }
135
136 dd textarea {
137 width: 85%;
138 }
139
140 /* Hover effects */
141 .timezone {
142 width: 95%;
143 }
144
145 /* Browser-specific tweaks */
146 button::-moz-focus-inner {
147 padding: 0;
148 border: 0;
149 }
150
151 /* Quick-login on index page */
152 fieldset.quick-login {
153 margin-top: 5px;
154 }
155
156 fieldset.quick-login input {
157 width: auto;
158 }
159
160 fieldset.quick-login input.inputbox {
161 width: 15%;
162 vertical-align: middle;
163 margin-right: 5px;
164 }
165
166 fieldset.quick-login label {
167 white-space: nowrap;
168 padding-right: 2px;
169 }
170
171 /* Display options on viewtopic/viewforum pages */
172 fieldset.display-options {
173 text-align: center;
174 margin: 3px 0 5px 0;
175 }
176
177 fieldset.display-options label {
178 white-space: nowrap;
179 padding-right: 2px;
180 }
181
182 fieldset.display-options a {
183 margin-top: 3px;
184 }
185
186 .dropdown fieldset.display-options {
187 font-size: 1em;
188 margin: 0;
189 padding: 0;
190 }
191
192 .dropdown fieldset.display-options label {
193 display: block;
194 margin: 4px;
195 padding: 0;
196 text-align: right;
197 white-space: nowrap;
198 }
199
200 .dropdown fieldset.display-options select {
201 min-width: 120px;
202 }
203
204 /* Display actions for ucp and mcp pages */
205 fieldset.display-actions {
206 text-align: right;
207 line-height: 2em;
208 white-space: nowrap;
209 padding-right: 1em;
210 }
211
212 fieldset.display-actions label {
213 white-space: nowrap;
214 padding-right: 2px;
215 }
216
217 fieldset.sort-options {
218 line-height: 2em;
219 }
220
221 /* MCP forum selection*/
222 fieldset.forum-selection {
223 margin: 5px 0 3px 0;
224 float: right;
225 }
226
227 fieldset.forum-selection2 {
228 margin: 13px 0 3px 0;
229 float: right;
230 }
231
232 /* Submit button fieldset */
233 fieldset.submit-buttons {
234 text-align: center;
235 vertical-align: middle;
236 margin: 5px 0;
237 }
238
239 fieldset.submit-buttons input {
240 vertical-align: middle;
241 }
242
243 /* Posting page styles
244 ----------------------------------------*/
245
246 /* Buttons used in the editor */
247 .format-buttons {
248 margin: 15px 0 2px 0;
249 }
250
251 .format-buttons input, .format-buttons select {
252 vertical-align: middle;
253 }
254
255 /* Main message box */
256 .message-box {
257 width: 80%;
258 }
259
260 .message-box textarea {
261 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
262 -webkit-box-sizing: border-box;
263 -moz-box-sizing: border-box;
264 box-sizing: border-box;
265 width: 450px;
266 height: 270px;
267 min-width: 100%;
268 max-width: 100%;
269 font-size: 1.2em;
270 resize: vertical;
271 outline: 3px dashed transparent;
272 outline-offset: -4px;
273 -webkit-transition: all .5s ease, height 1ms linear;
274 -moz-transition: all .5s ease, height 1ms linear;
275 -ms-transition: all .5s ease, height 1ms linear;
276 -o-transition: all .5s ease, height 1ms linear;
277 transition: all .5s ease, height 1ms linear;
278 }
279
280 /* Emoticons panel */
281 .smiley-box {
282 width: 18%;
283 float: right;
284 }
285
286 .smiley-box img {
287 margin: 3px;
288 }
289
290 /* Input field styles
291 ---------------------------------------- */
292 .inputbox {
293 border: 1px solid transparent;
294 padding: 2px;
295 }
296
297 .inputbox:hover, .inputbox:focus {
298 border: 1px solid transparent;
299 outline-style: none;
300 }
301
302 input.inputbox { width: 85%; }
303 input.medium { width: 50%; }
304 input.narrow { width: 25%; }
305 input.tiny { width: 150px; }
306
307 textarea.inputbox {
308 width: 85%;
309 }
310
311 .autowidth {
312 width: auto !important;
313 }
314
315 input[type="number"] {
316 -moz-padding-end: 0;
317 }
318
319 input[type="search"] {
320 -webkit-appearance: textfield;
321 -webkit-box-sizing: content-box;
322 }
323
324 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
325 display: none;
326 }
327
328 input[type="search"]::-webkit-search-cancel-button {
329 cursor: pointer;
330 }
331
332 /* Form button styles
333 ---------------------------------------- */
334 input.button1, input.button2 {
335 font-size: 1em;
336 }
337
338 a.button1, input.button1, input.button3, a.button2, input.button2 {
339 width: auto !important;
340 padding-top: 1px;
341 padding-bottom: 1px;
342 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
343 background: transparent none repeat-x top left;
344 line-height: 1.5;
345 }
346
347 a.button1, input.button1 {
348 font-weight: bold;
349 border: 1px solid transparent;
350 }
351
352 input.button3 {
353 padding: 0;
354 margin: 0;
355 line-height: 5px;
356 height: 12px;
357 background-image: none;
358 font-variant: small-caps;
359 }
360
361 input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
362 cursor: pointer;
363 }
364
365 /* Alternative button */
366 a.button2, input.button2, input.button3 {
367 border: 1px solid transparent;
368 }
369
370 /* <a> button in the style of the form buttons */
371 a.button1, a.button2 {
372 text-decoration: none;
373 padding: 0 3px;
374 vertical-align: text-bottom;
375 }
376
377 /* Hover states */
378 a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
379 border: 1px solid transparent;
380 }
381
382 input.disabled {
383 font-weight: normal;
384 }
385
386 /* Focus states */
387 input.button1:focus, input.button2:focus, input.button3:focus {
388 outline-style: none;
389 }
390
391 /* Topic and forum Search */
392 .search-box {
393 float: left;
394 }
395
396 .search-box .inputbox {
397 background-image: none;
398 border-right-width: 0;
399 border-radius: 4px 0 0 4px;
400 float: left;
401 height: 24px;
402 padding: 3px;
403 -webkit-box-sizing: border-box;
404 -moz-box-sizing: border-box;
405 box-sizing: border-box;
406 }
407
408 /* Search box (header)
409 --------------------------------------------- */
410 .search-header {
411 border-radius: 4px;
412 display: block;
413 float: right;
414 margin-right: 5px;
415 margin-top: 30px;
416 }
417
418 .search-header .inputbox { border: 0; }
419
420 .navbar .linklist > li.responsive-search { display: none; }
421
422 input.search {
423 background-image: none;
424 background-repeat: no-repeat;
425 background-position: left 1px;
426 padding-left: 17px;
427 }
428
429 .full { width: 95%; }
430 .medium { width: 50%; }
431 .narrow { width: 25%; }
432 .tiny { width: 10%; }
433