themes/default/css/style.css

   1 @font-face {
   2   font-family: 'Roboto';
   3   font-style: normal;
   4   font-weight: 400;
   5   src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/Roboto.woff) format('woff');
   6 }
   7
   8
   9
  10 body {
  11     margin: 10px;
  12     font-family: 'Roboto',Verdana,Geneva,sans-serif;
  13     font-size: 16px;
  14     color: #000;
  15 }
  16
  17 header {
  18     text-align: center;
  19 }
  20
  21 header h1 {
  22     font-size: 1.3em;
  23 }
  24
  25 a,
  26 a:hover,
  27 a:visited {
  28     color: #000;
  29 }
  30
  31 .bouton {
  32     border: none;
  33     border-radius: 2px;
  34     color: #fff;
  35     background-color: #000;
  36 }
  37
  38 .bouton:hover {
  39     color: #f1f1f1;
  40     background-color: #222;
  41     cursor: pointer;
  42 }
  43
  44 #main {
  45     margin: 0 auto;
  46 }
  47
  48 #main #links {
  49     padding: 0;
  50     text-align: center;
  51     font-size: 0.9em;
  52     list-style-type: none;
  53 }
  54
  55 #main #links li {
  56     display: inline;
  57 }
  58
  59 #main #links li .current {
  60     -webkit-border-radius: 2px;
  61     border-radius: 2px;
  62     color: #fff;
  63     background-color: #000;
  64 }
  65
  66 #main #sort {
  67     padding: 0;
  68     text-align: center;
  69     list-style-type: none;
  70     opacity: 0.5;
  71 }
  72
  73 #main #sort li {
  74     display: inline;
  75     font-size: 0.9em;
  76 }
  77
  78 #main #sort li + li {
  79     margin-left: 10px;
  80 }
  81
  82 #main #sort a {
  83     padding: 2px 2px 0;
  84     vertical-align: middle;
  85 }
  86
  87 #main #sort img {
  88     vertical-align: baseline;
  89 }
  90 #main #sort img:hover {
  91     cursor: pointer;
  92 }
  93
  94 #links a {
  95     padding: 5px 10px;
  96     text-decoration: none;
  97 }
  98
  99 #links a:hover {
 100     -webkit-border-radius: 2px;
 101     border-radius: 2px;
 102     color: #f1f1f1;
 103     background-color: #040707;
 104 }
 105
 106 /*** ***/
 107
 108 /*** LINKS DISPLAY ***/
 109
 110 #main .tool {
 111     text-decoration: none;
 112     cursor: pointer;
 113 }
 114
 115 #main #content {
 116     margin-top: 20px;
 117 }
 118
 119 #main #content h2 {
 120     text-decoration: none;
 121     font-size: 1.3em;
 122 }
 123
 124 #main #content .entrie {
 125     margin-top: 15px;
 126     padding-bottom: 15px;
 127     border-bottom: 1px dashed #222;
 128     overflow: hidden;
 129 }
 130
 131 /* First entry */
 132 #main #content .results + .entrie {
 133     clear: both;
 134     margin-top: 0;
 135 }
 136
 137 #main .entrie .tools {
 138     float: right;
 139     text-align: right;
 140     list-style-type: none;
 141     opacity: 0.5;
 142 }
 143
 144 #main .entrie .tools .tool span {
 145     display: inline-block;
 146     width: 16px;
 147     height: 16px;
 148     /* Hide textual content */
 149     overflow: hidden;
 150     text-align: left;
 151     text-indent: -9999px;
 152 }
 153
 154 /*** ***/
 155
 156 /*** ARTICLE PAGE ***/
 157
 158 #article {
 159     margin: 0 auto;
 160 }
 161
 162 #article header {
 163     border-bottom: 1px solid #222;
 164 }
 165
 166 #article header {
 167     text-align: left;
 168 }
 169
 170 #article header h1 small {
 171     float: right;
 172     font-size: 0.6em;
 173 }
 174
 175 #article header a {
 176     text-decoration: none;
 177 }
 178
 179 .backhome {
 180     display: inline;
 181 }
 182
 183 .results {
 184     padding: 15px 0;
 185     overflow: hidden;
 186 }
 187
 188 .nb-results {
 189     float: left;
 190     font-size: 0.9em;
 191     line-height: 24px;
 192     vertical-align: middle;
 193 }
 194
 195 #article_toolbar {
 196     position: fixed;
 197     bottom: 0;
 198     left: 0;
 199     width: 100%;
 200     min-height: 50px;
 201     padding-top: 17px;
 202     text-align: center;
 203     color: #fff;
 204     opacity: 0.8;
 205     background: #fff;
 206 }
 207
 208 #article_toolbar li {
 209     display: inline;
 210     padding-right: 30px;
 211 }
 212
 213 #article_toolbar .tool {
 214     padding: 0 2px;
 215 }
 216
 217 #article_toolbar .tool span {
 218     display: inline-block;
 219     width: 16px;
 220     height: 16px;
 221     /* Hide textual content */
 222     overflow: hidden;
 223     text-align: left;
 224     text-indent: -9999px;
 225 }
 226
 227 /*** ***/
 228
 229 /*** PAGINATION ***/
 230
 231 .pagination {
 232     float: right;
 233     text-align: right;
 234 }
 235
 236 .pagination a {
 237     height: 25px;
 238     margin: 2px;
 239     padding: 4px 8px;
 240     border: 1px solid #d5d5d5;
 241     text-decoration: none;
 242     font-size: 11px;
 243     font-weight: bold;
 244     color: #333;
 245 }
 246
 247 .pagination a:hover,
 248 .pagination a:active {
 249     background-color: #efefef;
 250 }
 251
 252 .pagination .current {
 253     height: 25px;
 254     margin: 2px;
 255     padding: 4px 8px;
 256     border: 1px solid #d5d5d5;
 257     text-decoration: none;
 258     font-size: 11px;
 259     font-weight: bold;
 260     color: #000;
 261     background-color: #ccc;
 262 }
 263
 264 .pagination .disabled {
 265     display: none;
 266 }
 267
 268 #bookmarklet {
 269     padding: 5px;
 270     border: 1px dashed #808080;
 271     background: #fff;
 272     cursor: move;
 273 }
 274
 275 .top_link {
 276     display: none;
 277     z-index: 2000;
 278     position: fixed;
 279     right: 15px;
 280     bottom: 15px;
 281     padding: 20px;
 282     -webkit-border-radius: 40px;
 283     -moz-border-radius: 40px;
 284     border-radius: 40px;
 285     opacity: 0.9;
 286     background: #ccc;
 287 }
 288
 289 footer {
 290     clear: both;
 291 }
 292
 293 .reading-time {
 294     font-size: 0.8em;
 295 }
 296
 297 #inputform {
 298     display: none;
 299     margin-top: 5px;
 300     margin-right: auto;
 301     margin-left: auto;
 302     padding-bottom: 5px;
 303     max-width: 300px;
 304     border-radius: 3px;
 305     text-align: center;
 306     color: #fff;
 307     opacity: 0.8;
 308     background-color: rgba(0,0,0,0.9);
 309 }
 310
 311 a.back span,
 312 a.top span,
 313 a.fav span,
 314 a.fav span:hover,
 315 a.fav-off span,
 316 a.fav-off span:hover,
 317 a.archive span,
 318 a.archive span:hover,
 319 a.archive-off span,
 320 a.archive-off span:hover,
 321 a.twitter span,
 322 a.shaarli span,
 323 a.flattr span,
 324 a.email span,
 325 a.delete span,
 326 a.link span,
 327 a.bad-display span,
 328 a.reading-time span {
 329     background-repeat: no-repeat;
 330 }