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 |
cp.css
001 /* proSilver Control Panel Styles
002 ---------------------------------------- */
003
004
005 /* Main CP box
006 ----------------------------------------*/
007 #cp-menu {
008 float:left;
009 width: 19%;
010 margin-top: 1em;
011 margin-bottom: 5px;
012 }
013
014 #cp-main {
015 float: left;
016 width: 81%;
017 }
018
019 #cp-main .content {
020 padding: 0;
021 }
022
023 #cp-main h3, #cp-main hr, #cp-menu hr {
024 border-color: #bfbfbf;
025 }
026
027 #cp-main .panel p {
028 font-size: 1.1em;
029 }
030
031 #cp-main .panel ol {
032 margin-left: 2em;
033 font-size: 1.1em;
034 }
035
036 #cp-main .panel li.row {
037 border-bottom: 1px solid #cbcbcb;
038 border-top: 1px solid #F9F9F9;
039 }
040
041 ul.cplist {
042 margin-bottom: 5px;
043 border-top: 1px solid #cbcbcb;
044 }
045
046 #cp-main .panel li.header dd, #cp-main .panel li.header dt {
047 color: #000000;
048 margin-bottom: 2px;
049 }
050
051 #cp-main table.table1 {
052 margin-bottom: 1em;
053 }
054
055 #cp-main table.table1 thead th {
056 color: #333333;
057 font-weight: bold;
058 border-bottom: 1px solid #333333;
059 padding: 5px;
060 }
061
062 #cp-main table.table1 tbody th {
063 font-style: italic;
064 background-color: transparent !important;
065 border-bottom: none;
066 }
067
068 #cp-main .pagination {
069 float: right;
070 width: auto;
071 padding-top: 1px;
072 }
073
074 #cp-main .postbody p {
075 font-size: 1.1em;
076 }
077
078 #cp-main .pm-message {
079 border: 1px solid #e2e2e2;
080 margin: 10px 0;
081 background-color: #FFFFFF;
082 width: auto;
083 float: none;
084 }
085
086 .pm-message h2 {
087 padding-bottom: 5px;
088 }
089
090 #cp-main .postbody h3, #cp-main .box2 h3 {
091 margin-top: 0;
092 }
093
094 #cp-main .buttons {
095 margin-left: 0;
096 }
097
098 #cp-main ul.linklist {
099 margin: 0;
100 }
101
102 /* MCP Specific tweaks */
103 .mcp-main .postbody {
104 width: 100%;
105 }
106
107 /* CP tabbed menu
108 ----------------------------------------*/
109 #tabs {
110 line-height: normal;
111 margin: 20px 0 -1px 7px;
112 min-width: 570px;
113 }
114
115 #tabs ul {
116 margin:0;
117 padding: 0;
118 list-style: none;
119 }
120
121 #tabs li {
122 display: inline;
123 margin: 0;
124 padding: 0;
125 font-size: 1em;
126 font-weight: bold;
127 }
128
129 #tabs a {
130 float: left;
131 background: none no-repeat 0% -35px;
132 margin: 0 1px 0 0;
133 padding: 0 0 0 5px;
134 text-decoration: none;
135 position: relative;
136 cursor: pointer;
137 }
138
139 #tabs a span {
140 float: left;
141 display: block;
142 background: none no-repeat 100% -35px;
143 padding: 6px 10px 6px 5px;
144 color: #828282;
145 white-space: nowrap;
146 }
147
148 #tabs a:hover span {
149 color: #bcbcbc;
150 }
151
152 #tabs .activetab a {
153 background-position: 0 0;
154 border-bottom: 1px solid #ebebeb;
155 }
156
157 #tabs .activetab a span {
158 background-position: 100% 0;
159 padding-bottom: 7px;
160 color: #333333;
161 }
162
163 #tabs a:hover {
164 background-position: 0 -70px;
165 }
166
167 #tabs a:hover span {
168 background-position:100% -70px;
169 }
170
171 #tabs .activetab a:hover {
172 background-position: 0 0;
173 }
174
175 #tabs .activetab a:hover span {
176 color: #000000;
177 background-position: 100% 0;
178 }
179
180 /* Mini tabbed menu used in MCP
181 ----------------------------------------*/
182 #minitabs {
183 line-height: normal;
184 margin: -20px 7px 0 0;
185 }
186
187 #minitabs ul {
188 margin:0;
189 padding: 0;
190 list-style: none;
191 }
192
193 #minitabs li {
194 display: block;
195 float: right;
196 padding: 0 10px 4px 10px;
197 font-size: 1em;
198 font-weight: bold;
199 background-color: #f2f2f2;
200 margin-left: 2px;
201 }
202
203 #minitabs a {
204 }
205
206 #minitabs a:hover {
207 text-decoration: none;
208 }
209
210 #minitabs li.activetab {
211 background-color: #F9F9F9;
212 }
213
214 #minitabs li.activetab a, #minitabs li.activetab a:hover {
215 color: #333333;
216 }
217
218 /* UCP navigation menu
219 ----------------------------------------*/
220 /* Container for sub-navigation list */
221 #navigation {
222 width: 100%;
223 padding-top: 36px;
224 }
225
226 #navigation ul {
227 list-style:none;
228 }
229
230 /* Default list state */
231 #navigation li {
232 margin: 1px 0;
233 padding: 0;
234 font-weight: bold;
235 display: inline;
236 }
237
238 /* Link styles for the sub-section links */
239 #navigation a {
240 display: block;
241 padding: 5px;
242 margin: 1px 0;
243 text-decoration: none;
244 font-weight: bold;
245 color: #333;
246 background: #cfcfcf none repeat-y 100% 0;
247 }
248
249 #navigation a:hover {
250 text-decoration: none;
251 background-color: #c6c6c6;
252 color: #bcbcbc;
253 background-image: none;
254 }
255
256 #navigation #active-subsection a {
257 display: block;
258 color: #d3d3d3;
259 background-color: #F9F9F9;
260 background-image: none;
261 }
262
263 #navigation #active-subsection a:hover {
264 color: #d3d3d3;
265 }
266
267 /* Preferences pane layout
268 ----------------------------------------*/
269 #cp-main h2 {
270 border-bottom: none;
271 padding: 0;
272 margin-left: 10px;
273 color: #333333;
274 }
275
276 #cp-main .panel {
277 background-color: #F9F9F9;
278 }
279
280 #cp-main .pm {
281 background-color: #FFFFFF;
282 }
283
284 #cp-main span.corners-top, #cp-menu span.corners-top {
285 background-image: none;
286 }
287
288 #cp-main span.corners-top span, #cp-menu span.corners-top span {
289 background-image: none;
290 }
291
292 #cp-main span.corners-bottom, #cp-menu span.corners-bottom {
293 background-image: none;
294 }
295
296 #cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
297 background-image: none;
298 }
299
300 /* Topicreview */
301 #cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
302 background-image: none;
303 }
304
305 #cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
306 background-image: none;
307 }
308
309 #cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
310 background-image: none;
311 }
312
313 #cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
314 background-image: none;
315 }
316
317 /* Friends list */
318 .cp-mini {
319 background-color: #f9f9f9;
320 padding: 0 5px;
321 margin: 10px 15px 10px 5px;
322 }
323
324 .cp-mini span.corners-top, .cp-mini span.corners-bottom {
325 margin: 0 -5px;
326 }
327
328 dl.mini dt {
329 font-weight: bold;
330 color: #676767;
331 }
332
333 dl.mini dd {
334 padding-top: 4px;
335 }
336
337 .friend-online {
338 font-weight: bold;
339 }
340
341 .friend-offline {
342 font-style: italic;
343 }
344
345 /* PM Styles
346 ----------------------------------------*/
347 #pm-menu {
348 line-height: 2.5em;
349 }
350
351 /* PM Message history */
352 .current {
353 color: #999999;
354 }
355
356 /* Defined rules list for PM options */
357 ol.def-rules {
358 padding-left: 0;
359 }
360
361 ol.def-rules li {
362 line-height: 180%;
363 padding: 1px;
364 }
365
366 /* PM marking colours */
367 .pmlist li.bg1 {
368 border: solid 3px transparent;
369 border-width: 0 3px;
370 }
371
372 .pmlist li.bg2 {
373 border: solid 3px transparent;
374 border-width: 0 3px;
375 }
376
377 .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
378 border-left-color: #bcbcbc;
379 border-right-color: #bcbcbc;
380 }
381
382 .pmlist li.pm_marked_colour, .pm_marked_colour {
383 border: solid 3px #ffffff;
384 border-width: 0 3px;
385 }
386
387 .pmlist li.pm_replied_colour, .pm_replied_colour {
388 border: solid 3px #c2c2c2;
389 border-width: 0 3px;
390 }
391
392 .pmlist li.pm_friend_colour, .pm_friend_colour {
393 border: solid 3px #bdbdbd;
394 border-width: 0 3px;
395 }
396
397 .pmlist li.pm_foe_colour, .pm_foe_colour {
398 border: solid 3px #000000;
399 border-width: 0 3px;
400 }
401
402 .pm-legend {
403 border-left-width: 10px;
404 border-left-style: solid;
405 border-right-width: 0;
406 margin-bottom: 3px;
407 padding-left: 3px;
408 }
409
410 /* Avatar gallery */
411 #gallery label {
412 position: relative;
413 float: left;
414 margin: 10px;
415 padding: 5px;
416 width: auto;
417 background: #FFFFFF;
418 border: 1px solid #CCC;
419 text-align: center;
420 }
421
422 #gallery label:hover {
423 background-color: #EEE;
424 }
425