]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/smoothly/style.css
template rework: multi-row view for the other themes
[friendica.git] / view / theme / smoothly / style.css
index ef2be2fff4cef6c5b075c1d01c1fe0b2c7c03d5c..ae670cf3ad8b23c8c03cd43be12e944225121411 100644 (file)
@@ -115,6 +115,10 @@ input[type=submit]:active {
 #search-save {
 }
 
+#directory-search-end {
+       clear: both;
+}
+
 .dirsearch-desc {
 }
 
@@ -2753,11 +2757,10 @@ margin-left: 0px;
 .view-contact-wrapper,
 .contact-entry-wrapper {
        float: left;
-       margin-right: 30px;
-       margin-bottom: 20px;
-       width: 88px;
+       padding-right: 10px;
+       width: 345px;
        height: 120px;
-       position: relative;
+       margin: 0 10px 10px 0px;
 }
 
 #view-contact-end {
@@ -2768,6 +2771,10 @@ margin-left: 0px;
        margin-top: 15px;
 }
 
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+       float: left;
+       margin-right: 10px;
+}
 .contact-entry-direction-wrapper {
        position: absolute;
        top: 20px;
@@ -2784,17 +2791,27 @@ margin-left: 0px;
        font-weight: bold;
 }
 
+.contact-entry-desc {
+       overflow: hidden;
+}
+
 .contact-entry-name, .contact-entry-connect {
-       width: 100px;
        overflow: hidden;
        font: #999;
        font-size: 12px;
-       text-align: center;
        font-weight: bold;
        margin-top: 5px;
 }
 
-.contact-entry-photo {
+.contact-entry-details {
+       font-size: 13px;
+       color: #999999;
+       white-space: nowrap;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+.contact-entry-photo-wrapper {
        position: relative;
        /*border: 1px solid #7C7D7B;
        border-radius: 3px;
@@ -2805,6 +2822,10 @@ margin-left: 0px;
                -webkit-box-shadow: 0 0 8px #BDBDBD;*/
 }
 
+.contact-entry-photo {
+       width: 80px;
+}
+
 .contact-entry-photo a img {
        width: 80px;
        height: 80px;
@@ -3656,6 +3677,25 @@ margin-left: 0px;
        margin-top: 10px;
 }
 
+/* ============= */
+/* = Directory = */
+/* ============= */
+
+.directory-item {
+       float: left;
+       margin: 50px 50px 0px 0px;
+}
+
+.directory-details {
+       font-size: 0.9em;
+       width: 160px;
+}
+
+.directory-name {
+       font-size: 1em;
+       width: 150px;   
+}
+
 /* ========= */
 /* = Admin = */
 /* ========= */