]> git.mxchange.org Git - friendica.git/blob - view/global.css
Merge pull request #1543 from annando/1504-oembed-stylesheet
[friendica.git] / view / global.css
1 /* List of social Networks */
2 img.connector, img.connector-disabled {
3   height: 40px;
4   margin-right: 10px;
5   border-radius: 10px;
6 }
7
8 img.connector-disabled {
9   opacity: 0.5;
10 }
11
12 h3.connector {
13   display: inline-block;
14   vertical-align: bottom;
15 }
16 span.connector {
17   vertical-align: super;
18 }
19
20 /* Embedded link information */
21 .type-link, .type-video {
22   border-top: 1px solid #D2D2D2;
23   border-bottom: 1px solid #D2D2D2;
24   display: block;
25   padding-top: 5px;
26   padding-bottom: 5px;
27   margin-top: 10px;
28 }
29 .type-link:after, .type-video:after {
30     content: ".";
31     display: block;
32     height: 0;
33     clear: both;
34     visibility: hidden;
35 }
36
37 .wall-item-container .wall-item-content .type-link img,
38 .type-link img, .type-video img, img.attachment-preview {
39   max-width: 160px;
40   max-height: 160px;
41   float: left;
42   margin-right: 10px;
43 }
44
45 .wall-item-container .wall-item-content .type-link img.attachment-image,
46 .type-link img.attachment-image, .type-video img.attachment-image  {
47   /* max-width: 640px; */
48   max-width: 100%;
49   max-height: initial;
50   float: initial;
51   margin-right: 0px;
52 }
53
54 .type-link blockquote, .type-video blockquote {
55   margin-left: 0px;
56   max-height: 160px;
57   overflow: hidden;
58   border-left: 0px;
59   padding-left: 0px;
60   font-size: 13px;
61   line-height: normal;
62 }
63 .type-link .oembed, .type-video .oembed {
64   font-size: 18px;
65   font-weight: 300;
66   line-height: normal;
67 }
68 .type-link img, .type-video img {
69 }
70
71 .type-video .embed_video {
72   margin: 0em;
73 }
74
75 .type-link span.oembed + br, .type-video span.oembed + br,
76 .type-link a + br, .type-video a + br,
77 .type-link img + br, .type-video img + br{
78   display: none;
79 }
80
81 .embed_video {
82   float:left;
83   margin: 1em;
84   position: relative;
85 }
86
87 .embed_rich {
88   display: block;
89 }
90
91 /* Shared Messages */
92 .shared_header {
93   height: 32px;
94   color: #999;
95   border-top: 1px solid #D2D2D2;
96   padding-top: 5px;
97   margin-top: 5px;
98 }
99
100 .shared_header a {
101   color: black;
102   -webkit-transition: all 0.2s ease-in-out;
103   -moz-transition: all 0.2s ease-in-out;
104   -o-transition: all 0.2s ease-in-out;
105   -ms-transition: all 0.2s ease-in-out;
106   transition: all 0.2s ease-in-out;
107 }
108
109 .shared_header a:hover {
110   color: #36c;
111 }
112
113 .shared_header img {
114   -webkit-border-radius: 4px;
115   -moz-border-radius: 4px;
116   border-radius: 4px;
117   float: left;
118 }
119
120 .shared_header span {
121   margin-left: 9px;
122 }
123
124 blockquote.shared_content {
125   margin-left: 32px;
126   color: #000;
127   border: none;
128 }
129
130 .settings-heading a:after{
131   content: ' ยป';
132 }
133
134 /* headers */
135 h1, h2, h3, h4, h5, h6 {
136   margin: 5px 0px 5px 0px;
137   font-weight: normal;
138   line-height: normal;
139   text-rendering: optimizelegibility;
140 }
141
142 h1 {
143   font-size: 31.5px;
144 }
145
146 h2 {
147   font-size: 24.5px;
148 }
149
150 h3 {
151   font-size: 20.5px;
152 }
153
154 h4 {
155   font-size: 18px;
156 }
157
158 h5 {
159   font-size: 16.5px;
160 }
161
162 h6 {
163   font-size: 14.95px;
164 }
165
166 span.oembed, h4 {
167   margin: 0px 0px 0px 0px;
168 }