]> git.mxchange.org Git - friendica.git/blob - view/global.css
Merge branch 'release/3.4'
[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 /* Shared Messages */
88 .shared_header {
89   height: 32px;
90   color: #999;
91   border-top: 1px solid #D2D2D2;
92   padding-top: 5px;
93   margin-top: 5px;
94 }
95
96 .shared_header a {
97   color: black;
98   -webkit-transition: all 0.2s ease-in-out;
99   -moz-transition: all 0.2s ease-in-out;
100   -o-transition: all 0.2s ease-in-out;
101   -ms-transition: all 0.2s ease-in-out;
102   transition: all 0.2s ease-in-out;
103 }
104
105 .shared_header a:hover {
106   color: #36c;
107 }
108
109 .shared_header img {
110   -webkit-border-radius: 4px;
111   -moz-border-radius: 4px;
112   border-radius: 4px;
113   float: left;
114 }
115
116 .shared_header span {
117   margin-left: 9px;
118 }
119
120 blockquote.shared_content {
121   margin-left: 32px;
122   color: #000;
123   border: none;
124 }
125
126 .settings-heading a:after{
127   content: ' ยป';
128 }
129
130 /* headers */
131 h1, h2, h3, h4, h5, h6 {
132   margin: 5px 0px 5px 0px;
133   font-weight: normal;
134   line-height: normal;
135   text-rendering: optimizelegibility;
136 }
137
138 h1 {
139   font-size: 31.5px;
140 }
141
142 h2 {
143   font-size: 24.5px;
144 }
145
146 h3 {
147   font-size: 20.5px;
148 }
149
150 h4 {
151   font-size: 18px;
152 }
153
154 h5 {
155   font-size: 16.5px;
156 }
157
158 h6 {
159   font-size: 14.95px;
160 }
161
162 span.oembed, h4 {
163   margin: 0px 0px 0px 0px;
164 }