themes/default/css/style.css

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