wok annotate dillo-hg/stuff/webhome/dillo.css @ rev 7408
Add libsdl-perl. Needed for frozen-bubble.
author | Christopher Rogers <slaxemulator@gmail.com> |
---|---|
date | Sat Nov 27 18:25:37 2010 +0000 (2010-11-27) |
parents | |
children |
rev | line source |
---|---|
pankso@2836 | 1 /* |
pankso@2836 | 2 CSS style for SliTaz GNU/Linux *book. |
pankso@2836 | 3 Pankso 2007 - www.slitaz.org |
pankso@2836 | 4 */ |
pankso@2836 | 5 |
pankso@2836 | 6 body { |
pankso@2836 | 7 font: 13px sans-serif, vernada, arial; |
pankso@2836 | 8 background: #222222; |
pankso@2836 | 9 margin: 0; |
pankso@2836 | 10 padding-bottom: 100%; |
pankso@2836 | 11 } |
pankso@2836 | 12 |
pankso@2836 | 13 #header { |
pankso@2836 | 14 background: #f0ba08; |
pankso@2836 | 15 color: black; |
pankso@2836 | 16 height: 50px; |
pankso@2836 | 17 border-top: 1px solid black; |
pankso@2836 | 18 border-bottom: 1px solid black; |
pankso@2836 | 19 } |
pankso@2836 | 20 #quicknav { |
pankso@2836 | 21 margin-right: 6px; |
pankso@2836 | 22 text-align: right; |
pankso@2836 | 23 font-size: 12px; |
pankso@2836 | 24 font-weight: bold; |
pankso@2836 | 25 margin-right: 6px; |
pankso@2836 | 26 } |
pankso@2836 | 27 |
pankso@2836 | 28 #quicknav a { |
pankso@2836 | 29 background: inherit; |
pankso@2836 | 30 color: white; |
pankso@2836 | 31 text-decoration: none; |
pankso@2836 | 32 } |
pankso@2836 | 33 |
pankso@2836 | 34 #quicknav a:hover { |
pankso@2836 | 35 background: inherit; |
pankso@2836 | 36 color: #222222; |
pankso@2836 | 37 } |
pankso@2836 | 38 |
pankso@2836 | 39 /* content. */ |
pankso@2836 | 40 |
pankso@2836 | 41 #content { |
pankso@2836 | 42 background: #ffffff; |
pankso@2836 | 43 color: black; |
pankso@2836 | 44 padding: 20px; |
pankso@2836 | 45 margin: 20px 50px 0px 50px; |
pankso@2836 | 46 width: auto; |
pankso@2836 | 47 text-align: justify; |
pankso@2836 | 48 } |
pankso@2836 | 49 |
pankso@2836 | 50 #content li { |
pankso@2836 | 51 line-height: 1.5em; |
pankso@2836 | 52 text-align: left; |
pankso@2836 | 53 } |
pankso@2836 | 54 |
pankso@2836 | 55 /* Legal informations */ |
pankso@2836 | 56 |
pankso@2836 | 57 #copy { |
pankso@2836 | 58 font-size: 11px ; |
pankso@2836 | 59 text-align: center ; |
pankso@2836 | 60 background: transparent; |
pankso@2836 | 61 color: #ffffff; |
pankso@2836 | 62 padding-top: 20px; |
pankso@2836 | 63 } |
pankso@2836 | 64 |
pankso@2836 | 65 #copy a { |
pankso@2836 | 66 background: inherit; |
pankso@2836 | 67 color: #a8a8a8; |
pankso@2836 | 68 } |
pankso@2836 | 69 |
pankso@2836 | 70 #copy a:hover { |
pankso@2836 | 71 background: inherit; |
pankso@2836 | 72 color: #EDEDED; |
pankso@2836 | 73 } |
pankso@2836 | 74 |
pankso@2836 | 75 /* Clouds */ |
pankso@2836 | 76 |
pankso@2836 | 77 #cloud { |
pankso@2836 | 78 padding: 10px 80px 40px 80px; |
pankso@2836 | 79 line-height: 3em; |
pankso@2836 | 80 text-align: center; |
pankso@2836 | 81 } |
pankso@2836 | 82 #cloud a { padding: 4px; color: #956411; } |
pankso@2836 | 83 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; } |
pankso@2836 | 84 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; } |
pankso@2836 | 85 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; } |
pankso@2836 | 86 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; } |
pankso@2836 | 87 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; } |
pankso@2836 | 88 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; } |
pankso@2836 | 89 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; } |
pankso@2836 | 90 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; } |
pankso@2836 | 91 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; } |
pankso@2836 | 92 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; } |
pankso@2836 | 93 |
pankso@2836 | 94 /* General HTML entities for content. */ |
pankso@2836 | 95 |
pankso@2836 | 96 h1 { |
pankso@2836 | 97 margin: 0px 0px 0px 16px; |
pankso@2836 | 98 } |
pankso@2836 | 99 |
pankso@2836 | 100 h2 { |
pankso@2836 | 101 margin: 12px 0; |
pankso@2836 | 102 color: #484B7C; |
pankso@2836 | 103 background: white; |
pankso@2836 | 104 } |
pankso@2836 | 105 |
pankso@2836 | 106 h3 { |
pankso@2836 | 107 font-weight: bold; |
pankso@2836 | 108 color: #6c0023; |
pankso@2836 | 109 background: white; |
pankso@2836 | 110 } |
pankso@2836 | 111 |
pankso@2836 | 112 a { |
pankso@2836 | 113 text-decoration: underline; |
pankso@2836 | 114 } |
pankso@2836 | 115 a:hover { |
pankso@2836 | 116 text-decoration: none; |
pankso@2836 | 117 } |
pankso@2836 | 118 |
pankso@2836 | 119 pre { |
pankso@2836 | 120 padding: 5px; |
pankso@2836 | 121 color: black; |
pankso@2836 | 122 background: #e1e0b0; |
pankso@2836 | 123 } |
pankso@2836 | 124 pre.script { |
pankso@2836 | 125 padding: 10px; |
pankso@2836 | 126 color: black; |
pankso@2836 | 127 background: #e8e8e8; |
pankso@2836 | 128 border: 1px inset #333333; |
pankso@2836 | 129 } |
pankso@2836 | 130 |
pankso@2836 | 131 code { |
pankso@2836 | 132 font-size: 12px; |
pankso@2836 | 133 color: #669900; |
pankso@2836 | 134 background: transparent; |
pankso@2836 | 135 } |
pankso@2836 | 136 |
pankso@2836 | 137 li { |
pankso@2836 | 138 line-height: 1.4em; |
pankso@2836 | 139 } |
pankso@2836 | 140 |
pankso@2836 | 141 hr { |
pankso@2836 | 142 border: 0pt none; |
pankso@2836 | 143 } |