]> git.mxchange.org Git - friendica.git/blob - view/theme/vier/plusminus.css
Merge pull request #3985 from hoergen/develop
[friendica.git] / view / theme / vier / plusminus.css
1 /* Modifications by https://horche.demkontinuum.de/profile/hoergen */
2
3 h1 {
4   font-size: 18px;
5   color: blue;
6 }
7
8 h2 {
9   font-size: 16px;
10   color: blue;
11   background-color: #EEEEEE;
12   border-radius:5px;
13 }
14
15 h3 {
16   font-size: 14px;
17   color: blue;
18 }
19 h4 {  font-size: 14px;}
20
21 h5 {
22   font-size: 16px;
23   color: black;
24   background-color: #cfcece;
25   border-radius:5px;
26 }
27
28
29 nav {
30   background: #fff;
31   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
32   padding-top: 6px;
33   padding-bottom: 6px;
34 }
35
36 nav a:active,
37 nav a:link,
38 nav a:visited,
39 nav a {
40   color: #737373;
41 }
42
43 nav a:hover,
44 #nav-messages-see-all a:hover {
45   color: #000;
46 }
47
48 .manage-notify {
49   background-color: #CB4437;
50   border-radius: 10px;
51   font: bold 11px/16px Arial;
52 }
53
54 nav .nav-notify {
55   background-color: #CB4437;
56   top: -3px;
57   right: -4px;
58   font: bold 11px/16px Arial;
59   padding: 1px;
60   border-radius: 10px;
61 }
62
63 nav .nav-menu-icon .nav-notify {
64   top: 0px;
65 }
66
67 nav .nav-menu.selected a {
68   color: #000;
69 }
70
71 nav .nav-menu:hover,
72 nav .nav-menu.selected {
73   border-bottom: 2px solid #427FED;
74 }
75
76 nav .nav-menu {
77   height: 23px;
78   font-size: 14px;
79   font-weight: initial;
80 }
81
82 #nav-apps-menu,
83 #nav-site-menu,
84 #nav-notifications-menu,
85 #nav-user-menu {
86   top: 32px;
87 }
88
89 #nav-messages-menu {
90   top: 32px;
91 }
92
93 #nav-messages-see-all a {
94   color: #737373;
95 }
96
97 ul.tabs li .active, span.pager_current a {
98   border-bottom: 2px solid #427FED;
99 }
100
101 span.pager_current, span.pager_n a:hover, 
102 span.pager_first a:hover, span.pager_last a:hover, 
103 span.pager_prev a:hover, span.pager_next a:hover,
104 ul.tabs a:hover {
105   border-bottom: 2px solid #427FED;
106 }
107
108 nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify {
109   color: #737373;
110 }
111
112 nav #nav-messages-linkmenu.selected,
113 nav #nav-user-linklabel.selected,
114 nav #nav-apps-link.selected {
115   background-color: #fff;
116   border-bottom-style: none;
117 }
118
119 div.jGrowl div.info {
120   background: #fff url("../../../images/icons/48/info.png") no-repeat 5px center;
121 }
122
123 div.jGrowl div.notice {
124   color: #737373;
125 }
126 div.jGrowl div.info {
127   color: #737373;
128 }
129
130 .birthday-notice, .event-notice {
131   font-weight: initial;
132 }
133
134 div.pager, ul.tabs {
135   font-weight: initial;
136 }
137
138 nav .nav-menu-icon.selected {
139   background-color: #fff;
140 }
141
142 #jot #jot-tools li:hover {
143   background-color: #fff;
144 }
145
146 nav .icon {
147   color: #737373;
148 }
149
150 nav a:hover .icon {
151   color: #000;
152 }
153
154 ul.menu-popup {
155   border: 0px solid #FFF;
156   margin-top: 0px;
157 }
158
159 header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover {
160   color: #737373;
161 }
162
163 header {
164   left: 10px;
165 }
166
167 header #banner {
168   margin-top: 6px;
169 }
170
171 #banner #logo-text {
172   margin-left: 5px;
173 }
174
175 aside {
176   top: 44px;
177   height: calc(100% - 54px);
178 }
179
180 right_aside {
181   top: 44px;
182 }
183
184 section {
185   top: 44px;
186 }
187
188 nav #nav-search-box #nav-search-text {
189   background-color: initial;
190   border-style: solid;
191   border-width: 1px;
192   border-color: rgba(0, 0, 0, 0.15);
193 }
194
195 .widget h3 {
196   padding: 0px;
197   margin: 0px;
198   border-radius:5px;
199   font-size: 14px;
200   font-weight: initial;
201   background-color: #EEEEEE;
202   color: #505050;
203   font-weight: bolder;
204   width: 100%;
205 }
206
207 /* Timeline */
208
209 div.pager, ul.tabs {
210   border-radius:5px;
211 }
212
213 /* Post*/
214
215 #profile-jot-form { border-radius: 5px; }
216
217 .tread-wrapper { border-radius: 5px; }
218
219 /* Post header */
220
221 .wall-item-container .wall-item-name,
222 .wall-item-container .shared-author {
223   color: #555;
224   font-weight: normal;
225   font-size:10px;
226   -webkit-transition: all 0.2s ease-in-out;
227   -moz-transition: all 0.2s ease-in-out;
228   -o-transition: all 0.2s ease-in-out;
229   -ms-transition: all 0.2s ease-in-out;
230   transition: all 0.2s ease-in-out;
231 }
232
233 .toplevel_item:hover .wall-item-name,
234 .wall-item-container:hover .wall-item-name,
235 .toplevel_item:hover .shared-author,
236 .wall-item-container:hover .shared-author {
237   color: #36c;
238   font-weight: normal;
239   -webkit-transition: all 0.2s ease-in-out;
240   -moz-transition: all 0.2s ease-in-out;
241   -o-transition: all 0.2s ease-in-out;
242   -ms-transition: all 0.2s ease-in-out;
243   transition: all 0.2s ease-in-out;
244 }
245
246 .dt-published { font-size:10px; }
247
248 /* Post content */
249 .wall-item-content blockquote {
250   border-left: 2px solid #D2D2D2;
251   margin-top: 10px;
252   margin-bottom:10px;
253   padding-left: 5px;
254 }
255
256 .wall-item-content strong { color:#565656; }
257
258 .wall-item-network { font-size:10px; }
259
260 .mention { font-size:12px;}
261
262 .tag { font-size:12px; }
263
264 .type-link, .type-video {
265   border-top: 0px solid #D2D2D2;
266   border-bottom: 0px solid #D2D2D2;
267   display: block;
268   padding-top: 5px;
269   padding-bottom: 5px;
270   margin-top: 20px;
271 }
272
273 .type-link blockquote{
274   border-left: 2px solid #D2D2D2;
275   margin-top: 10px;
276   margin-bottom:10px;
277   padding-left: 5px;
278   font-size:12px;
279 }
280
281 /* Post footer */
282 .wall-item-like { font-size:12px; }
283
284 .wall-item-actions-author{
285   font-size:10px;
286   font-weight:normal;
287   margin-bottom: -0.7em;
288   line-height: 5px;
289 }
290
291 .icon-commenting::before {
292     font-size: 17px;
293 }
294
295 .wall-item-tags  { font-size:10px; }
296
297 .wall-item-container.comment .contact-photo  { height:25px; width:25px;}
298
299 #item-delete-selected { font-size:12px; }
300
301 .item-select {
302   width: 1px;
303   height: 1px;
304   background: #000;
305   position: relative;
306   border-radius: 9px;
307 }
308
309 .contact-menu {
310   font-size:12px; 
311   padding-top:0px;
312   padding-bottom:0px;
313 }
314
315 .wall-item-bottom { font-size: 14px; }
316
317 /* comments */
318
319 .wall-item-like { font-size:10px; }
320
321 .wall-item-container.comment { border-bottom: 0px; }
322
323 .hide-comments-outer {
324   margin-left: 80px;
325   margin-bottom: 5px;
326   width: 660px;
327   border-bottom: 0px;
328   border-top: 0px;
329   font-size: 10px;
330   padding: 8px;
331 }
332
333 .fakelink {
334   color: #36c;
335   text-decoration: none;
336   font-size: 10px; 
337   cursor: pointer;
338 }
339
340 /* Calendar */
341
342 .fc-body { background-color: white; }
343
344 .fc-content, .fc-widget {
345   background-color: #a7ecff; 
346   color: black;
347   text-decoration: normal;
348 }
349
350 .fc-toolbar {
351   text-align: center;
352   margin-bottom: 1em;
353   background: white;
354 }
355
356 .fc-day-grid-event .fc-time {
357   font-weight: normal;
358   font-size: 10px;
359 }
360
361 .fc-title, fc-time { text-decoration: normal; }
362
363 .fc-unthemed .fc-today { background: #f9ff97; }
364
365 /* remove standard-styles */
366
367 select {
368   -webkit-appearance: none;
369   -moz-appearance: none;
370   appearance: none;
371   border:1px;
372   border-radius: 5px;
373
374
375 option {
376   background:white;
377   border-top:0px solid #000;
378   height:18px;
379   font-size:14px;
380 }
381
382 /* styling */
383 select {
384   border: 1px solid #bbb;
385   background-color: lightgrey;
386   box-shadow: 0 0px 0px 0 rgba(0,0,0,0.5);
387   height:20px;
388 }
389
390 /* Settings */
391
392 .ps-theme-default h1,h2,h3,h4,h5{
393   color:black;
394   border-radius:5px;
395 }
396
397 .settings-heading * {
398   color: black;
399 }
400
401 .settings-heading {
402   font-size: 18px;
403   font-weight: bold;
404   background-color: #cfcece;
405   border-radius: 5px;
406 }
407
408 .setings-contend-block {
409   background-color: white;
410 }
411
412 #settings-form {
413   background-color: whitesmoke;
414 }
415
416 .field_help {
417   font-size:12px;
418   display: block;
419   margin-left: 20px;
420   color: #666666;
421 }
422
423 .field label {
424    width: 300px;
425 }