slitaz-configs annotate rootfs/usr/share/webhome/style.css @ rev 84
New Web Home page
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Tue Mar 29 18:46:23 2011 +0200 (2011-03-29) |
parents | 4cba93b42cef |
children | f0055e8d865f |
rev | line source |
---|---|
pankso@84 | 1 /* CSS style for SliTaz GNU/Linux Web Home */ |
pankso@84 | 2 |
pankso@84 | 3 body { |
pankso@84 | 4 background: #ffffff; |
pankso@84 | 5 color: black; |
pankso@84 | 6 font: 13px sans-serif, vernada, arial; |
pankso@84 | 7 margin: 0; |
pankso@84 | 8 min-width: 640px; |
pankso@84 | 9 } |
pankso@84 | 10 |
pankso@84 | 11 a { text-decoration: underline; color: #215090; } |
pankso@84 | 12 a:hover { text-decoration: none; color: blue; } |
pankso@84 | 13 img { border: 0pt none; vertical-align: middle; } |
pankso@84 | 14 |
pankso@84 | 15 /* Header */ |
pankso@84 | 16 |
pankso@82 | 17 #header { |
pankso@84 | 18 height: 40px; |
pankso@84 | 19 background: #351a0a; |
pankso@82 | 20 } |
pankso@84 | 21 |
pankso@84 | 22 #header h1 { |
pankso@84 | 23 margin: 0; |
pankso@84 | 24 padding: 8px 0 0 8px; |
pankso@84 | 25 width: 250px; |
pankso@84 | 26 color: white; |
pankso@84 | 27 font-size: 20px; |
pankso@84 | 28 font-style: italic; |
pankso@84 | 29 } |
pankso@84 | 30 |
pankso@84 | 31 /* SliTaz Network */ |
pankso@84 | 32 |
pankso@84 | 33 #network { |
pankso@84 | 34 float: right; |
pankso@84 | 35 padding: 12px 5px 0; |
pankso@84 | 36 font-size: 12px; |
pankso@84 | 37 } |
pankso@84 | 38 |
pankso@84 | 39 #network a { padding: 0 6px; } |
pankso@84 | 40 |
pankso@84 | 41 #network a { |
pankso@84 | 42 color: #fff; |
pankso@84 | 43 font-weight: bold; |
pankso@84 | 44 text-decoration: none; |
pankso@84 | 45 } |
pankso@84 | 46 |
pankso@84 | 47 #network a:hover { color: #d66018; } |
pankso@84 | 48 |
pankso@84 | 49 /* Block */ |
pankso@84 | 50 |
pankso@84 | 51 #block { |
pankso@84 | 52 min-height: 8px; |
pankso@84 | 53 background: #d66018; |
pankso@84 | 54 padding: 0; |
pankso@84 | 55 border-bottom: 1px solid #f5f5f5; |
pankso@84 | 56 } |
pankso@84 | 57 |
pankso@84 | 58 /* Content */ |
pankso@84 | 59 |
pankso@84 | 60 #content { |
pankso@84 | 61 padding: 30px 20px; |
pankso@84 | 62 text-align: justify; |
pankso@84 | 63 } |
pankso@84 | 64 |
pankso@82 | 65 .searchbox { |
pankso@84 | 66 margin: 40px 80px; |
pankso@82 | 67 padding: 12px; |
pankso@82 | 68 background: #f8f8f8; |
pankso@82 | 69 text-align: center; |
pankso@83 | 70 border: 1px solid #ddd; |
pankso@83 | 71 -moz-border-radius: 4px; |
pankso@83 | 72 -webkit-border-radius: 4px; |
pankso@83 | 73 border-radius: 4px; |
pankso@82 | 74 } |
pankso@84 | 75 |
pankso@84 | 76 #social { text-align: center; color: #666; } |
pankso@84 | 77 #social a { color: #666; padding: 0 2px; } |
pankso@84 | 78 |
pankso@84 | 79 /* Form */ |
pankso@84 | 80 |
pankso@82 | 81 input[type=submit] { |
pankso@82 | 82 border: 1px solid #b64b22; |
pankso@82 | 83 background-color: #b64b22; |
pankso@82 | 84 color: white; |
pankso@82 | 85 font-weight: bold; |
pankso@82 | 86 cursor: pointer; |
pankso@82 | 87 padding: 4px 10px; |
pankso@82 | 88 font-size: 14px; |
pankso@82 | 89 margin-left: -5px; |
pankso@82 | 90 -webkit-border-top-right-radius: 4px; |
pankso@82 | 91 -webkit-border-bottom-right-radius: 4px; |
pankso@82 | 92 -moz-border-radius-topright: 4px; |
pankso@82 | 93 -moz-border-radius-bottomright: 4px; |
pankso@82 | 94 border-top-right-radius: 4px; |
pankso@82 | 95 border-bottom-right-radius: 4px; |
pankso@82 | 96 } |
pankso@84 | 97 |
pankso@82 | 98 input[type=submit]:hover { background-color: #a3431f; } |
pankso@84 | 99 |
pankso@82 | 100 input[type=text] { |
pankso@82 | 101 border: 1px solid #333333; |
pankso@82 | 102 padding: 4px; |
pankso@82 | 103 height: 17px; |
pankso@84 | 104 width: 68%; |
pankso@82 | 105 -webkit-border-top-left-radius: 4px; |
pankso@82 | 106 -webkit-border-bottom-left-radius: 4px; |
pankso@82 | 107 -moz-border-radius-topleft: 4px; |
pankso@82 | 108 -moz-border-radius-bottomleft: 4px; |
pankso@82 | 109 border-top-left-radius: 4px; |
pankso@82 | 110 border-bottom-left-radius: 4px; |
pankso@82 | 111 } |