tinycm rev 1
Add images and CSS
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Wed Apr 11 15:56:05 2012 +0200 (2012-04-11) |
parents | 93d5438f419d |
children | 7f48a9784c47 |
files | favicon.ico images/avatar.png images/logo.png style.css |
line diff
1.1 Binary file favicon.ico has changed
2.1 Binary file images/avatar.png has changed
3.1 Binary file images/logo.png has changed
4.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 4.2 +++ b/style.css Wed Apr 11 15:56:05 2012 +0200 4.3 @@ -0,0 +1,239 @@ 4.4 +/* CSS style for SliTaz Bugs/TinyCM */ 4.5 + 4.6 +html { min-height: 102%; } 4.7 +body { font: 13px sans-serif, vernada, arial; margin: 0; } 4.8 +h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } 4.9 +h1 a { color: #fff; text-decoration: none; } 4.10 +h2 { color: #444; } h3 { color: #666; font-size: 140%; } 4.11 +a { text-decoration: underline; color: #215090; } 4.12 +a:hover { text-decoration: none; } 4.13 +img { border: 0pt none; vertical-align: middle; } 4.14 +pre { 4.15 + overflow: auto; 4.16 + font-size: 96%; 4.17 +} 4.18 +textarea, table { width: 100%; } 4.19 +thead { font-weight: bold; } 4.20 + 4.21 +/* Header */ 4.22 + 4.23 +#header { 4.24 + /*background: #351a0a;*/ 4.25 + background: #443b31; 4.26 + height: 40px; 4.27 + border-bottom: 8px solid #cfcfcf; 4.28 +} 4.29 + 4.30 +#header h1 { 4.31 + margin: 0; 4.32 + padding: 8px 0 0 42px; 4.33 + width: 250px; 4.34 +} 4.35 + 4.36 +#header h1 a { 4.37 + color: white; 4.38 + text-decoration: none; 4.39 + font-size: 20px; 4.40 + font-style: italic; 4.41 +} 4.42 + 4.43 +#header h1 a:hover { 4.44 + color: #cfcfcf; 4.45 +} 4.46 + 4.47 +/* Header links */ 4.48 + 4.49 +#network { 4.50 + float: right; 4.51 + padding: 12px 5px 0; 4.52 + font-size: 12px; 4.53 + margin-right: 100px; 4.54 +} 4.55 + 4.56 +#network a { 4.57 + padding: 0 4px; 4.58 + color: #fff; 4.59 + font-weight: bold; 4.60 + text-decoration: none; 4.61 +} 4.62 + 4.63 +#network a:hover, #user a:hover { color: #cfcfcf; } 4.64 + 4.65 +/* Logo */ 4.66 + 4.67 +#logo { 4.68 + background: url(images/logo.png) no-repeat left; 4.69 + position: absolute; 4.70 + float: left; 4.71 + left: 0px; 4.72 + top: 0px; 4.73 + width: 40px; 4.74 + height: 40px; 4.75 +} 4.76 + 4.77 +/* Login and user box */ 4.78 + 4.79 +#login { 4.80 + width: 240px; 4.81 + float: left; 4.82 + height: 120px; 4.83 +} 4.84 + 4.85 +#login input[type="text"], #login input[type="password"] { 4.86 + width: 200px; } 4.87 + 4.88 +#login input[type="submit"] { float: none; } 4.89 +#login p { display: inline; } 4.90 + 4.91 +#user { 4.92 + background-color: #362E24; 4.93 + padding: 4px; 4.94 + width: 84px; 4.95 + float: right; 4.96 + font-size: 12px; 4.97 + position: absolute; 4.98 + right: 10px; 4.99 + top: 6px; 4.100 +} 4.101 +#user a { padding: 0 2px; color: #fff; 4.102 + font-weight: bold; text-decoration: none; } 4.103 + 4.104 +#account-info { width: 380px; height: 120px; float: right; } 4.105 + 4.106 +/* Languages */ 4.107 + 4.108 +#lang { 4.109 + position: absolute; 4.110 + right: 0; 4.111 + top: 48px; 4.112 + padding: 6px; 4.113 + font-size: 12px; 4.114 +} 4.115 + 4.116 +#lang a { 4.117 + text-decoration: none; 4.118 + padding: 0 2px; 4.119 +} 4.120 + 4.121 +#lang a:hover { 4.122 + text-decoration: underline; 4.123 +} 4.124 + 4.125 +/* Search */ 4.126 + 4.127 +#search { 4.128 + position: absolute; 4.129 + right: 20px; 4.130 + top: 72px; 4.131 + 4.132 +} 4.133 + 4.134 +#search input[type="text"] { width: 180px; } 4.135 + 4.136 +/* Content */ 4.137 + 4.138 +#content { 4.139 + margin: 40px auto; 4.140 + padding: 0 20px; 4.141 + text-align: justify; 4.142 + max-width: 680px; 4.143 +} 4.144 + 4.145 +#edit textarea { width: 100%; height: 240px; background: #f8f8f8; } 4.146 +#edit a { text-decoration: none; } 4.147 + 4.148 +.box, pre, #login, #account-info { 4.149 + background-color: #f8f8f8; 4.150 + border: 1px solid #ddd; 4.151 + padding: 10px; 4.152 +} 4.153 + 4.154 +.error { color: red; } 4.155 +.ok { color: green; } 4.156 + 4.157 +/* Progress bar */ 4.158 + 4.159 +.pct { background: #9dff4a; padding: 2px 4px; } 4.160 + 4.161 +.pctbar { 4.162 + margin: 0; 4.163 + color: #666; 4.164 + background: #f1f1f1; 4.165 + border: 1px solid #ddd; 4.166 + overflow: hidden; 4.167 + clear: both; 4.168 +} 4.169 + 4.170 +/* Form */ 4.171 + 4.172 +form { display: inline; } 4.173 +textarea { border: 2px solid #ccc; padding: 4px; width: 100%; } 4.174 +select { min-width: 180px; } 4.175 +input[type="submit"], input[type="text"], input[type="password"], 4.176 +select, #tools a { 4.177 + color: #444444; 4.178 + border: 1px solid #cccccc; 4.179 + padding: 4px; 4.180 + margin: 4px 0px; 4.181 + font-size: 14px; 4.182 + line-height: 1.2em; 4.183 + background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 4.184 + background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 4.185 + -webkit-appearance: none; 4.186 + -webkit-padding-end: 12px; 4.187 + -webkit-padding-start: 6px; 4.188 +} 4.189 + 4.190 +input[type="text"], input[type="password"] { 4.191 + background: #fefefe; border: 2px solid #ccc; 4.192 + width: 460px; } 4.193 +/*input[type="file"] { border: 2px solid #ddd; }*/ 4.194 +/*input[type="checkbox"] { background: #fefefe; }*/ 4.195 + 4.196 +/* Be compatible with old FF and Webkit version. */ 4.197 +input[type="submit"] { 4.198 + -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 4.199 + -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 4.200 + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 4.201 +} 4.202 + 4.203 +input[type="submit"]:hover, #tools a:hover { 4.204 + cursor: pointer; 4.205 + color: black; 4.206 +} 4.207 + 4.208 +select { 4.209 + background-image: url(images/down.png), 4.210 + -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 4.211 + background-position: center right; 4.212 + background-repeat: no-repeat; 4.213 +} 4.214 + 4.215 +#tools { 4.216 + padding-top: 10px; 4.217 + margin-top: 20px; 4.218 + /*border-top: 1px dotted #ccc; 4.219 + position: fixed; 4.220 + bottom: 10px;*/ 4.221 +} 4.222 +#tools a { text-decoration: none; margin: 4px 6px 4px 0px; } 4.223 + 4.224 +/* Round corner */ 4.225 + 4.226 +pre, .button, .pctbar, .box, #login, #account-info, #user, img, 4.227 +input, textarea, select, #tools a { 4.228 + -moz-border-radius: 4px; 4.229 + -webkit-border-radius: 4px; 4.230 + border-radius: 4px; 4.231 +} 4.232 + 4.233 +/* Footer */ 4.234 + 4.235 +#footer { 4.236 + text-align: center; 4.237 + padding: 20px; 4.238 + border-top: 1px solid #ddd; 4.239 + font-size: 90%; 4.240 +} 4.241 + 4.242 +#footer a { padding: 0 2px; }