visibility: hidden;
}
-body a:hover, .btn-link:hover,
-body a:focus, .btn-link:focus,
-body a:active, .btn-link:active,
-body a.active, .btn-link.active {
- /*color: #59d6e4;*/
+body a:hover, .btn-link:hover, .btn:hover,
+body a:focus, .btn-link:focus, .btn:focus,
+body a:active, .btn-link:active, .btn:active,
+body a.active, .btn-link.active, .btn.active {
color: $link_hover_color;
text-decoration: none;
outline: none;
}
#topbar-first #nav-notifications-menu li.notification-unseen {
- border-left: 3px solid #f3fcfd;
- background-color: #f3fcfd;
+ border-left: 3px solid #e3eff3;
+ background-color: #e3eff3;
}
#topbar-first #nav-notifications-menu li.notif-entry:hover {
background-color: #f7f7f7;
section #jotOpen {
display: none;
}
-#jotOpen,
-#composeOpen {
+#jotOpen {
margin-top: 3px;
float: right;
}
.wall-item-container.panel-body {
padding: 0;
border-top: none;
- overflow: hidden;
}
.wall-item-container .media {
margin: 0;
margin-left: 20px;
}
-.wall-item-actions .button-event {
- padding-left: 5px;
- padding-right: 5px;
-}
.wall-item-actions .button-comments,
.wall-item-actions .button-votes,
.wall-item-actions .button-likes {
.wall-item-actions .separator {
margin: 0 .3em;
}
-.wall-item-actions .more-links {
- position: absolute;
-}
.wall-item-responses > div > p {
margin: 0;
}
/* wall item hover effects */
-.wall-item-container .wall-item-links,
-.wall-item-container .wall-item-actions button,
-.wall-item-container .body-attach > a {
- opacity: 0.3;
- -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;
-}
-.wall-item-container:hover .wall-item-links,
-.wall-item-container:hover .wall-item-actions button,
-.wall-item-container:hover .body-attach > 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;
-}
-.wall-item-container .wall-item-body .body-attach > a:hover {
- opacity: 1;
+
+@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;
+ -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;
+ }
+ .wall-item-container:hover .wall-item-links,
+ .wall-item-container:hover .wall-item-actions button,
+ .wall-item-container:hover .body-attach > 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;
+ }
+ .wall-item-container .wall-item-body .body-attach > a:hover {
+ opacity: 1;
+ }
}
/*
.wall-item-container.thread_level_7 {
margin-left: 15px;
}
+
+/* Birthday */
+#birthday-notice, #birthday-wrapper {
+ margin-bottom: 5px;
+ padding: 10px;
+ border: none;
+ background-color: rgba(247,247,247,$contentbg_transp);
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
+ border-radius: 4px;
+}
+
/* Menubar Tabs */
section > .tabbar-wrapper {
/* The tabbar shouldn't' be visibile inside
transition: max-height 0.1s ease-in;
}
.intro-desc-label, .intro-url-label, .intro-network-label,
-.intro-location-label, .intro-gender-label, .intro-keywords-label,
+.intro-location-label, .intro-keywords-label,
.intro-about-label, .intro-knowyou-label, .intro-madeby-label {
font-weight: bold;
}
.intro-contact-info.xs .intro-url-label, .intro-contact-info.xs .intro-network-label,
-.intro-contact-info.xs .intro-location-label, .intro-contact-info.xs .intro-gender-label,
+.intro-contact-info.xs .intro-location-label,
.intro-contact-info.xs .intro-keywords-label, .intro-contact-info.xs .intro-about-label,
.intro-contact-info.xs .intro-knowyou-label {
display: block;
/* Notifications Page */
ul.notif-network-list li.unseen {
- background-color: #f3fcfd;
+ background-color: #e3eff3;
}
.notif-item img.notif-image {
height: 48px;