src/redakcja/static/css/gallery.css

   1 #sidebar {
   2     background-color: #FFF;
   3 }
   4
   5 #side-search {
   6     height: 100%;
   7     display: none;
   8     background-color: #C1C1C1;
   9 }
  10
  11
  12 #side-annotations {
  13     display: flex;
  14     flex-direction: column;
  15     height: 100%;
  16     position: relative;
  17 }
  18
  19 #side-annotations #annotations-container {
  20     flex: 1;
  21     position: relative;
  22     overflow: hidden;
  23 }
  24
  25 .annotations-list {
  26     flex: 1;
  27     height: 100%;
  28     overflow: auto;
  29     padding: 1em 1em 0 1em;
  30 }
  31
  32 #side-annotations .error-message {
  33     padding: 1em;
  34 }
  35
  36 #side-annotations .spinner {
  37     position: absolute;
  38     left: 0;
  39     top: 0;
  40     right: 0;
  41     bottom: 0;
  42     background: white;
  43     display: flex;
  44     align-items: center;
  45     justify-content: center;
  46 }
  47
  48 #side-annotations .akap {
  49     font-size: 16px;
  50     font-family: "Georgia", "Times New Roman", serif;
  51     line-height: 1.5em;
  52     margin-bottom: 1em;
  53     position: relative;
  54 }
  55
  56 #side-annotations .src {
  57     font-family: monospace;
  58     font-size: 10px;
  59     font-weight: 400;
  60     line-height: 13px;
  61     position: absolute;
  62     top: 0;
  63     bottom: -.5em;
  64     display:none;
  65     background: white;
  66     border: 1px solid #888;
  67     width: 100%;
  68 }
  69
  70 #side-annotations .akap:hover .src {
  71     display: block;
  72 }
  73
  74 /* =========== */
  75 /* = Gallery = */
  76 /* =========== */
  77
  78 #side-gallery {
  79     height: 100%;
  80     display: flex;
  81     flex-direction: column;
  82 }
  83
  84
  85 .change-gallery-panel {
  86     width: 100%;
  87     border-bottom: 1px solid #777;
  88     background-color: #C1C1C1;
  89     margin: 0;
  90     padding: 2px;
  91     z-index: 10;
  92 }
  93
  94 .gallery-image {
  95     flex: 1;
  96     overflow: hidden;
  97     position: relative;
  98 }
  99
 100 .gallery-image img {
 101     position: absolute;
 102     -moz-drag: none;
 103     user-select: none;
 104     -webkit-user-select: none;
 105     -khtml-user-select: none;
 106     -moz-user-select: none;
 107     cursor: pointer;
 108
 109         background-color: white;
 110         min-height: 100px;
 111         min-width: 100px;
 112 }
 113
 114 .gallery-image img[src=''] {
 115         background-color: red;
 116 }
 117
 118 #motifs-editor .toolbar {
 119     height: auto;
 120 }
 121
 122 #objects-editor .toolbar {
 123     height: auto;
 124 }