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