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         a {
  14             color: #363A3B;
  15         }
  16     }
  17
  18     .more {
  19         text-align: right;
  20     }
  21
  22     .event-list {
  23         list-style: none;
  24         padding-left: 0;
  25
  26         li {
  27             margin-top: 1em;
  28         }
  29
  30         a {
  31             display: block;
  32             color: #363a3b;;
  33         }
  34
  35         .date {
  36             clear: both;
  37             float: left;
  38             background: #e63612;
  39             background-image: url('/static/img/calendar.png');
  40             background-repeat: no-repeat;
  41             color: #71ece6;
  42             width: 5em;
  43             height: 4.8em;
  44             border-radius: .5em;
  45             text-align: center;
  46
  47             .day {
  48                 font-size: 2.4em;
  49                 font-style: italic;
  50             }
  51             .mon {
  52                 font-size: 1.1em;
  53                 text-transform: uppercase;
  54                 margin-top: -.3em;
  55             }
  56         }
  57
  58         .description {
  59             font-size: 1.1em;
  60             margin-left: 5.5em;
  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 }