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