X-Git-Url: https://code.grnet.gr/git/pithos-web-client/blobdiff_plain/bd187dfb426803fc6d276eb4e2ac719082617f30..ea123a67e22516fd5b0c23cd31dc8c5e0db924f2:/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 698922b..86f46c8 100644 --- a/src/gr/grnet/pithos/web/public/pithos.css +++ b/src/gr/grnet/pithos/web/public/pithos.css @@ -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; @@ -493,6 +519,10 @@ div#toolbar a { 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(images/white50.png); @@ -515,10 +545,6 @@ div#toolbar a { width: 100%; } -/*button styles*/ -.pithos-dialogbox .button { -} - /*button position within the overlay content*/ .dialogMiddleCenterInner .button { margin-left: 2px; @@ -694,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; } @@ -711,3 +727,11 @@ a.pithos-tag { .pithos-metaValue { width: 7em; } + +.pithos-versionList { + padding-right: 5px; +} + +.props-values .gwt-Label { + word-break: break-word; +}