Merge pull request #8384 from annando/issue-8371

[friendica.git] / view / theme / frio / css / style.css

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 00cd682cbccb425f564827377e5ec289289af528..5ace932ea1bd2d2f3a85bf235ca0e01168461895 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -56,11 +56,10 @@ body a[name]:not([href]) {
     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;
@@ -633,8 +632,8 @@ nav.navbar .nav > li > button:focus
 }
 
 #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;
@@ -1302,8 +1301,7 @@ section ul.tabs {
 section #jotOpen {
     display: none;
 }
-#jotOpen,
-#composeOpen {
+#jotOpen {
     margin-top: 3px;
     float: right;
 }
@@ -1890,10 +1888,6 @@ code > .hl-main {
     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 {
@@ -1906,37 +1900,37 @@ code > .hl-main {
 .wall-item-actions .separator {
     margin: 0 .3em;
 }
-.wall-item-actions .more-links {
-    vertical-align: baseline;
-}
 
 .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;
+       }
 }
 
 /*
@@ -2078,6 +2072,19 @@ img.acpopup-img {
 .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
@@ -2971,12 +2978,12 @@ ul.notif-network-list > li:hover .intro-action-buttons {
     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;
@@ -2985,7 +2992,7 @@ ul.notif-network-list > li:hover .intro-action-buttons {
 
 /* Notifications Page */
 ul.notif-network-list li.unseen {
-    background-color: #f3fcfd;
+    background-color: #e3eff3;
 }
 .notif-item img.notif-image {
     height: 48px;