redakcja/static/css/gallery.css

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