+/*
+ * 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;
table td {
font-family: Verdana, 'PT Sans', sans-serif;
+ font-size: 13px;
}
.pithos-outer {
}
a {
- color: white;
- text-decoration: none;
-}
-
+ color: white;
+ text-decoration: none;
+}
+
a:hover {
color: white;
}
text-align: center
}
-.pithos-DialogBox .inner {
- width: 95%;
- background: url(images/white50.png);
+.pithos-DialogBox .inner form {
+ margin: 0px;
+ clip:
+}
+
+.pithos-dialogbox .inner form input,
+.pithos-dialogbox .inner form textarea
+{
+ border: 1px solid #aaa;
+ padding:4px;
}
.pithos-DialogBox .button {
color: white;
padding: 5px 6px;
white-space: nowrap;
-
}
.pithos-DialogBox .Caption {
color: white;
background-color: #4085a5;
- padding: 4px 4px 4px 8px;
+ padding: 20px;
border-bottom: 1px solid white;
}
.pithos-DialogBox .close {
- background: url(images/close-popup.png) no-repeat;
cursor: pointer;
position: absolute;
width: 13px;
height: 13px;
- top: 7px;
- right: 7px;
+ top: 12px;
+ right: 27px;
+ font-size: 0.8em;
}
.pithos-DialogBox .dialogMiddleCenter {
.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 {
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 {
background-color: #D0E3ED;
}
-.pithos-userItemMenu {
- background-color: #D0E3ED;
-}
-
.gwt-popuppanel {
border: 3px solid #D0E3ED;
padding: 3px;
cursor: pointer;
}
+.pithos-errorMessage td {
+ font-size: 90%;
+}
+
.pithos-warnMessage {
font-size: 90%;
background-color: #eeee99;
font-weight: bold;
text-decoration: none;
color: black;
+ padding-left: 5px;
}
.pithos-clearMessage:visited {
padding-left: 4;
}
-.pithos-treeHeader {
- background-color: #74aec9;
- height: 25px;
- width: 100%;
-}
-
-.pithos-statistics {
- color: white;
- padding: 5px;
-}
-
-.pithos-statistics .gwt-html {
- font-size: 80%;
+.pithos-statisticsSeparator {
+ background: url(images/separator.png) no-repeat;
+ width: 100%;
+ height: 3px;
}
.pithos-splitPanel {
}
.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 {
text-align: center;
color: white;
height: 32px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-.pithos-credentialsText {
- padding: 10px;
+ 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: 25;
+ top: 65px;
}
.pithos-header {
margin-top: 0;
}
-/*.cellTreeWidget-selectedTree {
- background-color: #BCD7E3;
-}*/
-
.pithos-list thead th img {
- top: 5px;
+ 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;
+}