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-family: Verdana, 'PT Sans', sans-serif;
41 background-color: transparent;
45 font-family: Verdana, 'PT Sans', sans-serif;
50 background: url(images/background.png) repeat-x;
55 text-decoration: none;
67 position: relative; /*this is the key*/
75 background-color: yellow;
86 /* The span will only display on :hover state. */
93 border: 1px solid lightblue;
94 background-color: #D0E4F6;
99 .pithos-DialogBox .inner form {
104 .pithos-dialogbox .inner form input,
105 .pithos-dialogbox .inner form textarea
107 border: 1px solid #aaa;
111 .pithos-DialogBox .button {
113 background-color: #4085A5;
119 .pithos-DialogBox .Caption {
121 background-color: #4085a5;
123 border-bottom: 1px solid white;
126 .pithos-DialogBox .close {
136 .pithos-DialogBox .dialogMiddleCenter {
137 background: url(images/popup-bg.png) repeat-x;
138 background-color: white;
142 .pithos-DialogBox .dialogBottomCenter {
143 border-bottom: 5px solid #4085A5;
146 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
147 background-position: 0px -55px;
149 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
150 background-position: -6px -55px;
152 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
155 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
156 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter,
157 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
161 .pithos-TabPanelBottom {
165 table.pithos-permList {
167 border-collapse: collapse;
171 table.pithos-permList td {
172 padding: 5px 5px 5px 5px;
176 table.pithos-permList.props-labels {
200 text-decoration: none !important;
201 color: black !important;
204 .hidden-link:visited {
205 text-decoration: none !important;
206 color: black !important;
210 background-color: #4085a5;
213 border-bottom: 1px solid white;
216 .gwt-MenuBar-vertical {
220 .gwt-MenuBarPopup .menuPopupTopLeft {
222 background-color: #D0E3ED;
225 .gwt-MenuBarPopup .menuPopupTopCenter {
227 background-color: #D0E3ED;
230 .gwt-MenuBarPopup .menuPopupTopRight {
232 background-color: #D0E3ED;
235 .gwt-MenuBarPopup .menuPopupMiddleLeft {
237 background-color: #D0E3ED;
240 .gwt-MenuBarPopup .menuPopupMiddleRight {
242 background-color: #D0E3ED;
246 border: 3px solid #D0E3ED;
249 border-image: initial;
252 .gwt-MenuBar .gwt-MenuItem {
253 border-bottom: 1px solid #EFEFEF;
256 .gwt-MenuBar .gwt-MenuItem-selected {
257 background-color: #E1EFF6;
260 .gwt-MenuBarPopup .menuPopupBottomLeft {
262 background-color: #D0E3ED;
265 .gwt-MenuBarPopup .menuPopupBottomCenter {
267 background-color: #D0E3ED;
270 .gwt-MenuBarPopup .menuPopupBottomRight {
272 background-color: #D0E3ED;
275 .pithos-sessionExpired {
277 /* Restore the padding we remove when overriding the gwt-DialogBox style */
282 background-color: #4085a5;
285 vertical-align: middle;
291 .pithos-FileListContainer {
297 border-collapse: collapse;
298 /* prevents selecting text in table with shift and ctrl*/
299 -moz-user-select: none;
302 .pithos-errorMessage {
304 background-color: #880000;
309 .pithos-errorMessage td {
313 .pithos-warnMessage {
315 background-color: #eeee99;
319 .pithos-infoMessage {
321 background-color: #ccffcc;
325 .pithos-clearMessage {
328 text-decoration: none;
333 .pithos-clearMessage:visited {
336 text-decoration: none;
340 .pithos-readForAllNote {
351 padding-bottom: 10px;
354 .pithos-statistics .gwt-HTML {
358 .pithos-statisticsSeparator {
359 background: url(images/separator.png) no-repeat;
365 background: url(images/white50.png) transparent;
369 .pithos-splitPanel-noframe {
373 /* Use the background color for the splitter. */
374 .gwt-HorizontalSplitPanel .hsplitter {
377 background: url(images/background.png) repeat-x;
384 .pithos-uploadButton {
386 background-color: #ff7f2a;
396 .pithos-uploadButton-loading {
397 background: url(images/ajax-loader.gif) no-repeat;
398 background-position: 110px 0px;
399 background-color: #ff7f2a;
402 .pithos-uploadButton:HOVER {
403 background-color: #f95;
407 vertical-align: middle;
411 .pithos-parentButton {
413 background-color: #a1c8da;
416 .pithos-folderStatistics {
417 background-color: #a1c8da;
436 background: url(images/white50.png);
441 .pithos-header-noframe {
445 /*.cellTreeWidget-selectedTree {
446 background-color: #BCD7E3;
449 .pithos-list thead th img {
454 background-color: #4085A5;
468 /* position: absolute;
478 .pithos-toolbarItem {
479 text-decoration: none;
485 background-repeat: no-repeat;
486 background-color: #A1C8DB;
489 .pithos-toolbarItem:HOVER {
490 background-color: #74aec9;
494 .pithos-toolbarItem span {
499 .pithos-toolbarItem span.ico {
503 background-repeat: no-repeat;
504 /* background-position: -36px 0;*/
507 #tools-button span.ico {
508 background-image: url(images/advancedsettings.png);
511 #refresh-button span.ico {
512 background-image: url(images/refresh.png);
515 #newFolder-button span.ico {
516 background-image: url(images/folder_new.png);
519 #shareFolder-button span.ico {
520 background-image: url(images/myshared22.png);
523 /*move background from inner to centerinner to wrap action buttons too*/
524 .dialogMiddleCenterInner.dialogContent {
525 background: url(images/white50.png);
528 /*border: 1px solid #aaa;*/
529 -moz-box-shadow: 0 0 1px 1px #888;
530 -webkit-box-shadow: 0 0 1px 1px #888;
531 box-shadow: 0 0 1px 1px #888;
534 .pithos-dialogbox .outer {
538 /*remove background/padding from .inner*/
539 .pithos-dialogbox .inner {
545 /*button position within the overlay content*/
546 .dialogMiddleCenterInner .button {
555 /* fix placement of overlay paragraphs */
556 .pithos-credentialstext {
562 background-color: white;
563 border: 2px solid #444;
565 -moz-box-shadow: 0 0 90px 5px #000;
566 -webkit-box-shadow: 0 0 90px 5px #000;
567 box-shadow: 0 0 90px 5px #000;
568 clip: inherit !important;
571 /* hide overlay dialogue unneeded side elements */
572 .dialogMiddleRight, .dialogBottomRight, .dialogTopRight,
573 .dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft,
574 .dialogBottomCenter {
578 /* fix dialogbox caption padding and font-size */
579 .pithos-dialogbox .caption {
580 padding: 10px !important;
585 /* form input styling */
586 .dialogMiddleCenterInner input {
587 border: 1px solid #aaa;
596 .pithos-invitationsLeft {
598 border-bottom: 1px solid #4085A5;
601 .pithos-leftInvitationsNumber {
602 background-color: #4085A5;
608 .pithos-sendInvitationsPanel {
610 border-right: 1px solid #4085A5;
614 .pithos-sendInvitationsTitle {
620 .pithos-addInvitationImg {
621 background-color: #4085A5;
626 .pithos-invitationResponse {
627 background-color: green;
632 .pithos-invitationResponseError {
633 background-color: #880000;
638 .pithos-invitationResponse .user {
647 .pithos-invitationsSplitPanel {
651 .pithos-invitationDeleteImg {
655 .pithos-invitationFormRow {
656 border-top: 1px solid gray;
659 .pithos-sendInvitationButton {
661 background-color: #ff7f2a;
669 .pithos-sentInvitationsPanel {
675 .pithos-sentInvitationsTitle {
680 .pithos-sentInvitationsTable {
684 .pithos-invitedEmail {
689 .pithos-invitedEmailBorder {
690 border-bottom: 1px solid #4085A5;
693 .pithos-resendInvitation {
697 .pithos-pagerButton {
699 background-color: transparent;
700 border: 1px solid gray;
702 padding: 0px 2px 0px 2px;
706 .pithos-pagerButton:HOVER {
707 background-color: #4085A5;
711 .pithos-pagerButtonCurrent {
712 background-color: #4085A5;
721 background-image: url(images/plus.png);
722 background-color: #4085A5;
723 background-repeat: no-repeat;
724 background-position: center;
729 .pithos-metaDeleteImg {
730 background: url(images/delete.png);
731 background-repeat: no-repeat;
732 background-position: center;
745 .pithos-versionList {