slitaz-forge diff irc/style.css @ rev 575
arm: Update for PiClass announcement
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sat Aug 09 19:00:27 2014 +0200 (2014-08-09) |
parents | |
children |
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/irc/style.css Sat Aug 09 19:00:27 2014 +0200 1.3 @@ -0,0 +1,138 @@ 1.4 +/* CSS style for SliTaz IRC */ 1.5 + 1.6 +html { min-height: 102%; } 1.7 +body { font: 13px sans-serif, vernada, arial; margin: 0; } 1.8 +h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } 1.9 +h1 a { color: #fff; text-decoration: none; } 1.10 +h2 { color: #444; } h3 { color: #666; font-size: 140%; } 1.11 +a { text-decoration: underline; color: #215090; } 1.12 +a:hover { text-decoration: none; } 1.13 +img { border: 0pt none; vertical-align: middle; } 1.14 +pre { 1.15 + overflow: auto; 1.16 + font-size: 98%; 1.17 +} 1.18 + 1.19 +/* Header */ 1.20 + 1.21 +#header { 1.22 + background: #222; 1.23 + height: 40px; 1.24 + border-bottom: 4px solid #afafaf; 1.25 +} 1.26 + 1.27 +#header h1 { 1.28 + margin: 0; 1.29 + padding: 8px 0 0 42px; 1.30 + width: 250px; 1.31 +} 1.32 + 1.33 +#header h1 a { 1.34 + color: white; 1.35 + text-decoration: none; 1.36 + font-size: 20px; 1.37 + font-style: italic; 1.38 +} 1.39 + 1.40 +#header h1 a:hover { 1.41 + color: #afafaf; 1.42 +} 1.43 + 1.44 +/* Header links */ 1.45 + 1.46 +#network { 1.47 + float: right; 1.48 + padding: 14px 5px 0; 1.49 + font-size: 12px; 1.50 +} 1.51 + 1.52 +#network a, #network span { 1.53 + padding: 0 4px; 1.54 + color: #fff; 1.55 + font-weight: bold; 1.56 + text-decoration: none; 1.57 +} 1.58 + 1.59 +#network a:hover, #network span { color: #afafaf; } 1.60 + 1.61 +/* Logo */ 1.62 + 1.63 +#logo { 1.64 + background: url(images/logo.png) no-repeat left; 1.65 + position: absolute; 1.66 + float: left; 1.67 + left: 0px; 1.68 + top: 0px; 1.69 + width: 40px; 1.70 + height: 40px; 1.71 +} 1.72 + 1.73 +/* Search */ 1.74 + 1.75 +#search { 1.76 + position: absolute; 1.77 + right: 20px; 1.78 + top: 60px; 1.79 +} 1.80 + 1.81 +#search input[type="text"] { 1.82 + width: 200px; 1.83 + 1.84 + padding: 4px; 1.85 + margin: 4px 0px; 1.86 + font-size: 14px; 1.87 + line-height: 1.2em; 1.88 + background: #fefefe; 1.89 + border: 2px solid #afafaf; 1.90 + -webkit-appearance: none; 1.91 + -webkit-padding-end: 12px; 1.92 + -webkit-padding-start: 6px; 1.93 +} 1.94 + 1.95 +/* Content */ 1.96 + 1.97 +#content { 1.98 + margin: 40px auto; 1.99 + padding: 0 20px; 1.100 + text-align: justify; 1.101 + max-width: 720px; 1.102 +} 1.103 + 1.104 +.box { 1.105 + padding: 6px; 1.106 + margin: 4px 0px; 1.107 +} 1.108 + 1.109 +pre, .box { 1.110 + background-color: #f8f8f8; 1.111 + border: 1px solid #ddd; 1.112 +} 1.113 + 1.114 +pre { 1.115 + padding: 10px; 1.116 +} 1.117 + 1.118 +pre img { margin: 4px 4px 4px 0px; } 1.119 + 1.120 +.error { color: red; } 1.121 +.ok { color: green; } 1.122 +.date { color: #666; font-size: 96%; } 1.123 + 1.124 +/* Round corner */ 1.125 + 1.126 +pre, img, .box, input[type="text"] { 1.127 + -moz-border-radius: 4px; 1.128 + -webkit-border-radius: 4px; 1.129 + border-radius: 4px; 1.130 +} 1.131 + 1.132 +/* Footer */ 1.133 + 1.134 +#footer { 1.135 + text-align: center; 1.136 + padding: 20px; 1.137 + border-top: 1px solid #ddd; 1.138 + font-size: 90%; 1.139 +} 1.140 + 1.141 +#footer a { padding: 0 2px; }