src/wolnelektury/static/scss/main/cite.scss

   1 .big-cite {
   2         overflow: hidden;
   3         height: (315 / 975) * 100vw;
   4         width: 100%;
   5
   6         @media screen and (min-width: 62.5em) {
   7                 height: 315px;
   8                 width: 975px;
   9         }
  10
  11         .cite-box,.cite-box-text,.cite-text {
  12                 display: block;
  13                 height: 100%;
  14                 position: relative;
  15         }
  16 }
  17
  18 .box-c {
  19         position: absolute;
  20         text-align: center;
  21         img.picture {
  22                 max-height: 100%;
  23                 max-width: 100%;
  24         }
  25 }
  26 .cite-box {
  27         .box-c {
  28                 top: 0;
  29                 left: 0;
  30                 bottom: 0;
  31                 right: 0;
  32         }
  33 }
  34
  35 .cite-box-text {
  36         padding: 30/975*100vw 20/975*100vw 1/975*100vw (975 / 2 + 45)/975*100vw;
  37         @media screen and (min-width: 62.5em) {
  38                 @include size(padding, 30px 20px 1px 975px / 2 + 45px);
  39         }
  40         .box-c {
  41                 /*top: 45/975*100vw;
  42                 left: 45/975*100vw;
  43                 bottom: 45/975*100vw;
  44                 width: (975 / 2 - 90)/975 * 100vw;
  45                 @media screen and (min-width: 62.5em) {
  46                 top: 45px;
  47                 left: 45px;
  48                 bottom: 45px;
  49                 width: 975px / 2 - 90px;
  50                 }*/
  51         top:0;
  52         left:0;
  53         bottom:0;
  54         width:50%;
  55         }
  56 }
  57
  58 .cite-text {
  59         @include size(padding, 30px 20px 1px 80px);
  60 }
  61
  62 .cite-box-text, .cite-text {
  63     display: block;
  64     color: black;
  65     background: white;
  66
  67     .vip {
  68         margin: 0;
  69         color: #575C63;
  70         @include size(font-size, 11px);
  71     }
  72
  73     .cite-body {
  74         @include size(font-size, 18px);
  75         line-height: 1.3em;
  76
  77         h4 {
  78             margin: 0;
  79         }
  80         .didaskalia {
  81             font-style: italic;
  82         }
  83         .verse {
  84             // Cancel any indentation.
  85             padding-left: 0 !important;
  86         }
  87         .person {
  88             font-style: inherit;
  89         }
  90     }
  91
  92     blockquote {
  93         padding: 0;
  94         margin: 0;
  95
  96         p {
  97             margin: 0;
  98         }
  99     }
 100
 101     .source
 102     {
 103         color: #444;
 104         @include mono;
 105         @include size(font-size, 11px);
 106         @include size(margin-top, 16px);
 107     }
 108 }
 109
 110
 111
 112
 113 .book-wide-box .cite {
 114     display: block;
 115     color: black;
 116     background-color: #f7f7f7;
 117     vertical-align: middle;
 118     @include min-screen(1000px) {
 119         @include size(width, 395px);
 120     }
 121     margin: 0;
 122     @include size(padding, 10px);
 123 }