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