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 a0a2adb53b06b71df29425bacea6c4cb080e75c1..bd63e59b342a4ddecafdf27808ef4bb6b8b2d6a1 100644 (file)
--- a/view/theme/diabook/style-profile.css
+++ b/view/theme/diabook/style-profile.css
@@ -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,8 +1180,8 @@ 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;}
@@ -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;
@@ -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;
+}