]> git.mxchange.org Git - friendica.git/blob - view/global.css
63575ff21bade166439302e00edd7985f8a37763
[friendica.git] / view / global.css
1 /* General style rules .*/
2 .pull-right { float: right }
3
4 /* List of social Networks */
5 img.connector, img.connector-disabled {
6   height: 40px;
7   margin-right: 10px;
8   border-radius: 10px;
9 }
10
11 img.connector-disabled {
12   opacity: 0.5;
13 }
14
15 h3.connector {
16   display: inline-block;
17   vertical-align: bottom;
18 }
19 span.connector {
20   vertical-align: super;
21 }
22
23 /* Embedded link information */
24 .type-link, .type-video {
25   border-top: 1px solid #D2D2D2;
26   border-bottom: 1px solid #D2D2D2;
27   display: block;
28   padding-top: 5px;
29   padding-bottom: 5px;
30   margin-top: 10px;
31 }
32 .type-link:after, .type-video:after {
33     content: ".";
34     display: block;
35     height: 0;
36     clear: both;
37     visibility: hidden;
38 }
39
40 .wall-item-container .wall-item-content .type-link img,
41 .type-link img, .type-video img, img.attachment-preview {
42   max-width: 160px;
43   max-height: 160px;
44   float: left;
45   margin-right: 10px;
46 }
47
48 .wall-item-container .wall-item-content .type-link img.attachment-image,
49 .type-link img.attachment-image, .type-video img.attachment-image  {
50   /* max-width: 640px; */
51   max-width: 100%;
52   max-height: initial;
53   float: initial;
54   margin-right: 0px;
55 }
56
57 .type-link blockquote, .type-video blockquote {
58   margin-left: 0px;
59   max-height: 160px;
60   overflow: hidden;
61   border-left: 0px;
62   padding-left: 0px;
63   font-size: 13px;
64   line-height: normal;
65 }
66 .type-link .oembed, .type-video .oembed {
67   font-size: 18px;
68   font-weight: 300;
69   line-height: normal;
70 }
71 .type-link img, .type-video img {
72 }
73
74 .type-video .embed_video {
75   margin: 0em;
76 }
77
78 .type-link span.oembed + br, .type-video span.oembed + br,
79 .type-link a + br, .type-video a + br,
80 .type-link img + br, .type-video img + br{
81   display: none;
82 }
83
84 .embed_video {
85   float:left;
86   margin: 1em;
87   position: relative;
88 }
89
90 .embed_rich {
91   display: block;
92 }
93
94 /* Shared Messages */
95 .shared_header {
96   height: 32px;
97   color: #999;
98   border-top: 1px solid #D2D2D2;
99   padding-top: 5px;
100   margin-top: 5px;
101 }
102
103 .shared_header a {
104   color: black;
105   -webkit-transition: all 0.2s ease-in-out;
106   -moz-transition: all 0.2s ease-in-out;
107   -o-transition: all 0.2s ease-in-out;
108   -ms-transition: all 0.2s ease-in-out;
109   transition: all 0.2s ease-in-out;
110 }
111
112 .shared_header a:hover {
113   color: #36c;
114 }
115
116 .shared_header img {
117   -webkit-border-radius: 4px;
118   -moz-border-radius: 4px;
119   border-radius: 4px;
120   float: left;
121 }
122
123 .shared_header span {
124   margin-left: 9px;
125 }
126
127 blockquote.shared_content {
128   margin-left: 32px;
129   color: #000;
130   border: none;
131 }
132
133 .settings-heading a:after{
134   content: ' ยป';
135 }
136
137 /* headers */
138 h1, h2, h3, h4, h5, h6 {
139   margin: 5px 0px 5px 0px;
140   font-weight: normal;
141   line-height: normal;
142   text-rendering: optimizelegibility;
143 }
144
145 h1 {
146   font-size: 31.5px;
147 }
148
149 h2 {
150   font-size: 24.5px;
151 }
152
153 h3 {
154   font-size: 20.5px;
155 }
156
157 h4 {
158   font-size: 18px;
159 }
160
161 h5 {
162   font-size: 16.5px;
163 }
164
165 h6 {
166   font-size: 14.95px;
167 }
168
169 span.oembed, h4 {
170   margin: 0px 0px 0px 0px;
171 }
172
173 code { display: block; background-color: #eee; color: #666; padding:1em; font-size: 0.8em; font-family: monospace; }
174 key { display: inline; background-color: #eee; color: #666; padding:0.2em; font-size: 0.8em; font-family: monospace; }
175
176 /* fields help text */
177 .field .field_help {
178     clear: left;
179 }
180
181 /* notifications unseen */
182 .notify-unseen { background-color: #cceeFF; }
183
184 /* plain text editor upload/select popup */
185
186 .fbrowser .path a { padding: 5px; }
187 .fbrowser .path a:before { content: "/"; padding-right: 5px;}
188 .fbrowser .folders ul { list-style-type: none; padding-left: 10px;}
189 .fbrowser .list { height: auto; overflow-y: hidden; margin: 10px 0px; }
190 .fbrowser.image .photo-album-image-wrapper { float: left; }
191 .fbrowser.image a img { height: 48px; }
192 .fbrowser.image a p { display: none;}
193 .fbrowser.file .photo-album-image-wrapper { float:none;  white-space: nowrap; }
194 .fbrowser.file img { display: inline; }
195 .fbrowser.file p  { display: inline; white-space: nowrap; }
196 .fbrowser .upload { clear: both; padding-top: 1em;}
197 .fbrowser .error { background: #ffeeee; border: 1px solid #994444; color: #994444; padding: 0.5em;}
198 .fbrowser .error a.close { float: right; font-weight: bold; }
199 .fbrowser .error.hidden { display: none; }
200
201 a {
202   cursor: pointer;
203 }
204
205 .sr-only {
206   position: absolute;
207   width: 1px;
208   height: 1px;
209   padding: 0;
210   margin: -1px;
211   overflow: hidden;
212   clip: rect(0,0,0,0);
213   border: 0;
214 }
215
216 .itentity-match-wrapper {
217   float: left;
218   padding: 10px;
219   width: 120px;
220   height: 140px;
221   margin-bottom: 20px;
222 }
223
224 .identity-match-photo {
225   float: left;
226   text-align: center;
227   width: 120px;
228 }
229
230 .identity-match-name {
231   text-align: center;
232 }
233
234 .identity-match-details {
235   float: left;
236   text-align: center;
237   width: 120px;
238   overflow: hidden;
239   font-size: 10px;
240   font-weight: 500;
241   color: #999999;
242 }
243
244 .identity-match-break, .identity-match-end {
245   clear: both;
246 }
247
248 .identity-match-photo button {
249   border: none;
250   padding: 0;
251   margin: 0;
252   background: none;
253   height: 80px;
254   width: 80px;
255   cursor: pointer;
256 }
257
258 .selected-identity img {
259   border: 2px solid #ff0000;
260 }
261 /* poke */
262 #poke-desc {
263   margin: 5px 0 10px;
264 }
265
266 #poke-wrapper  {
267   padding: 10px 0 0px;
268 }
269
270 #poke-recipient, #poke-action, #poke-privacy-settings {
271   margin: 10px 0 30px;
272 }
273
274 #poke-recip-label, #poke-action-label, #prvmail-message-label {
275   margin: 10px 0 10px;
276 }
277 ul.credits {
278   list-style: none;
279 }
280 ul.credits li {
281   float: left;
282   width: 240px;
283 }
284
285 .contact-entry-photo img {
286   max-width: 80px;
287   max-height: 80px;
288 }
289
290 /* forumlist widget */
291 .forumlist-img {
292   height: 20px;
293   width: 20px;
294   vertical-align: middle;
295 }
296
297 #forum-widget-collapse {
298   opacity: 0.3;
299 }
300
301 #forum-widget-collapse:hover {
302   opacity: 1.0;
303 }
304
305 .crepair-label {
306         margin-top: 10px;
307         float: left;
308         width: 250px;
309 }
310
311 .crepair-input {
312         margin-top: 10px;
313         float: left;
314         width: 200px;
315 }