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
 102 #main .entrie .tools {
 103     list-style-type: none;
 104 }
 105
 106 #main .entrie .tools + p {
 107     min-height: 5.5em;
 108 }
 109
 110 /*
 111 #main .entrie .tools li {
 112     display: inline;
 113 }
 114 */
 115
 116 .tools {
 117     float: right;
 118     text-align: right;
 119     opacity: 0.5;
 120 }
 121
 122 .tools p {
 123     font-size: 0.8em;
 124 }
 125
 126 /*
 127 .tools ul {
 128     padding: 0; margin: 0;
 129     list-style-type: none;
 130 }
 131
 132 .tools ul li {
 133     line-height: 20px;
 134 }
 135
 136 .tools .tool {
 137     cursor: pointer;
 138 }*/
 139
 140 #main .entrie .tools .tool span, #article .tools .tool span {
 141     display: inline-block;
 142     width: 16px;
 143     height: 16px;
 144     /* Hide textual content */
 145     text-indent: -9999px;
 146     text-align: left;
 147     overflow: hidden;
 148 }
 149
 150
 151 /*** ***/
 152 /*** ARTICLE PAGE ***/
 153
 154 #article {
 155     margin: 0 auto;
 156 }
 157
 158 #article header, #article article {
 159     border-bottom: 1px solid #222;
 160 }
 161
 162 #article header {
 163     text-align: left;
 164 }
 165
 166 #article header a {
 167     text-decoration: none;
 168 }
 169
 170 .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
 171     text-decoration: none;
 172     color: #888;
 173 }
 174
 175 .backhome {
 176     display: inline;
 177 }
 178
 179 #article .tools {
 180     position: relative;
 181     display: inline;
 182     top: 0;
 183     right: 0;
 184     width: 100%;
 185 }
 186
 187 #article .tools ul li {
 188     display: inline;
 189 }
 190
 191
 192 /* Pagination */
 193 .pagination {
 194     clear: both;
 195     padding-bottom: 20px;
 196     padding-top: 10px;
 197     text-align: right;
 198 }
 199 .pagination a {
 200     border: 1px solid #d5d5d5;
 201     color: #333;
 202     font-size: 11px;
 203     font-weight: bold;
 204     height: 25px;
 205     padding: 4px 8px;
 206     text-decoration: none;
 207     margin: 2px;
 208 }
 209 .pagination a:hover, .pagination a:active {
 210     background-color: #efefef;
 211 }
 212 .pagination .current {
 213     background-color: #ccc;
 214     border: 1px solid #d5d5d5;
 215     color: #000;
 216     font-size: 11px;
 217     font-weight: bold;
 218     height: 25px;
 219     padding: 4px 8px;
 220     text-decoration: none;
 221     margin: 2px;
 222 }
 223 .pagination .disabled {
 224     border: 1px solid #eee;
 225     color: #ddd;
 226     margin: 2px;
 227     padding: 4px 8px;
 228     font-size: 11px;
 229     font-weight: bold;
 230 }
 231
 232 footer {
 233     clear: both;
 234 }
 235
 236 .reading-time {
 237     font-size: 0.8em;
 238 }