tpl/css/style.css

   1 body {
   2     font-size: 16px;
   3     font-family: 'Roboto', sans-serif;
   4     margin: 10px;
   5 }
   6
   7 header {
   8     text-align: center;
   9 }
  10
  11 header h1 {
  12     font-size: 1.3em;
  13 }
  14
  15 .bouton {
  16         border-radius: 2px;
  17 }
  18
  19 #main {
  20     margin: 0 auto;
  21 }
  22
  23 #main ul#links {
  24     padding: 0;
  25     list-style-type: none;
  26     text-align: center;
  27     font-size: 0.9em;
  28 }
  29
  30 #main ul#links li {
  31     display: inline;
  32 }
  33
  34 #main ul#links li a.current {
  35     -webkit-border-radius: 2px;
  36     border-radius: 2px;
  37 }
  38
  39 #main ul#sort {
  40     padding: 0;
  41     list-style-type: none;
  42     text-align: center;
  43     opacity: 0.5;
  44 }
  45
  46 #main ul#sort li {
  47     display: inline;
  48     font-size: 0.9em;
  49 }
  50
  51 #main ul#sort img:hover {
  52     cursor: pointer;
  53 }
  54
  55
  56 #links a{
  57     text-decoration: none;
  58     padding: 5px 10px;
  59 }
  60 #links a:hover{
  61     -webkit-border-radius: 2px;
  62     border-radius: 2px;
  63 }
  64
  65 /*** ***/
  66 /*** LINKS DISPLAY ***/
  67
  68 #main a.tool {
  69     text-decoration: none;
  70     cursor: pointer;
  71 }
  72
  73 #main #content {
  74     margin-top: 20px;
  75 }
  76
  77 #main #content h2 {
  78     font-size: 1.3em;
  79     text-decoration: none;
  80 }
  81
  82 #main #content .entrie {
  83     border-bottom: 1px dashed #222222;
  84 }
  85
  86 #main .entrie ul.tools {
  87     list-style-type: none;
  88 }
  89
  90 #main .entrie ul.tools li {
  91     /*display: inline;*/
  92 }
  93
  94 .tools {
  95     float: right;
  96     text-align: right;
  97     opacity: 0.5;
  98 }
  99
 100 .tools p {
 101     font-size: 0.8em;}
 102
 103 /*
 104 .tools ul {
 105     padding: 0; margin: 0;
 106     list-style-type: none;
 107 }
 108
 109 .tools ul li {
 110     line-height: 20px;
 111 }
 112
 113 .tools a.tool {
 114     cursor: pointer;
 115 }*/
 116
 117 #main .entrie .tools a.tool span, #article .tools a.tool span {
 118     display: inline-block;
 119     width: 16px;
 120     height: 16px;
 121 }
 122
 123 #main .entrie .url {
 124     font-size: 13px;
 125 }
 126
 127
 128 /*** ***/
 129 /*** ARTICLE PAGE ***/
 130
 131 #article {
 132     margin: 0 auto;
 133 }
 134 #article header {
 135     text-align: left;
 136 }
 137
 138 #article header a {
 139     text-decoration: none;
 140 }
 141
 142 .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
 143     text-decoration: none;
 144     color: #888888;
 145 }
 146
 147 .backhome {
 148     display: inline;
 149 }
 150
 151 #article .tools {
 152     position: relative;
 153     display: inline;
 154     top: 0px;
 155     right: 0px;
 156     width: 100%;
 157 }
 158
 159 #article .tools ul li{
 160     display: inline;
 161 }
 162
 163
 164 /*** GENERAL ***/
 165 body {
 166     color: #000;
 167 }
 168
 169 a, a:hover, a:visited {
 170     color: #000;
 171 }
 172
 173 .bouton {
 174     background-color: #000;
 175     color: #fff;
 176     border: none;
 177 }
 178 .bouton:hover {
 179     background-color: #222222;
 180     color: #F1F1F1;
 181 }
 182
 183 #main ul#links li a.current {
 184     background-color: #000;
 185     color: #fff;
 186 }
 187
 188 #links a:hover{
 189     background-color: #040707;
 190     color: #F1F1F1;
 191 }
 192
 193
 194 /*** ***/
 195 /*** ARTICLE PAGE ***/
 196
 197 #article header, #article article {
 198     border-bottom: 1px solid #222222;
 199 }
 200
 201
 202 /* Pagination */
 203 .pagination {
 204     clear: both;
 205     padding-bottom: 20px;
 206     padding-top: 10px;
 207     text-align: right;
 208 }
 209 .pagination a {
 210     border: 1px solid #D5D5D5;
 211     color: #333;
 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 a:hover, .pagination a:active {
 220     background:#efefef;
 221 }
 222 .pagination span.current {
 223     background-color: #ccc;
 224     border: 1px solid #D5D5D5;
 225     color: #000;
 226     font-size: 11px;
 227     font-weight: bold;
 228     height: 25px;
 229     padding: 4px 8px;
 230     text-decoration: none;
 231     margin:2px;
 232 }
 233 .pagination span.disabled {
 234     border: 1px solid #EEEEEE;
 235     color: #DDDDDD;
 236     margin:2px;
 237     padding: 4px 8px;
 238     font-size: 11px;
 239     font-weight: bold;
 240 }
 241
 242 footer {
 243     clear: both;
 244 }
 245
 246 .reading-time {
 247     font-size: 13px;
 248 }