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             -moz-border-radius: .5em;
  46             -webkit-border-radius: .5em;
  47             text-align: center;
  48
  49             .day {
  50                 font-size: 2.4em;
  51                 font-style: italic;
  52             }
  53             .mon {
  54                 font-size: 1.1em;
  55                 text-transform: uppercase;
  56                 margin-top: -.3em;
  57             }
  58         }
  59
  60         .description {
  61             font-size: 1.1em;
  62             margin-left: 5.5em;
  63         }
  64     }
  65 }
  66
  67 #sidebar-box-categories {
  68     ul {
  69         width: 50%;
  70         display: table-cell;
  71         list-style: none;
  72         padding-left: 0;
  73         padding-right: 4em;
  74         font-size: 1.4em;
  75         padding-right: 3.4em;
  76     }
  77     .category-taxonomy-topics a {
  78         color: #31ada3;
  79     }
  80
  81     .category-taxonomy-types a {
  82         color: #ff6100;
  83     }
  84 }
  85
  86
  87 #latest-comments {
  88     list-style: none;
  89     padding: 0;
  90     margin: 0;
  91
  92     a {
  93         display: block;
  94         color: #363a3b;
  95     }
  96
  97     li {
  98         margin-bottom: 1.5em;
  99     }
 100     li:after {
 101         content: url("/static/img/dot.png");
 102         display: block;
 103         margin: 1.5em 1.5em 0 0;
 104         text-align:center;
 105     }
 106
 107     li:last-child {
 108         margin-bottom: 0;
 109     }
 110     li:last-child:after {
 111         display: none;
 112     }
 113
 114     .title {
 115         font-size: 1.1em;
 116         font-weight: bold;
 117     }
 118     .author {
 119         color: #acacac;
 120         font-size: 1.1em;
 121     }
 122     .body {
 123         margin-top: 1.3em;
 124         font-size: 1.1em;
 125     }
 126 }
 127
 128 #sidebar .social {
 129     padding-top: 2em;
 130     padding-bottom: 2em;
 131
 132     a {
 133         margin-right: 2em;
 134         img {
 135             vertical-align: middle;
 136         }
 137     }
 138 }