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 46f7894c1fee30931b8c2b758b5424f11bda81aa..ae670cf3ad8b23c8c03cd43be12e944225121411 100644 (file)
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -1,8 +1,8 @@
 /*
        style.css
        Theme: Smoothly
-       Maintainer: alex@friendica.pixelbits.de
-       last change: 2013-05-07
+       Maintainer: Nomen Nominandum
+       last change: 2013-05-08
 
 ** Colors ** 
 Blue links - #1873a2
@@ -115,6 +115,10 @@ input[type=submit]:active {
 #search-save {
 }
 
+#directory-search-end {
+       clear: both;
+}
+
 .dirsearch-desc {
 }
 
@@ -291,7 +295,7 @@ section {
        margin: 10px 0 0 230px;
 }
 
-.login-form,
+.login-form {
        margin-top: 10px;
 }
 
@@ -639,6 +643,12 @@ aside h4 {
        font-size: 1.3em;
 }
 
+.vcard  {
+       width: 205px;
+       padding-bottom: 10px;
+       /*border-bottom-style: dotted;*/
+}
+
 .vcard .title {
        font-size: 1em;
 }
@@ -939,13 +949,14 @@ ul .sidebar-group-li .icon {
        width: 12px;
 }
 
-.nets-ul, .fileas-ul, .categories-ul  {
+.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul  {
        list-style-type: none;
 }
 
 .nets-ul li, 
 .fileas-ul li, 
-.categories-ul li {
+.categories-ul li,
+.datebrowse-link {
 }
 
 .nets-link {
@@ -1061,11 +1072,13 @@ ul .sidebar-group-li .icon {
 .contact-block-h4,
 .contact-block-content {
        margin: 0;
+       font-size: 1.2em;
 }
 
 #contact-block,
 #contact-block-end {
        clear: both;
+       padding-top: 10px;
 }
 
 /* ======= */
@@ -1718,6 +1731,59 @@ ul .sidebar-group-li .icon {
        background-color: #1873a2; 
 }
 
+.wall-item-container .wall-item-content .type-link img,
+.type-link img {
+  max-width: 160px;
+  max-height: 160px;
+  float: left;
+  margin-right: 10px;
+}
+.type-link blockquote {
+  margin-left: 160px;
+  max-height: 160px;
+  overflow: hidden;
+}
+.type-link .oembed {
+}
+
+.shared_header {
+  height: 32px;
+  color: #999;
+  border-top: 1px solid #D2D2D2;
+  padding-top: 5px;
+  margin-top: 5px;
+}
+
+.shared_header a {
+  color: black;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+
+.shared_header a:hover {
+  color: #36c;
+}
+
+.shared_header img {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  float: left;
+}
+
+.shared_header span {
+  margin-left: 9px;
+}
+
+blockquote.shared_content {
+  margin-left: 32px;
+  color: #000;
+  border: none;
+}
+
 .icon.drop,
 .icon.drophide { 
        float: left;
@@ -2691,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 {
@@ -2706,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;
@@ -2722,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;
@@ -2743,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;
@@ -3925,7 +4013,13 @@ margin-left: 0px;
        font-size: 0.7em; 
 }
 
-footer {
+footer { display: block; margin: 50px 20%; clear: both; }
+
+/* ========== */
+/* = Tools = */
+/* ========== */
+
+tools {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0edf0), color-stop(1, #e2e2e2) );
        background: -moz-linear-gradient( center top, #f0edf0 5%, #e2e2e2 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0edf0', endColorstr='#e2e2e2');
@@ -3942,7 +4036,7 @@ footer {
        display: block;
        float: right;
        font-size: 15px;
-       height: 2em;
+       height: 38px;
        list-style: none outside none;
        margin: 0 0 0 755px;
        padding: 0;
@@ -3953,7 +4047,6 @@ footer {
        clear:both;
 }
 
-
 /* ======= */
 /* = ACL = */
 /* ======= */
@@ -4322,9 +4415,10 @@ ul.menu-popup {
 ----------------------------------------------------------- */
 #scrollup {
        position: absolute;
-       right: 70px;
-       bottom: -4px;
+       right: 0px;
+       bottom: -1px;
        z-index: 100;
+padding-right: 10px;
 }
 
 #scrollup a:hover {
@@ -4332,6 +4426,10 @@ ul.menu-popup {
        border: 0;
 }
 
+.item-scrollup {
+       margin-left: 5px;
+}
+
 /* New posts and comments => background color
 ----------------------------------------------------------- */
 .shiny {
@@ -4426,6 +4524,7 @@ hr.line-dots {
        float: left;
        text-align: left;
        display: block;
+       line-height: 0.6em;
 }
 
 .adr, 
@@ -4435,6 +4534,8 @@ hr.line-dots {
        float: left;
        display: block;
        margin-left: 8px;
+       line-height: 1em;
+       text-align: left;
 }
 
 #birthday-notice {}
@@ -4531,10 +4632,6 @@ div #datebrowse-sidebar.widget {
 
 #id_npassword {}
 
-#posted-date-selector {
-       margin-left: 33px;
-}
-
 #hide-comments-page-widget {
        margin-left: 40px;
 }