apps/workbench/app/assets/stylesheets/collections.css.scss

   1 /* Style for _show_files tree view. */
   2
   3 ul#collection_files {
   4   padding: 0 .5em;
   5 }
   6
   7 ul.collection_files {
   8   line-height: 2.5em;
   9   list-style-type: none;
  10   padding-left: 2.3em;
  11 }
  12
  13 ul.collection_files li {
  14   clear: both;
  15 }
  16
  17 .collection_files_row {
  18   padding: 1px;  /* Replaced by border for :hover */
  19 }
  20
  21 .collection_files_row:hover {
  22   background-color: #D9EDF7;
  23   padding: 0px;
  24   border: 1px solid #BCE8F1;
  25   border-radius: 3px;
  26 }
  27
  28 .collection_files_inline {
  29   clear: both;
  30   width: 80%;
  31   margin: 0 3em;
  32 }
  33
  34 .collection_files_inline img {
  35   max-height: 15em;
  36 }
  37
  38 .collection_files_name {
  39   padding-left: .5em;
  40   white-space: nowrap;
  41   overflow: hidden;
  42   text-overflow: ellipsis;
  43 }
  44
  45 .collection_files_name i.fa-fw:first-child {
  46   width: 1.6em;
  47 }
  48
  49 /*
  50   "active" and "inactive" colors are too similar for a toggle switch
  51   in the default bootstrap theme.
  52   */
  53
  54 $inactive-bg: #5bc0de;
  55 $active-bg: #39b3d7;
  56
  57 .btn-group.toggle-persist .btn {
  58     width: 6em;
  59 }
  60 .btn-group.toggle-persist .btn-info {
  61     background-color: lighten($inactive-bg, 15%);
  62 }
  63
  64 .btn-group.toggle-persist .btn-info.active {
  65     background-color: $active-bg;
  66 }
  67
  68 .lock-collection-btn {
  69     display: inline-block;
  70     padding: .5em 2em;
  71     margin: 0 1em;
  72 }