apps/wolnelektury_core/static/css/main/tag.scss

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