Merge branch 'release-0.16'
[pithos-web-client] / src / gr / grnet / pithos / web / public / pithos.css
index d15b5c5..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;
@@ -318,6 +334,7 @@ table.pithos-permList.props-labels {
        font-weight: bold;
        text-decoration: none;
        color: black;
+       padding-left: 5px;
 }
 
 .pithos-clearMessage:visited {
@@ -335,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 {
@@ -367,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 {
@@ -398,15 +417,26 @@ table.pithos-permList.props-labels {
     height: 32px;
        padding: 5px 15px;
        margin-right: 10px;
+       margin-left: 10px;
 }
 
 .grnet-sign {
        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 {
@@ -419,10 +449,6 @@ table.pithos-permList.props-labels {
        margin-top: 0;
 }
 
-/*.cellTreeWidget-selectedTree {
-    background-color: #BCD7E3;
-}*/
-
 .pithos-list thead th img {
     top: 5px !important;
 }
@@ -432,18 +458,74 @@ table.pithos-permList.props-labels {
        margin: 10px;
 }
 
-.pithos-toolsButton {
-       background-color: #FF7F2A !important;
-       background-position: 9px 7px !important;
+.clearfix {
+       display: block;
+       width: auto;
+       zoom: 1;
+}
+
+div#toolbar {
+       clear: both;
+       color: white;
+       float: right;
+/*     position: absolute;
+       right: 15px;
+       top: 15px;*/
 }
 
-.pithos-toolsButton:hover {
-       background-color: #F95 !important;
+div#toolbar a {
+       display: block;
+       float: left;
+}
+
+.pithos-toolbarItem {
+       text-decoration: none;
+       font-size: 0.8em;
+       padding: 4px;
+       padding-right: 8px;
+       color: white;
+       margin-left: 5px;
+       background-repeat: no-repeat;
+       background-color: #A1C8DB;
+}
+
+.pithos-toolbarItem:HOVER {
+       background-color: #74aec9;
+}
+
+
+.pithos-toolbarItem span {
+       float: left;
+       padding-top: 2px;
+}
+
+.pithos-toolbarItem span.ico {
+       width: 16px;
+       height: 16px;
+       margin-right: 5px;
+       background-repeat: no-repeat;
+/*     background-position: -36px 0;*/
+}
+
+#tools-button span.ico {
+       background-image: url(images/advancedsettings.png);
+}
+
+#refresh-button span.ico {
+       background-image: url(images/refresh.png);
+}
+
+#newFolder-button span.ico {
+       background-image: url(images/folder_new.png);
+}
+
+#shareFolder-button span.ico {
+       background-image: url(images/myshared22.png);
 }
 
 /*move background from inner to centerinner to wrap action buttons too*/
 .dialogMiddleCenterInner.dialogContent  {
-    background: url(https://pithos.dev.grnet.gr/ui/images/white50.png); 
+    background: url(images/white50.png); 
     margin: 7px;
     padding: 15px;
     /*border: 1px solid #aaa;*/
@@ -452,15 +534,15 @@ table.pithos-permList.props-labels {
     box-shadow: 0 0 1px 1px #888;
 }
 
+.pithos-dialogbox .outer {
+    width: 600px;
+}
+
 /*remove background/padding from .inner*/
 .pithos-dialogbox .inner {
     background: none;
     padding:0;
-    width: auto !important;
-}
-
-/*button styles*/
-.pithos-dialogbox .button {
+    width: 100%;
 }
 
 /*button position within the overlay content*/
@@ -529,6 +611,7 @@ a.pithos-tag {
 .pithos-sendInvitationsPanel {
        margin-top: 10px;
        border-right: 1px solid #4085A5;
+       padding-right: 5px;
 }
 
 .pithos-sendInvitationsTitle {
@@ -549,6 +632,12 @@ a.pithos-tag {
        padding: 5px;
 }
 
+.pithos-invitationResponseError {
+       background-color: #880000;
+       color: #fff;
+       padding: 5px;
+}
+
 .pithos-invitationResponse .user {
        font-weight: bold;
 }
@@ -558,6 +647,10 @@ a.pithos-tag {
        color: gray;
 }
 
+.pithos-invitationsSplitPanel {
+       width:100%;
+}
+
 .pithos-invitationDeleteImg {
        cursor: pointer;
 }
@@ -578,6 +671,8 @@ a.pithos-tag {
 
 .pithos-sentInvitationsPanel {
        margin-top: 10px;
+       padding-left: 5px;
+       width: 100%;
 }
 
 .pithos-sentInvitationsTitle {
@@ -585,9 +680,16 @@ a.pithos-tag {
        color: #4085A5;
 }
 
+.pithos-sentInvitationsTable {
+       width: 100%;
+}
+
 .pithos-invitedEmail {
        color: #ff7f2a;
        font-weight: bold;
+}
+
+.pithos-invitedEmailBorder {
        border-bottom: 1px solid #4085A5;
 }
 
@@ -600,12 +702,36 @@ a.pithos-tag {
        background-color: transparent;
        border: 1px solid gray;
        color: gray;
+       padding: 0px 2px 0px 2px;
+       font-size: 80%;
 }
 
 .pithos-pagerButton:HOVER {
        background-color: #4085A5;
+       color: white;
 }
 
 .pithos-pagerButtonCurrent {
        background-color: #4085A5;
-}
\ No newline at end of file
+       color: white;
+}
+
+.pithos-metaTitle {
+       font-weight: bold;
+}
+
+.pithos-metaName {
+       width: 7em;
+}
+
+.pithos-metaValue {
+       width: 7em;
+}
+
+.pithos-versionList {
+       padding-right: 5px;
+}
+
+.props-values .gwt-Label {
+  word-break: break-word;
+}