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