2 * Copyright 2011-2012 GRNET S.A. All rights reserved.
4 * Redistribution and use in source and binary forms, with or
5 * without modification, are permitted provided that the following
8 * 1. Redistributions of source code must retain the above
9 * copyright notice, this list of conditions and the following
12 * 2. Redistributions in binary form must reproduce the above
13 * copyright notice, this list of conditions and the following
14 * disclaimer in the documentation and/or other materials
15 * provided with the distribution.
17 * THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS
18 * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
19 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
20 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GRNET S.A OR
21 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
22 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
23 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
24 * USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
25 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
26 * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
27 * ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
28 * POSSIBILITY OF SUCH DAMAGE.
30 * The views and conclusions contained in the software and
31 * documentation are those of the authors and should not be
32 * interpreted as representing official policies, either expressed
33 * or implied, of GRNET S.A.
37 font: 13px Verdana, 'PT Sans', sans-serif;
40 background-color: transparent;
44 font: 13px Verdana, 'PT Sans', sans-serif;
48 background: url(images/background.png) repeat-x;
53 text-decoration: none;
65 position: relative; /*this is the key*/
73 background-color: yellow;
84 /* The span will only display on :hover state. */
91 border: 1px solid lightblue;
92 background-color: #D0E4F6;
97 .pithos-DialogBox .inner form {
102 .pithos-dialogbox .inner form input,
103 .pithos-dialogbox .inner form textarea
105 border: 1px solid #aaa;
109 .pithos-DialogBox .button {
111 background-color: #4085A5;
117 .pithos-DialogBox .Caption {
119 background-color: #4085a5;
121 border-bottom: 1px solid white;
124 .pithos-DialogBox .close {
125 background: url(images/close-popup.png) no-repeat;
134 .pithos-DialogBox .dialogMiddleCenter {
135 background: url(images/popup-bg.png) repeat-x;
136 background-color: white;
140 .pithos-DialogBox .dialogBottomCenter {
141 border-bottom: 5px solid #4085A5;
144 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
145 background-position: 0px -55px;
147 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
148 background-position: -6px -55px;
150 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
153 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
154 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter,
155 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
159 .pithos-TabPanelBottom {
163 table.pithos-permList {
165 border-collapse: collapse;
169 table.pithos-permList td {
170 padding: 5px 5px 5px 5px;
174 table.pithos-permList.props-labels {
194 text-decoration: none !important;
195 color: black !important;
198 .hidden-link:visited {
199 text-decoration: none !important;
200 color: black !important;
204 background-color: #4085a5;
207 border-bottom: 1px solid white;
210 .gwt-MenuBar-vertical {
214 .gwt-MenuBarPopup .menuPopupTopLeft {
216 background-color: #D0E3ED;
219 .gwt-MenuBarPopup .menuPopupTopCenter {
221 background-color: #D0E3ED;
224 .gwt-MenuBarPopup .menuPopupTopRight {
226 background-color: #D0E3ED;
229 .gwt-MenuBarPopup .menuPopupMiddleLeft {
231 background-color: #D0E3ED;
234 .gwt-MenuBarPopup .menuPopupMiddleRight {
236 background-color: #D0E3ED;
240 border: 3px solid #D0E3ED;
243 border-image: initial;
246 .gwt-MenuBar .gwt-MenuItem {
247 border-bottom: 1px solid #EFEFEF;
250 .gwt-MenuBar .gwt-MenuItem-selected {
251 background-color: #E1EFF6;
254 .gwt-MenuBarPopup .menuPopupBottomLeft {
256 background-color: #D0E3ED;
259 .gwt-MenuBarPopup .menuPopupBottomCenter {
261 background-color: #D0E3ED;
264 .gwt-MenuBarPopup .menuPopupBottomRight {
266 background-color: #D0E3ED;
269 .pithos-sessionExpired {
271 /* Restore the padding we remove when overriding the gwt-DialogBox style */
276 background-color: #4085a5;
279 vertical-align: middle;
285 .pithos-FileListContainer {
291 border-collapse: collapse;
292 /* prevents selecting text in table with shift and ctrl*/
293 -moz-user-select: none;
296 .pithos-errorMessage {
298 background-color: #880000;
303 .pithos-errorMessage td {
307 .pithos-warnMessage {
309 background-color: #eeee99;
313 .pithos-infoMessage {
315 background-color: #ccffcc;
319 .pithos-clearMessage {
322 text-decoration: none;
327 .pithos-clearMessage:visited {
330 text-decoration: none;
334 .pithos-readForAllNote {
347 .pithos-statistics .gwt-HTML {
351 .pithos-statisticsSeparator {
352 background: url(images/separator.png) no-repeat;
358 background: url(images/white50.png) transparent;
362 .pithos-splitPanel-noframe {
366 /* Use the background color for the splitter. */
367 .gwt-HorizontalSplitPanel .hsplitter {
370 background: url(images/background.png) repeat-x;
377 .pithos-uploadButton {
379 background-color: #ff7f2a;
388 .pithos-uploadButton-loading {
389 background: url(images/ajax-loader.gif) no-repeat;
390 background-position: 110px 0px;
391 background-color: #ff7f2a;
394 .pithos-uploadButton:HOVER {
395 background-color: #f95;
399 vertical-align: middle;
403 .pithos-parentButton {
405 background-color: #a1c8da;
408 .pithos-folderStatistics {
409 background-color: #a1c8da;
428 background: url(images/white50.png);
433 .pithos-header-noframe {
437 /*.cellTreeWidget-selectedTree {
438 background-color: #BCD7E3;
441 .pithos-list thead th img {
446 background-color: #4085A5;
460 /* position: absolute;
470 .pithos-toolbarItem {
471 text-decoration: none;
477 background-repeat: no-repeat;
478 background-color: #A1C8DB;
481 .pithos-toolbarItem:HOVER {
482 background-color: #74aec9;
486 .pithos-toolbarItem span {
491 .pithos-toolbarItem span.ico {
495 background-repeat: no-repeat;
496 /* background-position: -36px 0;*/
499 #tools-button span.ico {
500 background-image: url(images/advancedsettings.png);
503 #refresh-button span.ico {
504 background-image: url(images/refresh.png);
507 #newFolder-button span.ico {
508 background-image: url(images/folder_new.png);
511 #shareFolder-button span.ico {
512 background-image: url(images/myshared22.png);
515 /*move background from inner to centerinner to wrap action buttons too*/
516 .dialogMiddleCenterInner.dialogContent {
517 background: url(images/white50.png);
520 /*border: 1px solid #aaa;*/
521 -moz-box-shadow: 0 0 1px 1px #888;
522 -webkit-box-shadow: 0 0 1px 1px #888;
523 box-shadow: 0 0 1px 1px #888;
526 .pithos-dialogbox .outer {
530 /*remove background/padding from .inner*/
531 .pithos-dialogbox .inner {
537 /*button position within the overlay content*/
538 .dialogMiddleCenterInner .button {
547 /* fix placement of overlay paragraphs */
548 .pithos-credentialstext {
554 background-color: white;
555 border: 2px solid #444;
557 -moz-box-shadow: 0 0 90px 5px #000;
558 -webkit-box-shadow: 0 0 90px 5px #000;
559 box-shadow: 0 0 90px 5px #000;
560 clip: inherit !important;
563 /* hide overlay dialogue unneeded side elements */
564 .dialogMiddleRight, .dialogBottomRight, .dialogTopRight,
565 .dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft,
566 .dialogBottomCenter {
570 /* fix dialogbox caption padding and font-size */
571 .pithos-dialogbox .caption {
572 padding: 10px !important;
577 /* form input styling */
578 .dialogMiddleCenterInner input {
579 border: 1px solid #aaa;
588 .pithos-invitationsLeft {
590 border-bottom: 1px solid #4085A5;
593 .pithos-leftInvitationsNumber {
594 background-color: #4085A5;
600 .pithos-sendInvitationsPanel {
602 border-right: 1px solid #4085A5;
606 .pithos-sendInvitationsTitle {
612 .pithos-addInvitationImg {
613 background-color: #4085A5;
618 .pithos-invitationResponse {
619 background-color: green;
624 .pithos-invitationResponseError {
625 background-color: #880000;
630 .pithos-invitationResponse .user {
639 .pithos-invitationsSplitPanel {
643 .pithos-invitationDeleteImg {
647 .pithos-invitationFormRow {
648 border-top: 1px solid gray;
651 .pithos-sendInvitationButton {
653 background-color: #ff7f2a;
661 .pithos-sentInvitationsPanel {
667 .pithos-sentInvitationsTitle {
672 .pithos-sentInvitationsTable {
676 .pithos-invitedEmail {
681 .pithos-invitedEmailBorder {
682 border-bottom: 1px solid #4085A5;
685 .pithos-resendInvitation {
689 .pithos-pagerButton {
691 background-color: transparent;
692 border: 1px solid gray;
694 padding: 0px 2px 0px 2px;
698 .pithos-pagerButton:HOVER {
699 background-color: #4085A5;
703 .pithos-pagerButtonCurrent {
704 background-color: #4085A5;
713 background-image: url(images/plus.png);
714 background-color: #4085A5;
715 background-repeat: no-repeat;
716 background-position: center;
721 .pithos-metaDeleteImg {
722 background: url(images/delete.png);
723 background-repeat: no-repeat;
724 background-position: center;
737 .pithos-versionList {
741 .pithos-folderTreeSection {
746 .pithos-folderTreeSectionHeader {
747 background-color: #74aec9;
752 .pithos-folderTreeSectionContent {
753 padding: 4px 0px 4px 8px;