Merge branch 'release-0.16'
[pithos-web-client] / src / gr / grnet / pithos / web / public / pithos.css
index a7455a7..86f46c8 100644 (file)
@@ -1,7 +1,41 @@
+/*
+ * Copyright 2011-2013 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-size: 13px;
        margin: 8px;
        margin-top: 3px;
        background-color: transparent;
@@ -9,6 +43,7 @@ body {
 
 table td {
        font-family: Verdana, 'PT Sans', sans-serif;
+       font-size: 13px;
 }
 
 .pithos-outer {
@@ -16,10 +51,10 @@ table td {
 }
 
 a {
-       color: white;
-       text-decoration: none;
-}
-
+       color: white;
+       text-decoration: none;
+} 
 a:hover {
        color: white;
 }
@@ -89,13 +124,13 @@ a.info:hover div {
 }
 
 .pithos-DialogBox .close {
-       background: url(images/close-popup.png) no-repeat;
        cursor: pointer;
        position: absolute;
        width: 13px;
        height: 13px;
        top: 12px;
-       right: 7px;
+       right: 27px;
+       font-size: 0.8em;
 }
 
 .pithos-DialogBox .dialogMiddleCenter {
@@ -145,12 +180,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,30 +213,11 @@ 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;
+.pithos-topPanel .gwt-Image {
+  position: relative;
+  bottom: -19px;
+  max-height: 64px;
+  max-width: 100%;
 }
 
 .gwt-MenuBar-vertical {
@@ -229,10 +249,6 @@ table.pithos-permList.props-labels {
        background-color: #D0E3ED;
 }
 
-.pithos-userItemMenu {
-       background-color: #D0E3ED;
-}
-
 .gwt-popuppanel {
     border: 3px solid #D0E3ED;
     padding: 3px;
@@ -336,15 +352,10 @@ table.pithos-permList.props-labels {
        padding-left: 4;
 }
 
-.pithos-treeHeader {
-       background-color: #74aec9;
-       height: 25px;
-    width: 100%;
-}
-
-.pithos-statistics {
-       color: white;
-       padding: 5px;
+.pithos-statisticsSeparator {
+       background: url(images/separator.png) no-repeat;
+       width: 100%;
+       height: 3px;
 }
 
 .pithos-splitPanel {
@@ -368,14 +379,21 @@ 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;
+    color: black;
+}
+
+.pithos-uploadButton-loading {
+       background: url(images/ajax-loader.gif) no-repeat;
+       background-position: 100px 0px;
+       background-color: #ff7f2a;
 }
 
 .pithos-uploadButton:HOVER {
@@ -406,9 +424,19 @@ table.pithos-permList.props-labels {
        color: #72ADC8;
 }
 
+.software {
+  font-size: 0.6em;
+  margin-top: 7px;
+  color: #fff;
+}
+
+.version {
+  font-weight: bold;
+}
+
 .pithos-logo {
        position: absolute;
-       top: 29px;
+       top: 65px;
 }
 
 .pithos-header {
@@ -421,10 +449,6 @@ table.pithos-permList.props-labels {
        margin-top: 0;
 }
 
-/*.cellTreeWidget-selectedTree {
-    background-color: #BCD7E3;
-}*/
-
 .pithos-list thead th img {
     top: 5px !important;
 }
@@ -472,7 +496,9 @@ div#toolbar a {
 
 .pithos-toolbarItem span {
        float: left;
+       padding-top: 2px;
 }
+
 .pithos-toolbarItem span.ico {
        width: 16px;
        height: 16px;
@@ -519,10 +545,6 @@ div#toolbar a {
     width: 100%;
 }
 
-/*button styles*/
-.pithos-dialogbox .button {
-}
-
 /*button position within the overlay content*/
 .dialogMiddleCenterInner .button {
     margin-left: 2px;
@@ -698,16 +720,6 @@ a.pithos-tag {
        font-weight: bold;
 }
 
-.pithos-addMetaImg {
-       background-color: #4085A5;
-       padding: 5px;
-       cursor: pointer;
-}
-
-.pithos-metaDeleteImg {
-       cursor: pointer;
-}
-
 .pithos-metaName {
        width: 7em;
 }
@@ -715,3 +727,11 @@ a.pithos-tag {
 .pithos-metaValue {
        width: 7em;
 }
+
+.pithos-versionList {
+       padding-right: 5px;
+}
+
+.props-values .gwt-Label {
+  word-break: break-word;
+}