slitaz-forge annotate slitaz.me/style.css @ rev 718
pangolin/web/index.php: add games.slitaz.org
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Mon Oct 25 17:27:46 2021 +0000 (2021-10-25) |
parents | 0e35b23a3069 |
children |
rev | line source |
---|---|
pankso@671 | 1 /* CSS style for SliTaz.me */ |
pankso@437 | 2 |
pankso@437 | 3 html { min-height: 102%; } |
pankso@677 | 4 body { font-size: 90%; margin: 0; } |
pankso@437 | 5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } |
pankso@437 | 6 h1 a { color: #fff; text-decoration: none; } |
pankso@437 | 7 h2 { color: #444; } h3 { color: #666; font-size: 140%; } |
pankso@437 | 8 a { text-decoration: underline; color: #215090; } |
pankso@437 | 9 a:hover { text-decoration: none; } |
pankso@437 | 10 img { border: 0pt none; vertical-align: middle; } |
pankso@437 | 11 |
pankso@437 | 12 /* Header */ |
pankso@437 | 13 |
pankso@437 | 14 #header { |
pankso@437 | 15 background: #222; |
pankso@437 | 16 height: 40px; |
pankso@437 | 17 border-bottom: 4px solid #d66018; |
pankso@437 | 18 } |
pankso@437 | 19 |
pankso@437 | 20 #header h1 { |
pankso@437 | 21 margin: 0; |
pankso@437 | 22 padding: 8px 0 0 42px; |
pankso@437 | 23 width: 250px; |
pankso@437 | 24 } |
pankso@437 | 25 |
pankso@437 | 26 #header h1 a { |
pankso@437 | 27 color: white; |
pankso@437 | 28 text-decoration: none; |
pankso@437 | 29 font-size: 20px; |
pankso@437 | 30 font-style: italic; |
pankso@437 | 31 } |
pankso@437 | 32 |
pankso@437 | 33 #header h1 a:hover { |
pankso@437 | 34 color: #afafaf; |
pankso@437 | 35 } |
pankso@437 | 36 |
pankso@437 | 37 /* Header links */ |
pankso@437 | 38 |
pankso@437 | 39 #network { |
pankso@437 | 40 float: right; |
pankso@437 | 41 padding: 14px 5px 0; |
pankso@437 | 42 font-size: 12px; |
pankso@437 | 43 } |
pankso@437 | 44 |
pankso@437 | 45 #network a, #network span { |
pankso@437 | 46 padding: 0 4px; |
pankso@437 | 47 color: #fff; |
pankso@437 | 48 font-weight: bold; |
pankso@437 | 49 text-decoration: none; |
pankso@437 | 50 } |
pankso@437 | 51 |
pankso@437 | 52 #network a:hover, #network span { color: #afafaf; } |
pankso@437 | 53 |
pankso@437 | 54 /* Logo */ |
pankso@437 | 55 |
pankso@437 | 56 #logo { |
pankso@437 | 57 background: url(images/logo.png) no-repeat left; |
pankso@437 | 58 position: absolute; |
pankso@437 | 59 float: left; |
pankso@437 | 60 left: 0px; |
pankso@437 | 61 top: 0px; |
pankso@437 | 62 width: 40px; |
pankso@437 | 63 height: 40px; |
pankso@437 | 64 } |
pankso@437 | 65 |
pankso@437 | 66 /* Content */ |
pankso@437 | 67 |
pankso@437 | 68 #content { |
pankso@437 | 69 margin: 40px auto; |
pankso@437 | 70 padding: 0 20px; |
pankso@437 | 71 text-align: justify; |
pankso@437 | 72 max-width: 720px; |
pankso@437 | 73 } |
pankso@437 | 74 |
pankso@437 | 75 /* Round corner */ |
pankso@437 | 76 |
pankso@437 | 77 pre, img, .box, input[type="text"] { |
pankso@437 | 78 -moz-border-radius: 4px; |
pankso@437 | 79 -webkit-border-radius: 4px; |
pankso@437 | 80 border-radius: 4px; |
pankso@437 | 81 } |
pankso@437 | 82 |
pankso@437 | 83 /* Footer */ |
pankso@437 | 84 |
pankso@437 | 85 #footer { |
pankso@437 | 86 text-align: center; |
pankso@437 | 87 padding: 20px; |
pankso@437 | 88 border-top: 1px solid #ddd; |
pankso@437 | 89 font-size: 90%; |
pankso@437 | 90 } |
pankso@437 | 91 |
pankso@437 | 92 #footer a { padding: 0 2px; } |