web_frontend/screen.css

   1 /*
   2  * Armadillo File Manager
   3  * Copyright (c) 2010, Robert Sesek <http://www.bluestatic.org>
   4  *
   5  * This program is free software: you can redistribute it and/or modify it under
   6  * the terms of the GNU General Public License as published by the Free Software
   7  * Foundation, either version 3 of the License, or any later version.
   8  */
   9
  10 body {
  11   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  12   padding: 1.5em;
  13   font-size: 1em;
  14   background-color: rgb(245, 245, 245);
  15 }
  16
  17 h1 {
  18   font-size: 2em;
  19 }
  20
  21 #footer {
  22   margin-top: 0.6em;
  23   font-size: 0.6em;
  24   text-align: right;
  25 }
  26
  27 .smallfont {
  28   font-size: 0.7em;
  29 }
  30
  31 #ls {
  32   list-style: none;
  33 }
  34
  35 #ls li {
  36   padding: .3em;
  37   height: 1.5em;
  38   line-height: 1.5em;
  39 }
  40
  41 #ls li:nth-child(odd) {
  42   background-color: rgb(223, 235, 246);
  43 }
  44 #ls li:nth-child(even) {
  45   background-color: rgb(255, 255, 255);
  46 }
  47
  48 #error {
  49   border-style: solid;
  50         border-width: .15em;
  51         border-color: rgb(167, 40, 26);
  52         border-radius: .2em;
  53         padding: .2em;
  54
  55   background-color: rgba(167, 40, 26, 0.1);
  56         color: rgb(0, 30, 30);
  57 }
  58
  59 .actor {
  60   width: 8.3em;
  61   height: 8.3em;
  62   position: absolute;
  63   visibility: hidden;
  64
  65   background-color: rgb(77, 79, 83);
  66
  67   border-width: .3em;
  68   border-color: rgb(77, 79, 83);
  69   border-style: solid;
  70 }
  71
  72 .actor .tile {
  73   width: 4em;
  74   height: 4em;
  75   display: inline-block;
  76   margin: .1em;
  77
  78   background: -webkit-gradient(
  79       linear,
  80       left bottom,
  81       left top,
  82       color-stop(1, rgb(224,225,221)),
  83       color-stop(0, rgb(173,175,175))
  84   );
  85   background: -moz-linear-gradient(
  86       center bottom,
  87       rgb(224,225,221) 100%,
  88       rgb(173,175,175) 0%
  89   );
  90
  91   text-align: center;
  92 }
  93
  94 .actor .tile .title {
  95   font-size: 0.7em;
  96 }
  97
  98 .modalDialog {
  99   position: absolute;
 100   background: white;
 101   border: 3px solid red;
 102   padding: 5px;
 103   z-index: 99999;
 104   top: 25%;
 105   width: 50%;
 106   left: 25%;
 107 }
 108
 109 /**
 110  * Delete Confirmation Dialog
 111  * From Google Closure Library
 112  *
 113  * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 114  *
 115  * Use of this source code is governed by an Apache 2.0 License.
 116  * See the COPYING file for details.
 117
 118  * Standard styling for goog.ui.Dialog.
 119  *
 120  * @author ssaviano@google.com (Steven Saviano)
 121  * @author attila@google.com (Attila Bodis)
 122  */
 123
 124 .modal-dialog {
 125   background: #c1d9ff;
 126   border: 1px solid #3a5774;
 127   color: #000;
 128   padding: 4px;
 129   position: absolute;
 130 }
 131
 132 .modal-dialog a,
 133 .modal-dialog a:link,
 134 .modal-dialog a:visited  {
 135   color: #06c;
 136   cursor: pointer;
 137 }
 138
 139 .modal-dialog-bg {
 140   background: #666;
 141   left: 0;
 142   position: absolute;
 143   top: 0;
 144 }
 145
 146 .modal-dialog-title {
 147   background: #e0edfe;
 148   color: #000;
 149   cursor: pointer;
 150   font-size: 120%;
 151   font-weight: bold;
 152   padding: 8px 15px 8px 8px;
 153   position: relative;
 154   _zoom: 1; /* Ensures proper width in IE6 RTL. */
 155 }
 156
 157 .modal-dialog-title-close {
 158   /* Client apps may override the URL at which they serve the sprite. */
 159   background: #e0edfe url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -528px 0;
 160   cursor: default;
 161   height: 15px;
 162   position: absolute;
 163   right: 10px;
 164   top: 8px;
 165   width: 15px;
 166   vertical-align: middle;
 167 }
 168
 169 .modal-dialog-buttons,
 170 .modal-dialog-content {
 171   background-color: #fff;
 172   padding: 8px;
 173 }
 174
 175 .goog-buttonset-default {
 176   font-weight: bold;
 177 }
 178
 179 /*
 180  * Copyright 2007 The Closure Library Authors. All Rights Reserved.
 181  *
 182  * Use of this source code is governed by an Apache 2.0 License.
 183  * See the COPYING file for details.
 184  */
 185
 186 /* Author: pupius@google.com (Daniel Pupius) */
 187
 188 /* goog.ui.FilteredMenu */
 189
 190 .goog-menu-filter {
 191   margin: 2px;
 192   border: 1px solid silver;
 193   background: white;
 194   overflow: hidden;
 195 }
 196
 197 .goog-menu-filter div {
 198   color: gray;
 199   position: absolute;
 200   padding: 1px;
 201 }
 202
 203 .goog-menu-filter input {
 204   margin: 0;
 205   border: 0;
 206   background: transparent;
 207   width: 100%;
 208 }
 209
 210 /*
 211  * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 212  *
 213  * Use of this source code is governed by an Apache 2.0 License.
 214  * See the COPYING file for details.
 215  */
 216
 217 /*
 218  * Standard styling for buttons created by goog.ui.MenuButtonRenderer.
 219  *
 220  * @author attila@google.com (Attila Bodis)
 221  */
 222
 223
 224 /* State: resting. */
 225 .goog-menu-button {
 226   /* Client apps may override the URL at which they serve the image. */
 227   background: #ddd url(https://ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
 228   border: 0;
 229   color: #000;
 230   cursor: pointer;
 231   list-style: none;
 232   margin: 2px;
 233   outline: none;
 234   padding: 0;
 235   text-decoration: none;
 236   vertical-align: middle;
 237 }
 238
 239 /* Pseudo-rounded corners. */
 240 .goog-menu-button-outer-box,
 241 .goog-menu-button-inner-box {
 242   border-style: solid;
 243   border-color: #aaa;
 244   vertical-align: top;
 245 }
 246 .goog-menu-button-outer-box {
 247   margin: 0;
 248   border-width: 1px 0;
 249   padding: 0;
 250 }
 251 .goog-menu-button-inner-box {
 252   margin: 0 -1px;
 253   border-width: 0 1px;
 254   padding: 3px 4px;
 255 }
 256
 257 /* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
 258 * html .goog-menu-button-inner-box {
 259   /* IE6 needs to have the box shifted to make the borders line up. */
 260   left: -1px;
 261 }
 262
 263 /* Pre-IE7 BiDi fixes. */
 264 * html .goog-menu-button-rtl .goog-menu-button-outer-box {
 265   /* @noflip */ left: -1px;
 266   /* @noflip */ right: auto;
 267 }
 268 * html .goog-menu-button-rtl .goog-menu-button-inner-box {
 269   /* @noflip */ right: auto;
 270 }
 271
 272 /* IE7-only hack; ignored by all other browsers. */
 273 *:first-child+html .goog-menu-button-inner-box {
 274   /* IE7 needs to have the box shifted to make the borders line up. */
 275   left: -1px;
 276 }
 277 /* IE7 BiDi fix. */
 278 *:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
 279   /* @noflip */ left: 1px;
 280   /* @noflip */ right: auto;
 281 }
 282
 283 /* Safari-only hacks. */
 284 ::root .goog-menu-button,
 285 ::root .goog-menu-button-outer-box,
 286 ::root .goog-menu-button-inner-box {
 287   /* Required to make pseudo-rounded corners work on Safari. */
 288   line-height: 0;
 289 }
 290 ::root .goog-menu-button-caption,
 291 ::root .goog-menu-button-dropdown {
 292   /* Required to make pseudo-rounded corners work on Safari. */
 293   line-height: normal;
 294 }
 295
 296 /* State: disabled. */
 297 .goog-menu-button-disabled {
 298   background-image: none !important;
 299   opacity: 0.3;
 300   -moz-opacity: 0.3;
 301   filter: alpha(opacity=30);
 302 }
 303 .goog-menu-button-disabled .goog-menu-button-outer-box,
 304 .goog-menu-button-disabled .goog-menu-button-inner-box,
 305 .goog-menu-button-disabled .goog-menu-button-caption,
 306 .goog-menu-button-disabled .goog-menu-button-dropdown {
 307   color: #333 !important;
 308   border-color: #999 !important;
 309 }
 310
 311 /* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
 312 * html .goog-menu-button-disabled {
 313   margin: 2px 1px !important;
 314   padding: 0 1px !important;
 315 }
 316
 317 /* IE7-only hack; ignored by all other browsers. */
 318 *:first-child+html .goog-menu-button-disabled {
 319   margin: 2px 1px !important;
 320   padding: 0 1px !important;
 321 }
 322
 323 /* State: hover. */
 324 .goog-menu-button-hover .goog-menu-button-outer-box,
 325 .goog-menu-button-hover .goog-menu-button-inner-box {
 326   border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
 327 }
 328
 329 /* State: active, open. */
 330 .goog-menu-button-active,
 331 .goog-menu-button-open {
 332   background-color: #bbb;
 333   background-position: bottom left;
 334 }
 335
 336 /* State: focused. */
 337 .goog-menu-button-focused .goog-menu-button-outer-box,
 338 .goog-menu-button-focused .goog-menu-button-inner-box {
 339   border-color: orange;
 340 }
 341
 342 /* Caption style. */
 343 .goog-menu-button-caption {
 344   padding: 0 4px 0 0;
 345   vertical-align: top;
 346 }
 347
 348 /* Dropdown arrow style. */
 349 .goog-menu-button-dropdown {
 350   height: 15px;
 351   width: 7px;
 352   /* Client apps may override the URL at which they serve the sprite. */
 353   background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
 354   vertical-align: top;
 355 }
 356
 357 /* Pill (collapsed border) styles. */
 358 /* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
 359 .goog-menu-button-collapse-right,
 360 .goog-menu-button-collapse-right .goog-menu-button-outer-box,
 361 .goog-menu-button-collapse-right .goog-menu-button-inner-box {
 362   margin-right: 0;
 363 }
 364
 365 .goog-menu-button-collapse-left,
 366 .goog-menu-button-collapse-left .goog-menu-button-outer-box,
 367 .goog-menu-button-collapse-left .goog-menu-button-inner-box {
 368   margin-left: 0;
 369 }
 370
 371 .goog-menu-button-collapse-left .goog-menu-button-inner-box  {
 372   border-left: 1px solid #fff;
 373 }
 374
 375 .goog-menu-button-collapse-left.goog-menu-button-checked
 376 .goog-menu-button-inner-box {
 377   border-left: 1px solid #ddd;
 378 }
 379
 380 /*
 381  * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 382  *
 383  * Use of this source code is governed by an Apache 2.0 License.
 384  * See the COPYING file for details.
 385  */
 386
 387 /*
 388  * Standard styling for menus created by goog.ui.MenuRenderer.
 389  *
 390  * @author attila@google.com (Attila Bodis)
 391  */
 392
 393
 394 .goog-menu {
 395   background: #fff;
 396   border-color: #ccc #666 #666 #ccc;
 397   border-style: solid;
 398   border-width: 1px;
 399   cursor: default;
 400   font: normal 13px Arial, sans-serif;
 401   margin: 0;
 402   outline: none;
 403   padding: 4px 0;
 404   position: absolute;
 405   z-index: 20000; /* Arbitrary, but some apps depend on it... */
 406 }