src/wolnelektury/static/css/master.picture.css

   1
   2 #picture-view {
   3     left: 0;
   4     right: 0;
   5     position:absolute;
   6     top: 0;
   7     bottom: 0;
   8     z-index: 10;
   9 }
  10
  11 #picture-view .picture-wrap {
  12     background-repeat: no-repeat;
  13     margin: 0 auto 0 auto;
  14     display: block;
  15     position: relative;
  16     z-index: 10;
  17 //    cursor: move;
  18
  19 }
  20
  21 .picture-wrap .mark {
  22     border: 2px solid rgba(200, 200, 200, 0.7);
  23     position: absolute;
  24     display: block;
  25 }
  26
  27 .picture-wrap .mark .label {
  28     position: absolute;
  29     display: block;
  30     background-color: rgba(200, 200, 200, 0.7);
  31     color: rgba(0,0,0,0.6);
  32     font-size: 0.9rem;
  33 //    bottom: -1.5em;
  34 }
  35
  36 .button.inactive:active,
  37 .button.inactive:link,
  38 .button.inactive:visited
  39 {
  40     color: #606060 !important;
  41     cursor: not-allowed;
  42 }
  43
  44 #sponsors {
  45     margin-top: 3em;
  46 }
  47 #sponsors img {
  48     width: 100%;
  49 }
  50
  51 #spinner {
  52     height: 1em;
  53     z-index:10;
  54 }
  55
  56 .dropdown-body {
  57     display: none;
  58     font-size: 0.8rem;
  59     position: absolute;
  60     left: 76px;
  61     background-color: rgba(255, 255, 255, .8);
  62     padding:  1em 1em 1em 0;
  63     z-index: 500;
  64     box-shadow: 1px 1px 10px black;
  65 }
  66
  67
  68 @media screen and (min-width: 37.5em) {
  69     .dropdown-body {
  70         left: 0;
  71     }
  72 }
  73