Verzeichnisstruktur phpBB-3.1.0


Veröffentlicht
27.10.2014

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:54 - Dateigröße: 5.85 KiB


001  /* 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  .panel-container .panel p {
024      font-size: 1.1em;
025  }
026   
027  .panel-container .panel ol {
028      margin-left: 2em;
029      font-size: 1.1em;
030  }
031   
032  .panel-container .panel li.row {
033      border-bottom: 1px solid transparent;
034      border-top: 1px solid transparent;
035  }
036   
037  ul.cplist {
038      margin-bottom: 5px;
039      border-top: 1px solid transparent;
040  }
041   
042  .panel-container .panel li.header dd, .panel-container .panel li.header dt {
043      margin-bottom: 2px;
044  }
045   
046  .panel-container table.table1 {
047      margin-bottom: 1em;
048  }
049   
050  .panel-container table.table1 thead th {
051      font-weight: bold;
052      border-bottom: 1px solid transparent;
053      padding: 5px;
054  }
055   
056  .panel-container table.table1 tbody th {
057      font-style: italic;
058      background-color: transparent !important;
059      border-bottom: none;
060  }
061   
062  #cp-main .postbody p {
063      font-size: 1.1em;
064  }
065   
066  #cp-main .pm-message {
067      border: 1px solid transparent;
068      margin: 10px 0;
069      width: auto;
070      float: none;
071  }
072   
073  .pm-message h2 {
074      padding-bottom: 5px;
075  }
076   
077  #cp-main .postbody h3, #cp-main .box2 h3 {
078      margin-top: 0;
079  }
080   
081  #cp-main .buttons {
082      margin-left: 0;
083  }
084   
085  #cp-main ul.linklist {
086      margin: 0;
087  }
088   
089  /* MCP Specific tweaks */
090  .mcp-main .postbody {
091      width: 100%;
092  }
093   
094  .tabs-container h2 {
095      float: left;
096      margin-bottom: 0px;
097  }
098   
099  /* CP tabs shared
100  ----------------------------------------*/
101  #tabs, #minitabs {
102      line-height: normal;
103  }
104   
105  #tabs > ul, #minitabs > ul {
106      list-style: none;
107      margin: 0;
108      padding: 0;
109      position: relative;
110  }
111   
112  #tabs .tab, #minitabs .tab {
113      display: block;
114      float: left;
115      font-size: 1em;
116      font-weight: bold;
117      line-height: 14px;
118  }
119   
120  #tabs .tab > a, #minitabs .tab > a {
121      display: block;
122      padding: 5px 9px;
123      position: relative;
124      text-decoration: none;
125      white-space: nowrap;
126      cursor: pointer;
127  }
128   
129  /* CP tabbed menu
130  ----------------------------------------*/
131  #tabs {
132      margin: 20px 0 0 7px;
133  }
134   
135  #tabs .tab > a {
136      border: 1px solid transparent;
137      border-radius: 4px 4px 0 0;
138      margin: 1px 1px 0 0;
139  }
140   
141  #tabs .activetab > a {
142      margin-top: 0;
143      padding-bottom: 7px;
144  }
145   
146  /* Mini tabbed menu used in MCP
147  ----------------------------------------*/
148  #minitabs {
149      float: right;
150      margin: 15px 7px 0 0;
151      max-width: 50%;
152  }
153   
154  #minitabs .tab {
155      float: right;
156  }
157   
158  #minitabs .tab > a {
159      border-radius: 5px 5px 0 0;
160      margin-left: 2px;
161  }
162   
163  #minitabs .tab > a:hover {
164      text-decoration: none;
165  }
166   
167  /* Responsive tabs
168  ----------------------------------------*/
169  .responsive-tab {
170      position: relative;
171  }
172   
173  .responsive-tab > a.responsive-tab-link {
174      display: block;
175      font-size: 16px;
176      position: relative;
177      width: 16px;
178      line-height: 14px;
179      text-decoration: none;
180  }
181   
182  .responsive-tab .responsive-tab-link:before {
183      content: '';
184      position: absolute;
185      left: 10px;
186      top: 7px;
187      height: .125em;
188      width: 14px;
189      border-bottom: 0.125em solid transparent;
190      border-top: 0.375em double transparent;
191  }
192   
193  #tabs .dropdown, #minitabs .dropdown {
194      top: 20px;
195      margin-right: -2px;
196      font-size: 1.1em;
197      font-weight: normal;
198  }
199   
200  #minitabs .dropdown {
201      margin-right: -4px;
202  }
203   
204  #tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown {
205      bottom: 20px;
206      top: auto;
207  }
208   
209  #tabs .dropdown li {
210      text-align: right;
211  }
212   
213  #minitabs .dropdown li {
214      text-align: left;
215  }
216   
217  /* UCP navigation menu
218  ----------------------------------------*/
219  /* Container for sub-navigation list */
220  #navigation {
221      width: 100%;
222      padding-top: 36px;
223  }
224   
225  #navigation ul {
226      list-style: none;
227  }
228   
229  /* Default list state */
230  #navigation li {
231      display: inline;
232      font-weight: bold;
233      margin: 1px 0;
234      padding: 0;
235  }
236   
237  /* Link styles for the sub-section links */
238  #navigation a {
239      display: block;
240      padding: 5px;
241      margin: 1px 0;
242      text-decoration: none;
243  }
244   
245  #navigation a:hover {
246      text-decoration: none;
247  }
248   
249  /* Preferences pane layout
250  ----------------------------------------*/
251  #cp-main h2 {
252      border-bottom: none;
253      padding: 0;
254      margin-left: 10px;
255  }
256   
257  /* Friends list */
258  .cp-mini {
259      margin: 10px 15px 10px 5px;
260      max-height: 200px;
261      overflow-y: auto;
262      padding: 5px 10px;
263      border-radius: 7px;
264  }
265   
266  dl.mini dt {
267      font-weight: bold;
268  }
269   
270  dl.mini dd {
271      padding-top: 4px;
272  }
273   
274  .friend-online {
275      font-weight: bold;
276  }
277   
278  .friend-offline {
279      font-style: italic;
280  }
281   
282  /* PM Styles
283  ----------------------------------------*/
284  #pm-menu {
285      line-height: 2.5em;
286  }
287   
288  /* Defined rules list for PM options */
289  ol.def-rules {
290      padding-left: 0;
291  }
292   
293  ol.def-rules li {
294      line-height: 180%;
295      padding: 1px;
296  }
297   
298  /* PM marking colours */
299  .pmlist li.bg1 {
300      padding: 0 3px;
301  }
302   
303  .pmlist li.bg2 {
304      padding: 0 3px;
305  }
306   
307  .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
308      border-left-color: transparent;
309      border-right-color: transparent;
310  }
311   
312  .pmlist li.pm_marked_colour, .pm_marked_colour,
313  .pmlist li.pm_replied_colour, .pm_replied_colour,
314  .pmlist li.pm_friend_colour, .pm_friend_colour,
315  .pmlist li.pm_foe_colour, .pm_foe_colour {
316      padding: 0;
317      border: solid 3px transparent;
318      border-width: 0 3px;
319  }
320   
321  .pm-legend {
322      border-left-width: 10px;
323      border-left-style: solid;
324      border-right-width: 0;
325      margin-bottom: 3px;
326      padding-left: 3px;
327  }
328   
329  /* Avatar gallery */
330  #gallery label {
331      position: relative;
332      float: left;
333      margin: 10px;
334      padding: 5px;
335      width: auto;
336      border: 1px solid transparent;
337      text-align: center;
338  }
339   
340  /* Responsive *CP navigation
341  ----------------------------------------*/
342  @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
343  {
344      .nojs #tabs a span, .nojs #minitabs a span {
345          max-width: 40px;
346          overflow: hidden;
347          text-overflow: ellipsis;
348          letter-spacing: -.5px;
349      }
350   
351      #cp-menu, #navigation, #cp-main {
352          float: none;
353          width: auto;
354          margin: 0;
355      }
356   
357      #navigation {
358          padding: 0;
359          margin: 0 auto;
360          max-width: 320px;
361      }
362   
363      #navigation a {
364          background-image: none;
365      }
366   
367      #navigation li:first-child a {
368          border-top-left-radius: 5px;
369          border-top-right-radius: 5px;
370      }
371   
372      #navigation li:last-child a {
373          border-bottom-left-radius: 5px;
374          border-bottom-right-radius: 5px;
375      }
376  }
377