www/squelettes-dist/default.css

   1 body, form, p, div, hr, fieldset, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 {
   2     margin: 0;
   3     padding: 0;
   4 }
   5 h1  { font-size: 2em; }
   6 h2  { font-size: 1.5em; }
   7 h3  { font-size: 1.2em; }
   8 h4  { font-size: 1em; }
   9 h5  { font-size: 0.9em; }
  10 h6  { font-size: 0.8em; }
  11 ul, ol { list-style-type: none; }
  12 article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
  13
  14 body {
  15     font-size: 100.01%;
  16     color: #000;
  17     font-family: "Trebuchet MS", Helvetica, Sans-serif;
  18     background: #fff;
  19 }
  20
  21 header.nav {
  22     background: #ddd;
  23     border-bottom: 1px solid #999;
  24     border-top: .3em solid #666;
  25     text-align: center;
  26     padding-top: .3em;
  27     font-size: 1.1em;
  28 }
  29
  30 header.nav li {
  31     display: inline-block;
  32     padding: .3em .5em;
  33     margin-bottom: -1px;
  34 }
  35
  36 header.nav li a {
  37     padding: .3em .5em;
  38     text-transform: uppercase;
  39     color: #666;
  40 }
  41
  42 header.nav li.current a {
  43     background: #fff;
  44     border: .1em solid #999;
  45     border-bottom: none;
  46     border-top-left-radius: .5em;
  47     border-top-right-radius: .5em;
  48 }
  49
  50 header.nav li a:hover {
  51     color: #000;
  52 }
  53
  54 header.main, footer.main, section.page {
  55     max-width: 950px;
  56     margin: 0 auto;
  57 }
  58
  59 header.main h1 {
  60     color: #9c4f15;
  61     padding: .2em 0 .1em 0;
  62     font-size: 4em;
  63     font-family: Georgia, "Times New Roman", Times, serif;
  64     font-weight: normal;
  65 }
  66
  67 header.main h1 a {
  68     color: #9c4f15;
  69     text-decoration: none;
  70 }
  71
  72 header.main h4 {
  73     color: #666;
  74     font-family: Georgia, "Times New Roman", Times, serif;
  75     font-weight: normal;
  76     margin-bottom: 2em;
  77 }
  78
  79 header.main {
  80     margin-bottom: 1em;
  81     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXMAAADPAQMAAAA9C6NrAAAABlBMVEXx9PD+//zYDo7WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gEIER05obn78wAACb1JREFUaN7V2TuOHLkZAGBSHKgmMEyFCgRRR1CoYD2lo+gI42wAyyoKCjbUEXZvshQUONwb2BwoULhcOHDJLhT9v/io6u7ZrXAFaKa76xsWi4+fP9kq13+K/+m84o8POUcN/+XTkU1UzculIS/o3+ecwC/i3alfypWEHmzCi54/tadeLk14I4N+htdYSqC7nvrE1cG/M6tCP/6c848WvTnjMxePv8gvavxcPtY7H7EJEhW/4l3Yu5j5/d7Ts8K9lby2K9xoVTZOWC2+2PvYtRk+hit+lMfCenaemsa0vx1XepAhQjuGrsPEr6q7J16fVgTgh9Lvrvdz/xneK5P3JppS1sbXoSBeV6+Lt73HKrwsnp6EfNB43XdliccPbqQMan746XCARh4etTHY0y1d4DZYqLLkk4rw2Xziqbfc0p59ZD/DUHN4d7iP7vzcjVh6k4t/jR8D8kp1PrYHyjz6sW9lZHyRB5yaD13v4h8P85TR06OXIdd5r65q79JI9ewz+bE8U/VQeB1RfDPxOHNwCKXSwVEGMDTAxq9T9WHgz2z1cDe9wHtqE+7OdfKW66aD5v5sPknlZ/I0m9axecX9OVQfpfKJnon8wh5LCnCtznjyQZ4eO5/LMosLVvoOu3guMziWkATyZyypeEt+IW9ljBcv0816iU9QV/H4x6/VEKZZHjEqKRHu7VSJDsrOhjzPRRPqjI+KBTx8fK5UHXuzjrbFgbjzz2nyPWvezSraOhJ1rBEiUpjkWz+jR0riX9gaUlWsMx59oq5Y1CtqYhLjLP05n/ER3ccEE96UGlTPa8LrGiHY67zYCH4ofkrd5C9+EB/AJwjyL+gTarvM/j91eem9h1ceOusFFdn7VILnpv54CZpUahhoqIgfpYE27U/R+3kpwdNQFD+UyNqNT3ikvyzQ+NIjnmqKfp1SjZ7d/IUm+zarp7237MdZhn4L9uT1fVJPSg3rEmwXN/OrbXyelfmAnSVF8H3IW5zUS188+8cwAF+c96asDW29TuraBPK6eBo3boZFVW+XX/QY/3xtsZUvkjeZb/m6xqbiW4fzakEeWtOXPKblMNhgQ2uClX+Tx2vunH/cBgj6MWCrOLq3PfFQ96vWg+ihIuynVFeFc36qycUCfgS/1FWh+TYAc/Nv2a+1Ic94XSegmW/wKeCGXu39uh2w4p+Lj7XlT32b4CZZ8XOdVcUvm/km4TPB+jR5SoFkDp3xU+e1R49RT+ZozSfn7nFjCbe0glC4DiVmnHgc6r2HWkxzrjFs3NfHQTEllaieWzn286tMuEyds0iqorBjpoUrkjb5SZDWT9VDU8Jrpf6+cDOkfr7LIoLVMeIn8XcrV3xW+/xBUdwa8i/V4+S6y+wXtckHsEo/4Yc2f+RE17O/nch9Xbbre82T3Dos1BOeMmjwHt2XvF3fWx6zDLz4iY8j9ew9VVjvPA6SmbzF15BxqzBiMIBurw3UeWrSgbNDTzGbvclxWvt4XjN6m+PALc5ee4gR6Mc6Ipqf8QM/cI96ytA1rqtQb8zIfFvvyuNqTJhpL4VXqQ6O3kZXcoDOc2aKfug8/kBfEqDmObQaegxqK4507Fe19yu+XclTbbX4gN7WLU/1Cye16POXr0EZ8dBAU7S8DPd+VjS7wet1+Fw87SUnWCYlKW0+cdJvqCHeB3pDjw71Ax8lvlYfuPXIWx8oGyUf0P+S9p5yvuIhwXDFJ/T/KDOgeqqf+OeyY+Aqov+8ygzYeHg4gxe+a9tOrCcsfJ/zztMyt75l/4rbrnnzKcseuN9vmuWO/a0q66jBhgEfqIE6P1OSKuW/4b6vfjGeElbTPG0I5lfsA3uc9F+LX0/9mNhrz2OXfCIPzRU4Inf73wm8Ri/BA/1nSmwe0eZw52FePKXyH7VMy3yYeebTrk01T1UWfyVzFRf+9zNPAiebkG5/DWP9mp9XYgF6vbC3uRxNVA9RoXmp42NcDsmvew+N5a+K11vvpfyxeu6gK4qyLVaqP6mJ/bD3dcC0pTiR9zSJB9nktPMBHsCmLB4fZVWZ0ML/f9GE6rzp/Zht2QlgChTV8DH2fuHRr6Se8NrKKjRiCgT++7T3U/OY3xc/U3Y88ETdlD9XD11tv4lf2eu19xSGm8f9wDdZWrPCJP0x54UnniOZg91yKj5g0HpMa33vTechsNjEi4r4K5oB1WN0+1+qHrdkxUcJdXSc0nn7a/W4HcGTouqzHHls/H0qSx3eFr2vnob73DzO6lA9Lic2up3npUm1Mwea87TU4QCWRegmcdA98dnH4mnLFGltUe8Shyla7zsP6csbbj4eeeixgLe3HKTV8AMtZSU/gYn1hmZc4D3LGGlTJR77agi9t83TCdEke7U78lCAwV1z87C2vKR5HmhHDN7QgLjjXSuesLzqfSavOeHEksTfvpTY+AgmJyyV7D3e/Al7KztcnnDxZduF7jxH4DDR4+eZj1niE2XrPr55U/195h3xzGlHYC9Z7Vg87oY47nzNvCNeNNXCP1Xt4KJ6Jd6WaOR+WhRHefF+58fOw3PejCu3q7pW3UGE23lXZv/dzTtVTh+6g4VLXvubqSTrctOd/1tqh6hY7LuxnNxIIeGcn5p3fqqZeDszrP6ve2/9VAptGYOt55m/thyf2mI1YdoeG8eNv48UN2dXvHpdNgqupSRD9Z8i7zHKkctKlZt7P/c+cEIRZDuk2S/dVwU5/7d57XkP5PXGrxvfnd+yd7wfFT+2o7lTL9FByXmfWesaf9Ybme1Ui87Hdi668Y/owCKf+PSQ1+Jl9zKWhe2MLxvsvV/bue6pt7LOe84xRuzth7zL3J68guHqT4n2RT/tfTA5bk8UNh7bWxLPkY5aPC6aFz0EQBdNOfxGjwd/lz3EKJs4uFLcpd5etycivYeczq5jacOAqYCi0HfBTzz6Kbn5hofF5MMlr3Pzw6d/Fx8vefg8lTPMP+uUxM/DBW87/8Skl+KXSx739a68M/GaRje8tRc8/p6ap9mAbf/xvG+P1bzfnS713p7xwZz3eTNL+VsOasvhss9n/OwuerPzu3F/4t32a0IblH7QT8e83n0N6X7D250fozIP+fGY93nnp6iGB/z3e58f9j/svD49KT33/Wxum6VjHnM9d8Bb+S7p93r3z9sDHkLPs6e7g9KH/dvvrs8Ozwtex1fqiMcvX/Uhf3vERzxSMId8OD98HvD2kPdHfMLU2h304xH/6KDfZQ2/4WelLgyHy14f9OagHw74ZbN8/D7vDvrxgF8vNv9ln495fcTni81/0Q8HvTvox0PeX2rOiz4f8+aYD8NB7w768ZiP0zF/n4/5rwd9/uP4/wOHV4ghb+WqVQAAAABJRU5ErkJggg==") no-repeat top right;
  82 }
  83
  84 header.main nav {
  85     font-size: 1.2em;
  86     margin: 1em 0;
  87     padding: 0 1em;
  88     background: #ddd;
  89     border-radius: .5em;
  90 }
  91
  92 header.main nav ul li {
  93     display: inline-block;
  94     margin: -.3em .2em;
  95 }
  96
  97 header.main nav ul li a {
  98     display: inline-block;
  99     border-radius: 25%;
 100     padding: .5em .5em .4em .5em;
 101     color: #006;
 102     text-decoration: none;
 103     background: #ddd;
 104     border-bottom: .1em solid #ddd;
 105 }
 106
 107 header.main nav ul li a:hover {
 108     color: #00f;
 109     border-bottom: .1em solid #000;
 110 }
 111
 112 footer.main {
 113     color: #999;
 114     margin-top: 1em;
 115     text-align: center;
 116 }
 117
 118 footer.main a {
 119     text-decoration: none;
 120     font-weight: bold;
 121     color: #666;
 122 }
 123
 124 footer.main a:hover {
 125     color: #006;
 126 }
 127
 128 footer.main a#garradin {
 129     padding-left: 20px;
 130     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEX///+qjnmcTxWgYzWeWyiysrGzs7Ozs7MzVhJAAAAAB3RSTlMAGtv2e9p5oKuvKgAAAH1JREFUCNcdzLEOwjAMBNCrFDoXEGK3zA906RoifwBLmpVUSrMTpf59DNM9nU4HYNhjzJNlUaUPAzddN54NKU5uJsGoL4CYce9vA3mUJiLEHrURiRUoXQLRM6N2F4jrajcXm9YDJ+Xwx5AegX/Addn82eA4tah6QPwYNe75C+4yHrwP6fqUAAAAAElFTkSuQmCC") no-repeat left top;
 131     min-height: 16px;
 132     display: inline-block;
 133 }
 134
 135 .error {
 136     border-bottom: .2em solid #c00;
 137     border-radius: .5em;
 138     background: #fcc;
 139     padding: .5em;
 140     margin-bottom: 1em;
 141     font-size: 1.2em;
 142     color: #900;
 143 }
 144
 145 section.articles article {
 146     border-left: .2em solid #ccc;
 147     border-radius: .5em;
 148     padding-left: 1em;
 149 }
 150
 151 section.articles article h3, section.articles article h1 {
 152     margin-bottom: .3em;
 153 }
 154
 155 section.articles article h1 a {
 156     color: #000;
 157     text-decoration: none;
 158     font-weight: normal;
 159 }
 160
 161 section.articles article h3 a {
 162     color: #009;
 163     font-weight: normal;
 164 }
 165
 166 section.articles article h3 a:visited {
 167     color: #669;
 168 }
 169
 170 section.articles article h5 {
 171     color: #666;
 172     font-weight: normal;
 173     font-size: .8em;
 174     margin-bottom: .3em;
 175 }
 176
 177 section.page article {
 178     margin-bottom: 1em;
 179 }
 180
 181 article h1, article h2, article h3, article h4, article p {
 182     margin-bottom: .8em;
 183 }
 184
 185 article ul, article ol, article blockquote {
 186     margin-left: 2em;
 187 }
 188
 189 article ul {
 190     list-style-type: disc;
 191 }
 192
 193 article ol {
 194     list-style-type: decimal;
 195 }
 196
 197 article dl dd {
 198     margin: .5em 0 .5em 2em;
 199 }
 200
 201 article img {
 202     max-width: 100%;
 203 }
 204
 205 @media handheld, screen and (max-width: 980px) {
 206     body {
 207         padding: 0;
 208     }
 209
 210     header.nav {
 211         font-size: .9em;
 212         margin: 0;
 213     }
 214
 215     header.main {
 216         padding: 0 .2em;
 217         background-position: center top;
 218         text-align: center;
 219     }
 220
 221     header.main h1 {
 222         font-size: 2em;
 223     }
 224
 225     header.main h4 {
 226         margin-bottom: 1em;
 227     }
 228
 229     header.main nav {
 230         font-size: 1em;
 231         padding: 0;
 232     }
 233
 234     section.page {
 235         margin: 0 .3em;
 236     }
 237
 238     section.page h1 { font-size: 1.5em; }
 239     section.page h2 { font-size: 1.3em; }
 240     section.page h3 { font-size: 1.2em; }
 241     section.page h4 { font-size: 1em; }
 242     section.page h5 { font-size: .9em; }
 243     section.page h6 { font-size: .8em; }
 244
 245     footer.main {
 246         background: #eee;
 247         padding: .2em;
 248         font-size: .8em;
 249     }
 250 }