Merge pull request #2575 from annando/1606-shared-template

[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 6b5e840fb16282741d41e1f0daf3ab5aff21aa8b..0ecb56441d19a0874de1a2e932b51c0bfa267db1 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -109,7 +109,7 @@ a#item-delete-selected {
 * Overwriting and Extend Bootstrap
 */
 .label, .label a {
-    color: #fff !important;
+    color: #fff;
 }
 
 /* Buttons */
@@ -138,6 +138,12 @@ a#item-delete-selected {
     padding: 4px 8px;
     font-size: 12px;
 }
+.btn-small {
+    padding: 6px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+}
 .btn-primary {
     background: $nav_bg;
     color: $btn_primary_color !important;
@@ -186,6 +192,13 @@ a#item-delete-selected {
     background: $link_hover_color;
 }
 
+.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
+    padding: .275rem .75rem;
+    /*font-size: .875rem;*/
+    line-height: 1.5;
+    height: 30px;
+    border-radius: .2rem;
+}
 /* Bootstrap media class fix/hack
  * This is a test. I thought it does have some
  * issues in some corner cases. Maybe we remove
@@ -929,6 +942,31 @@ aside .vcard #wallmessage-link {
     width: 100%;
 }
 
+aside #peoplefind-sidebar input,
+aside #follow-sidebar input {
+    height: 30px;
+    background-position: 10px 5px;
+}
+aside #peoplefind-sidebar .form-group-search .form-button-search,
+aside #follow-sidebar .form-group-search .form-button-search {
+    padding: 2px 8px;
+}
+
+aside #group-sidebar .group-edit-tool,
+aside #saved-search-list .savedsearchdrop {
+    opacity: 0.1;
+    transition: all 0.25s ease-in-out;
+}
+aside #group-sidebar .sidebar-group-li:hover .group-edit-tool,
+aside #saved-search-list .saved-search-li:hover .savedsearchdrop {
+    opacity: 0.8;
+    transition: all 0.25s ease-in-out;
+}
+aside #group-sidebar .sidebar-group-li .group-edit-tool:hover,
+aside #saved-search-list .saved-search-li .savedsearchdrop:hover {
+    opacity: 1;
+}
+
 /* contact block widget */
 #contact-block .contact-block-content {
     clear: both;
@@ -1220,7 +1258,8 @@ section #jotOpen {
 .media-heading {
     margin: 0 0 5px;
 }
-.wall-item-name {
+.wall-item-name,
+.shared-author {
     font-size: 15px;
     font-weight: bold;
 }
@@ -1255,6 +1294,10 @@ section #jotOpen {
     max-height: 480px;
     object-fit: contain;
 }
+.wall-item-body > img,
+.wall-item-body > a > img {
+    border-radius: 3px;
+}
 .shared-wrapper,
 .vevent {
     margin-left: 50px;
@@ -1297,6 +1340,10 @@ blockquote.shared_content {
 .wall-item-tags a:hover {
     text-decoration: none;
 }
+.wall-item-bottom .label,
+.wall-item-bottom .label a {
+    color: #fff;
+}
 
 /* item social action buttons */
 .wall-item-actions, .wall-item-actions a {
@@ -1546,6 +1593,7 @@ ul.dropdown-menu li:hover {
 
 /* Media Classes */
 .media .time,
+.media .shared-time,
 .media .location,
 .media .location a {
     font-size: 11px;
@@ -1613,7 +1661,22 @@ ul.dropdown-menu li:hover {
     color: $link_color;
     font-size: 20px;
 }
-
+/* Section-Content-Wrapper */
+#search-header-wrapper {
+    padding: 15px;
+    padding-bottom: 20px;
+    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;
+}
 
 /* PAGES */
 
@@ -1623,7 +1686,7 @@ ul.dropdown-menu li:hover {
 .allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper,
 .directory-content-wrapper, .manage-content-wrapper, .notes-content-wrapper,
 .events-content-wrapper, .message-content-wrapper, .apps-content-wrapper, 
-.notifications-content-wrapper, .admin-content-wrapper {
+.notifications-content-wrapper, .admin-content-wrapper, .group-content-wrapper {
     min-height: calc(100vh - 150px);
     padding: 15px;
     padding-bottom: 20px;
@@ -1712,6 +1775,7 @@ ul.viewcontact_wrapper > li {
 }
 .contact-wrapper a.contact-action-link {
     opacity: 0.1;
+    transition: all 0.25s ease-in-out;
 }
 .contact-wrapper a.contact-action-link,
 .contact-wrapper a.contact-action-link:hover,
@@ -1722,6 +1786,7 @@ ul.viewcontact_wrapper > li {
 }
 ul li:hover .contact-wrapper a.contact-action-link {
     opacity: 0.8;
+    transition: all 0.25s ease-in-out;
 }
 ul li:hover .contact-wrapper a.contact-action-link:hover {
     opacity: 1;
@@ -1918,3 +1983,11 @@ There are for some reasons empty <a> tags. I don't know why */
     padding: 0;
 }
 
+/* hovercard fix */
+body .tread-wrapper .hovercard a,
+body .tread-wrapper .hovercard a:hover {
+    color: $link_color;
+}
+body .tread-wrapper .hovercard:hover .hover-card-content a {
+    color: $link_color !important;
+}