|
1 #streaming-footer-logo { |
|
2 display: inline-block; |
|
3 width: 100px; |
|
4 height: 22px; |
|
5 background-image: url('../../images/connectis.png'); |
|
6 background-position: 0px 3px; |
|
7 background-repeat: no-repeat; |
|
8 } |
|
9 |
|
10 .resp-sharing-button__link, |
|
11 .resp-sharing-button__icon { |
|
12 display: inline-block |
|
13 } |
|
14 |
|
15 .resp-sharing-button__link { |
|
16 text-decoration: none; |
|
17 color: #fff; |
|
18 /* margin: 0.1em; */ |
|
19 } |
|
20 |
|
21 .resp-sharing-button { |
|
22 border-radius: 4px; |
|
23 transition: 25ms ease-out; |
|
24 padding: 0.4em 0.5em; |
|
25 font-family: Helvetica Neue,Helvetica,Arial,sans-serif |
|
26 } |
|
27 |
|
28 .resp-sharing-button__icon svg { |
|
29 width: 1em; |
|
30 height: 1em; |
|
31 margin-right: 0.4em; |
|
32 vertical-align: top |
|
33 } |
|
34 |
|
35 .resp-sharing-button--small svg { |
|
36 margin: 0; |
|
37 vertical-align: middle |
|
38 } |
|
39 |
|
40 /* Non solid icons get a stroke */ |
|
41 .resp-sharing-button__icon { |
|
42 stroke: #fff; |
|
43 fill: none |
|
44 } |
|
45 |
|
46 /* Solid icons get a fill */ |
|
47 .resp-sharing-button__icon--solid, |
|
48 .resp-sharing-button__icon--solidcircle { |
|
49 fill: #fff; |
|
50 stroke: none |
|
51 } |
|
52 |
|
53 .resp-sharing-button--twitter { |
|
54 background-color: #55acee |
|
55 } |
|
56 |
|
57 .resp-sharing-button--twitter:hover { |
|
58 background-color: #2795e9 |
|
59 } |
|
60 |
|
61 .resp-sharing-button--pinterest { |
|
62 background-color: #bd081c |
|
63 } |
|
64 |
|
65 .resp-sharing-button--pinterest:hover { |
|
66 background-color: #8c0615 |
|
67 } |
|
68 |
|
69 .resp-sharing-button--facebook { |
|
70 background-color: #3b5998 |
|
71 } |
|
72 |
|
73 .resp-sharing-button--facebook:hover { |
|
74 background-color: #2d4373 |
|
75 } |
|
76 |
|
77 .resp-sharing-button--tumblr { |
|
78 background-color: #35465C |
|
79 } |
|
80 |
|
81 .resp-sharing-button--tumblr:hover { |
|
82 background-color: #222d3c |
|
83 } |
|
84 |
|
85 .resp-sharing-button--reddit { |
|
86 background-color: #5f99cf |
|
87 } |
|
88 |
|
89 .resp-sharing-button--reddit:hover { |
|
90 background-color: #3a80c1 |
|
91 } |
|
92 |
|
93 .resp-sharing-button--google { |
|
94 background-color: #dd4b39 |
|
95 } |
|
96 |
|
97 .resp-sharing-button--google:hover { |
|
98 background-color: #c23321 |
|
99 } |
|
100 |
|
101 .resp-sharing-button--linkedin { |
|
102 background-color: #0077b5 |
|
103 } |
|
104 |
|
105 .resp-sharing-button--linkedin:hover { |
|
106 background-color: #046293 |
|
107 } |
|
108 |
|
109 .resp-sharing-button--email { |
|
110 background-color: #777 |
|
111 } |
|
112 |
|
113 .resp-sharing-button--email:hover { |
|
114 background-color: #5e5e5e |
|
115 } |
|
116 |
|
117 .resp-sharing-button--xing { |
|
118 background-color: #1a7576 |
|
119 } |
|
120 |
|
121 .resp-sharing-button--xing:hover { |
|
122 background-color: #114c4c |
|
123 } |
|
124 |
|
125 .resp-sharing-button--whatsapp { |
|
126 background-color: #25D366 |
|
127 } |
|
128 |
|
129 .resp-sharing-button--whatsapp:hover { |
|
130 background-color: #1da851 |
|
131 } |
|
132 |
|
133 .resp-sharing-button--hackernews { |
|
134 background-color: #FF6600 |
|
135 } |
|
136 .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus { background-color: #FB6200 } |
|
137 |
|
138 .resp-sharing-button--vk { |
|
139 background-color: #507299 |
|
140 } |
|
141 |
|
142 .resp-sharing-button--vk:hover { |
|
143 background-color: #43648c |
|
144 } |
|
145 |
|
146 .resp-sharing-button--facebook { |
|
147 background-color: #3b5998; |
|
148 border-color: #3b5998; |
|
149 } |
|
150 |
|
151 .resp-sharing-button--facebook:hover, |
|
152 .resp-sharing-button--facebook:active { |
|
153 background-color: #2d4373; |
|
154 border-color: #2d4373; |
|
155 } |
|
156 |
|
157 .resp-sharing-button--twitter { |
|
158 background-color: #55acee; |
|
159 border-color: #55acee; |
|
160 } |
|
161 |
|
162 .resp-sharing-button--twitter:hover, |
|
163 .resp-sharing-button--twitter:active { |
|
164 background-color: #2795e9; |
|
165 border-color: #2795e9; |
|
166 } |
|
167 |
|
168 .resp-sharing-button--email { |
|
169 background-color: #777777; |
|
170 border-color: #777777; |
|
171 } |
|
172 |
|
173 .resp-sharing-button--email:hover, |
|
174 .resp-sharing-button--email:active { |
|
175 background-color: #5e5e5e; |
|
176 border-color: #5e5e5e; |
|
177 } |
|
178 |
|
179 .resp-sharing-button--telegram { |
|
180 background-color: #54A9EB; |
|
181 } |
|
182 |
|
183 .resp-sharing-button--telegram:hover { |
|
184 background-color: #4B97D1;} |
|
185 |