app/Resources/static/themes/baggy/css/article.scss

   1
   2 #article {
   3   width: 70%;
   4   margin-bottom: 3em;
   5   text-align: justify;
   6
   7   .tags {
   8     margin-bottom: 1em;
   9   }
  10
  11   i {
  12     font-style: normal;
  13   }
  14
  15   h1 {
  16     text-align: left;
  17   }
  18
  19   h2::after {
  20     content: none;
  21   }
  22
  23   h2,
  24   h3,
  25   h4 {
  26     text-transform: none;
  27   }
  28 }
  29
  30 blockquote {
  31   border: 1px solid #999;
  32   background-color: #fff;
  33   padding: 1em;
  34   margin: 0;
  35 }
  36
  37 .topPosF {
  38   position: fixed;
  39   right: 20%;
  40   bottom: 2em;
  41   font-size: 1.5em;
  42 }
  43
  44 #article_toolbar {
  45   margin-bottom: 1em;
  46
  47   li {
  48     display: inline-block;
  49     margin: 3px auto;
  50   }
  51
  52   a {
  53     background-color: #000;
  54     padding: 0.3em 0.5em 0.2em;
  55     color: #fff;
  56     text-decoration: none;
  57
  58     &:hover,
  59     &:focus {
  60       background-color: #999;
  61     }
  62   }
  63 }
  64
  65 #nav-btn-add-tag {
  66   cursor: pointer;
  67 }
  68
  69 .shaarli::before {
  70   content: "*";
  71 }
  72
  73 .return {
  74   text-decoration: none;
  75   margin-top: 1em;
  76   display: block;
  77 }
  78
  79 .return::before {
  80   margin-right: 0.5em;
  81 }
  82
  83 .notags {
  84   font-style: italic;
  85   color: #999;
  86 }
  87
  88 .icon-rss {
  89   background-color: #000;
  90   color: #fff;
  91   padding: 0.2em 0.5em;
  92
  93   &::before {
  94     position: relative;
  95     top: 2px;
  96   }
  97 }
  98
  99 .list-tags {
 100   li {
 101     margin-bottom: 0.5em;
 102   }
 103
 104   .icon-rss:hover,
 105   .icon-rss:focus {
 106     background-color: #fff;
 107     color: #000;
 108     text-decoration: none;
 109   }
 110
 111   a {
 112     text-decoration: none;
 113
 114     &:hover,
 115     &:focus {
 116       text-decoration: underline;
 117     }
 118   }
 119 }
 120
 121 pre code {
 122   font-family: "Courier New", Courier, monospace;
 123 }
 124
 125 #filters {
 126   position: fixed;
 127   width: 20%;
 128   height: 100%;
 129   top: 0;
 130   right: 0;
 131   background-color: #fff;
 132   padding: 30px 30px 15px 15px;
 133   border-left: 1px #333 solid;
 134   z-index: 12;
 135   min-width: 300px;
 136
 137   form .filter-group {
 138     margin: 5px;
 139   }
 140 }
 141
 142 #download-form {
 143   position: fixed;
 144   width: 10%;
 145   height: 100%;
 146   top: 0;
 147   right: 0;
 148   background-color: #fff;
 149   padding: 30px 30px 15px 15px;
 150   border-left: 1px #333 solid;
 151   z-index: 12;
 152   min-width: 200px;
 153
 154   li {
 155     display: block;
 156     padding: 0.5em 2em 0.5em 1em;
 157     color: #fff;
 158     position: relative;
 159     text-transform: uppercase;
 160     text-decoration: none;
 161     font-weight: 400;
 162     font-family: PT Sans, sans-serif;
 163     transition: all 0.5s ease;
 164   }
 165 }