tpl/css/style.css

   1 body {
   2     font-size: 16px;
   3     font-family: 'Roboto', sans-serif;
   4     margin: 10px;
   5 }
   6
   7 header {
   8     text-align: center;
   9 }
  10
  11 header h1 {
  12     font-size: 1.3em;
  13 }
  14
  15 .bouton {
  16         border-radius: 2px;
  17 }
  18
  19 #main {
  20     margin: 0 auto;
  21 }
  22
  23 #main ul#links {
  24     padding: 0;
  25     list-style-type: none;
  26     text-align: center;
  27     font-size: 0.9em;
  28 }
  29
  30 #main ul#links li {
  31     display: inline;
  32 }
  33
  34 #main ul#links li a.current {
  35     -webkit-border-radius: 2px;
  36     border-radius: 2px;
  37 }
  38
  39 #main ul#sort {
  40     padding: 0;
  41     list-style-type: none;
  42     text-align: center;
  43     opacity: 0.5;
  44 }
  45
  46 #main ul#sort li {
  47     display: inline;
  48     font-size: 0.9em;
  49 }
  50
  51 #main ul#sort img:hover {
  52     cursor: pointer;
  53 }
  54
  55
  56 #links a{
  57     text-decoration: none;
  58     padding: 5px 10px;
  59 }
  60 #links a:hover{
  61     -webkit-border-radius: 2px;
  62     border-radius: 2px;
  63 }
  64
  65 /*** ***/
  66 /*** LINKS DISPLAY ***/
  67
  68 #main a.tool {
  69     text-decoration: none;
  70     cursor: pointer;
  71 }
  72
  73 #main #content {
  74     margin-top: 20px;
  75 }
  76
  77 #main #content h2 {
  78     font-size: 1.3em;
  79     text-decoration: none;
  80 }
  81
  82 #main #content .entrie {
  83     border-bottom: 1px dashed #222222;
  84 }
  85
  86 #main .entrie ul.tools {
  87     list-style-type: none;
  88 }
  89
  90 #main .entrie ul.tools li {
  91     /*display: inline;*/
  92 }
  93
  94 .tools {
  95     float: right;
  96     text-align: right;
  97     opacity: 0.5;
  98 }
  99
 100 .tools p {
 101     font-size: 0.8em;}
 102
 103 /*
 104 .tools ul {
 105     padding: 0; margin: 0;
 106     list-style-type: none;
 107 }
 108
 109 .tools ul li {
 110     line-height: 20px;
 111 }
 112
 113 .tools a.tool {
 114     cursor: pointer;
 115 }*/
 116
 117 #main .entrie .tools a.tool span, #article .tools a.tool span {
 118     display: inline-block;
 119     width: 16px;
 120     height: 16px;
 121 }
 122
 123 /*** ***/
 124 /*** ARTICLE PAGE ***/
 125
 126 #article {
 127     margin: 0 auto;
 128 }
 129 #article header {
 130     text-align: left;
 131 }
 132
 133 #article header a {
 134     text-decoration: none;
 135 }
 136
 137 .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
 138     text-decoration: none;
 139     color: #888888;
 140 }
 141
 142 .backhome {
 143     display: inline;
 144 }
 145
 146 #article .tools {
 147     position: relative;
 148     display: inline;
 149     top: 0px;
 150     right: 0px;
 151     width: 100%;
 152 }
 153
 154 #article .tools ul li{
 155     display: inline;
 156 }
 157
 158
 159 /*** GENERAL ***/
 160 body {
 161     color: #000;
 162 }
 163
 164 a, a:hover, a:visited {
 165     color: #000;
 166 }
 167
 168 .bouton {
 169     background-color: #000;
 170     color: #fff;
 171     border: none;
 172 }
 173 .bouton:hover {
 174     background-color: #222222;
 175     color: #F1F1F1;
 176 }
 177
 178 #main ul#links li a.current {
 179     background-color: #000;
 180     color: #fff;
 181 }
 182
 183 #links a:hover{
 184     background-color: #040707;
 185     color: #F1F1F1;
 186 }
 187
 188
 189 /*** ***/
 190 /*** ARTICLE PAGE ***/
 191
 192 #article header, #article article {
 193     border-bottom: 1px solid #222222;
 194 }
 195
 196
 197 /* Pagination */
 198 .pagination {
 199     clear: both;
 200     padding-bottom: 20px;
 201     padding-top: 10px;
 202     text-align: right;
 203 }
 204 .pagination a {
 205     border: 1px solid #D5D5D5;
 206     color: #333;
 207     font-size: 11px;
 208     font-weight: bold;
 209     height: 25px;
 210     padding: 4px 8px;
 211     text-decoration: none;
 212     margin:2px;
 213 }
 214 .pagination a:hover, .pagination a:active {
 215     background:#efefef;
 216 }
 217 .pagination span.current {
 218     background-color: #ccc;
 219     border: 1px solid #D5D5D5;
 220     color: #000;
 221     font-size: 11px;
 222     font-weight: bold;
 223     height: 25px;
 224     padding: 4px 8px;
 225     text-decoration: none;
 226     margin:2px;
 227 }
 228 .pagination span.disabled {
 229     border: 1px solid #EEEEEE;
 230     color: #DDDDDD;
 231     margin:2px;
 232     padding: 4px 8px;
 233     font-size: 11px;
 234     font-weight: bold;
 235 }
 236
 237 footer {
 238     clear: both;
 239 }
 240
 241 .reading-time {
 242     font-size: 0.8em;
 243 }