]> git.mxchange.org Git - friendica.git/blob - view/global.css
The config class now makes less database reads.
[friendica.git] / view / global.css
1 /* General style rules .*/
2 .pull-right { float: right }
3
4 /* General designing elements */
5 .btn {
6   outline: none;
7   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
8   -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
9   box-shadow: inset 0px 1px 0px 0px #ffffff;
10   background-color: #ededed;
11   text-indent: 0;
12   border: 1px solid #dcdcdc;
13   display: inline-block;
14   color: #777777;
15   padding: 5px 10px;
16   text-align: center;
17 }
18 a.btn, a.btn:hover {
19   text-decoration: none;
20   color: inherit;
21 }
22
23 .menu-popup .divider {
24   height: 1px;
25   margin: 3px 0;
26   overflow: hidden;
27   background-color: #2d2d2d;
28 }
29
30 .overline {
31         text-decoration: overline;
32 }
33
34 /* List of social Networks */
35 img.connector, img.connector-disabled {
36   height: 40px;
37   margin-right: 10px;
38   border-radius: 10px;
39 }
40
41 img.connector-disabled {
42   opacity: 0.5;
43 }
44
45 h3.connector {
46   display: inline-block;
47   vertical-align: bottom;
48 }
49 span.connector {
50   vertical-align: super;
51 }
52
53 /* Embedded link information */
54 .type-link, .type-video {
55   border-top: 1px solid #D2D2D2;
56   border-bottom: 1px solid #D2D2D2;
57   display: block;
58   padding-top: 5px;
59   padding-bottom: 5px;
60   margin-top: 10px;
61 }
62 .type-link:after, .type-video:after {
63     content: ".";
64     display: block;
65     height: 0;
66     clear: both;
67     visibility: hidden;
68 }
69
70 .wall-item-container .wall-item-content .type-link img,
71 .type-link img, .type-video img, img.attachment-preview {
72   max-width: 160px;
73   max-height: 160px;
74   float: left;
75   margin-right: 10px;
76 }
77
78 .wall-item-container .wall-item-content .type-link img.attachment-image,
79 .type-link img.attachment-image, .type-video img.attachment-image  {
80   /* max-width: 640px; */
81   max-width: 100%;
82   max-height: initial;
83   float: initial;
84   margin-right: 0px;
85 }
86
87 .type-link blockquote, .type-video blockquote {
88   margin-left: 0px;
89   max-height: 160px;
90   overflow: hidden;
91   border-left: 0px;
92   padding-left: 0px;
93   font-size: 13px;
94   line-height: normal;
95 }
96 .type-link .oembed, .type-video .oembed {
97   font-size: 18px;
98   font-weight: 300;
99   line-height: normal;
100 }
101 .type-link img, .type-video img {
102 }
103
104 .type-video .embed_video {
105   margin: 0em;
106 }
107
108 .type-link span.oembed + br, .type-video span.oembed + br,
109 .type-link a + br, .type-video a + br,
110 .type-link img + br, .type-video img + br{
111   display: none;
112 }
113
114 .embed_video {
115   float:left;
116   margin: 1em;
117   position: relative;
118 }
119
120 .embed_rich {
121   display: block;
122   transition: height .75s;
123 }
124
125 /* Shared Messages */
126 .shared_header {
127   min-height: 32px;
128   color: #999;
129   border-top: 1px solid #D2D2D2;
130   padding-top: 5px;
131   margin-top: 5px;
132 }
133
134 .shared_header a {
135   color: black;
136   -webkit-transition: all 0.2s ease-in-out;
137   -moz-transition: all 0.2s ease-in-out;
138   -o-transition: all 0.2s ease-in-out;
139   -ms-transition: all 0.2s ease-in-out;
140   transition: all 0.2s ease-in-out;
141 }
142
143 .shared_header a:hover {
144   color: #36c;
145 }
146
147 .shared_header img {
148   -webkit-border-radius: 4px;
149   -moz-border-radius: 4px;
150   border-radius: 4px;
151   float: left;
152   margin-right: 9px;
153 }
154
155 .shared_header span {
156   display: table-cell;
157   float: none;
158 }
159
160 blockquote.shared_content {
161   margin-left: 32px;
162   color: #000;
163   border: none;
164 }
165
166 .settings-heading a:after{
167   content: ' »';
168 }
169
170 /* headers */
171 h1, h2, h3, h4, h5, h6 {
172   margin: 5px 0px 5px 0px;
173   font-weight: normal;
174   line-height: normal;
175   text-rendering: optimizelegibility;
176 }
177
178 h1 {
179   font-size: 31.5px;
180 }
181
182 h2 {
183   font-size: 24.5px;
184 }
185
186 h3 {
187   font-size: 20.5px;
188 }
189
190 h4 {
191   font-size: 18px;
192 }
193
194 h5 {
195   font-size: 16.5px;
196 }
197
198 h6 {
199   font-size: 14.95px;
200 }
201
202 span.oembed, h4 {
203   margin: 0px 0px 0px 0px;
204 }
205
206 code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; }
207 key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; }
208
209 /* fields help text */
210 .field .field_help {
211   clear: left;
212 }
213
214 /* notifications unseen */
215 .notify-unseen { background-color: #cceeFF; }
216
217 /* autocomplete popup */
218 ul.acpopup {
219   list-style: none;
220   float: left;
221   min-width: 160px;
222   padding: 5px 0;
223   margin: 2px 0 0;
224 }
225 nav .acpopup {
226   width: 290px;
227   max-height: 450px;
228   max-width: 300px;
229   overflow-y: auto;
230   overflow-x: hidden;
231   margin-top: 0px;
232 }
233 img.acpopup-img {
234   float: left;
235   width: 36px;
236   height: 36px;
237   margin-right: 5px;
238   vertical-align: middle;
239 }
240 .acpopup-contactname {
241   padding-top: 2px;
242   font-weight: bold;
243   line-height: 1em;
244   white-space: nowrap;
245   overflow: hidden;
246   text-overflow: ellipsis;
247   display: block;
248 }
249 .acpopup-sub-text {
250   color: #777;
251   font-size: 0.833em;
252   line-height: 1em;
253   overflow: hidden;
254   text-overflow: ellipsis;
255   display: block;
256 }
257 .textcomplete-item a {
258   color: inherit;
259   overflow: hidden;
260   text-overflow: ellipsis;
261   clear: both;
262   white-space: nowrap;
263   padding: 3px 20px;
264   display: block;
265 }
266 .textcomplete-item a:hover {
267   text-decoration: none;
268 }
269
270 /* plain text editor upload/select popup */
271
272 .fbrowser .path a { padding: 5px; }
273 .fbrowser .path a:before { content: "/"; padding-right: 5px;}
274 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
275 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
276 .fbrowser.image .photo-album-image-wrapper { float: left; }
277 .fbrowser.image a img { height: 48px; }
278 .fbrowser.image a p { display: none;}
279 .fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
280 .fbrowser.file img { display: inline; }
281 .fbrowser.file p  { display: inline; white-space: nowrap; }
282 .fbrowser .upload { clear: both; padding-top: 1em;}
283 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
284 .fbrowser .error a.close { float: right; font-weight: bold; }
285 .fbrowser .error.hidden { display: none; }
286
287 a {
288   cursor: pointer;
289 }
290
291 .sr-only {
292   position: absolute;
293   width: 1px;
294   height: 1px;
295   padding: 0;
296   margin: -1px;
297   overflow: hidden;
298   clip: rect(0,0,0,0);
299   border: 0;
300 }
301
302 .itentity-match-wrapper {
303   float: left;
304   padding: 10px;
305   width: 120px;
306   height: 140px;
307   margin-bottom: 20px;
308 }
309
310 .identity-match-photo {
311   float: left;
312   text-align: center;
313   width: 120px;
314 }
315
316 .identity-match-name {
317   text-align: center;
318 }
319
320 .identity-match-details {
321   float: left;
322   text-align: center;
323   width: 120px;
324   overflow: hidden;
325   font-size: 10px;
326   font-weight: 500;
327   color: #999999;
328 }
329
330 .identity-match-break, .identity-match-end {
331   clear: both;
332 }
333
334 .identity-match-photo button {
335   border: none;
336   padding: 0;
337   margin: 0;
338   background: none;
339   height: 80px;
340   width: 80px;
341   cursor: pointer;
342 }
343
344 .selected-identity img {
345   border: 2px solid #ff0000;
346 }
347 /* poke */
348 #poke-desc {
349   margin: 5px 0 10px;
350 }
351
352 #poke-wrapper  {
353   padding: 10px 0 0px;
354 }
355
356 #poke-recipient, #poke-action, #poke-privacy-settings {
357   margin: 10px 0 30px;
358 }
359
360 #poke-recip-label, #poke-action-label, #prvmail-message-label {
361   margin: 10px 0 10px;
362 }
363 .version-match {
364   font-weight: bold;
365   color: #00a700;
366 }
367 .federation-graph {
368   width: 400px;
369   height: 400px;
370   float: right;
371   margin: 20px;
372 }
373 .federation-network-graph {
374   width: 240px;
375   height: 240px;
376   float: left;
377   margin: 20px;
378 }
379 ul.federation-stats,
380 ul.credits {
381   list-style: none;
382 }
383 ul.federation-stats li,
384 ul.credits li {
385   float: left;
386   width: 240px;
387 }
388 table#federation-stats {
389   width: 100%;
390 }
391 td.federation-data {
392   border-bottom: 1px solid #000;
393 }
394
395 .contact-entry-photo img {
396   max-width: 80px;
397   max-height: 80px;
398 }
399
400 /* forumlist widget */
401 .forumlist-img {
402   height: 20px;
403   width: 20px;
404   vertical-align: middle;
405 }
406
407 #forum-widget-collapse {
408   opacity: 0.3;
409 }
410
411 #forum-widget-collapse:hover {
412   opacity: 1.0;
413 }
414
415 .crepair-label {
416   margin-top: 10px;
417   float: left;
418   width: 250px;
419 }
420
421 .crepair-input {
422   margin-top: 10px;
423   float: left;
424   width: 200px;
425 }
426
427 .renderinfo {
428   clear: both;
429 }
430
431 .p-addr {
432   clear: both;
433 }
434
435 #live-community {
436   clear: both;
437 }
438
439 /* contact-edit */
440 #contact-edit-status-wrapper {
441   border: 1px solid;
442   padding: 10px;
443 }
444 #contact-edit-actions {
445   float: right;
446   display: inline-block;
447   position: relative;
448 }
449 #contact-edit-actions > .menu-popup {
450   right: 0;
451   left: auto;
452 }
453
454 #contact-edit-settings-label:after {
455   content: ' »';
456 }
457
458 #contact-edit-settings {
459   display: none;
460   margin: 10px 0;
461 }
462
463 /* settings page */
464 #settings-form .pageflags {
465     margin: 0 0 20px 30px;
466 }
467
468 /* admin pending user notes */
469 td.pendingnote {
470         padding-left: 20px;
471         padding-right: 20px;
472 }
473 td.pendingnote > p > span {
474         font-weight: bold;
475 }
476
477 /* warning message */
478 .warning-message {
479         padding: 10px;
480         margin: 5px;
481         border-left: 5px solid #f00;
482         font-weight: bold;
483 }
484
485 /* src/href attributes filter error display */
486 .invalid-src { border: 1px dotted red;}
487 .invalid-href { border-bottom: 1px dotted red;}
488 .invalid-src:after,
489 .invalid-href:after { content: '⚠️'}
490 img.invalid-src:after { vertical-align: top;}