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 |
buttons.css
001 /* Button Styles
002 ---------------------------------------- */
003
004 .button {
005 display: inline-block;
006 padding: 2px 8px;
007 font-size: 13px;
008 font-weight: normal;
009 font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
010 line-height: 1.4;
011 text-align: center;
012 white-space: nowrap;
013 vertical-align: middle;
014 -ms-touch-action: manipulation;
015 touch-action: manipulation;
016 cursor: pointer;
017 -webkit-user-select: none;
018 -moz-user-select: none;
019 -ms-user-select: none;
020 user-select: none;
021 border: 1px solid transparent;
022 border-radius: 4px;
023 }
024
025 .button:focus,
026 .button:hover {
027 text-decoration: none;
028 outline: none;
029 }
030
031 .caret {
032 border-left: 1px solid;
033 position: relative;
034 right: -6px;
035 }
036
037 .caret i {
038 vertical-align: top;
039 }
040
041 /* Posting page styles
042 ----------------------------------------*/
043 .button-search,
044 .button-search-end {
045 float: left;
046 border-radius: 0;
047 margin: 0;
048 padding: 2px 5px;
049 }
050
051 .button-search-end {
052 border-left-width: 0;
053 border-radius: 0 4px 4px 0;
054 }
055
056 .search-header .button-search,
057 .search-header .button-search-end {
058 border-top-width: 0;
059 border-bottom-width: 0;
060 padding: 3px 5px;
061 }
062
063 .search-header .button-search-end {
064 border-right-width: 0;
065 }
066
067 .button-icon-only {
068 padding-left: 3px;
069 padding-right: 3px;
070 }
071
072 /* Poster contact icons
073 ----------------------------------------*/
074 .contact-icons.dropdown-contents {
075 min-width: 0;
076 padding: 0;
077 font-size: 0;
078 }
079
080 .contact-icon {
081 background-repeat: no-repeat;
082 display: block;
083 height: 16px;
084 width: 16px;
085 }
086 .contact-icons a {
087 border-bottom: 1px dotted;
088 border-right: 1px dotted;
089 display: block;
090 float: left;
091 padding: 8px;
092 }
093
094 .contact-icons .last-cell {
095 border-right: none;
096 }
097
098 .contact-icons div:last-child a {
099 border-bottom: none;
100 }
101
102 .contact-icons div {
103 clear: left;
104 }
105
106 /* Post control buttons
107 --------------------------------------------- */
108 .post-buttons {
109 float: right;
110 list-style: none;
111 margin-top: 2px;
112 }
113
114 .has-profile .post-buttons {
115 float: none;
116 position: absolute;
117 margin: 0;
118 right: 0;
119 top: 5px;
120 }
121
122 .post-buttons > li {
123 float: left;
124 margin-right: 3px;
125 }
126
127 .post-buttons .button, .format-buttons .button {
128 padding-left: 3px;
129 padding-right: 3px;
130 }
131
132 .hastouch .post-buttons {
133 margin-right: 10px;
134 }
135
136 .post-buttons .button span {
137 font-size: 0;
138 }
139
140 /* Responsive buttons in post body */
141 .post-buttons .dropdown {
142 top: 18px;
143 }
144
145 .post-buttons .dropdown a {
146 display: block;
147 font-size: 1.2em;
148 text-align: right;
149 }
150
151 .hasjs .postbody .post-buttons {
152 max-width: 40%;
153 }
154
155 /* Browser-specific tweaks */
156 button::-moz-focus-inner {
157 padding: 0;
158 border: 0
159 }
160
161 /* Deprecated as of version 3.2
162 -------------------------------------------------*/
163 .small-icon {
164 background-position: 0 50%;
165 background-repeat: no-repeat;
166 background-image: none;
167 }
168
169 .dropdown .small-icon {
170 background-position: 5px 50%;
171 padding: 5px;
172 }
173
174 .small-icon > a {
175 padding: 0 0 0 18px;
176 }
177
178 ul.linklist.bulletin > li.small-icon:before {
179 display: none;
180 }
181
182 .dropdown .small-icon > a {
183 display: block;
184 }
185
186 .rtl .small-icon {
187 background-position: 100% 50%;
188 }
189
190 .rtl .small-icon > a {
191 padding-left: 0;
192 padding-right: 19px;
193 }
194