template rework: multi-row view for the other themes

[friendica.git] / view / theme / smoothly / style.css

diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index f3ca397284906c118424f4ad310cb0bbbdef324a..ae670cf3ad8b23c8c03cd43be12e944225121411 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -104,8 +104,6 @@ input[type=submit]:active {
        top: 1px;
 }
 
-.pull-right { float: right }
-
 #search-text,
 #search-submit,
 #search-save {
@@ -117,6 +115,10 @@ input[type=submit]:active {
 #search-save {
 }
 
+#directory-search-end {
+       clear: both;
+}
+
 .dirsearch-desc {
 }
 
@@ -293,7 +295,7 @@ section {
        margin: 10px 0 0 230px;
 }
 
-.login-form,
+.login-form {
        margin-top: 10px;
 }
 
@@ -2755,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 {
@@ -2770,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;
@@ -2786,17 +2791,27 @@ margin-left: 0px;
        font-weight: bold;
 }
 
-.contact-entry-name {
-       width: 100px;
+.contact-entry-desc {
+       overflow: hidden;
+}
+
+.contact-entry-name, .contact-entry-connect {
        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;
@@ -2807,6 +2822,15 @@ margin-left: 0px;
                -webkit-box-shadow: 0 0 8px #BDBDBD;*/
 }
 
+.contact-entry-photo {
+       width: 80px;
+}
+
+.contact-entry-photo a img {
+       width: 80px;
+       height: 80px;
+}
+
 .contact-entry-edit-links .icon {      
        border: 1px solid #babdb6;
        border-radius: 3px;