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 |
cp.css
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 .pm-message {
063 border: 1px solid transparent;
064 margin: 10px 0;
065 width: auto;
066 float: none;
067 }
068
069 .pm-message h2 {
070 padding-bottom: 5px;
071 }
072
073 .cp-main .postbody h3, .cp-main .box2 h3 {
074 margin-top: 0;
075 }
076
077 .panel-container .postbody p.author {
078 font-size: 1.1em;
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: 1.4em;
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: 1.6em;
176 position: relative;
177 width: 16px;
178 line-height: 0.9em;
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 /* Defined rules list for PM options */
285 ol.def-rules {
286 padding-left: 0;
287 }
288
289 ol.def-rules li {
290 line-height: 180%;
291 padding: 1px;
292 }
293
294 /* PM marking colours */
295 .pmlist li.bg1 {
296 padding: 0 3px;
297 }
298
299 .pmlist li.bg2 {
300 padding: 0 3px;
301 }
302
303 .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
304 border-left-color: transparent;
305 border-right-color: transparent;
306 }
307
308 .pmlist li.pm_marked_colour, .pm_marked_colour,
309 .pmlist li.pm_replied_colour, .pm_replied_colour,
310 .pmlist li.pm_friend_colour, .pm_friend_colour,
311 .pmlist li.pm_foe_colour, .pm_foe_colour {
312 padding: 0;
313 border: solid 3px transparent;
314 border-width: 0 3px;
315 }
316
317 .pm-legend {
318 border-left-width: 10px;
319 border-left-style: solid;
320 border-right-width: 0;
321 margin-bottom: 3px;
322 padding-left: 3px;
323 }
324
325 /* Avatar gallery */
326 .gallery label {
327 position: relative;
328 float: left;
329 margin: 10px;
330 padding: 5px;
331 width: auto;
332 border: 1px solid transparent;
333 text-align: center;
334 }
335
336 /* Responsive *CP navigation
337 ----------------------------------------*/
338 @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
339 {
340 .nojs .tabs a span, .nojs .minitabs a span {
341 max-width: 40px;
342 overflow: hidden;
343 text-overflow: ellipsis;
344 letter-spacing: -.5px;
345 }
346
347 .cp-menu, .navigation, .cp-main {
348 float: none;
349 width: auto;
350 margin: 0;
351 }
352
353 .navigation {
354 padding: 0;
355 margin: 0 auto;
356 max-width: 320px;
357 }
358
359 .navigation a {
360 background-image: none;
361 }
362
363 .navigation li:first-child a {
364 border-top-left-radius: 5px;
365 border-top-right-radius: 5px;
366 }
367
368 .navigation li:last-child a {
369 border-bottom-left-radius: 5px;
370 border-bottom-right-radius: 5px;
371 }
372 }
373