apps/wolnelektury_core/static/css/master.picture.css

   1
   2 #picture-view {
   3     width: 100%;
   4     position:absolute;
   5     top: 0;
   6     bottom: 0;
   7     z-index: 10;
   8 }
   9
  10 #picture-view .picture-wrap {
  11     margin: 3rem auto 1rem auto;
  12     display: block;
  13     z-index: 10;
  14 }
  15 #picture-view .picture-wrap img {
  16     z-index: 10;
  17 }
  18
  19 #picture-view .picture-wrap {
  20     width: 700px;
  21 }
  22
  23 #picture-view .picture-wrap {
  24     height: 500px;
  25 }
  26
  27
  28 .picture-wrap img.original {
  29     width: 100%;
  30 }
  31
  32 .picture-wrap img.loading {
  33     margin-left: -10000px;
  34 }
  35
  36 .picture-wrap .mark {
  37     border: 2px solid rgba(200, 200, 200, 0.7);
  38     position: absolute;
  39     display: block;
  40 }
  41
  42 .picture-wrap .mark .label {
  43     position: absolute;
  44     display: none; /*block;*/
  45     color: rgba(200, 200, 200, 0.8);
  46     font-size: 0.9rem;
  47     bottom: -1.5em;
  48 }
  49
  50
  51 .toolbar {
  52     position: fixed;
  53     //top: 1.5rem;
  54     left: 0rem;
  55     color: #FFF;
  56     z-index: 99;
  57     list-style: none;
  58     padding: 0;
  59     margin: 0;
  60
  61     background: #333;
  62     opacity: 0.9;
  63     width: 8rem;
  64 }
  65
  66 .toolbar ul {
  67     list-style: none;
  68     padding: 0;
  69     margin: 0;
  70     font-size: 0.8rem;
  71     background-color: #222;
  72 }
  73
  74 .toolbar .button a {
  75     //background: #333;
  76     //opacity: 0.9;
  77     display: block;
  78     height:1.5rem;
  79
  80     text-align: center;
  81     color: #FFF;
  82     padding: 0.2rem 0;
  83     text-decoration: none;
  84 }
  85
  86 .toolbar .button .dropdown-body a {
  87     height: 1.2rem;
  88 }
  89
  90 #picture-view .toolbar .button.square a {
  91     width: 4rem; //1.5rem;
  92 }
  93
  94 li.button {
  95     clear: both;
  96 }
  97 li.button.square {
  98     clear: none;
  99     float: left;
 100 }
 101
 102 #picture-view .toolbar .button a:link,
 103 #picture-view .toolbar .button a:visited {
 104     color: #FFF;
 105 }
 106
 107 #picture-view .toolbar.button a:active {
 108     color: yellow;
 109 }
 110
 111 .moveright {
 112     margin-left: 8rem !important;
 113 }
 114
 115 #sponsors {
 116     position: absolute;
 117     display: block;
 118     top: 3.5rem;
 119     right: 2rem;
 120     z-index:1;
 121     width: 9rem;
 122 }
 123 #sponsors div {
 124     z-index: -10;
 125 }
 126
 127 #sponsors img {
 128     width: 100%;
 129     z-index: -10;
 130 }