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 {
 122             border: 1px #bbb solid;
 123         }
 124     }
 125 }
 126
 127 .entry-info .entry-wrapped,
 128 .entry-publications .entry-wrapped {
 129     margin-left: 0;
 130     h1 {
 131         font-size: 2em;
 132         margin-bottom: .5em;
 133     }
 134 }
 135
 136 .entry-picture {
 137     float: left;
 138     margin-right: 1.5em;
 139 }
 140
 141 .submit-link {
 142     margin-top: 1em;
 143     padding-bottom: 1em;
 144     height: 1.7em;
 145     border-bottom: 1px solid #8b8b87;
 146
 147     a {
 148         color: black;
 149         font-size: 1.3em;
 150     }
 151     a:before {
 152         content: url("/static/img/plus.png");
 153         vertical-align: top;
 154         margin-right: 1em;
 155     }
 156 }
 157
 158
 159 .comments {
 160     margin-left: 8em;
 161
 162     .comment-form {
 163         border-top: 1px solid #494948;
 164     }
 165
 166     .comment-data {
 167         font-size: 1.3em;
 168         margin-top: 1.4em;
 169         margin-bottom: 1.4em;
 170         .comment-date {
 171             color: #acacac;
 172         }
 173         .comment-author {
 174             font-weight: bold;
 175         }
 176     }
 177
 178     .body {
 179         font-size: 1.3em;
 180     }
 181 }