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. |
|
|
(Beispiel Datei-Icons)
|
Auf das Icon klicken um den Quellcode anzuzeigen |
buttons.css
001 /* Button Styles
002 ---------------------------------------- */
003
004 /* Rollover buttons
005 Based on: http://wellstyled.com/css-nopreload-rollovers.html
006 ----------------------------------------*/
007 .button {
008 cursor: pointer;
009 display: inline-block;
010 height: 18px;
011 font-size: 13px;
012 white-space: nowrap;
013 border: 1px solid transparent;
014 border-radius: 4px;
015 background: transparent none 0 0 repeat-x;
016 padding: 2px 8px;
017 font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
018 position: relative;
019 text-decoration: none !important;
020 outline-style: none !important;
021 vertical-align: bottom;
022 }
023
024 .dropdown-select {
025 padding-right: 24px;
026 }
027
028 .icon-button:before {
029 background: transparent 0 0 no-repeat;
030 content: '';
031 display: inline-block;
032 float: right;
033 height: 12px;
034 margin: 3px 0 0 2px;
035 width: 12px;
036 }
037
038 .dropdown-select.icon-button:before {
039 margin-right: 4px;
040 }
041
042 .dropdown-select:after {
043 background-position: -103px 10px;
044 border-left: 1px solid;
045 content: '';
046 position: absolute;
047 top: 0;
048 right: 0;
049 height: 22px;
050 width: 16px;
051 }
052
053 .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
054 background-position: -103px -10px;
055 }
056
057 .buttons, .buttons .button {
058 float: left;
059 }
060
061 .buttons .button, .dropdown-select {
062 margin-right: 5px;
063 }
064
065 #jumpbox .dropdown-select {
066 margin: 0;
067 }
068
069 /* Big button images */
070 .reply-icon:before, .pmreply-icon:before { background-position: -20px 0; }
071 .reply-icon:hover:before, .pmreply-icon:hover:before { background-position: -20px -20px; }
072
073 .post-icon:before, .newpm-icon:before, .reply-all:before { background-position: 0 0; }
074 .post-icon:hover:before,
075 .newpm-icon:hover:before,
076 .reply-all:hover:before { background-position: 0 -20px; }
077
078 .locked-icon:before { background-position: -60px 0; }
079 .locked-icon:hover:before { background-position: -60px -20px; }
080
081 .forwardpm-icon:before { background-position: -40px 0; }
082 .forwardpm-icon:hover:before { background-position: -40px -20px; }
083
084 .modtools-icon {
085 font-size: 0;
086 }
087
088 .tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before {
089 background-position: -80px 0;
090 height: 16px;
091 margin-top: 2px;
092 width: 16px;
093 }
094
095 .dropdown-visible .tools-icon:before,
096 .nojs .dropdown-container:hover .tools-icon:before { background-position: -80px -20px; }
097
098 .search-icon:before { background-position: -245px 0; }
099 .search-icon:hover:before { background-position: -245px -20px; }
100
101 .search-adv-icon:before { background-position: -265px 0; }
102 .search-adv-icon:hover:before { background-position: -265px -20px; }
103
104 .modtools-icon:before { background-position: -225px 0; }
105 .dropdown-visible .modtools-icon:before,
106 .nojs .dropdown-container:hover .modtools-icon:before { background-position: -225px -20px; }
107
108 /* Icon images
109 ---------------------------------------- */
110 .small-icon {
111 background-position: 0 50%;
112 background-repeat: no-repeat;
113 background-image: none;
114 }
115
116 .small-icon > a {
117 display: inline-block;
118 padding: 0 0 0 18px;
119 }
120
121 ul.linklist.bulletin > li.small-icon:before {
122 display: none;
123 }
124
125 .dropdown .small-icon > a {
126 display: block;
127 }
128
129 /* Poster contact icons
130 ----------------------------------------*/
131 .contact-icons.dropdown-contents {
132 min-width: 0;
133 padding: 0;
134 font-size: 0;
135 }
136
137 .contact-icon {
138 background-repeat: no-repeat;
139 display: block;
140 height: 16px;
141 width: 16px;
142 }
143 .contact-icons a {
144 border-bottom: 1px dotted;
145 border-right: 1px dotted;
146 display: block;
147 float: left;
148 padding: 8px;
149 }
150
151 .contact-icons .last-cell {
152 border-right: none;
153 }
154
155 .contact-icons div:last-child a {
156 border-bottom: none;
157 }
158
159 .contact-icons div {
160 clear: left;
161 }
162
163 /* Profile icons */
164 .pm-icon { background-position: 0 0; }
165 .email-icon { background-position: -21px 0; }
166 .jabber-icon { background-position: -80px 0; }
167 .phpbb_icq-icon { background-position: -61px 0 ; }
168 .phpbb_wlm-icon { background-position: -182px 0; }
169 .phpbb_aol-icon { background-position: -244px 0; }
170 .phpbb_website-icon { background-position: -40px 0; }
171 .phpbb_youtube-icon { background-position: -98px 0; }
172 .phpbb_facebook-icon { background-position: -119px 0; }
173 .phpbb_googleplus-icon { background-position: -140px 0; }
174 .phpbb_skype-icon { background-position: -161px 0; }
175 .phpbb_twitter-icon { background-position: -203px 0; }
176 .phpbb_yahoo-icon { background-position: -224px 0; }
177
178 /* Post control buttons
179 --------------------------------------------- */
180 .post-buttons {
181 float: right;
182 list-style: none;
183 margin-top: 2px;
184 }
185
186 .has-profile .post-buttons {
187 float: none;
188 position: absolute;
189 margin: 0;
190 right: 0;
191 top: 5px;
192 }
193
194 .post-buttons > li {
195 float: left;
196 margin-right: 3px;
197 }
198
199 .post-buttons .icon-button {
200 padding: 0 5px;
201 }
202
203 .hastouch .post-buttons .icon-button {
204 padding: 2px 8px;
205 }
206
207 .post-buttons .icon-button span {
208 display: block;
209 height: 0;
210 overflow: hidden;
211 position: absolute;
212 width: 1px;
213 }
214
215 .post-buttons .icon-button:before {
216 margin-left: 0;
217 }
218
219 .quote-icon:before { background-position: -122px 0; }
220 .quote-icon:hover:before { background-position: -122px -21px; }
221 .edit-icon:before { background-position: -137px 0; }
222 .edit-icon:hover:before { background-position: -137px -21px; }
223 .warn-icon:before { background-position: -208px 0; }
224 .warn-icon:hover:before { background-position: -208px -21px; }
225 .delete-icon:before { background-position: -152px 0; }
226 .delete-icon:hover:before { background-position: -152px -21px; }
227 .report-icon:before { background-position: -165px 0; }
228 .report-icon:hover:before { background-position: -165px -21px; }
229 .info-icon:before { background-position: -175px 0; }
230 .info-icon:hover:before { background-position: -175px -21px; }
231 .button.responsive-menu-link:before { background-position: -191px 0; }
232 .button.responsive-menu-link:hover:before { background-position: -191px -21px; }
233
234 /* Responsive buttons in post body */
235 .post-buttons .dropdown {
236 top: 18px;
237 }
238
239 .post-buttons .dropdown a {
240 display: block;
241 font-size: 1.2em;
242 text-align: right;
243 }
244
245 .hasjs .postbody .post-buttons {
246 max-width: 40%;
247 }
248
249 /* Browser-specific tweaks */
250 button::-moz-focus-inner {
251 padding: 0;
252 border: 0
253 }
254