3 Created on : 11.08.2020
4 Author : Hypolite Petovan <hypolite@friendica.mrpetovan.com>
7 background-color: $background_color;
9 #topbar-first .dropdown.account > a,
10 #topbar-first .dropdown.account.open > a,
11 #topbar-first .dropdown.account > button,
12 #topbar-first .dropdown.account.open > button {
16 #topbar-first #nav-notifications-menu li.notif-entry:hover {
17 background-color: $nav_bg;
20 #topbar-first #nav-notifications-menu li.notification-unseen {
21 background-color: $nav_icon_hover_color;
25 background-color: $nav_bg;
26 border-color: $link_color;
28 #topbar-second ul.tabs li {
29 border_color: $link_color;
33 .account .dropdown-menu {
34 background-color: $background_color;
36 .dropdown-menu > li > a:focus,
37 .dropdown-menu > li > a:hover {
40 .account .dropdown-menu li {
41 border-color: $background_color;
44 .dropdown-menu > li > a:focus,
45 .dropdown-menu > li > a:hover {
46 background-image: none;
47 background-color: rgba(232, 232, 232, $contentbg_transp);
53 background-color: rgba(245, 245, 245, $contentbg_transp);
55 .panel-group .panel-footer {
56 border-top: 1px solid $nav_bg;
60 background-image: none;
61 background-color: $nav_bg;
62 box-shadow: 0 0 3px #dadada;
63 -webkit-box-shadow: 0 0 3px #dadada;
64 border-color: #a0a0a0;
69 button[type="submit"]:not(.btn),
73 border: 2px solid transparent;
74 background-color: $nav_bg;
76 box-shadow: 0 0 3px #dadada;
77 -webkit-box-shadow: 0 0 3px #dadada;
83 .form-control[disabled],
84 .form-control[readonly],
85 fieldset[disabled] .form-control {
86 background-color: $background_color;
87 color: $font_color_darker;
91 .checkbox label::before {
92 background-color: $background_color;
95 .nav-tabs > li.active > a,
96 .nav-tabs > li.active > a:focus,
97 .nav-tabs > li.active > a:hover,
98 main .nav-tabs > li.active > a,
99 main .nav-tabs > li.active > a:focus,
100 main .nav-tabs > li.active > a:hover {
101 background-color: $nav_bg;
102 color: $font_color_darker;
106 .nav > li > a:hover {
107 background-color: rgba(238, 238, 238, $contentbg_transp);
111 background-color: $background_color;
116 border-color: #a0a0a0;
120 .pager li > a:hover {
121 background-color: #303030;
124 .pagination > .active > a,
125 .pagination > .active > a:focus,
126 .pagination > .active > a:hover,
127 .pagination > .active > span,
128 .pagination > .active > span:focus,
129 .pagination > .active > span:hover {
130 border-color: $link_color;
131 background-color: $nav_bg;
135 .pagination > li > a:hover,
136 .pagination > li > span:hover {
137 background-color: $nav_bg;
142 background-color: $background_color;
147 text-shadow: 0 1px 0 $nav_bg;
156 background-color: $nav_bg;
157 box-shadow: 0 0 3px #dadada;
158 -webkit-box-shadow: 0 0 3px #dadada;
162 #topbar-first #nav-notifications-menu li.notif-entry,
164 .panel-group .panel-heading + .panel-collapse > .list-group,
165 .panel-group .panel-heading + .panel-collapse > .panel-body,
166 .wall-item-container,
168 border-color: $nav_bg;
171 .wall-item-comment-wrapper {
176 background-color: $nav_bg;
180 box-shadow: 0 0 2px #dadada;
181 -webkit-box-shadow: 0 0 2px #dadada;
183 color: $font_color_darker;
195 .btn-default:active {
196 background-color: $nav_bg;
200 button[type="submit"]:not(.btn),
201 input[type="submit"],
203 border: 1px solid $link_color;
207 background-color: $background_color;
211 .panel-default > .panel-heading {
213 background-color: $nav_bg;
220 .panel-success > .panel-heading {
221 background: rgba(60, 118, 61, 0.4);
229 .panel-info > .panel-heading,
230 .table > tbody > tr.info > td,
231 .table > tbody > tr.info > th,
232 .table > tbody > tr > td.info,
233 .table > tbody > tr > th.info,
234 .table > tfoot > tr.info > td,
235 .table > tfoot > tr.info > th,
236 .table > tfoot > tr > td.info,
237 .table > tfoot > tr > th.info,
238 .table > thead > tr.info > td,
239 .table > thead > tr.info > th,
240 .table > thead > tr > td.info,
241 .table > thead > tr > th.info {
242 background: rgba(49, 112, 143, 0.4);
249 .panel-warning > .panel-heading {
250 background: rgba(139, 109, 59, 0.4);
257 .panel-danger > .panel-heading {
258 background: rgba(169, 68, 66, 0.4);
262 @media (min-width: 768px) {
263 .wall-item-container .wall-item-links,
264 .wall-item-container .wall-item-actions button > a {
266 -webkit-transition: all 0.25s ease-in-out;
267 -moz-transition: all 0.25s ease-in-out;
268 -o-transition: all 0.25s ease-in-out;
269 -ms-transition: all 0.25s ease-in-out;
270 transition: all 0.25s ease-in-out;
272 .wall-item-container:hover .wall-item-links,
273 .wall-item-container:hover .wall-item-actions button > a {
275 -webkit-transition: all 0.25s ease-in-out;
276 -moz-transition: all 0.25s ease-in-out;
277 -o-transition: all 0.25s ease-in-out;
278 -ms-transition: all 0.25s ease-in-out;
279 transition: all 0.25s ease-in-out;
281 .wall-item-container .wall-item-body .body-attach > a:hover {
286 .fc-unthemed td.fc-today {
287 background-color: $nav_bg;
290 .nav .open > .btn-link {
291 background-color: $nav_bg;
295 box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
296 -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
300 background-color: $nav_bg;
302 .hovercard.top > .arrow:after {
303 border-top-color: $nav_bg;
305 .hovercard.right > .arrow:after {
306 border-right-color: $nav_bg;
308 .hovercard.bottom > .arrow:after {
309 border-bottom-color: $nav_bg;
311 .hovercard.left > .arrow:after {
312 border-left-color: $nav_bg;
315 .friendica-tagsinput .tag {
321 background-color: rgba(255, 255, 255, 0.2);
324 color: $font_color_darker;
325 background-color: rgba(255, 255, 255, 0.05);
332 .table-striped > tbody > tr:nth-of-type(odd),
333 .table-hover > tbody > tr:hover,
334 .adminpage .table-hover > tbody > tr:hover + tr.details {
335 background-color: $nav_bg;
338 section > .generic-page-wrapper,
339 .videos-content-wrapper,
340 .suggest-content-wrapper,
341 .help-content-wrapper,
342 .match-content-wrapper,
343 .dirfind-content-wrapper,
344 .delegation-content-wrapper,
345 .notes-content-wrapper,
346 .message-content-wrapper,
347 .apps-content-wrapper,
349 .delegate-content-wrapper,
350 .uexport-content-wrapper,
351 .dfrn_request-content-wrapper,
352 .friendica-content-wrapper,
353 .credits-content-wrapper,
354 .nogroup-content-wrapper,
355 .profperm-content-wrapper,
356 .invite-content-wrapper,
357 .tos-content-wrapper,
358 .fsuggest-content-wrapper,
361 .nav-container .widget,
363 box-shadow: 0 0 3px $link_color;
364 -webkit-box-shadow: 0 0 3px $link_color;
367 input[type="text"].tt-input {
376 background-color: $nav_bg;
377 box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
378 -webkit-box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
381 .textcomplete-item > a {
382 color: $nav_icon_color !important;
385 .textcomplete-item.active > a {
386 background-color: $nav_icon_hover_color !important;
389 #preview_profile-jot-text, .comment-edit-form .preview {
390 background-color: $nav_bg;
394 textarea#profile-jot-text:focus + #preview_profile-jot-text, textarea.comment-edit-text:focus + .comment-edit-form .preview {
395 border-color: $link_color;