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 solid #222222;
  84 }
  85
  86 #main .entrie h2 a {
  87     text-decoration: none;
  88 }
  89
  90 #main .entrie ul.tools {
  91     list-style-type: none;
  92 }
  93
  94 #main .entrie ul.tools li {
  95     /*display: inline;*/
  96 }
  97
  98 .tools {
  99     float: right;
 100     text-align: right;
 101     opacity: 0.5;
 102 }
 103
 104 .tools p {
 105     font-size: 0.8em;}
 106
 107 /*
 108 .tools ul {
 109     padding: 0; margin: 0;
 110     list-style-type: none;
 111 }
 112
 113 .tools ul li {
 114     line-height: 20px;
 115 }
 116
 117 .tools a.tool {
 118     cursor: pointer;
 119 }*/
 120
 121 #main .entrie .tools a.tool span, #article .tools a.tool span {
 122     display: inline-block;
 123     width: 16px;
 124     height: 16px;
 125 }
 126
 127 #main .entrie .url {
 128     font-size: 13px;
 129 }
 130
 131
 132 /*** ***/
 133 /*** ARTICLE PAGE ***/
 134
 135 #article {
 136     margin: 0 auto;
 137 }
 138 #article header {
 139     text-align: left;
 140 }
 141
 142 #article header a {
 143     text-decoration: none;
 144 }
 145
 146 .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited {
 147     text-decoration: none;
 148     color: #888888;
 149 }
 150
 151 .backhome {
 152     display: inline;
 153 }
 154
 155 #article .tools {
 156     position: relative;
 157     display: inline;
 158     top: 0px;
 159     right: 0px;
 160     width: 100%;
 161 }
 162
 163 #article .tools ul li{
 164     display: inline;
 165 }
 166
 167
 168 /*** GENERAL ***/
 169 body {
 170     color: #000;
 171 }
 172
 173 a, a:hover, a:visited {
 174     color: #000;
 175 }
 176
 177 .bouton {
 178     background-color: #000;
 179     color: #fff;
 180     border: none;
 181 }
 182 .bouton:hover {
 183     background-color: #222222;
 184     color: #F1F1F1;
 185 }
 186
 187 #main ul#links li a.current {
 188     background-color: #000;
 189     color: #fff;
 190 }
 191
 192 #links a:hover{
 193     background-color: #040707;
 194     color: #F1F1F1;
 195 }
 196
 197
 198 /*** ***/
 199 /*** ARTICLE PAGE ***/
 200
 201 #article header, #article article {
 202     border-bottom: 1px solid #222222;
 203 }
 204
 205
 206 /* Pagination */
 207 .pagination {
 208     clear: both;
 209     padding-bottom: 20px;
 210     padding-top: 10px;
 211     text-align: right;
 212 }
 213 .pagination a {
 214     border: 1px solid #D5D5D5;
 215     color: #333;
 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 a:hover, .pagination a:active {
 224     background:#efefef;
 225 }
 226 .pagination span.current {
 227     background-color: #ccc;
 228     border: 1px solid #D5D5D5;
 229     color: #000;
 230     font-size: 11px;
 231     font-weight: bold;
 232     height: 25px;
 233     padding: 4px 8px;
 234     text-decoration: none;
 235     margin:2px;
 236 }
 237 .pagination span.disabled {
 238     border: 1px solid #EEEEEE;
 239     color: #DDDDDD;
 240     margin:2px;
 241     padding: 4px 8px;
 242     font-size: 11px;
 243     font-weight: bold;
 244 }
 245
 246 footer {
 247     clear: both;
 248 }