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