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