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