X-Git-Url: https://code.grnet.gr/git/pithos-web-client/blobdiff_plain/0f797b1b09bca21595211ed380cd24d3a54d9c46..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 e4e8c3d..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; } @@ -61,14 +96,9 @@ a.info:hover div { text-align: center } -.pithos-DialogBox .inner { - width: 95%; - background: url(images/white50.png); - padding: 12px; -} - .pithos-DialogBox .inner form { margin: 0px; + clip: } .pithos-dialogbox .inner form input, @@ -84,7 +114,6 @@ a.info:hover div { color: white; padding: 5px 6px; white-space: nowrap; - } .pithos-DialogBox .Caption { @@ -95,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 { @@ -151,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 { @@ -180,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 { @@ -235,10 +249,6 @@ table.pithos-permList.props-labels { background-color: #D0E3ED; } -.pithos-userItemMenu { - background-color: #D0E3ED; -} - .gwt-popuppanel { border: 3px solid #D0E3ED; padding: 3px; @@ -303,6 +313,10 @@ table.pithos-permList.props-labels { cursor: pointer; } +.pithos-errorMessage td { + font-size: 90%; +} + .pithos-warnMessage { font-size: 90%; background-color: #eeee99; @@ -320,6 +334,7 @@ table.pithos-permList.props-labels { font-weight: bold; text-decoration: none; color: black; + padding-left: 5px; } .pithos-clearMessage:visited { @@ -337,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 { @@ -369,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 { @@ -400,19 +417,26 @@ table.pithos-permList.props-labels { height: 32px; padding: 5px 15px; margin-right: 10px; -} - -.pithos-credentialsText { - padding: 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: 25; + top: 65px; } .pithos-header { @@ -425,14 +449,289 @@ table.pithos-permList.props-labels { margin-top: 0; } -/*.cellTreeWidget-selectedTree { - background-color: #BCD7E3; -}*/ - .pithos-list thead th img { top: 5px !important; } .effectPanel-inner { background-color: #4085A5; -} \ No newline at end of file + margin: 10px; +} + +.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); +} + +#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(images/white50.png); + margin: 7px; + padding: 15px; + /*border: 1px solid #aaa;*/ + -moz-box-shadow: 0 0 1px 1px #888; + -webkit-box-shadow: 0 0 1px 1px #888; + 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: 100%; +} + +/*button position within the overlay content*/ +.dialogMiddleCenterInner .button { + margin-left: 2px; + border: none; + padding: 7px 20px; + margin-top: 10px; + float: right; + margin-right: 4px; +} + +/* fix placement of overlay paragraphs */ +.pithos-credentialstext { + padding: 0 0 10px 0; +} + +/* overlay styles */ +.pithos-dialogbox { + background-color: white; + border: 2px solid #444; + text-align: left; + -moz-box-shadow: 0 0 90px 5px #000; + -webkit-box-shadow: 0 0 90px 5px #000; + box-shadow: 0 0 90px 5px #000; + clip: inherit !important; +} + +/* hide overlay dialogue unneeded side elements */ +.dialogMiddleRight, .dialogBottomRight, .dialogTopRight, +.dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft, +.dialogBottomCenter { + display: none; +} + +/* fix dialogbox caption padding and font-size */ +.pithos-dialogbox .caption { + padding: 10px !important; + font-size: 1.1em; +} + + +/* form input styling */ +.dialogMiddleCenterInner input { + border: 1px solid #aaa; + padding: 4px; +} + +/* fix tag color */ +a.pithos-tag { + color: #4085a5; +} + +.pithos-invitationsLeft { + padding: 0 0 10px 0; + border-bottom: 1px solid #4085A5; +} + +.pithos-leftInvitationsNumber { + background-color: #4085A5; + padding: 3px; + color: white; + font-weight: bold; +} + +.pithos-sendInvitationsPanel { + margin-top: 10px; + border-right: 1px solid #4085A5; + padding-right: 5px; +} + +.pithos-sendInvitationsTitle { + font-weight: bold; + color: #4085A5; + margin-right: 10px; +} + +.pithos-addInvitationImg { + background-color: #4085A5; + padding: 5px; + cursor: pointer; +} + +.pithos-invitationResponse { + background-color: green; + color: white; + padding: 5px; +} + +.pithos-invitationResponseError { + background-color: #880000; + color: #fff; + padding: 5px; +} + +.pithos-invitationResponse .user { + font-weight: bold; +} + +.props-labels .eg { + font-weight: normal; + color: gray; +} + +.pithos-invitationsSplitPanel { + width:100%; +} + +.pithos-invitationDeleteImg { + cursor: pointer; +} + +.pithos-invitationFormRow { + border-top: 1px solid gray; +} + +.pithos-sendInvitationButton { + background: none; + background-color: #ff7f2a; + text-align: center; + height: auto; + padding: 8px; + border: none; + color: white; +} + +.pithos-sentInvitationsPanel { + margin-top: 10px; + padding-left: 5px; + width: 100%; +} + +.pithos-sentInvitationsTitle { + font-weight: bold; + color: #4085A5; +} + +.pithos-sentInvitationsTable { + width: 100%; +} + +.pithos-invitedEmail { + color: #ff7f2a; + font-weight: bold; +} + +.pithos-invitedEmailBorder { + border-bottom: 1px solid #4085A5; +} + +.pithos-resendInvitation { + cursor: pointer; +} + +.pithos-pagerButton { + background: none; + 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; + 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; +}