profice a general content wrapper 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 a874ce6ae67dfb2c0ed70fa0914c56da4d47b3d7..34b56efff870cc242706b7f494c7017aff8aec67 100644 (file)
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -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;
@@ -1617,7 +1655,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 */
 
@@ -1627,7 +1680,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;
@@ -1716,6 +1769,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,
@@ -1726,6 +1780,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;