prawokultury/static/css/sidebar.scss

   1 .sidebar-box {
   2     border-top: 1px solid #8a8b85;
   3     padding-top: 1.5em;
   4     padding-bottom: .9em;
   5     clear: both;
   6
   7     h3 {
   8         font-size: 1.4em;
   9         font-weight: normal;
  10         margin-top: 0;
  11         margin-bottom: 1.1em;
  12     }
  13
  14     .more {
  15         text-align: right;
  16     }
  17
  18     .event-list {
  19         list-style: none;
  20         padding-left: 0;
  21
  22         li {
  23             margin-top: 1em;
  24         }
  25
  26         a {
  27             display: block;
  28             color: #363a3b;;
  29         }
  30
  31         .date {
  32             clear: both;
  33             float: left;
  34             background: #e63612;
  35             background-image: url('/static/img/calendar.png');
  36             background-repeat: no-repeat;
  37             color: #71ece6;
  38             width: 5em;
  39             height: 4.8em;
  40             border-radius: .5em;
  41             text-align: center;
  42             margin-right: 1em;
  43
  44             .day {
  45                 font-size: 2.4em;
  46                 font-style: italic;
  47             }
  48             .mon {
  49                 font-size: 1.1em;
  50                 text-transform: uppercase;
  51                 margin-top: -.3em;
  52             }
  53         }
  54
  55         .description {
  56             font-size: 1.1em;
  57         }
  58     }
  59 }
  60
  61 #sidebar-box-categories {
  62     ul {
  63         width: 50%;
  64         display: table-cell;
  65         list-style: none;
  66         padding-left: 0;
  67         padding-right: 4em;
  68         font-size: 1.4em;
  69         padding-right: 3.4em;
  70     }
  71     .category-taxonomy-topics a {
  72         color: #31ada3;
  73     }
  74
  75     .category-taxonomy-types a {
  76         color: #ff6100;
  77     }
  78 }
  79
  80
  81 #latest-comments {
  82     list-style: none;
  83     padding: 0;
  84     margin: 0;
  85
  86     a {
  87         display: block;
  88         color: #363a3b;
  89     }
  90
  91     li {
  92         margin-bottom: 1.5em;
  93     }
  94     li:after {
  95         content: url("/static/img/dot.png");
  96         display: block;
  97         margin: 1.5em 1.5em 0 0;
  98         text-align:center;
  99     }
 100
 101     li:last-child {
 102         margin-bottom: 0;
 103     }
 104     li:last-child:after {
 105         display: none;
 106     }
 107
 108     .title {
 109         font-size: 1.1em;
 110         font-weight: bold;
 111     }
 112     .author {
 113         color: #acacac;
 114         font-size: 1.1em;
 115     }
 116     .body {
 117         margin-top: 1.3em;
 118         font-size: 1.1em;
 119     }
 120 }