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
 154 #article header, #article article {
 155     border-bottom: 1px solid #222;
 156 }
 157
 158 #article header {
 159     text-align: left;
 160 }
 161
 162 #article header a {
 163     text-decoration: none;
 164 }
 165
 166 .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
 167     text-decoration: none;
 168     color: #888;
 169 }
 170
 171 .backhome {
 172     display: inline;
 173 }
 174
 175 #article .tools {
 176     position: relative;
 177     display: inline;
 178     top: 0;
 179     right: 0;
 180     width: 100%;
 181 }
 182
 183 #article .tools ul li {
 184     display: inline;
 185 }
 186
 187
 188 /* Pagination */
 189 .pagination {
 190     clear: both;
 191     padding-bottom: 20px;
 192     padding-top: 10px;
 193     text-align: right;
 194 }
 195 .pagination a {
 196     border: 1px solid #d5d5d5;
 197     color: #333;
 198     font-size: 11px;
 199     font-weight: bold;
 200     height: 25px;
 201     padding: 4px 8px;
 202     text-decoration: none;
 203     margin: 2px;
 204 }
 205 .pagination a:hover, .pagination a:active {
 206     background-color: #efefef;
 207 }
 208 .pagination .current {
 209     background-color: #ccc;
 210     border: 1px solid #d5d5d5;
 211     color: #000;
 212     font-size: 11px;
 213     font-weight: bold;
 214     height: 25px;
 215     padding: 4px 8px;
 216     text-decoration: none;
 217     margin: 2px;
 218 }
 219 .pagination .disabled {
 220     border: 1px solid #eee;
 221     color: #ddd;
 222     margin: 2px;
 223     padding: 4px 8px;
 224     font-size: 11px;
 225     font-weight: bold;
 226 }
 227
 228 footer {
 229     clear: both;
 230 }
 231
 232 .reading-time {
 233     font-size: 0.8em;
 234 }