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.
Auf den Verzeichnisnamen klicken, dies zeigt nur das Verzeichnis mit Inhalt an

(Beispiel Datei-Icons)

Auf das Icon klicken um den Quellcode anzuzeigen

cp.css

Zuletzt modifiziert: 09.10.2024, 12:53 - Dateigröße: 6.70 KiB


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