X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fcss%2Fstyle.css;h=7795a7e433028eb11dc219b889204b72fb5c5ed1;hb=af3a6725707aee82c2dcb22a2eddc8cfe1e02f15;hp=3596c5aa0bcbfa5937e8a18ed4513550ab4b3799;hpb=75be187216255c7c45421cb5f9596118a954f878;p=friendica.git

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index 3596c5aa0b..7795a7e433 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -60,6 +60,9 @@ section hr {
 iframe, img {
     max-width: 100%;
 }
+blockquote {
+    font-size: inherit;
+}
 .clear {
     clear: both;
 }
@@ -108,6 +111,10 @@ a#item-delete-selected {
     display: none;
 }
 
+#toggle_mobile_link {
+    display: none;
+}
+
 /*
 * Overwriting and Extend Bootstrap
 */
@@ -510,6 +517,9 @@ nav.navbar a {
 #topbar-first .btn-enter:hover {
     background-color: #89a2b0
 }
+.navbar-fixed-top ul.nav.navbar-nav.navbar-right {
+    display: flex;
+}
 
 
 /* Notification Menu */
@@ -960,10 +970,14 @@ aside .vcard .p-addr {
     white-space: nowrap;
     padding-bottom: 2px;
 }
+
 aside .vcard .detail {
     display: table;
     padding: 5px 0;
 }
+aside .xmpp {
+    display: table;
+}
 aside .vcard .icon {
     display: table-cell;
     padding-right: 10px;
@@ -1397,10 +1411,17 @@ section #jotOpen {
 .wall-item-body > a > img {
     border-radius: 3px;
 }
+.wall-item-body .body-attach > a {
+    color: #555;
+    display: inline-block;
+}
+.wall-item-body .body-attach > a div {
+    color: #555;
+    width: 20px;
+}
+
 .shared-wrapper,
 .vevent {
-    margin-left: 50px;
-    margin-right: 50px;
     padding: 10px;
     box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
 }
@@ -1417,13 +1438,15 @@ section #jotOpen {
 }
 .shared_header {
     margin-left: 0px;
-        margin-top: 0px;
+    margin-top: 0px;
     padding-top: 0px;
+    margin-bottom: 10px;
     border-top: none;
     color: inherit;
 }
 blockquote.shared_content {
-    margin-left: 20px;
+    padding: 0px;
+    margin-left: 0px;
     color: inherit;
 }
 .wall-item-tags,
@@ -1479,7 +1502,8 @@ blockquote.shared_content {
 
 /* wall item hover effects */
 .wall-item-container .wall-item-links,
-.wall-item-container .wall-item-actions {
+.wall-item-container .wall-item-actions,
+.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;
@@ -1488,7 +1512,8 @@ blockquote.shared_content {
     transition: all 0.25s ease-in-out;
 }
 .wall-item-container:hover .wall-item-links,
-.wall-item-container:hover .wall-item-actions {
+.wall-item-container:hover .wall-item-actions,
+.wall-item-container:hover .body-attach > a {
     opacity: 0.6;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
@@ -1496,6 +1521,9 @@ blockquote.shared_content {
     -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;
+}
 
 /*
 /* Comments
@@ -1791,15 +1819,18 @@ ul.dropdown-menu li:hover {
     -moz-box-shadow: 0 0 3px #dadada;
 }
 
-/* PAGES */
+/* *******
+ * PAGES
+ *********/
 
-/* Profile-page */
-.generic-page-wrapper ,#profile-page, .profile_photo-content-wrapper,
- .suggest-content-wrapper, .common-content-wrapper,
+.generic-page-wrapper, .profile_photo-content-wrapper, .videos-content-wrapper,
+ .suggest-content-wrapper, .common-content-wrapper, .help-content-wrapper,
 .allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper,
 .directory-content-wrapper, .manage-content-wrapper, .notes-content-wrapper,
-.message-content-wrapper, .apps-content-wrapper,
-.admin-content-wrapper, .group-content-wrapper, .viewcontacts-content-wrapper {
+.message-content-wrapper, .apps-content-wrapper, .photos-content-wrapper,
+.admin-content-wrapper, .group-content-wrapper, .viewcontacts-content-wrapper,
+.dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper,
+.nogroup-content-wrapper, .profperm-content-wrapper {
     min-height: calc(100vh - 150px);
     padding: 15px;
     padding-bottom: 20px;
@@ -1815,6 +1846,8 @@ ul.dropdown-menu li:hover {
     -webkit-box-shadow: 0 0 3px #dadada;
     -moz-box-shadow: 0 0 3px #dadada;
 }
+
+/* Profile-page */
 #profile-content-standard,
 #profile-content-advanced {
     overflow: hidden;
@@ -2020,6 +2053,13 @@ ul li:hover .contact-wrapper a.contact-action-link:hover {
 #prvmail-end {
     clear:both;
 }
+/* photos */
+.photo-album-actions {
+    margin-bottom: 10px;
+}
+.photo-album-actions .photos-order-link {
+    float: right;
+}
 /* poke */
 #poke-desc {
     margin: 5px 0 30px;
@@ -2167,12 +2207,17 @@ ul.notif-network-list > li {
     padding-left: 15px;
     padding-right: 15px;
 }
+ul.notif-network-list li.unseen {
+    border-left: 3px solid #f3fcfd;
+    background-color: #f3fcfd;
+}
 .intro-wrapper.media {
     overflow: visible;
     word-wrap: break-word;
     margin-top: 0;
 }
-.intro-photo-wrapper img.intro-photo {
+.intro-photo-wrapper img.intro-photo,
+.notif-item img.notif-image {
     height:80px;
     width: 80px;
     border-radius: 4px;
@@ -2200,11 +2245,55 @@ ul li:hover .intro-wrapper button.intro-action-link {
 ul li:hover .intro-wrapper button.intro-action-link:hover {
     opacity: 1;
 }
+.intro-action-buttons {
+    margin-top: 15px;
+    /*display: none;*/
+    max-height: 0px;
+    overflow: hidden;
+    transition: max-height 0.1s ease-out;
+}
+ul.notif-network-list > li:hover .intro-action-buttons {
+    /*display: block;*/
+    max-height: 30px;
+    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-about-label, .intro-knowyou-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-keywords-label, .intro-contact-info.xs .intro-about-label,
+.intro-contact-info.xs .intro-knowyou-label {
+    display: block;
+    margin-top: 5px
+}
+
+/* Search Page */
+
+/* This is a little bit hacky. Since the search page is used for diferent 
+content types we can't apply the generic-page-wrapper class.
+So we apply the css of the generic-page-wrapper class to the ul element with some
+little modifications to emulate a standard page template */
+.search-content-wrapper > ul.viewcontact_wrapper {
+    min-height: calc(100vh - 150px);
+    padding-top: 15px;
+    padding-bottom: 20px;
+    margin: 0;
+    margin-bottom: 20px;
+    border: none;
+    /*background-color: #fff;*/
+    background-color: rgba(255,255,255,$contentbg_transp);
+    border-radius: 4px;
+    position: relative;
+    /*overflow: hidden;*/
+    color: #555;
+    box-shadow: 0 0 3px #dadada;
+    -webkit-box-shadow: 0 0 3px #dadada;
+    -moz-box-shadow: 0 0 3px #dadada;
+}
+
 /*
 * Overwriting for transparency and other colors
 */