wok-stable annotate firefox/stuff/webhome/style.css @ rev 743
Add: kbd-busybox syslinux-kbd
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Mon May 05 15:30:34 2008 +0000 (2008-05-05) |
parents | |
children | ccb81974c978 |
rev | line source |
---|---|
pankso@728 | 1 /* |
pankso@728 | 2 CSS style for SliTaz GNU/Linux local home page |
pankso@728 | 3 www.slitaz.org - (c) 2008 SliTaz Community |
pankso@728 | 4 */ |
pankso@728 | 5 |
pankso@728 | 6 body { |
pankso@728 | 7 background: #222222; |
pankso@728 | 8 color: black; |
pankso@728 | 9 font: 13px sans-serif, vernada, arial; |
pankso@728 | 10 margin: 0 0 0 0; |
pankso@728 | 11 padding-bottom: 100%; |
pankso@728 | 12 } |
pankso@728 | 13 |
pankso@728 | 14 #header { |
pankso@728 | 15 background: #f0ba08 url(pics/header.png) repeat-x top; |
pankso@728 | 16 color: black; |
pankso@728 | 17 width: 100%; |
pankso@728 | 18 height: 50px ; |
pankso@728 | 19 border-top: 1px solid black; |
pankso@728 | 20 border-bottom: 1px solid black; |
pankso@728 | 21 /* margin-bottom: 30px; */ |
pankso@728 | 22 } |
pankso@728 | 23 |
pankso@728 | 24 /* Page content */ |
pankso@728 | 25 |
pankso@728 | 26 #content, #content_bottom, #content_top { |
pankso@728 | 27 background: white; |
pankso@728 | 28 color: black; |
pankso@728 | 29 text-align: justify; |
pankso@728 | 30 } |
pankso@728 | 31 |
pankso@728 | 32 #content_top { |
pankso@728 | 33 height: 14px; |
pankso@728 | 34 margin: 10px 100px 0px 100px; |
pankso@728 | 35 } |
pankso@728 | 36 |
pankso@728 | 37 #content { |
pankso@728 | 38 height: auto; |
pankso@728 | 39 margin: -6px 100px 0px 100px; |
pankso@728 | 40 padding: 0px 72px 0px 72px; |
pankso@728 | 41 /*background: white; |
pankso@728 | 42 color: #333333;*/ |
pankso@728 | 43 } |
pankso@728 | 44 |
pankso@728 | 45 #content_bottom { |
pankso@728 | 46 height: 14px; |
pankso@728 | 47 margin: 0px 100px 0px 100px; |
pankso@728 | 48 /*clear: both;*/ |
pankso@728 | 49 |
pankso@728 | 50 } |
pankso@728 | 51 |
pankso@728 | 52 #content li { |
pankso@728 | 53 line-height: 1.5em; |
pankso@728 | 54 text-align: left; |
pankso@728 | 55 } |
pankso@728 | 56 |
pankso@728 | 57 /* Footer */ |
pankso@728 | 58 |
pankso@728 | 59 #bottom { |
pankso@728 | 60 float: none; |
pankso@728 | 61 background: inherit; |
pankso@728 | 62 color: black; |
pankso@728 | 63 width: auto; |
pankso@728 | 64 clear: both; |
pankso@728 | 65 padding: 0; |
pankso@728 | 66 margin: 0; |
pankso@728 | 67 text-align: center; |
pankso@728 | 68 vertical-align: middle; |
pankso@728 | 69 } |
pankso@728 | 70 |
pankso@728 | 71 /* CSS class. */ |
pankso@728 | 72 |
pankso@728 | 73 .top_left, .top_right, .bottom_left, .bottom_right { |
pankso@728 | 74 height: 14px; |
pankso@728 | 75 width: 14px; |
pankso@728 | 76 color: white; |
pankso@728 | 77 background-color: #333333; |
pankso@728 | 78 background-repeat: no-repeat; |
pankso@728 | 79 } |
pankso@728 | 80 |
pankso@728 | 81 .top_left { |
pankso@728 | 82 background-image: url(pics/content-tl.png); |
pankso@728 | 83 background-position: left top; |
pankso@728 | 84 position: absolute; |
pankso@728 | 85 } |
pankso@728 | 86 |
pankso@728 | 87 .top_right { |
pankso@728 | 88 background-image: url(pics/content-tr.png); |
pankso@728 | 89 float: right; |
pankso@728 | 90 } |
pankso@728 | 91 |
pankso@728 | 92 .bottom_left { |
pankso@728 | 93 background-image: url(pics/content-bl.png); |
pankso@728 | 94 position: absolute; |
pankso@728 | 95 } |
pankso@728 | 96 |
pankso@728 | 97 .bottom_right { |
pankso@728 | 98 background-image: url(pics/content-br.png); |
pankso@728 | 99 float: right; |
pankso@728 | 100 } |
pankso@728 | 101 |
pankso@728 | 102 /* HTML styles */ |
pankso@728 | 103 |
pankso@728 | 104 h1 { |
pankso@728 | 105 color: #DF8F06; |
pankso@728 | 106 background: inherit; |
pankso@728 | 107 text-align: center; |
pankso@728 | 108 margin: 0px 0px 20px 0px; |
pankso@728 | 109 padding: 10px 0px 10px 0px; |
pankso@728 | 110 border-bottom: 1px solid #DF8F06; |
pankso@728 | 111 } |
pankso@728 | 112 |
pankso@728 | 113 h2 { |
pankso@728 | 114 color: #DF8F06; |
pankso@728 | 115 border-left: 10px solid #F3F3F3; |
pankso@728 | 116 padding: 4px 0px 4px 4px; |
pankso@728 | 117 margin: 0; |
pankso@728 | 118 } |
pankso@728 | 119 |
pankso@728 | 120 h3 { |
pankso@728 | 121 font-weight: bold; |
pankso@728 | 122 color: #6c0023; |
pankso@728 | 123 background: inherit; |
pankso@728 | 124 } |
pankso@728 | 125 |
pankso@728 | 126 a { |
pankso@728 | 127 text-decoration: underline; |
pankso@728 | 128 color: #0F314E; |
pankso@728 | 129 background: inherit; |
pankso@728 | 130 } |
pankso@728 | 131 |
pankso@728 | 132 a:hover { |
pankso@728 | 133 text-decoration: none; |
pankso@728 | 134 color: blue; |
pankso@728 | 135 background: inherit; |
pankso@728 | 136 } |
pankso@728 | 137 |
pankso@728 | 138 img { |
pankso@728 | 139 border: 0pt none; |
pankso@728 | 140 } |
pankso@728 | 141 |
pankso@728 | 142 textarea { |
pankso@728 | 143 background: #E5E5E5; |
pankso@728 | 144 margin-top: 12px; |
pankso@728 | 145 } |
pankso@728 | 146 |
pankso@728 | 147 input[type=submit] { |
pankso@728 | 148 background: #E5E5E5; |
pankso@728 | 149 color: black; |
pankso@728 | 150 border: 1px outset #111111; |
pankso@728 | 151 font-weight: bold; |
pankso@728 | 152 } |
pankso@728 | 153 |
pankso@728 | 154 input[type=submit]:hover { |
pankso@728 | 155 background: #F3F3F3; |
pankso@728 | 156 color: black; |
pankso@728 | 157 } |
pankso@728 | 158 |
pankso@728 | 159 /* Packages pages */ |
pankso@728 | 160 |
pankso@728 | 161 .pkg_nav { |
pankso@728 | 162 border-top: 1px solid black; |
pankso@728 | 163 margin-top: 10px; |
pankso@728 | 164 padding-top: 10px; |
pankso@728 | 165 } |
pankso@728 | 166 |
pankso@728 | 167 pre.package { |
pankso@728 | 168 padding: 0px; |
pankso@728 | 169 color: black; |
pankso@728 | 170 background: white; |
pankso@728 | 171 } |
pankso@728 | 172 |
pankso@728 | 173 p.get { |
pankso@728 | 174 text-align: center; |
pankso@728 | 175 padding: 10px; |
pankso@728 | 176 color: black; |
pankso@728 | 177 background: #F3F3F3; |
pankso@728 | 178 border: 1px solid #DEDEDE; |
pankso@728 | 179 } |