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

(Beispiel Datei-Icons)

Auf das Icon klicken um den Quellcode anzuzeigen

icons.css

Zuletzt modifiziert: 09.10.2024, 12:54 - Dateigröße: 1.52 KiB


01  /* --------------------------------------------------------------
02      $Icons
03  -------------------------------------------------------------- */
04   
05  /* Global module setup
06  --------------------------------*/
07   
08  /* Renamed version of .fa class for agnostic useage of icon fonts.
09   * Just change the name of the font after the 14/1 to the name of
10   * the font you wish to use.
11   */
12  .icon, .button .icon  {
13      display: inline-block;
14        font-weight: normal;
15        font-style: normal;
16        font-variant: normal;
17        font-family: FontAwesome;
18        font-size: 14px;
19        line-height: 1;
20        text-rendering: auto; /* optimizelegibility throws things off #1094 */
21        -webkit-font-smoothing: antialiased;
22        -moz-osx-font-smoothing: grayscale;
23  }
24   
25  .icon:before { padding-right: 2px; }
26   
27  .button .icon:before {
28      padding-right: 0;
29  }
30   
31  /* Icon size classes - Default size is 14px, use these for small variations */
32   
33  .icon.icon-xl {
34      font-size: 20px;
35  }
36   
37  .icon.icon-lg {
38      font-size: 16px;
39  }
40   
41  .icon.icon-md {
42      font-size: 10px;
43  }
44   
45  .icon.icon-sm {
46      font-size: 8px;
47  }
48   
49  /* icon modifiers */
50  .icon-tiny {
51      width: 12px;
52      transform: scale(0.65, 0.75);
53      vertical-align: text-bottom;
54      font-size: 16px;
55  }
56   
57  .arrow-left:hover .icon {
58      margin-left: -5px;
59      margin-right: 5px;
60  }
61   
62  .arrow-right .icon {
63      float: right;
64  }
65   
66  .arrow-right:hover .icon {
67      margin-left: 5px;
68      margin-right: -5px;
69  }
70   
71  .post-buttons .dropdown-contents .icon {
72      float: right;
73      margin-left: 5px;
74  }
75   
76  .alert_close .icon:before {
77      padding: 0;
78      border-radius: 50%;
79      width: 11px;
80      display: block;
81      line-height: .9;
82      height: 12px;
83  }
84