Added padding to some labels (issue #2335)

[pithos-web-client] / src / gr / grnet / pithos / web / public / pithos.css

diff --git a/src/gr/grnet/pithos/web/public/pithos.css b/src/gr/grnet/pithos/web/public/pithos.css
index 28df379..afc6077 100644 (file)
--- a/src/gr/grnet/pithos/web/public/pithos.css
+++ b/src/gr/grnet/pithos/web/public/pithos.css
@@ -1,14 +1,47 @@
+/*
+ * Copyright 2011-2012 GRNET S.A. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or
+ * without modification, are permitted provided that the following
+ * conditions are met:
+ *
+ *   1. Redistributions of source code must retain the above
+ *      copyright notice, this list of conditions and the following
+ *      disclaimer.
+ *
+ *   2. Redistributions in binary form must reproduce the above
+ *      copyright notice, this list of conditions and the following
+ *      disclaimer in the documentation and/or other materials
+ *      provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS
+ * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+ * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GRNET S.A OR
+ * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+ * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+ * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
+ * USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
+ * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
+ * ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+ * POSSIBILITY OF SUCH DAMAGE.
+ *
+ * The views and conclusions contained in the software and
+ * documentation are those of the authors and should not be
+ * interpreted as representing official policies, either expressed
+ * or implied, of GRNET S.A.
+ */
 body {
        color: black;
-       font-family: Verdana, 'PT Sans', sans-serif;
-       font-size: 16px;
+       font: 13px Verdana, 'PT Sans', sans-serif;
        margin: 8px;
        margin-top: 3px;
        background-color: transparent;
 }
 
 table td {
-       font-family: Verdana, 'PT Sans', sans-serif;
+       font: 13px Verdana, 'PT Sans', sans-serif;
 }
 
 .pithos-outer {
@@ -16,10 +49,10 @@ table td {
 }
 
 a {
-       color: white;
-       text-decoration: none;
-}
-
+       color: white;
+       text-decoration: none;
+} 
+ 
 a:hover {
        color: white;
 }
@@ -145,12 +178,16 @@ table.pithos-permList.props-labels {
 .props-labels {
        font-size: 80%;
        font-weight: bold;
+       padding-left: 10px;
+       padding-right: 10px;
 }
 
 .props-toplabels {
        font-size: 80%;
        font-weight: bold;
        font-style: italic;
+       padding-left: 10px;
+       padding-right: 10px;
 }
 
 .props-values {
@@ -174,32 +211,6 @@ table.pithos-permList.props-labels {
        border-bottom: 1px solid white;
 }
 
-.pithos-usernameMenu {
-    cursor: pointer;
-}
-
-.pithos-usernameMenuItem {
-       background: url(images/down-arrow-light.png) no-repeat scroll right 8px transparent;
-       padding-right: 13px;
-       cursor: pointer;
-    color: white;
-}
-
-.pithos-usernameMenuItem:HOVER {
-       background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
-       background-color: #599EBD;
-}
-
-.pithos-usernameMenuItem:ACTIVE {
-       background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
-       background-color: #BED5E0;
-}
-
-.pithos-langMenuItem {
-       cursor: pointer;
-    color: #72ADC8;
-}
-
 .gwt-MenuBar-vertical {
        background: #D0E3ED;
 }
@@ -229,10 +240,6 @@ table.pithos-permList.props-labels {
        background-color: #D0E3ED;
 }
 
-.pithos-userItemMenu {
-       background-color: #D0E3ED;
-}
-
 .gwt-popuppanel {
     border: 3px solid #D0E3ED;
     padding: 3px;
@@ -336,15 +343,19 @@ table.pithos-permList.props-labels {
        padding-left: 4;
 }
 
-.pithos-treeHeader {
-       background-color: #74aec9;
-       height: 25px;
-    width: 100%;
+.pithos-statistics {
+       color: black;
+       padding: 10px;
 }
 
-.pithos-statistics {
-       color: white;
-       padding: 5px;
+.pithos-statistics .gwt-HTML {
+       font-size: smaller;
+}
+
+.pithos-statisticsSeparator {
+       background: url(images/separator.png) no-repeat;
+       width: 100%;
+       height: 3px;
 }
 
 .pithos-splitPanel {
@@ -368,14 +379,20 @@ table.pithos-permList.props-labels {
 }
 
 .pithos-uploadButton {
-    background: none;
-    background-color: #ff7f2a;
+       background: none;
+       background-color: #ff7f2a;
     font-size: 120%;
     text-align: center;
     height: auto;
     padding: 8px;
-    width: 146px;
-    border: none;
+    width: 134px;
+    border: 0px;
+}
+
+.pithos-uploadButton-loading {
+       background: url(images/ajax-loader.gif) no-repeat;
+       background-position: 110px 0px;
+       background-color: #ff7f2a;
 }
 
 .pithos-uploadButton:HOVER {
@@ -408,7 +425,7 @@ table.pithos-permList.props-labels {
 
 .pithos-logo {
        position: absolute;
-       top: 29px;
+       top: 65px;
 }
 
 .pithos-header {
@@ -521,10 +538,6 @@ div#toolbar a {
     width: 100%;
 }
 
-/*button styles*/
-.pithos-dialogbox .button {
-}
-
 /*button position within the overlay content*/
 .dialogMiddleCenterInner .button {
     margin-left: 2px;
@@ -701,12 +714,19 @@ a.pithos-tag {
 }
 
 .pithos-addMetaImg {
+       background-image: url(images/plus.png);
        background-color: #4085A5;
-       padding: 5px;
+       background-repeat: no-repeat;
+       background-position: center;
+       padding: 8px;
        cursor: pointer;
 }
 
 .pithos-metaDeleteImg {
+       background: url(images/delete.png);
+       background-repeat: no-repeat;
+       background-position: center;
+       padding: 10px;
        cursor: pointer;
 }
 
@@ -717,3 +737,23 @@ a.pithos-tag {
 .pithos-metaValue {
        width: 7em;
 }
+
+.pithos-versionList {
+       padding-right: 5px;
+}
+
+.pithos-folderTreeSection {
+       padding-left: 10px;
+       width:100%;
+}
+
+.pithos-folderTreeSectionHeader {
+       background-color: #74aec9;
+       height: 25px;
+    width: 100%;
+}
+
+.pithos-folderTreeSectionContent {
+       padding: 4px 0px 4px 8px;
+       margin-left: 6px;
+}
\ No newline at end of file