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; }