3 font-family: Verdana, 'PT Sans', sans-serif;
7 background-color: transparent;
11 font-family: Verdana, 'PT Sans', sans-serif;
15 background: url(images/background.png) repeat-x;
20 text-decoration: none;
32 position: relative; /*this is the key*/
40 background-color: yellow;
51 /* The span will only display on :hover state. */
58 border: 1px solid lightblue;
59 background-color: #D0E4F6;
64 .pithos-DialogBox .inner form {
69 .pithos-dialogbox .inner form input,
70 .pithos-dialogbox .inner form textarea
72 border: 1px solid #aaa;
76 .pithos-DialogBox .button {
78 background-color: #4085A5;
84 .pithos-DialogBox .Caption {
86 background-color: #4085a5;
88 border-bottom: 1px solid white;
91 .pithos-DialogBox .close {
92 background: url(images/close-popup.png) no-repeat;
101 .pithos-DialogBox .dialogMiddleCenter {
102 background: url(images/popup-bg.png) repeat-x;
103 background-color: white;
107 .pithos-DialogBox .dialogBottomCenter {
108 border-bottom: 5px solid #4085A5;
111 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
112 background-position: 0px -55px;
114 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
115 background-position: -6px -55px;
117 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
120 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
121 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter,
122 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
126 .pithos-TabPanelBottom {
130 table.pithos-permList {
132 border-collapse: collapse;
136 table.pithos-permList td {
137 padding: 5px 5px 5px 5px;
141 table.pithos-permList.props-labels {
161 text-decoration: none !important;
162 color: black !important;
165 .hidden-link:visited {
166 text-decoration: none !important;
167 color: black !important;
171 background-color: #4085a5;
174 border-bottom: 1px solid white;
177 .pithos-usernameMenu {
181 .pithos-usernameMenuItem {
182 background: url(images/down-arrow-light.png) no-repeat scroll right 8px transparent;
188 .pithos-usernameMenuItem:HOVER {
189 background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
190 background-color: #599EBD;
193 .pithos-usernameMenuItem:ACTIVE {
194 background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
195 background-color: #BED5E0;
198 .pithos-langMenuItem {
203 .gwt-MenuBar-vertical {
207 .gwt-MenuBarPopup .menuPopupTopLeft {
209 background-color: #D0E3ED;
212 .gwt-MenuBarPopup .menuPopupTopCenter {
214 background-color: #D0E3ED;
217 .gwt-MenuBarPopup .menuPopupTopRight {
219 background-color: #D0E3ED;
222 .gwt-MenuBarPopup .menuPopupMiddleLeft {
224 background-color: #D0E3ED;
227 .gwt-MenuBarPopup .menuPopupMiddleRight {
229 background-color: #D0E3ED;
232 .pithos-userItemMenu {
233 background-color: #D0E3ED;
237 border: 3px solid #D0E3ED;
240 border-image: initial;
243 .gwt-MenuBar .gwt-MenuItem {
244 border-bottom: 1px solid #EFEFEF;
247 .gwt-MenuBar .gwt-MenuItem-selected {
248 background-color: #E1EFF6;
251 .gwt-MenuBarPopup .menuPopupBottomLeft {
253 background-color: #D0E3ED;
256 .gwt-MenuBarPopup .menuPopupBottomCenter {
258 background-color: #D0E3ED;
261 .gwt-MenuBarPopup .menuPopupBottomRight {
263 background-color: #D0E3ED;
266 .pithos-sessionExpired {
268 /* Restore the padding we remove when overriding the gwt-DialogBox style */
273 background-color: #4085a5;
276 vertical-align: middle;
282 .pithos-FileListContainer {
288 border-collapse: collapse;
289 /* prevents selecting text in table with shift and ctrl*/
290 -moz-user-select: none;
293 .pithos-errorMessage {
295 background-color: #880000;
300 .pithos-errorMessage td {
304 .pithos-warnMessage {
306 background-color: #eeee99;
310 .pithos-infoMessage {
312 background-color: #ccffcc;
316 .pithos-clearMessage {
319 text-decoration: none;
324 .pithos-clearMessage:visited {
327 text-decoration: none;
331 .pithos-readForAllNote {
340 background-color: #74aec9;
351 background: url(images/white50.png) transparent;
355 .pithos-splitPanel-noframe {
359 /* Use the background color for the splitter. */
360 .gwt-HorizontalSplitPanel .hsplitter {
363 background: url(images/background.png) repeat-x;
370 .pithos-uploadButton {
372 background-color: #ff7f2a;
381 .pithos-uploadButton:HOVER {
382 background-color: #f95;
386 vertical-align: middle;
390 .pithos-parentButton {
392 background-color: #a1c8da;
395 .pithos-folderStatistics {
396 background-color: #a1c8da;
414 background: url(images/white50.png);
419 .pithos-header-noframe {
423 /*.cellTreeWidget-selectedTree {
424 background-color: #BCD7E3;
427 .pithos-list thead th img {
432 background-color: #4085A5;
436 .pithos-toolsButton {
437 background-color: #FF7F2A !important;
438 background-position: 9px 7px !important;
441 .pithos-toolsButton:hover {
442 background-color: #F95 !important;
445 /*move background from inner to centerinner to wrap action buttons too*/
446 .dialogMiddleCenterInner.dialogContent {
447 background: url(https://pithos.dev.grnet.gr/ui/images/white50.png);
450 /*border: 1px solid #aaa;*/
451 -moz-box-shadow: 0 0 1px 1px #888;
452 -webkit-box-shadow: 0 0 1px 1px #888;
453 box-shadow: 0 0 1px 1px #888;
456 .pithos-dialogbox .outer {
460 /*remove background/padding from .inner*/
461 .pithos-dialogbox .inner {
468 .pithos-dialogbox .button {
471 /*button position within the overlay content*/
472 .dialogMiddleCenterInner .button {
481 /* fix placement of overlay paragraphs */
482 .pithos-credentialstext {
488 background-color: white;
489 border: 2px solid #444;
491 -moz-box-shadow: 0 0 90px 5px #000;
492 -webkit-box-shadow: 0 0 90px 5px #000;
493 box-shadow: 0 0 90px 5px #000;
494 clip: inherit !important;
497 /* hide overlay dialogue unneeded side elements */
498 .dialogMiddleRight, .dialogBottomRight, .dialogTopRight,
499 .dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft,
500 .dialogBottomCenter {
504 /* fix dialogbox caption padding and font-size */
505 .pithos-dialogbox .caption {
506 padding: 10px !important;
511 /* form input styling */
512 .dialogMiddleCenterInner input {
513 border: 1px solid #aaa;
522 .pithos-invitationsLeft {
524 border-bottom: 1px solid #4085A5;
527 .pithos-leftInvitationsNumber {
528 background-color: #4085A5;
534 .pithos-sendInvitationsPanel {
536 border-right: 1px solid #4085A5;
540 .pithos-sendInvitationsTitle {
546 .pithos-addInvitationImg {
547 background-color: #4085A5;
552 .pithos-invitationResponse {
553 background-color: green;
558 .pithos-invitationResponseError {
559 background-color: #880000;
564 .pithos-invitationResponse .user {
573 .pithos-invitationsSplitPanel {
577 .pithos-invitationDeleteImg {
581 .pithos-invitationFormRow {
582 border-top: 1px solid gray;
585 .pithos-sendInvitationButton {
587 background-color: #ff7f2a;
595 .pithos-sentInvitationsPanel {
601 .pithos-sentInvitationsTitle {
606 .pithos-sentInvitationsTable {
610 .pithos-invitedEmail {
615 .pithos-invitedEmailBorder {
616 border-bottom: 1px solid #4085A5;
619 .pithos-resendInvitation {
623 .pithos-pagerButton {
625 background-color: transparent;
626 border: 1px solid gray;
628 padding: 0px 2px 0px 2px;
632 .pithos-pagerButton:HOVER {
633 background-color: #4085A5;
637 .pithos-pagerButtonCurrent {
638 background-color: #4085A5;
647 background-color: #4085A5;
652 .pithos-metaDeleteImg {