X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Fcss%2Fstyle.css;h=5926b3b53543b09158ba2eca23e4ba19f1419a2b;hb=632095a7ec6272ca39a808130c301447cf91bc04;hp=f1c78abc777b291b9c1799005dff2fb6866b577b;hpb=fed486bfc50f9c78bf84cd57108b558c82b38af7;p=friendica.git

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index f1c78abc77..5926b3b535 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1457,82 +1457,6 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
     overflow-y: overlay;
 }
 /* ACL */
-/*#jot-modal-body {
-    height: auto;
-    max-height: calc(100vh - 130px);
-    overflow-y: hidden;
-}*/
-#acl-search {
-    /*margin-top: 20px;*/
-    /*padding: 8px;*/
-    /*border: 1px solid #ccc;*/
-    width: 100%;
-}
-#acl-list {
-    display: block;
-    border: 1px solid #ccc;
-    clear: both;
-    min-height: 62px;
-    margin-top: 20px;
-    padding: 10px 10px 0px 0px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    overflow-y: auto;
-}
-#acl-list-content {
-    overflow-y: hidden;
-    height: auto !important;
-}
-.acl-list-item {
-    width: 48%;
-    width: calc(50% - 10px);
-    border: 1px solid #ccc;
-    margin: 0px 0px 10px 10px;
-    padding: 5px;
-    float: left;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-}
-.acl-list-item img {
-    width: 40px;
-    height: 40px;
-    float: left;
-    margin-right: 5px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-}
-.acl-list-item p {
-    margin: 0px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.acl-list-item.groupshow {
-    background-color: #8DB255
-}
-.acl-list-item.grouphide {
-    background-color: #E68364;
-}
-.acl-button-show, .acl-button-hide {
-    float: right;
-    margin-left: 5px;
-}
-#acl-showall.selected {
-    background-color: #4CAF50;
-    color: #fff;
-}
-.acl-button-show.selected {
-    background-color: #4CAF50;
-    color: #fff;
-}
-.acl-button-hide.selected {
-    background-color: #F44336;
-    color: #fff;
-}
-
 .fa.lock:before {
     font-family: ForkAwesome;
     content: "\f023";
@@ -1542,6 +1466,12 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
     content: "\f09c";
 }
 
+#acl-wrapper label.panel-heading {
+	display: block;
+	margin-bottom: 0;
+	cursor: pointer;
+}
+
 /* Filebrowser */
 .fbrowser .breadcrumb {
     margin-bottom: 0px;
@@ -1800,6 +1730,28 @@ aside .panel-body {
     font-size: 14px;
 }
 
+/* Contact avatar click card */
+.userinfo.click-card {
+	position: relative;
+}
+
+.userinfo.click-card > *:hover:after {
+	content: '⌄';
+	color: #bebebe;
+	font-size: 1em;
+	font-weight: bold;
+	background-color: #ffffff;
+	text-align: center;
+	line-height: 40%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 33%;
+	height: 33%;
+	opacity: .8;
+	border-radius: 0 0 40% 0;
+}
+
 /* The lock symbol popup */
 #panel {
     position: absolute;