src/wolnelektury/static/scss/main/tag.scss

   1 .page-desc {
   2     @include size(margin-left, 15px);
   3 }
   4
   5 #tagged-object-list {
   6     @media screen and (min-width: 62.5em) {
   7         .left-column, .right-column {
   8             @include size(width, 480px);
   9         }
  10     }
  11
  12     .see-also, .download {
  13         float: left;
  14         @include size(margin-top, 20px);
  15         @include size(margin-bottom, 20px);
  16
  17         h2 {
  18             @include mono;
  19             @include size(font-size, 11px);
  20             margin: 0;
  21         }
  22
  23         ul {
  24             @include size(font-size, 11px);
  25             list-style: none;
  26             padding: 0;
  27             margin: 0;
  28         }
  29     }
  30
  31     .see-also {
  32         @include size(margin-left, 80px);
  33         @include size(width, 143px);
  34     }
  35     .download {
  36         @include size(margin-left, 20px);
  37     }
  38
  39     .left-column .see-also {
  40         margin-left: 0;
  41     }
  42 }
  43
  44 #description {
  45     @include size(margin-bottom, 26px);
  46     cursor: pointer;
  47
  48     dl {
  49         margin-top: 0;
  50     }
  51     dt {
  52         display: inline;
  53         font-weight: bold;
  54         margin: 0;
  55     }
  56     dd {
  57         display: inline;
  58         margin: 0;
  59     }
  60     p {
  61         margin-top: 0;
  62     }
  63     #description .meta {
  64         list-style: none;
  65         padding: 0;
  66         margin: 0;
  67     }
  68     #description .meta li {
  69         text-align: right;
  70         color: #666;
  71         @include size(font-size, 11.7px);
  72     }
  73 }
  74
  75 .inline-tag-lists {
  76     @include size(font-size, 11px);
  77
  78     .inline-header {
  79         @include mono;
  80         display: inline-block;
  81         vertical-align: top;
  82         @include size(width, 77px);
  83     }
  84
  85     .inline-body {
  86         display: inline-block;
  87         vertical-align: top;
  88         @include size(margin-bottom, 5.5px);
  89         @include size(max-width, 385px);
  90
  91         ul {
  92             list-style: none;
  93             padding: 0;
  94             margin: 0;
  95
  96             li {
  97                 display: inline-block;
  98                 @include size(margin-right, 11px);
  99             }
 100         }
 101     }
 102 }