background-color: $nav_bg;
}
+#topbar-first #nav-notifications-menu li.notification-unseen {
+ background-color: $nav_icon_hover_color;
+}
#topbar-second {
background-color: $nav_bg;
border_color: $link_color;
}
-.dropdown-menu, .account .dropdown-menu {
+.dropdown-menu,
+.account .dropdown-menu {
background-color: $background_color;
}
-.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
color: $link_color;
}
.account .dropdown-menu li {
border-color: $background_color;
}
-.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
background-image: none;
background-color: rgba(232, 232, 232, $contentbg_transp);
}
border-color: #a0a0a0;
}
-input[type=text],
-input[type=submit],
-button[type=submit]:not(.btn),
+input[type="text"],
+input[type="submit"],
+button[type="submit"]:not(.btn),
select,
textarea,
.form-control {
- border: none;
+ border: 2px solid transparent;
background-color: $nav_bg;
color: $font_color;
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
}
-.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+input[type="range"] {
+ box-shadow: none;
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
background-color: $background_color;
color: $font_color_darker;
}
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li.active>a:hover,
-main .nav-tabs>li.active>a,
-main .nav-tabs>li.active>a:focus,
-main .nav-tabs>li.active>a:hover {
+.radio label::before,
+.checkbox label::before {
+ background-color: $background_color;
+}
+
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li.active > a:hover,
+main .nav-tabs > li.active > a,
+main .nav-tabs > li.active > a:focus,
+main .nav-tabs > li.active > a:hover {
background-color: $nav_bg;
color: $font_color_darker;
}
-.nav > li > a:focus, .nav > li > a:hover {
+.nav > li > a:focus,
+.nav > li > a:hover {
background-color: rgba(238, 238, 238, $contentbg_transp);
}
color: $font_color;
}
-.pagination>li>a:hover, .pagination>li>span:hover {
+.pagination > li > a:hover,
+.pagination > li > span:hover {
background-color: $nav_bg;
}
color: $font_color;
text-shadow: 0 1px 0 $nav_bg;
}
-.close:focus, .close:hover {
+.close:focus,
+.close:hover {
color: $link_color;
}
background: none;
color: $font_color_darker;
}
-.btn.focus, .btn:focus, .btn:hover {
+.btn.focus,
+.btn:focus,
+.btn:hover {
color: $font_color;
}
-.btn-default:focus, .btn-default:hover {
+.btn-default:focus,
+.btn-default:hover {
background: $nav_bg;
}
-.btn-default.active, .btn-default:active {
+.btn-default.active,
+.btn-default:active {
background-color: $nav_bg;
color: $font_color;
}
-button[type=submit]:not(.btn),
-input[type=submit],
+button[type="submit"]:not(.btn),
+input[type="submit"],
.btn.btn-primary {
border: 1px solid $link_color;
}
color: $link_color;
}
-.panel-default>.panel-heading {
+.panel-default > .panel-heading {
background: none;
background-color: $nav_bg;
color: $font_color;
color: #f2dede;
}
-.wall-item-actions a, .wall-item-actions button {
- color: $link_color;
-}
-
@media (min-width: 768px) {
.wall-item-container .wall-item-links,
- .wall-item-container .wall-item-actions button,
- .wall-item-container .body-attach > a {
- opacity: 0.3;
+ .wall-item-container .wall-item-actions button > a {
+ opacity: 0.5;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
- color: $font_color;
}
.wall-item-container:hover .wall-item-links,
- .wall-item-container:hover .wall-item-actions button,
- .wall-item-container:hover .body-attach > a {
+ .wall-item-container:hover .wall-item-actions button > a {
opacity: 1;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
- color: $link_color;
}
.wall-item-container .wall-item-body .body-attach > a:hover {
opacity: 1;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}
-.hovercard, .hover-card-footer {
+.hovercard,
+.hover-card-footer {
background-color: $nav_bg;
}
.hovercard.top > .arrow:after {
color: inherit;
}
-
code {
color: $font_color;
- background-color: rgba(255, 255, 255, .2);
+ background-color: rgba(255, 255, 255, 0.2);
}
pre {
color: $font_color_darker;
- background-color: rgba(255, 255, 255, .05);
+ background-color: rgba(255, 255, 255, 0.05);
}
legend {
color: $font_color;
}
-.table-striped>tbody>tr:nth-of-type(odd),
+.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.adminpage .table-hover > tbody > tr:hover + tr.details {
background-color: $nav_bg;
.delegation-content-wrapper,
.notes-content-wrapper,
.message-content-wrapper,
-.apps-content-wrapper, #adminpage,
+.apps-content-wrapper,
+#adminpage,
.delegate-content-wrapper,
.uexport-content-wrapper,
.dfrn_request-content-wrapper,
.fsuggest-content-wrapper,
.panel,
aside .widget,
-.nav-container .widget{
+.nav-container .widget,
+#back-to-top {
box-shadow: 0 0 3px $link_color;
-webkit-box-shadow: 0 0 3px $link_color;
}
-input[type=text].tt-input {
+input[type="text"].tt-input {
box-shadow: none;
}
+
+#back-to-top {
+ color: $link_color;
+}
+
+.acpopup {
+ background-color: $nav_bg;
+ box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
+ -webkit-box-shadow: 0px 6px 12px rgba(218, 218, 218, .18);
+}
+
+.textcomplete-item > a {
+ color: $nav_icon_color !important;
+}
+
+.textcomplete-item.active > a {
+ background-color: $nav_icon_hover_color !important;
+}
+
+#preview_profile-jot-text, .comment-edit-form .preview {
+ background-color: $nav_bg;
+ border-width: 1px;
+}
+
+textarea#profile-jot-text:focus + #preview_profile-jot-text, textarea.comment-edit-text:focus + .comment-edit-form .preview {
+ border-color: $link_color;
+}