Verzeichnisstruktur phpBB-3.2.0
- Veröffentlicht
- 06.01.2017
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 width: 450px;
263 height: 270px;
264 min-width: 100%;
265 max-width: 100%;
266 font-size: 1.2em;
267 resize: vertical;
268 outline: 3px dashed transparent;
269 outline-offset: -4px;
270 -webkit-transition: all .5s ease;
271 -moz-transition: all .5s ease;
272 -ms-transition: all .5s ease;
273 -o-transition: all .5s ease;
274 transition: all .5s ease;
275 }
276
277 /* Emoticons panel */
278 .smiley-box {
279 width: 18%;
280 float: right;
281 }
282
283 .smiley-box img {
284 margin: 3px;
285 }
286
287 /* Input field styles
288 ---------------------------------------- */
289 .inputbox {
290 border: 1px solid transparent;
291 padding: 2px;
292 }
293
294 .inputbox:hover, .inputbox:focus {
295 border: 1px solid transparent;
296 outline-style: none;
297 }
298
299 input.inputbox { width: 85%; }
300 input.medium { width: 50%; }
301 input.narrow { width: 25%; }
302 input.tiny { width: 150px; }
303
304 textarea.inputbox {
305 width: 85%;
306 }
307
308 .autowidth {
309 width: auto !important;
310 }
311
312 input[type="number"] {
313 -moz-padding-end: inherit;
314 }
315
316 input[type="search"] {
317 -webkit-appearance: textfield;
318 -webkit-box-sizing: content-box;
319 }
320
321 input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
322 display: none;
323 }
324
325 input[type="search"]::-webkit-search-cancel-button {
326 cursor: pointer;
327 }
328
329 /* Form button styles
330 ---------------------------------------- */
331 input.button1, input.button2 {
332 font-size: 1em;
333 }
334
335 a.button1, input.button1, input.button3, a.button2, input.button2 {
336 width: auto !important;
337 padding-top: 1px;
338 padding-bottom: 1px;
339 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
340 background: transparent none repeat-x top left;
341 line-height: 1.5;
342 }
343
344 a.button1, input.button1 {
345 font-weight: bold;
346 border: 1px solid transparent;
347 }
348
349 input.button3 {
350 padding: 0;
351 margin: 0;
352 line-height: 5px;
353 height: 12px;
354 background-image: none;
355 font-variant: small-caps;
356 }
357
358 input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
359 cursor: pointer;
360 }
361
362 /* Alternative button */
363 a.button2, input.button2, input.button3 {
364 border: 1px solid transparent;
365 }
366
367 /* <a> button in the style of the form buttons */
368 a.button1, a.button2 {
369 text-decoration: none;
370 padding: 0 3px;
371 vertical-align: text-bottom;
372 }
373
374 /* Hover states */
375 a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
376 border: 1px solid transparent;
377 }
378
379 input.disabled {
380 font-weight: normal;
381 }
382
383 /* Focus states */
384 input.button1:focus, input.button2:focus, input.button3:focus {
385 outline-style: none;
386 }
387
388 /* Topic and forum Search */
389 .search-box {
390 float: left;
391 }
392
393 .search-box .inputbox {
394 background-image: none;
395 border-right-width: 0;
396 border-radius: 4px 0 0 4px;
397 float: left;
398 height: 24px;
399 padding: 3px;
400 -webkit-box-sizing: border-box;
401 -moz-box-sizing: border-box;
402 box-sizing: border-box;
403 }
404
405 /* Search box (header)
406 --------------------------------------------- */
407 .search-header {
408 border-radius: 4px;
409 display: block;
410 float: right;
411 margin-right: 5px;
412 margin-top: 30px;
413 }
414
415 .search-header .inputbox { border: 0; }
416
417 .navbar .linklist > li.responsive-search { display: none; }
418
419 input.search {
420 background-image: none;
421 background-repeat: no-repeat;
422 background-position: left 1px;
423 padding-left: 17px;
424 }
425
426 .full { width: 95%; }
427 .medium { width: 50%;}
428 .narrow { width: 25%;}
429 .tiny { width: 10%;}
430