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 5ac152252a6d40f7dc03d7b0b40157eef7417767..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;
 }
 
@@ -483,8 +483,9 @@ code {
 }
 #saved-search-ul .tool:hover,
 #nets-sidebar .tool:hover,
-#sidebar-group-list .tool:hover {
-       background: #EEE;
+#sidebar-group-list .tool:hover,
+#fileas-sidebar .tool:hover{
+       background: #E7F2F7;
 }
 .tool .label {
   float: left;
@@ -510,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;
 }
@@ -556,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,
@@ -897,8 +869,6 @@ ul.menu-popup .empty {
 .menu-profile-list{
   height: auto;
   overflow: auto;
-  padding-top: 3px;
-  padding-bottom: 3px;
   padding-left: 16px;
   min-height: 16px;
   list-style: none;
@@ -908,36 +878,37 @@ ul.menu-popup .empty {
        }
 .menu-profile-list-item{
        padding-left: 5px;
+       vertical-align: middle;
        }       
 .menu-profile-list-item:hover{ 
        text-decoration: none;
    }
 /*http://prothemedesign.com/circular-icons/*/
-.menu-profile-list.home{
-       background: url("../../../view/theme/diabook-blue/icons/home.png") no-repeat;
+.menu-profile-icon.home{
+       background: url("../../../view/theme/diabook/icons/home.png") no-repeat;
        }
-.menu-profile-list.photos{
-       background: url("../../../view/theme/diabook-blue/icons/mess_side.png") no-repeat;
+.menu-profile-icon.photos{
+       background: url("../../../view/theme/diabook/icons/mess_side.png") no-repeat;
        }
-.menu-profile-list.events{
-       background: url("../../../view/theme/diabook-blue/icons/events.png") no-repeat;
+.menu-profile-icon.events{
+       background: url("../../../view/theme/diabook/icons/events.png") no-repeat;
        }
-.menu-profile-list.notes{
-       background: url("../../../view/theme/diabook-blue/icons/notes.png") no-repeat;
+.menu-profile-icon.notes{
+       background: url("../../../view/theme/diabook/icons/notes.png") no-repeat;
        }
-.menu-profile-list.foren{
-       background: url("../../../view/theme/diabook-blue/icons/pubgroups.png") no-repeat;
+.menu-profile-icon.foren{
+       background: url("../../../view/theme/diabook/icons/pubgroups.png") no-repeat;
        }
-.menu-profile-list.com_side{
-       background: url("../../../view/theme/diabook-blue/icons/com_side.png") no-repeat;
+.menu-profile-icon.com_side{
+       background: url("../../../view/theme/diabook/icons/com_side.png") no-repeat;
        }
 
 /* aside */
 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{
@@ -1176,7 +1147,6 @@ body .pageheader{
     padding: 0;
  }
 .tab.button {
-    margin-right: 5px; 
     margin-left: 5px;  
     /*background: none repeat scroll 0 0 #F8F8F8;*/
     border: 1px solid #CCCCCC;
@@ -1187,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 {
@@ -1206,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;
@@ -1230,13 +1204,17 @@ 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;
   padding: 5px;
   margin-bottom: 0px;
   width: 575px;
-}
+  padding-top: 10px;
+}*/
+
 .wall-item-decor {
   position: absolute;
   left: 790px;
@@ -1298,14 +1276,16 @@ transition: all 0.2s ease-in-out;
 }
 
 .wall-item-container .wall-item-content {
-  font-size: 12.5px;
+
   max-width: 420px;
   word-wrap: break-word;
-  line-height: 1.2;
+
+
 }
 
 .wall-item-container .wall-item-content img {
   max-width: 400px;
+
 }
 .wall-item-container .wall-item-links, .wall-item-container .wall-item-actions {
   display: table-cell;
@@ -1378,13 +1358,13 @@ transition: all 0.2s ease-in-out;
   padding-left: 12px;
 }
 .wall-item-comment-wrapper {
-  margin: 1px 5px 1px 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;
@@ -1399,9 +1379,9 @@ transition: all 0.2s ease-in-out;
   border: 1px solid #2d2d2d;
 }
 .comment-edit-preview {
-  width: 710px;
-  border: 1px solid #2d2d2d;
+  width: 500px;
   margin-top: 10px;
+  background-color:  #fff797;
 }
 .comment-edit-preview .contact-photo {
   width: 32px;
@@ -1445,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;
@@ -1637,7 +1617,7 @@ transition: all 0.2s ease-in-out;
     height: 20px;
     margin: 0 0 5px;
     width: 60%;
-    border: 1px solid #ffffff;
+    border: 1px solid #d2d2d2;
 }
 #profile-jot-form #jot-title:-webkit-input-placeholder {
   font-weight: normal;
@@ -2023,6 +2003,8 @@ ul.tabs li .active {
 /* photo */
 .photo {
 border-radius: 10px;   
+height: 145px !important;
+width: 145px !important;
        }
 .lframe {
   float: left;
@@ -2094,6 +2076,10 @@ blockquote {
     border-left: 1px solid #D2D2D2;
     padding-left: 9px;
     margin: 0 0 0 .8ex;
+    color: #777;
+}
+.oembed {
+       font-weight: bold;
 }
 .aprofile dt{
 box-shadow: 1px 1px 5px 0;
@@ -2132,6 +2118,9 @@ box-shadow: 1px 1px 5px 0;
 #group-separator,
 #prof-separator { display: none;}
 */
+#prof-members-end{
+       clear: both;
+       }
 
 #prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
        margin-bottom: 10px;
@@ -2255,7 +2244,7 @@ a.mail-list-link {
 }
 
 .vevent {
-        border: 1px solid #CCCCCC;
+
 }
 .vevent .event-description, .vevent .event-location {
         margin-left: 10px;
@@ -2538,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;
+}