Verzeichnisstruktur phpBB-3.0.0
- Veröffentlicht
- 12.12.2007
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 /* proSilver 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 cursor: pointer;
015 vertical-align: middle;
016 padding: 0 3px;
017 font-size: 1em;
018 font-family: Verdana, Helvetica, Arial, sans-serif;
019 }
020
021 select {
022 font-family: Verdana, Helvetica, Arial, sans-serif;
023 font-weight: normal;
024 cursor: pointer;
025 vertical-align: middle;
026 border: 1px solid #666666;
027 padding: 1px;
028 background-color: #FAFAFA;
029 }
030
031 option {
032 padding-right: 1em;
033 }
034
035 option.disabled-option {
036 color: graytext;
037 }
038
039 textarea {
040 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
041 width: 60%;
042 padding: 2px;
043 font-size: 1em;
044 line-height: 1.4em;
045 }
046
047 label {
048 cursor: default;
049 padding-right: 5px;
050 color: #676767;
051 }
052
053 label input {
054 vertical-align: middle;
055 }
056
057 label img {
058 vertical-align: middle;
059 }
060
061 /* Definition list layout for forms
062 ---------------------------------------- */
063 fieldset dl {
064 padding: 4px 0;
065 }
066
067 fieldset dt {
068 float: left;
069 width: 40%;
070 text-align: left;
071 display: block;
072 }
073
074 fieldset dd {
075 margin-left: 41%;
076 vertical-align: top;
077 margin-bottom: 3px;
078 }
079
080 /* Specific layout 1 */
081 fieldset.fields1 dt {
082 width: 15em;
083 border-right-width: 0;
084 }
085
086 fieldset.fields1 dd {
087 margin-left: 15em;
088 border-left-width: 0;
089 }
090
091 fieldset.fields1 {
092 background-color: transparent;
093 }
094
095 fieldset.fields1 div {
096 margin-bottom: 3px;
097 }
098
099 /* Specific layout 2 */
100 fieldset.fields2 dt {
101 width: 15em;
102 border-right-width: 0;
103 }
104
105 fieldset.fields2 dd {
106 margin-left: 16em;
107 border-left-width: 0;
108 }
109
110 /* Form elements */
111 dt label {
112 font-weight: bold;
113 text-align: left;
114 }
115
116 dd label {
117 white-space: nowrap;
118 color: #333;
119 }
120
121 dd input, dd textarea {
122 margin-right: 3px;
123 }
124
125 dd select {
126 width: auto;
127 }
128
129 dd textarea {
130 width: 85%;
131 }
132
133 /* Hover effects */
134 fieldset dl:hover dt label {
135 color: #000000;
136 }
137
138 fieldset.fields2 dl:hover dt label {
139 color: inherit;
140 }
141
142 #timezone {
143 width: 95%;
144 }
145
146 * html #timezone {
147 width: 50%;
148 }
149
150 /* Quick-login on index page */
151 fieldset.quick-login {
152 margin-top: 5px;
153 }
154
155 fieldset.quick-login input {
156 width: auto;
157 }
158
159 fieldset.quick-login input.inputbox {
160 width: 15%;
161 vertical-align: middle;
162 margin-right: 5px;
163 background-color: #f3f3f3;
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 /* Display actions for ucp and mcp pages */
187 fieldset.display-actions {
188 text-align: right;
189 line-height: 2em;
190 white-space: nowrap;
191 padding-right: 1em;
192 }
193
194 fieldset.display-actions label {
195 white-space: nowrap;
196 padding-right: 2px;
197 }
198
199 fieldset.sort-options {
200 line-height: 2em;
201 }
202
203 /* MCP forum selection*/
204 fieldset.forum-selection {
205 margin: 5px 0 3px 0;
206 float: right;
207 }
208
209 fieldset.forum-selection2 {
210 margin: 13px 0 3px 0;
211 float: right;
212 }
213
214 /* Jumpbox */
215 fieldset.jumpbox {
216 text-align: right;
217 margin-top: 15px;
218 height: 2.5em;
219 }
220
221 fieldset.quickmod {
222 width: 50%;
223 float: right;
224 text-align: right;
225 height: 2.5em;
226 }
227
228 /* Submit button fieldset */
229 fieldset.submit-buttons {
230 text-align: center;
231 vertical-align: middle;
232 margin: 5px 0;
233 }
234
235 fieldset.submit-buttons input {
236 vertical-align: middle;
237 padding-top: 3px;
238 padding-bottom: 3px;
239 }
240
241 /* Posting page styles
242 ----------------------------------------*/
243
244 /* Buttons used in the editor */
245 #format-buttons {
246 margin: 15px 0 2px 0;
247 }
248
249 #format-buttons input, #format-buttons select {
250 vertical-align: middle;
251 }
252
253 /* Main message box */
254 #message-box {
255 width: 80%;
256 }
257
258 #message-box textarea {
259 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
260 width: 100%;
261 font-size: 1.2em;
262 color: #333333;
263 }
264
265 /* Emoticons panel */
266 #smiley-box {
267 width: 18%;
268 float: right;
269 }
270
271 #smiley-box img {
272 margin: 3px;
273 }
274
275 /* Input field styles
276 ---------------------------------------- */
277 .inputbox {
278 background-color: #FFFFFF;
279 border: 1px solid #c0c0c0;
280 color: #333333;
281 padding: 2px;
282 cursor: text;
283 }
284
285 .inputbox:hover {
286 border: 1px solid #eaeaea;
287 }
288
289 .inputbox:focus {
290 border: 1px solid #eaeaea;
291 color: #4b4b4b;
292 }
293
294 input.inputbox { width: 85%; }
295 input.medium { width: 50%; }
296 input.narrow { width: 25%; }
297 input.tiny { width: 125px; }
298
299 textarea.inputbox {
300 width: 85%;
301 }
302
303 .autowidth {
304 width: auto !important;
305 }
306
307 /* Form button styles
308 ---------------------------------------- */
309 input.button1, input.button2 {
310 font-size: 1em;
311 }
312
313 a.button1, input.button1, input.button3, a.button2, input.button2 {
314 width: auto !important;
315 padding-top: 1px;
316 padding-bottom: 1px;
317 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
318 color: #000;
319 background: #FAFAFA none repeat-x top;
320 }
321
322 a.button1, input.button1 {
323 font-weight: bold;
324 border: 1px solid #666666;
325 }
326
327 input.button3 {
328 padding: 0;
329 margin: 0;
330 line-height: 5px;
331 height: 12px;
332 background-image: none;
333 font-variant: small-caps;
334 }
335
336 /* Alternative button */
337 a.button2, input.button2, input.button3 {
338 border: 1px solid #666666;
339 }
340
341 /* <a> button in the style of the form buttons */
342 a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
343 text-decoration: none;
344 color: #000000;
345 padding: 2px 8px;
346 line-height: 250%;
347 vertical-align: text-bottom;
348 background-position: 0 1px;
349 }
350
351 /* Hover states */
352 a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
353 border: 1px solid #BCBCBC;
354 background-position: 0 100%;
355 color: #BCBCBC;
356 }
357
358 input.disabled {
359 font-weight: normal;
360 color: #666666;
361 }
362
363 /* Topic and forum Search */
364 .search-box {
365 margin-top: 3px;
366 margin-left: 5px;
367 float: left;
368 }
369
370 .search-box input {
371 }
372
373 input.search {
374 background-image: none;
375 background-repeat: no-repeat;
376 background-position: left 1px;
377 padding-left: 17px;
378 }
379
380 .full { width: 95%; }
381 .medium { width: 50%;}
382 .narrow { width: 25%;}
383 .tiny { width: 10%;}
384
385