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