tpl/css/style.css

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