slitaz-forge annotate irc/style.css @ rev 446
roadmap: update CSS and HTML
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Wed Feb 12 09:08:50 2014 +0100 (2014-02-12) |
parents | |
children |
rev | line source |
---|---|
pankso@400 | 1 /* CSS style for SliTaz IRC */ |
pankso@400 | 2 |
pankso@400 | 3 html { min-height: 102%; } |
pankso@400 | 4 body { font: 13px sans-serif, vernada, arial; margin: 0; } |
pankso@400 | 5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } |
pankso@400 | 6 h1 a { color: #fff; text-decoration: none; } |
pankso@400 | 7 h2 { color: #444; } h3 { color: #666; font-size: 140%; } |
pankso@400 | 8 a { text-decoration: underline; color: #215090; } |
pankso@400 | 9 a:hover { text-decoration: none; } |
pankso@400 | 10 img { border: 0pt none; vertical-align: middle; } |
pankso@400 | 11 pre { |
pankso@400 | 12 overflow: auto; |
pankso@400 | 13 font-size: 98%; |
pankso@400 | 14 } |
pankso@400 | 15 |
pankso@400 | 16 /* Header */ |
pankso@400 | 17 |
pankso@400 | 18 #header { |
pankso@400 | 19 background: #222; |
pankso@400 | 20 height: 40px; |
pankso@400 | 21 border-bottom: 4px solid #afafaf; |
pankso@400 | 22 } |
pankso@400 | 23 |
pankso@400 | 24 #header h1 { |
pankso@400 | 25 margin: 0; |
pankso@400 | 26 padding: 8px 0 0 42px; |
pankso@400 | 27 width: 250px; |
pankso@400 | 28 } |
pankso@400 | 29 |
pankso@400 | 30 #header h1 a { |
pankso@400 | 31 color: white; |
pankso@400 | 32 text-decoration: none; |
pankso@400 | 33 font-size: 20px; |
pankso@400 | 34 font-style: italic; |
pankso@400 | 35 } |
pankso@400 | 36 |
pankso@400 | 37 #header h1 a:hover { |
pankso@400 | 38 color: #afafaf; |
pankso@400 | 39 } |
pankso@400 | 40 |
pankso@400 | 41 /* Header links */ |
pankso@400 | 42 |
pankso@400 | 43 #network { |
pankso@400 | 44 float: right; |
pankso@400 | 45 padding: 14px 5px 0; |
pankso@400 | 46 font-size: 12px; |
pankso@400 | 47 } |
pankso@400 | 48 |
pankso@400 | 49 #network a, #network span { |
pankso@400 | 50 padding: 0 4px; |
pankso@400 | 51 color: #fff; |
pankso@400 | 52 font-weight: bold; |
pankso@400 | 53 text-decoration: none; |
pankso@400 | 54 } |
pankso@400 | 55 |
pankso@400 | 56 #network a:hover, #network span { color: #afafaf; } |
pankso@400 | 57 |
pankso@400 | 58 /* Logo */ |
pankso@400 | 59 |
pankso@400 | 60 #logo { |
pankso@400 | 61 background: url(images/logo.png) no-repeat left; |
pankso@400 | 62 position: absolute; |
pankso@400 | 63 float: left; |
pankso@400 | 64 left: 0px; |
pankso@400 | 65 top: 0px; |
pankso@400 | 66 width: 40px; |
pankso@400 | 67 height: 40px; |
pankso@400 | 68 } |
pankso@400 | 69 |
pankso@400 | 70 /* Search */ |
pankso@400 | 71 |
pankso@400 | 72 #search { |
pankso@400 | 73 position: absolute; |
pankso@400 | 74 right: 20px; |
pankso@400 | 75 top: 60px; |
pankso@400 | 76 } |
pankso@400 | 77 |
pankso@400 | 78 #search input[type="text"] { |
pankso@400 | 79 width: 200px; |
pankso@400 | 80 |
pankso@400 | 81 padding: 4px; |
pankso@400 | 82 margin: 4px 0px; |
pankso@400 | 83 font-size: 14px; |
pankso@400 | 84 line-height: 1.2em; |
pankso@400 | 85 background: #fefefe; |
pankso@400 | 86 border: 2px solid #afafaf; |
pankso@400 | 87 -webkit-appearance: none; |
pankso@400 | 88 -webkit-padding-end: 12px; |
pankso@400 | 89 -webkit-padding-start: 6px; |
pankso@400 | 90 } |
pankso@400 | 91 |
pankso@400 | 92 /* Content */ |
pankso@400 | 93 |
pankso@400 | 94 #content { |
pankso@400 | 95 margin: 40px auto; |
pankso@400 | 96 padding: 0 20px; |
pankso@400 | 97 text-align: justify; |
pankso@400 | 98 max-width: 720px; |
pankso@400 | 99 } |
pankso@400 | 100 |
pankso@400 | 101 .box { |
pankso@400 | 102 padding: 6px; |
pankso@400 | 103 margin: 4px 0px; |
pankso@400 | 104 } |
pankso@400 | 105 |
pankso@400 | 106 pre, .box { |
pankso@400 | 107 background-color: #f8f8f8; |
pankso@400 | 108 border: 1px solid #ddd; |
pankso@400 | 109 } |
pankso@400 | 110 |
pankso@400 | 111 pre { |
pankso@400 | 112 padding: 10px; |
pankso@400 | 113 } |
pankso@400 | 114 |
pankso@400 | 115 pre img { margin: 4px 4px 4px 0px; } |
pankso@400 | 116 |
pankso@400 | 117 .error { color: red; } |
pankso@400 | 118 .ok { color: green; } |
pankso@400 | 119 .date { color: #666; font-size: 96%; } |
pankso@400 | 120 |
pankso@400 | 121 /* Round corner */ |
pankso@400 | 122 |
pankso@400 | 123 pre, img, .box, input[type="text"] { |
pankso@400 | 124 -moz-border-radius: 4px; |
pankso@400 | 125 -webkit-border-radius: 4px; |
pankso@400 | 126 border-radius: 4px; |
pankso@400 | 127 } |
pankso@400 | 128 |
pankso@400 | 129 /* Footer */ |
pankso@400 | 130 |
pankso@400 | 131 #footer { |
pankso@400 | 132 text-align: center; |
pankso@400 | 133 padding: 20px; |
pankso@400 | 134 border-top: 1px solid #ddd; |
pankso@400 | 135 font-size: 90%; |
pankso@400 | 136 } |
pankso@400 | 137 |
pankso@400 | 138 #footer a { padding: 0 2px; } |