code.grnet.gr Git - pithos-web-client/blob - src/gr/grnet/pithos/web/public/pithos.css

   1 body {
   2         color: black;
   3         font-family: Verdana, 'PT Sans', sans-serif;
   4         font-size: 16px;
   5         margin: 8px;
   6         margin-top: 3px;
   7         background-color: transparent;
   8 }
   9
  10 table td {
  11         font-family: Verdana, 'PT Sans', sans-serif;
  12 }
  13
  14 .pithos-outer {
  15         background: url(images/background.png) repeat-x;
  16 }
  17
  18 a {
  19         color: white;
  20         text-decoration: none;
  21 }
  22
  23 a:hover {
  24         color: white;
  25 }
  26
  27 a:visited {
  28         color: white;
  29 }
  30
  31 a.info {
  32         position: relative; /*this is the key*/
  33         z-index: 24;
  34         color: black;
  35         text-decoration: none
  36 }
  37
  38 a.info:hover {
  39         z-index: 25;
  40         background-color: yellow;
  41 }
  42
  43 a.info div {
  44         display: none
  45 }
  46
  47 a.info:hover span {
  48         cursor: pointer;
  49 }
  50
  51 /* The span will only display on :hover state. */
  52 a.info:hover div {
  53         display: block;
  54         position: absolute;
  55         bottom: 2em;
  56         right: 1em;
  57         width: 10em;
  58         border: 1px solid lightblue;
  59         background-color: #D0E4F6;
  60         color: black;
  61         text-align: center
  62 }
  63
  64 .pithos-DialogBox .inner form {
  65         margin: 0px;
  66         clip:
  67 }
  68
  69 .pithos-dialogbox .inner form input,
  70 .pithos-dialogbox .inner form textarea
  71 {
  72     border: 1px solid #aaa;
  73     padding:4px;
  74 }
  75
  76 .pithos-DialogBox .button {
  77         background: none;
  78         background-color: #4085A5;
  79         color: white;
  80         padding: 5px 6px;
  81         white-space: nowrap;
  82 }
  83
  84 .pithos-DialogBox .Caption {
  85         color: white;
  86         background-color: #4085a5;
  87         padding: 20px;
  88         border-bottom: 1px solid white;
  89 }
  90
  91 .pithos-DialogBox .close {
  92         background: url(images/close-popup.png) no-repeat;
  93         cursor: pointer;
  94         position: absolute;
  95         width: 13px;
  96         height: 13px;
  97         top: 12px;
  98         right: 7px;
  99 }
 100
 101 .pithos-DialogBox .dialogMiddleCenter {
 102         background: url(images/popup-bg.png) repeat-x;
 103         background-color: white;
 104         padding: 3px;
 105 }
 106
 107 .pithos-DialogBox .dialogBottomCenter {
 108         border-bottom: 5px solid #4085A5;
 109 }
 110
 111 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
 112   background-position: 0px -55px;
 113 }
 114 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
 115   background-position: -6px -55px;
 116 }
 117 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
 118         background: #D0E4F6;
 119 }
 120 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
 121 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter,
 122 .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
 123         background: #D0E4F6;
 124         color:#d45500;
 125 }
 126 .pithos-TabPanelBottom {
 127         border: none;
 128 }
 129
 130 table.pithos-permList {
 131         border-spacing: 3px;
 132         border-collapse: collapse;
 133
 134 }
 135
 136 table.pithos-permList td {
 137         padding: 5px 5px 5px 5px;
 138         font-size:80%;
 139 }
 140
 141 table.pithos-permList.props-labels {
 142         font-weight: bold;
 143 }
 144
 145 .props-labels {
 146         font-size: 80%;
 147         font-weight: bold;
 148 }
 149
 150 .props-toplabels {
 151         font-size: 80%;
 152         font-weight: bold;
 153         font-style: italic;
 154 }
 155
 156 .props-values {
 157         font-size: 80%;
 158 }
 159
 160 .hidden-link {
 161         text-decoration: none !important;
 162         color: black !important;
 163 }
 164
 165 .hidden-link:visited {
 166         text-decoration: none !important;
 167         color: black !important;
 168 }
 169
 170 .pithos-topPanel {
 171         background-color: #4085a5;
 172         font-size: 75%;
 173         height: 59px;
 174         border-bottom: 1px solid white;
 175 }
 176
 177 .pithos-usernameMenu {
 178     cursor: pointer;
 179 }
 180
 181 .pithos-usernameMenuItem {
 182         background: url(images/down-arrow-light.png) no-repeat scroll right 8px transparent;
 183         padding-right: 13px;
 184         cursor: pointer;
 185     color: white;
 186 }
 187
 188 .pithos-usernameMenuItem:HOVER {
 189         background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
 190         background-color: #599EBD;
 191 }
 192
 193 .pithos-usernameMenuItem:ACTIVE {
 194         background: url(images/down-arrow-lighter.png) no-repeat scroll right 8px transparent;
 195         background-color: #BED5E0;
 196 }
 197
 198 .pithos-langMenuItem {
 199         cursor: pointer;
 200     color: #72ADC8;
 201 }
 202
 203 .gwt-MenuBar-vertical {
 204         background: #D0E3ED;
 205 }
 206
 207 .gwt-MenuBarPopup .menuPopupTopLeft {
 208         background: none;
 209         background-color: #D0E3ED;
 210 }
 211
 212 .gwt-MenuBarPopup .menuPopupTopCenter {
 213         background: none;
 214         background-color: #D0E3ED;
 215 }
 216
 217 .gwt-MenuBarPopup .menuPopupTopRight {
 218         background: none;
 219         background-color: #D0E3ED;
 220 }
 221
 222 .gwt-MenuBarPopup .menuPopupMiddleLeft {
 223         background: none;
 224         background-color: #D0E3ED;
 225 }
 226
 227 .gwt-MenuBarPopup .menuPopupMiddleRight {
 228         background: none;
 229         background-color: #D0E3ED;
 230 }
 231
 232 .pithos-userItemMenu {
 233         background-color: #D0E3ED;
 234 }
 235
 236 .gwt-popuppanel {
 237     border: 3px solid #D0E3ED;
 238     padding: 3px;
 239     background: #D0E3ED;
 240     border-image: initial;
 241 }
 242
 243 .gwt-MenuBar .gwt-MenuItem {
 244         border-bottom: 1px solid #EFEFEF;
 245 }
 246
 247 .gwt-MenuBar .gwt-MenuItem-selected {
 248         background-color: #E1EFF6;
 249 }
 250
 251 .gwt-MenuBarPopup .menuPopupBottomLeft {
 252         background: none;
 253         background-color: #D0E3ED;
 254 }
 255
 256 .gwt-MenuBarPopup .menuPopupBottomCenter {
 257         background: none;
 258         background-color: #D0E3ED;
 259 }
 260
 261 .gwt-MenuBarPopup .menuPopupBottomRight {
 262         background: none;
 263         background-color: #D0E3ED;
 264 }
 265
 266 .pithos-sessionExpired {
 267         width: 24em;
 268         /* Restore the padding we remove when overriding the gwt-DialogBox style */
 269         padding: 3px;
 270 }
 271
 272 .pithos-statusbar {
 273         background-color: #4085a5;
 274         border: none;
 275         font-size: 90%;
 276         vertical-align: middle;
 277         font-weight: normal;
 278         height:119px;
 279         color: white;
 280 }
 281
 282 .pithos-FileListContainer {
 283     padding-left: 10px;
 284 }
 285
 286 .pithos-List {
 287         cursor: default;
 288         border-collapse: collapse;
 289         /* prevents selecting text in table with shift and ctrl*/
 290         -moz-user-select: none;
 291 }
 292
 293 .pithos-errorMessage {
 294         font-size: 90%;
 295         background-color: #880000;
 296         color: #fff;
 297         cursor: pointer;
 298 }
 299
 300 .pithos-errorMessage td {
 301         font-size: 90%;
 302 }
 303
 304 .pithos-warnMessage {
 305         font-size: 90%;
 306         background-color: #eeee99;
 307         cursor: pointer;
 308 }
 309
 310 .pithos-infoMessage {
 311         font-size: 90%;
 312         background-color: #ccffcc;
 313         cursor: pointer;
 314 }
 315
 316 .pithos-clearMessage {
 317         font-size: 90%;
 318         font-weight: bold;
 319         text-decoration: none;
 320         color: black;
 321 }
 322
 323 .pithos-clearMessage:visited {
 324         font-size: 90%;
 325         font-weight: bold;
 326         text-decoration: none;
 327         color: black;
 328 }
 329
 330 .pithos-readForAllNote {
 331         width: 240px;
 332         text-align: justify;
 333         font-style: italic;
 334         font-size: 12px;
 335         padding-left: 4;
 336 }
 337
 338 .pithos-treeHeader {
 339         background-color: #74aec9;
 340         height: 25px;
 341     width: 100%;
 342 }
 343
 344 .pithos-statistics {
 345         color: white;
 346         padding: 5px;
 347 }
 348
 349 .pithos-splitPanel {
 350         background: url(images/white50.png) transparent;
 351         margin-bottom: 34px;
 352 }
 353
 354 .pithos-splitPanel-noframe {
 355         margin-bottom: 0;
 356 }
 357
 358 /* Use the background color for the splitter. */
 359 .gwt-HorizontalSplitPanel .hsplitter {
 360         cursor: move;
 361         border: 0px;
 362         background: url(images/background.png) repeat-x;
 363 }
 364
 365 .pithos-tag {
 366         display:inline;
 367 }
 368
 369 .pithos-uploadButton {
 370     background: none;
 371     background-color: #ff7f2a;
 372     font-size: 120%;
 373     text-align: center;
 374     height: auto;
 375     padding: 8px;
 376     width: 146px;
 377     border: none;
 378 }
 379
 380 .pithos-uploadButton:HOVER {
 381     background-color: #f95;
 382 }
 383
 384 .pithos-rightSide {
 385     vertical-align: middle;
 386     width: 100%;
 387     padding-left: 7px;
 388 }
 389 .pithos-parentButton {
 390     background: none;
 391     background-color: #a1c8da;
 392 }
 393
 394 .pithos-folderStatistics {
 395     background-color: #a1c8da;
 396     text-align: center;
 397     color: white;
 398     height: 32px;
 399         padding: 5px 15px;
 400         margin-right: 10px;
 401 }
 402
 403 .grnet-sign {
 404         color: #72ADC8;
 405 }
 406
 407 .pithos-logo {
 408         position: absolute;
 409         top: 25;
 410 }
 411
 412 .pithos-header {
 413         background: url(images/white50.png);
 414         margin-top: 34;
 415         height: 60px;
 416 }
 417
 418 .pithos-header-noframe {
 419         margin-top: 0;
 420 }
 421
 422 /*.cellTreeWidget-selectedTree {
 423     background-color: #BCD7E3;
 424 }*/
 425
 426 .pithos-list thead th img {
 427     top: 5px !important;
 428 }
 429
 430 .effectPanel-inner {
 431         background-color: #4085A5;
 432         margin: 10px;
 433 }
 434
 435 .pithos-toolsButton {
 436         background-color: #FF7F2A !important;
 437         background-position: 9px 7px !important;
 438 }
 439
 440 .pithos-toolsButton:hover {
 441         background-color: #F95 !important;
 442 }
 443
 444 /*move background from inner to centerinner to wrap action buttons too*/
 445 .dialogMiddleCenterInner.dialogContent  {
 446     background: url(https://pithos.dev.grnet.gr/ui/images/white50.png);
 447     margin: 7px;
 448     padding: 15px;
 449     /*border: 1px solid #aaa;*/
 450     -moz-box-shadow: 0 0 1px 1px #888;
 451     -webkit-box-shadow: 0 0 1px 1px #888;
 452     box-shadow: 0 0 1px 1px #888;
 453 }
 454
 455 /*remove background/padding from .inner*/
 456 .pithos-dialogbox .inner {
 457     background: none;
 458     padding:0;
 459     width: auto !important;
 460 }
 461
 462 /*button styles*/
 463 .pithos-dalogbox .button {
 464 }
 465
 466 /*button position within the overlay content*/
 467 .dialogMiddleCenterInner .button {
 468     margin-left: 2px;
 469     border: none;
 470     padding: 7px 20px;
 471     margin-top: 10px;
 472     float: right;
 473     margin-right: 4px;
 474 }
 475
 476 /* fix placement of overlay paragraphs */
 477 .pithos-credentialstext {
 478     padding: 0 0 10px 0;
 479 }
 480
 481 /* overlay styles */
 482 .pithos-dialogbox {
 483     background-color: white;
 484     border: 2px solid #444;
 485     text-align: left;
 486     -moz-box-shadow: 0 0 90px 5px #000;
 487     -webkit-box-shadow: 0 0 90px 5px #000;
 488     box-shadow: 0 0 90px 5px #000;
 489         clip: inherit !important;
 490 }
 491
 492 /* hide overlay dialogue unneeded side elements */
 493 .dialogMiddleRight, .dialogBottomRight, .dialogTopRight,
 494 .dialogMiddleLeft, .dialogBottomLeft, .dialogTopLeft,
 495 .dialogBottomCenter {
 496     display: none;
 497 }
 498
 499 /* fix dialogbox caption padding and font-size */
 500 .pithos-dialogbox .caption {
 501     padding: 10px !important;
 502     font-size: 1.1em;
 503 }
 504
 505
 506 /* form input styling */
 507 .dialogMiddleCenterInner input {
 508     border: 1px solid #aaa;
 509     padding: 4px;
 510 }
 511
 512 /* fix tag color */
 513 a.pithos-tag {
 514     color: #4085a5;
 515 }
 516
 517 .pithos-sentInvitationsTitle {
 518         font-size: 1.2em;
 519         font-weight: normal;
 520         border-bottom: 1px solid #B0D0E0;
 521         color: #4085A5;
 522 }
 523
 524 .pithos-resendInvitation {
 525         cursor: pointer;
 526 }