Merge pull request #90 from simonlnu/master

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

diff --git a/view/theme/diabook/style.css b/view/theme/diabook/style.css
index 5e471f621271ef9a0525cd19bca19cb5b5d0e81e..06ddf6de18458078f5ffa6d51ed652d3f5e70a4f 100644 (file)
--- a/view/theme/diabook/style.css
+++ b/view/theme/diabook/style.css
@@ -114,9 +114,15 @@
 .attach        { background-image: url("../../../view/theme/diabook/icons/attach.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }
-.video         { background-image: url("../../../view/theme/diabook/icons/video.png"); 
+.video2        { background-image: url("../../../view/theme/diabook/icons/video.png"); 
                          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;
+                         }
+.audio2        { background-image: url("../../../view/theme/diabook/icons/audio.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;
+                         }
 .audio         { background-image: url("../../../view/theme/diabook/icons/audio.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }
@@ -129,6 +135,8 @@
 .unglobe       { background-image: url("../../../view/theme/diabook/icons/unglobe.png"); 
                          display: block; width: 28px; height: 28px; background-repeat: no-repeat;
                          }
+.edit    {background-image: url("../../../view/theme/diabook/icons/pencil2.png"); 
+                         display: block; width: 28px; height: 28px; background-repeat: no-repeat;}
                          
                          
 
@@ -138,7 +146,7 @@
 .block                 { background-position: -90px  0px;}
 /*.drop                { background-position: -110px 0px;}*/
 /*.drophide    { background-position: -130px 0px;}*/
-.edit          { background-position: -150px 0px;}
+/*.edit                { background-position: -150px 0px;}*/
 /*.camera      { background-position: -170px 0px;}*/
 /*.dislike     { background-position: -190px 0px;}*/
 /*.like                { background-position: -210px 0px;}*/
@@ -376,9 +384,7 @@ body {
   font-size: 13px;
   background-color: #ffffff;
   color: #2d2d2d;
-  margin-left: : auto;
-  margin-right: auto;
-  margin-top: 50px;
+  margin: 50px auto auto;
   display: table;
 }
 h4 {
@@ -997,19 +1003,24 @@ section {
   display: table-cell;
   vertical-align: top;
   width: 800px;
-  padding: 0px 0px 0px 10px;
+  padding: 0px 0px 0px 12px;
 }
 .tabs {
-    background-image: url("../../../view/theme/diabook/icons/head.jpg");
+    
     background-position: 0 -20px;
     background-repeat: repeat-x;
-    border-bottom: 1px solid #BABDB6;
     height: 27px;
     padding: 0;
  }
 .tab.button {
-    margin-right: 15px; 
-    margin-left: 15px; 
+    margin-right: 5px; 
+    margin-left: 5px;  
+    /*background: none repeat scroll 0 0 #F8F8F8;*/
+    border: 1px solid #CCCCCC;
+    border-radius: 3px 3px 3px 3px;
+    font-weight: normal;
+    padding: 3px;
+    color:  #333333;
        }
 /* wall item */
 .tread-wrapper {
@@ -1032,6 +1043,8 @@ section {
   display: table;
   width: 780px;
 }
+
+
 .wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
   display: table-row;
 }
@@ -1162,7 +1175,7 @@ section {
   display: none;
 }
 .wall-item-comment-wrapper textarea {
-  height: 1.2em;
+  height: 2.0em;
   width: 100%;
   font-size: 10px;
   color: #999999;
@@ -1208,8 +1221,12 @@ section {
        border-right: 1px solid #A7C7F7;
        padding-right: 12px;
 }
+
+#jot-preview-content{
+       margin-top: 30px;}
+       
 #jot-preview-content .tread-wrapper {
-  background-color: #fce94f;
+  background-color: #fff797;
 }
 
 .wall-item-tags {
@@ -1312,13 +1329,12 @@ section {
   margin: 0px 2em 20px 0px;
 }
 #profile-jot-form #profile-jot-text {
-  height: 1.2em;
+  height: 3.0em;
   width: 99%;
   font-size: 10px;
   color: #999999;
   border: 1px solid #DDD;
   padding: 0.3em;
-  margin-top: 30px;
   margin-bottom: 10px;
 }
 #jot #jot-tools {
@@ -1655,10 +1671,15 @@ ul.tabs {
 }
 ul.tabs li {
   float: left;
-  margin-left: 7px;
+  margin-left: 5px;
 }
 ul.tabs li .active {
-  border-bottom: 1px solid #3465A4;
+    background-color: #333333;
+    border: 1px solid #777777;
+    color: white;
+    border-radius: 3px 3px 3px 3px;
+    box-shadow: 0 1px 1px #CFCFCF;
+    margin-left: 5px;
 }
 /**
  * Form fields