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 /**
  99  * Delete Confirmation Dialog
 100  * From Google Closure Library
 101  *
 102  * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 103  *
 104  * Use of this source code is governed by an Apache 2.0 License.
 105  * See the COPYING file for details.
 106
 107  * Standard styling for goog.ui.Dialog.
 108  *
 109  * @author ssaviano@google.com (Steven Saviano)
 110  * @author attila@google.com (Attila Bodis)
 111  */
 112
 113 .modal-dialog {
 114   background: #c1d9ff;
 115   border: 1px solid #3a5774;
 116   color: #000;
 117   padding: 4px;
 118   position: absolute;
 119 }
 120
 121 .modal-dialog a,
 122 .modal-dialog a:link,
 123 .modal-dialog a:visited  {
 124   color: #06c;
 125   cursor: pointer;
 126 }
 127
 128 .modal-dialog-bg {
 129   background: #666;
 130   left: 0;
 131   position: absolute;
 132   top: 0;
 133 }
 134
 135 .modal-dialog-title {
 136   background: #e0edfe;
 137   color: #000;
 138   cursor: pointer;
 139   font-size: 120%;
 140   font-weight: bold;
 141   padding: 8px 15px 8px 8px;
 142   position: relative;
 143   _zoom: 1; /* Ensures proper width in IE6 RTL. */
 144 }
 145
 146 .modal-dialog-title-close {
 147   /* Client apps may override the URL at which they serve the sprite. */
 148   background: #e0edfe url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -528px 0;
 149   cursor: default;
 150   height: 15px;
 151   position: absolute;
 152   right: 10px;
 153   top: 8px;
 154   width: 15px;
 155   vertical-align: middle;
 156 }
 157
 158 .modal-dialog-buttons,
 159 .modal-dialog-content {
 160   background-color: #fff;
 161   padding: 8px;
 162 }
 163
 164 .goog-buttonset-default {
 165   font-weight: bold;
 166 }
 167
 168 /*
 169  * Copyright 2007 The Closure Library Authors. All Rights Reserved.
 170  *
 171  * Use of this source code is governed by an Apache 2.0 License.
 172  * See the COPYING file for details.
 173  */
 174
 175 /* Author: pupius@google.com (Daniel Pupius) */
 176
 177 /* goog.ui.FilteredMenu */
 178
 179 .goog-menu-filter {
 180   margin: 2px;
 181   border: 1px solid silver;
 182   background: white;
 183   overflow: hidden;
 184 }
 185
 186 .goog-menu-filter div {
 187   color: gray;
 188   position: absolute;
 189   padding: 1px;
 190 }
 191
 192 .goog-menu-filter input {
 193   margin: 0;
 194   border: 0;
 195   background: transparent;
 196   width: 100%;
 197 }
 198
 199 /*
 200  * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 201  *
 202  * Use of this source code is governed by an Apache 2.0 License.
 203  * See the COPYING file for details.
 204  */
 205
 206 /*
 207  * Standard styling for buttons created by goog.ui.MenuButtonRenderer.
 208  *
 209  * @author attila@google.com (Attila Bodis)
 210  */
 211
 212
 213 /* State: resting. */
 214 .goog-menu-button {
 215   /* Client apps may override the URL at which they serve the image. */
 216   background: #ddd url(https://ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
 217   border: 0;
 218   color: #000;
 219   cursor: pointer;
 220   list-style: none;
 221   margin: 2px;
 222   outline: none;
 223   padding: 0;
 224   text-decoration: none;
 225   vertical-align: middle;
 226 }
 227
 228 /* Pseudo-rounded corners. */
 229 .goog-menu-button-outer-box,
 230 .goog-menu-button-inner-box {
 231   border-style: solid;
 232   border-color: #aaa;
 233   vertical-align: top;
 234 }
 235 .goog-menu-button-outer-box {
 236   margin: 0;
 237   border-width: 1px 0;
 238   padding: 0;
 239 }
 240 .goog-menu-button-inner-box {
 241   margin: 0 -1px;
 242   border-width: 0 1px;
 243   padding: 3px 4px;
 244 }
 245
 246 /* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
 247 * html .goog-menu-button-inner-box {
 248   /* IE6 needs to have the box shifted to make the borders line up. */
 249   left: -1px;
 250 }
 251
 252 /* Pre-IE7 BiDi fixes. */
 253 * html .goog-menu-button-rtl .goog-menu-button-outer-box {
 254   /* @noflip */ left: -1px;
 255   /* @noflip */ right: auto;
 256 }
 257 * html .goog-menu-button-rtl .goog-menu-button-inner-box {
 258   /* @noflip */ right: auto;
 259 }
 260
 261 /* IE7-only hack; ignored by all other browsers. */
 262 *:first-child+html .goog-menu-button-inner-box {
 263   /* IE7 needs to have the box shifted to make the borders line up. */
 264   left: -1px;
 265 }
 266 /* IE7 BiDi fix. */
 267 *:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
 268   /* @noflip */ left: 1px;
 269   /* @noflip */ right: auto;
 270 }
 271
 272 /* Safari-only hacks. */
 273 ::root .goog-menu-button,
 274 ::root .goog-menu-button-outer-box,
 275 ::root .goog-menu-button-inner-box {
 276   /* Required to make pseudo-rounded corners work on Safari. */
 277   line-height: 0;
 278 }
 279 ::root .goog-menu-button-caption,
 280 ::root .goog-menu-button-dropdown {
 281   /* Required to make pseudo-rounded corners work on Safari. */
 282   line-height: normal;
 283 }
 284
 285 /* State: disabled. */
 286 .goog-menu-button-disabled {
 287   background-image: none !important;
 288   opacity: 0.3;
 289   -moz-opacity: 0.3;
 290   filter: alpha(opacity=30);
 291 }
 292 .goog-menu-button-disabled .goog-menu-button-outer-box,
 293 .goog-menu-button-disabled .goog-menu-button-inner-box,
 294 .goog-menu-button-disabled .goog-menu-button-caption,
 295 .goog-menu-button-disabled .goog-menu-button-dropdown {
 296   color: #333 !important;
 297   border-color: #999 !important;
 298 }
 299
 300 /* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
 301 * html .goog-menu-button-disabled {
 302   margin: 2px 1px !important;
 303   padding: 0 1px !important;
 304 }
 305
 306 /* IE7-only hack; ignored by all other browsers. */
 307 *:first-child+html .goog-menu-button-disabled {
 308   margin: 2px 1px !important;
 309   padding: 0 1px !important;
 310 }
 311
 312 /* State: hover. */
 313 .goog-menu-button-hover .goog-menu-button-outer-box,
 314 .goog-menu-button-hover .goog-menu-button-inner-box {
 315   border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
 316 }
 317
 318 /* State: active, open. */
 319 .goog-menu-button-active,
 320 .goog-menu-button-open {
 321   background-color: #bbb;
 322   background-position: bottom left;
 323 }
 324
 325 /* State: focused. */
 326 .goog-menu-button-focused .goog-menu-button-outer-box,
 327 .goog-menu-button-focused .goog-menu-button-inner-box {
 328   border-color: orange;
 329 }
 330
 331 /* Caption style. */
 332 .goog-menu-button-caption {
 333   padding: 0 4px 0 0;
 334   vertical-align: top;
 335 }
 336
 337 /* Dropdown arrow style. */
 338 .goog-menu-button-dropdown {
 339   height: 15px;
 340   width: 7px;
 341   /* Client apps may override the URL at which they serve the sprite. */
 342   background: url(https://ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
 343   vertical-align: top;
 344 }
 345
 346 /* Pill (collapsed border) styles. */
 347 /* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
 348 .goog-menu-button-collapse-right,
 349 .goog-menu-button-collapse-right .goog-menu-button-outer-box,
 350 .goog-menu-button-collapse-right .goog-menu-button-inner-box {
 351   margin-right: 0;
 352 }
 353
 354 .goog-menu-button-collapse-left,
 355 .goog-menu-button-collapse-left .goog-menu-button-outer-box,
 356 .goog-menu-button-collapse-left .goog-menu-button-inner-box {
 357   margin-left: 0;
 358 }
 359
 360 .goog-menu-button-collapse-left .goog-menu-button-inner-box  {
 361   border-left: 1px solid #fff;
 362 }
 363
 364 .goog-menu-button-collapse-left.goog-menu-button-checked
 365 .goog-menu-button-inner-box {
 366   border-left: 1px solid #ddd;
 367 }
 368
 369 /*
 370  * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 371  *
 372  * Use of this source code is governed by an Apache 2.0 License.
 373  * See the COPYING file for details.
 374  */
 375
 376 /*
 377  * Standard styling for menus created by goog.ui.MenuRenderer.
 378  *
 379  * @author attila@google.com (Attila Bodis)
 380  */
 381
 382
 383 .goog-menu {
 384   background: #fff;
 385   border-color: #ccc #666 #666 #ccc;
 386   border-style: solid;
 387   border-width: 1px;
 388   cursor: default;
 389   font: normal 13px Arial, sans-serif;
 390   margin: 0;
 391   outline: none;
 392   padding: 4px 0;
 393   position: absolute;
 394   z-index: 20000; /* Arbitrary, but some apps depend on it... */
 395 }