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