X-Git-Url: https://code.grnet.gr/git/pithos-web-client/blobdiff_plain/2ba08401644b0abd1ac7297480f891dbb5a74206..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 a37c4d7..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; @@ -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;*/ +} + +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); } -.pithos-toolsButton:hover { - background-color: #F95 !important; +#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; } @@ -612,4 +714,24 @@ a.pithos-tag { .pithos-pagerButtonCurrent { background-color: #4085A5; color: white; -} \ No newline at end of file +} + +.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; +}