redakcja/static/css/gallery.css

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