prawokultury/static/css/entry.scss

   1 .avatar {
   2     float: left;
   3     margin-left: -8em;
   4     margin-top: 0em;
   5 }
   6
   7 .entry-short {
   8     border-bottom: 1px solid #8b8b87;
   9
  10     .entry-wrapped {
  11         padding-top: .7em;
  12     }
  13 }
  14
  15 .entry-wrapped {
  16     margin-left: 8em;
  17     line-height: 1.8em;
  18
  19     h1, h2 {
  20         margin: 0;
  21         color: #ed7f00;
  22         font-size: 1.4em;
  23
  24         a {
  25             color: #01519a;
  26         }
  27     }
  28
  29     h2.section {
  30         margin: 2em 0;
  31     }
  32
  33     .entry-data {
  34         font-size: 1.4em;
  35         margin-top: 1.4em;
  36         margin-bottom: 1.4em;
  37         .date {
  38             color: #acacac;
  39         }
  40         .author {
  41             font-weight: bold;
  42         }
  43         .categories {
  44             font-style: italic;
  45             a {
  46                 color: black;
  47             }
  48         }
  49     }
  50
  51     .lead {
  52         font-size: 1.4em;
  53     }
  54
  55     .body {
  56         font-size: 1.4em;
  57     }
  58
  59     blockquote {
  60         position:relative;
  61         left:1em;
  62         font-style:italic;
  63         margin-left: 1em;
  64     }
  65
  66     .toolbar {
  67         font-size: 1.3em;
  68         margin-top: 1.4em;
  69         margin-bottom: 1.8em;
  70
  71         .social a {
  72             margin-right: .6em;
  73             img {
  74                 vertical-align: middle;
  75             }
  76         }
  77     }
  78
  79     .more {
  80         float: right;
  81         font-style: italic;
  82
  83         a {
  84             color: #acacac;
  85         }
  86         .read-more {
  87             margin-left: 1.5em;
  88         }
  89         .comments:after {
  90             content: url('/static/img/comments.png');
  91             margin-left: .7em;
  92         }
  93         .read-more:after {
  94             content: url('/static/img/read-more.png');
  95             margin-left: .7em;
  96         }
  97     }
  98
  99     .gallery h2 {
 100         margin-top: 2em;
 101     }
 102     .gallery-item {
 103         float: left;
 104         width: 300px;
 105         text-align: center;
 106         //margin-bottom: 2em;
 107     }
 108
 109     .gallery-image {
 110         height: 300px;
 111         width: 300px;
 112         display: table-cell;
 113         vertical-align: middle;
 114         img {
 115             margin: 0;
 116         }
 117     }
 118
 119     table {
 120         border-collapse: collapse;
 121         td, th {
 122             border: 1px #bbb solid;
 123             padding: 0.4em;
 124         }
 125     }
 126 }
 127
 128 .entry-info .entry-wrapped,
 129 .entry-publications .entry-wrapped {
 130     margin-left: 0;
 131     h1 {
 132         font-size: 2em;
 133         margin-bottom: .5em;
 134     }
 135 }
 136
 137 .entry-picture {
 138     float: left;
 139     margin-right: 1.5em;
 140 }
 141
 142 .submit-link {
 143     margin-top: 1em;
 144     padding-bottom: 1em;
 145     height: 1.7em;
 146     border-bottom: 1px solid #8b8b87;
 147
 148     a {
 149         color: black;
 150         font-size: 1.3em;
 151     }
 152     a:before {
 153         content: url("/static/img/plus.png");
 154         vertical-align: top;
 155         margin-right: 1em;
 156     }
 157 }
 158
 159
 160 .comments {
 161     margin-left: 8em;
 162
 163     .comment-form {
 164         border-top: 1px solid #494948;
 165     }
 166
 167     .comment-data {
 168         font-size: 1.3em;
 169         margin-top: 1.4em;
 170         margin-bottom: 1.4em;
 171         .comment-date {
 172             color: #acacac;
 173         }
 174         .comment-author {
 175             font-weight: bold;
 176         }
 177     }
 178
 179     .body {
 180         font-size: 1.3em;
 181     }
 182 }