Diabook - better 1024 resolution support.

[friendica.git] / view / theme / diabook / style-profile.css

diff --git a/view/theme/diabook/style-profile.css b/view/theme/diabook/style-profile.css
index ebde6ecfc89c4badfca073e45ba1ecca20a68500..bd63e59b342a4ddecafdf27808ef4bb6b8b2d6a1 100644 (file)
--- a/view/theme/diabook/style-profile.css
+++ b/view/theme/diabook/style-profile.css
@@ -121,7 +121,7 @@
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }     
 .video         { background-image: url("../../../view/theme/diabook/icons/video.png"); 
-                         display: block; width: 100%; height: 28px; background-repeat: no-repeat;
+                         display: block; width: 100%; height: 140px; background-repeat: no-repeat;
                          }
 .audio2        { background-image: url("../../../view/theme/diabook/icons/audio.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
@@ -398,7 +398,7 @@ body {
   font-size: 12.5px;
   background-color: #ffffff;
   color: #2d2d2d;
-  margin: 50px auto auto;
+  margin: 45px 2%;
   display: table;
 }
 
@@ -511,21 +511,6 @@ div.jGrowl div.info {
   padding-left: 58px;
 }
 /* header */
-header {
-  position: fixed;
-  left: 0%;
-  right: 80%;
-  top: 0px;
-  margin: 0px;
-  padding: 0px;
-  width: 22%;
-  height: 32px;
-  background: #000;
-  z-index: 100;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-}
 header #site-location {
   display: none;
 }
@@ -557,20 +542,6 @@ header #banner #logo-text {
   top: 10%;
 }
 /* nav */
-nav {
-  width: 80%;
-  height: 32px;
-  position: fixed;
-  left: 22%;
-  top: 0px;
-  padding: 0px;
-  background: #000;
-  color: #ffffff;
-  z-index: 99;
-  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
-}
 nav a,
 nav a:active,
 nav a:visited,
@@ -936,8 +907,8 @@ ul.menu-popup .empty {
 aside {
   display: table-cell;
   vertical-align: top;
-  width: 160px;
-  padding: 0px 10px 0px 10px;
+  width: 150px;
+  padding: 0px 8px 0px 8px;
   border-right: 1px solid #D2D2D2;
   float: left;
   /* background: #F1F1F1; */
@@ -1136,8 +1107,8 @@ span.sbox input {
 section {
   display: table-cell;
   vertical-align: top;
-  width: 610px;
-  padding: 0px 0px 0px 12px;
+  width: 90%;
+  padding: 5px;
 }
 
 body .pageheader{
@@ -1186,7 +1157,11 @@ body .pageheader{
        }
        
 #birthday-notice, #event-notice, #birthday-wrapper, #event-wrapper{
-       margin-bottom: 10px;
+       background-color: lightblue;
+       border: think solid black;
+       margin: 2px;
+       padding: 5px;
+       width: 95%;
        }
 
 right_aside {
@@ -1205,20 +1180,20 @@ right_aside .directory-photo { margin: 0px; }
 right_aside .directory-photo-img { max-width: 45px; max-height: 45px; }
 right_aside #likes { margin: 0px; padding: 0px; list-style: none; }
 right_aside .items-wrapper{ overflow: auto;    width: 100%; }
-right_aside #lastusers-wrapper { padding-left: 6px; padding-top: 3px; overflow: auto;  width: 100%; }
-right_aside #ra-photos-wrapper { padding-left: 5px; padding-top: 3px; overflow: auto;  width: 100%; }
+right_aside #lastusers-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto;  width: 100%; }
+right_aside #ra-photos-wrapper { padding-left: 9px; padding-top: 3px; overflow: auto;  width: 100%; }
 #page-sidebar-right_aside{margin-top: 0px; margin-bottom: 30px;}
 #page-sidebar-right_aside ul {margin-top: 0px;}
 #page-sidebar-right_aside .label {max-width: 128px;}
 right_aside .icon {width: 10px; height: 10px;}
 .close_box             { 
-               background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
+               background-image: url("../../../view/theme/diabook/icons/close_box.png");
                float: right;
                cursor: pointer;
                opacity: 0.1;
                }
 .close_box:hover       { 
-               background-image: url("../../../view/theme/diabook-blue/icons/close_box.png");
+               background-image: url("../../../view/theme/diabook/icons/close_box.png");
                float: right;
                cursor: pointer;
                opacity: 1;
@@ -1229,6 +1204,8 @@ right_aside .icon {width: 10px; height: 10px;}
 transition: all 0.2s ease-in-out;
                }
 /* wall item */
+
+/*
 .tread-wrapper {
   border-bottom: 1px solid #D2D2D2;
   position: relative;
@@ -1236,7 +1213,8 @@ transition: all 0.2s ease-in-out;
   margin-bottom: 0px;
   width: 575px;
   padding-top: 10px;
-}
+}*/
+
 .wall-item-decor {
   position: absolute;
   left: 790px;
@@ -1302,12 +1280,12 @@ transition: all 0.2s ease-in-out;
   max-width: 420px;
   word-wrap: break-word;
 
-  margin-bottom: 14px;
+
 }
 
 .wall-item-container .wall-item-content img {
   max-width: 400px;
-  max-height: 400px;
+
 }
 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
   display: table-cell;
@@ -1380,13 +1358,13 @@ transition: all 0.2s ease-in-out;
   padding-left: 12px;
 }
 .wall-item-comment-wrapper {
-  margin: 1px 5px 17px 80px;
+  margin: 1px 5px 5px 80px;
 }
 .wall-item-comment-wrapper .comment-edit-photo {
   display: none;
 }
 .wall-item-comment-wrapper textarea {
-  height: 2.0em;
+  height: 1.6em;
   width: 100%;
   font-size: 10px;
   color: #999999;
@@ -1447,14 +1425,14 @@ transition: all 0.2s ease-in-out;
 }
 .tag {
   /*background: url("../../../images/tag_b.png") repeat-x center left;*/
-  color: #3465A4;
+  color: #999;
   padding-left: 3px;
   font-size: 12px;
 }
 .tag a {
   padding-right: 5px;
   /*background: url("../../../images/tag.png") no-repeat center right;*/
-  color: #3465A4;
+  color: #999;
 }
 .wwto {
   position: absolute !important;
@@ -2266,7 +2244,7 @@ a.mail-list-link {
 }
 
 .vevent {
-        border: 1px solid #CCCCCC;
+
 }
 .vevent .event-description, .vevent .event-location {
         margin-left: 10px;
@@ -2549,4 +2527,9 @@ list-style-type: disc;
 #photos-upload-newalbum-div {
         float: left;
         width: 175px;
-}
\ No newline at end of file
+}
+
+.item-image-preview {
+  float: left;
+  margin-right: 10px;
+}