crm.fsf.org/20131203/files/sites/all/modules-new/civicrm/packages/kcfinder/themes/dark/02.misc.css

   1 * {
   2     font-size: 13px;
   3 }
   4 body {
   5     background: #000;
   6     color: #aaa;
   7 }
   8 fieldset td {
   9     white-space: nowrap;
  10 }
  11 #folders {
  12     margin: 5px 5px 0 5px;
  13 }
  14 #files {
  15     margin-right: 5px;
  16 }
  17
  18
  19 /* SHARED DECLARATIONS */
  20
  21 #toolbar a:hover,
  22 #toolbar a.hover,
  23 span.current,
  24 span.regular:hover,
  25 span.context,
  26 #clipboard div:hover,
  27 div.file:hover,
  28 #files div.selected,
  29 #files div.selected:hover,
  30 tr.selected > td,
  31 tr.selected:hover > td,
  32 #menu .list div a:hover,
  33 #toolbar a.selected {
  34     color: #fff;
  35     text-shadow:
  36         1px 0 rgba(0,0,0,.2),
  37         -1px 0 rgba(0,0,0,.2),
  38         0 -1px rgba(0,0,0,.2),
  39         0 1px rgba(0,0,0,.2),
  40         1px 1px rgba(0,0,0,.2),
  41         -1px -1px rgba(0,0,0,.2),
  42         1px -1px rgba(0,0,0,.2),
  43         -1px 1px rgba(0,0,0,.2);
  44 }
  45 #files div {
  46     text-shadow:
  47         1px 0 rgba(0,0,0,.2),
  48         -1px 0 rgba(0,0,0,.2),
  49         0 -1px rgba(0,0,0,.2),
  50         0 1px rgba(0,0,0,.2),
  51         1px 1px rgba(0,0,0,.2),
  52         -1px -1px rgba(0,0,0,.2),
  53         1px -1px rgba(0,0,0,.2),
  54         -1px 1px rgba(0,0,0,.2);
  55 }
  56
  57 #files,
  58 #folders,
  59 #toolbar a.selected {
  60     color: #aaa;
  61     border: 1px solid #425064;
  62     border-radius: 4px;
  63     background: #202d3e;
  64     box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
  65 }
  66
  67 /* TOOLBAR */
  68 #toolbar {
  69     padding: 5px 0;
  70 }
  71 #toolbar a {
  72     color: #949494;
  73     margin-right: 5px;
  74     border: 1px solid transparent;
  75     outline: none;
  76     display: block;
  77     float: left;
  78     border-radius: 4px;
  79     transition: .3s;
  80     padding:0;
  81 }
  82 #toolbar a > span {
  83     padding: 6px 10px 6px 26px;
  84     diaplay: block;
  85     float:left;
  86     background: no-repeat 6px center;
  87 }
  88 #toolbar a:hover,
  89 #toolbar a.hover {
  90     color: #fff;
  91     border-color: #184977;
  92     background: #4685b3;
  93     background: -webkit-linear-gradient(top, #4685b3, #184977);
  94     background: -moz-linear-gradient(top, #4685b3, #184977);
  95     background: -ms-linear-gradient(top, #4685b3, #184977);
  96     background: -o-linear-gradient(top, #4685b3, #184977);
  97     background: linear-gradient(to bottom, #4685b3, #184977);
  98     box-shadow: inset 0 0 3px #88b9da;
  99     transition: .3s;
 100 }
 101 #toolbar a[href="kcact:upload"] span {
 102     background-image: url(img/icons/upload.png);
 103 }
 104 #toolbar a[href="kcact:refresh"] span {
 105     background-image: url(img/icons/refresh.png);
 106 }
 107 #toolbar a[href="kcact:settings"] span {
 108     background-image: url(img/icons/settings.png);
 109 }
 110 #toolbar a[href="kcact:about"] span {
 111     background-image: url(img/icons/about.png);
 112 }
 113 #toolbar a[href="kcact:maximize"] span {
 114     background-image: url(img/icons/maximize.png);
 115 }
 116
 117
 118 /* SETTINGS BAR */
 119
 120 #settings label {
 121     cursor: pointer;
 122 }
 123 #settings fieldset {
 124     margin-right:5px;
 125     margin-bottom: 6px;
 126     margin-top:-5px;
 127     padding:6px;
 128 }
 129
 130
 131 /* FOLDERS */
 132
 133 div.folder {
 134     padding-top: 2px;
 135     margin-top: 5px;
 136     white-space: nowrap;
 137 }
 138 div.folder a {
 139     text-decoration: none;
 140     cursor: default;
 141     outline: none;
 142     color: #aaa;
 143 }
 144 span.folder {
 145     padding: 2px 3px 2px 23px;
 146     outline: none;
 147     background: no-repeat 3px center;
 148     cursor: pointer;
 149     border-radius: 3px;
 150     border: 1px solid transparent;
 151 }
 152 span.brace {
 153     width: 16px;
 154     height: 16px;
 155     outline: none;
 156 }
 157 span.current {
 158     transition: .3s;
 159     background-image: url(img/tree/folder.png);
 160     background-color: #306999;
 161     border-color: #306999;
 162     box-shadow: inset 0 0 7px #8FD6EA, inset 0 0 3px #8FD6EA, 0 0 2px #000, 0 0 1px #000;
 163 }
 164 span.regular {
 165     transition: .3s;
 166     background-image: url(img/tree/folder.png);
 167     background-color: transparent;
 168 }
 169 span.regular:hover, span.context, #clipboard div:hover {
 170     transition: .3s;
 171     background-color: #333;
 172     border-color: #777;
 173     box-shadow: inset 0 0 7px #777, inset 0 0 3px #777, 0 0 2px #000, 0 0 1px #000;
 174 }
 175 span.opened {
 176     background-image: url(img/tree/minus.png);
 177 }
 178 span.closed {
 179     background-image: url(img/tree/plus.png);
 180 }
 181 span.denied {
 182     background-image: url(img/tree/denied.png);
 183 }
 184
 185
 186 /* FILES */
 187
 188 div.file {
 189     padding: 4px;
 190     margin: 3px;
 191     border: 1px solid transparent;
 192     border-radius: 4px;
 193 }
 194 div.file:hover {
 195     box-shadow: inset 0 0 7px #555, inset 0 0 3px #555, 0 0 3px #000, 0 0 6px #000;
 196     background: #000;
 197     background: -webkit-linear-gradient(top, #111, #555);
 198     background: -moz-linear-gradient(top, #111, #555);
 199     background: -ms-linear-gradient(top, #111, #555);
 200     background: -o-linear-gradient(top, #111, #555);
 201     background: linear-gradient(to bottom, #111, #555);
 202     border-color: #555;
 203 }
 204 div.file .name {
 205     margin-top: 4px;
 206     font-weight: bold;
 207     height: 16px;
 208     overflow: hidden;
 209     padding-bottom:2px;
 210 }
 211 div.file .time {
 212     font-size: 10px;
 213 }
 214 div.file .size {
 215     font-size: 10px;
 216 }
 217 #files div.selected,
 218 #files div.selected:hover {
 219     border-color: #4685b3;
 220     background: #4685b3;
 221     background: -webkit-linear-gradient(top, #4685b3, #184977);
 222     background: -moz-linear-gradient(top, #4685b3, #184977);
 223     background: -ms-linear-gradient(top, #4685b3, #184977);
 224     background: -o-linear-gradient(top, #4685b3, #184977);
 225     background: linear-gradient(to bottom, #4685b3, #184977);
 226     box-shadow: inset 0 0 7px #4e9ed4, inset 0 0 3px #4e9ed4, 0 0 3px #000, 0 0 6px #000;
 227 }
 228 tr.file > td {
 229     padding: 3px 4px;
 230 }
 231 tr.file:hover > td {
 232     background-color: #000;
 233     transition: none;
 234 }
 235 tr.selected > td,
 236 tr.selected:hover > td {
 237     transition: .3s;
 238     background-color: #2d5277;
 239 }
 240 tr.file td.name {
 241     background-position: 2px center;
 242     padding-left: 22px;
 243 }
 244 a.denied {
 245     color: #666;
 246     opacity: 0.5;
 247     filter: alpha(opacity:50);
 248     cursor: default;
 249 }
 250 a.denied:hover {
 251     background-color: #e4e3e2;
 252     border-color: transparent;
 253     box-shadow: none;
 254 }
 255
 256 /* FILE MENU */
 257
 258 #menu .ui-menu a span {
 259     background: left center no-repeat;
 260     padding-left: 20px;
 261     white-space: nowrap;
 262 }
 263 #menu a[href="kcact:refresh"] span {
 264     background-image: url(img/icons/refresh.png);
 265 }
 266 #menu a[href="kcact:mkdir"] span {
 267     background-image: url(img/icons/folder-new.png);
 268 }
 269 #menu a[href="kcact:mvdir"] span, #menu a[href="kcact:mv"] span {
 270     background-image: url(img/icons/rename.png);
 271 }
 272 #menu a[href="kcact:rmdir"] span, #menu a[href="kcact:rm"] span, #menu a[href="kcact:rmcbd"] span {
 273     background-image: url(img/icons/delete.png);
 274 }
 275 #menu a[href="kcact:clpbrdadd"] span {
 276     background-image: url(img/icons/clipboard-add.png);
 277 }
 278 #menu a[href="kcact:pick"] span, #menu a[href="kcact:pick_thumb"] span {
 279     background-image: url(img/icons/select.png);
 280 }
 281 #menu a[href="kcact:download"] span {
 282     background-image: url(img/icons/download.png);
 283 }
 284 #menu a[href="kcact:view"] span {
 285     background-image: url(img/icons/view.png);
 286 }
 287 #menu a[href="kcact:cpcbd"] span {
 288     background-image: url(img/icons/copy.png);
 289 }
 290 #menu a[href="kcact:mvcbd"] span {
 291     background-image: url(img/icons/move.png);
 292 }
 293 #menu a[href="kcact:clrcbd"] span {
 294     background-image: url(img/icons/clipboard-clear.png);
 295 }
 296
 297 /* CLIPBOARD */
 298
 299 #clipboard {
 300     margin-left:-3px;
 301     padding: 2px;
 302 }
 303 #clipboard div {
 304     background: url(img/icons/clipboard.png) no-repeat center center;
 305     border: 1px solid transparent;
 306     padding: 2px;
 307     cursor: pointer;
 308     border-radius: 4px;
 309 }
 310 #clipboard.selected div, #clipboard.selected div:hover {
 311     background-color: #306999;
 312     border-color: #306999;
 313     box-shadow: inset 0 0 7px #8FD6EA, inset 0 0 3px #8FD6EA;
 314 }
 315 #menu .list a, #menu .list a.ui-state-focus {
 316     margin: -1px 0 0 -1px;
 317     padding: 6px 10px;
 318     border: 1px solid transparent;
 319     background: none;
 320     border-radius: 0;
 321     text-shadow: none;
 322     box-shadow: none;
 323 }
 324 #menu .list a.first, #menu .list a.first.ui-state-focus {
 325     border-radius: 4px 4px 0 0;
 326 }
 327 #menu .list a:hover {
 328     border-color: #4685b3;
 329     background: #4685b3;
 330     background: -webkit-linear-gradient(top, #184977, #4685b3);
 331     background: -moz-linear-gradient(top, #184977, #4685b3);
 332     background: -ms-linear-gradient(top, #184977, #4685b3);
 333     background: -o-linear-gradient(top, #184977, #4685b3);
 334     background: linear-gradient(to bottom, #184977, #4685b3);
 335     box-shadow: inset 0 0 7px #4e9ed4, inset 0 0 3px #4e9ed4;
 336 }
 337 #menu .list {
 338     overflow:hidden;
 339     max-height: 1px;
 340     margin-bottom: -1px;
 341     padding-bottom:1px;
 342 }
 343 #menu li.div-files {
 344     margin: 0 0 1px 0;
 345 }
 346
 347 /* ABOUT DIALOG */
 348
 349 .about {
 350     text-align: center;
 351 }
 352 .about div.head {
 353     font-weight: bold;
 354     font-size: 12px;
 355     padding: 3px 0 8px 0;
 356 }
 357 .about div.head a {
 358     background: url(img/kcf_logo.png) no-repeat left center;
 359     padding: 0 0 0 27px;
 360     font-size: 17px;
 361     outline: none;
 362 }
 363
 364 .about a {
 365     text-decoration: none;
 366     color: #3665b4;
 367 }
 368
 369 .about a:hover {
 370     text-decoration: underline;
 371 }
 372 #checkver {
 373     margin: 5px 0 10px 0;
 374 }
 375 #loading, #checkver > span.loading {
 376     background: url(img/loading.gif);
 377     border: 1px solid #425064;
 378     box-shadow: inset 0 0 3px #000, inset 0 0 6px #000, 0 0 3px #425064, 0 0 2px #425064;
 379     padding: 6px 10px;
 380     border-radius: 4px;
 381     color: #aaa;
 382 }
 383 #checkver a {
 384     font-weight: normal;
 385     padding: 3px 3px 3px 20px;
 386     background: url(img/icons/download.png) no-repeat left center;
 387 }
 388
 389 /* IMAGE VIEWER */
 390
 391 .ui-dialog-content.kcfImageViewer {
 392     background: #000;
 393     cursor: pointer;
 394 }
 395 .kcfImageViewer .img {
 396     background: url(img/bg_transparent.png);
 397 }
 398
 399 /* MISC */
 400
 401 #loading {
 402     margin-right: 5px;
 403 }
 404 #loadingDirs {
 405     padding: 5px 0 1px 24px;
 406 }
 407 #files.drag {
 408     background: #ddebf8;
 409 }
 410 #resizer {
 411     background: #fff;
 412 }
 413
 414 /* FIX FIELDSET BORDER RADIUS BUG ON IE */
 415 body.msie fieldset,
 416 body.trident.rv fieldset {
 417     border-radius: 0;
 418 }