sources/plugins/imagebrowser/browser/browser.css

   1 body {
   2         margin: 0;
   3 }
   4
   5 .folder-switcher {
   6         font-size: 16px;
   7         font-weight: bold;
   8         margin: 0;
   9         padding: 5px 10px;
  10         list-style: none;
  11         background-color: #e3e3e3;
  12         border-bottom: 1px solid #b7b7b7;
  13 }
  14
  15 .folder-switcher li {
  16         display: inline-block;
  17         margin: 5px;
  18         padding: 5px 10px;
  19         border: 1px solid #b7b7b7;
  20         border-radius: 4px;
  21         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  22         background-color: #fff;
  23         color: #333;
  24         white-space: nowrap;
  25         cursor: pointer;
  26 }
  27
  28 .folder-switcher li:hover {
  29         color: #0576b7;
  30         border-color: #0576b7;
  31 }
  32
  33 .folder-switcher li.active {
  34         color: #fff;
  35         background-color: #0576b7;
  36         border-color: #0576b7;
  37         box-shadow: none;
  38 }
  39
  40 .images-container {
  41         padding: 5px 10px;
  42 }
  43
  44 .thumbnail {
  45         display: inline-block;
  46         margin: 5px 5px;
  47         border: 1px solid #ccc;
  48         border-radius: 4px;
  49         overflow: hidden;
  50         font-size: 0;
  51 }
  52
  53 .thumbnail:hover {
  54         border-color: #0a94e3;
  55 }
  56
  57 .thumbnail img {
  58         width: auto;
  59         height: auto;
  60         max-width: 200px;
  61         max-height: 200px;
  62 }