]> git.mxchange.org Git - friendica.git/blob - view/global.css
Merge acl-var into develop
[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 /* fields help text */
174 .field .field_help {
175     clear: left;
176 }
177
178 /* notifications unseen */
179 .notify-unseen { background-color: #cceeFF; }