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

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