slitaz-forge diff cook/style.css @ rev 112

Add cook.slitaz.org custom files
author Christophe Lincoln <pankso@slitaz.org>
date Wed Mar 14 03:12:37 2012 +0100 (2012-03-14)
parents
children de3a2f677616
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/cook/style.css	Wed Mar 14 03:12:37 2012 +0100
     1.3 @@ -0,0 +1,116 @@
     1.4 +/* CSS style for SliTaz Cooker */
     1.5 +
     1.6 +body { font: 13px sans-serif, vernada, arial; margin: 0; }
     1.7 +h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
     1.8 +h1 a { color: #fff; text-decoration: none; }
     1.9 +h2 { color: #444; } h3 { color: #666; font-size: 140%; }
    1.10 +a { text-decoration: underline; color: #215090; }
    1.11 +a:hover { text-decoration: none; }
    1.12 +pre {
    1.13 +	background-color: #f8f8f8;
    1.14 +	border: 1px solid #ddd;
    1.15 +	padding: 10px;
    1.16 +	overflow: auto;
    1.17 +	font-size: 96%;
    1.18 +}
    1.19 +
    1.20 +/* Header */
    1.21 +
    1.22 +#header {
    1.23 +	background: #351a0a;
    1.24 +	height: 40px;
    1.25 +	border-bottom: 8px solid #d66018;
    1.26 +}
    1.27 +
    1.28 +#header h1 {
    1.29 +	margin: 0;
    1.30 +	/* padding: 8px 0 0 42px; */
    1.31 +	width: 250px;
    1.32 +}
    1.33 +
    1.34 +#header h1 a { 
    1.35 +	color: white; 
    1.36 +	text-decoration: none;
    1.37 +	font-size: 20px;
    1.38 +	font-style: italic;
    1.39 +}
    1.40 +
    1.41 +#header h1 a:hover, #network a:hover { 
    1.42 +	color: #d66018;
    1.43 +}
    1.44 +
    1.45 +/* Header links */
    1.46 +
    1.47 +#network { 
    1.48 +	float: right; 
    1.49 +	padding: 10px 5px 0; 
    1.50 +	font-size: 12px;
    1.51 +}
    1.52 +
    1.53 +#network a {
    1.54 +	padding: 0 6px;
    1.55 +	color: #fff; 
    1.56 +	font-weight: bold;
    1.57 +	text-decoration: none;
    1.58 +}
    1.59 +
    1.60 +/* Content */
    1.61 +
    1.62 +#content {
    1.63 +	margin: 40px 80px;
    1.64 +	text-align: justify;
    1.65 +}
    1.66 +
    1.67 +.span-ok { color: green; }
    1.68 +.span-red { color: red; }
    1.69 +.span-sky { color: blue; }
    1.70 +.span-no { color: orange; }
    1.71 +.span-line { color: #888; }
    1.72 +.log-date { color: #666; font-size: 95%; }
    1.73 +.sh-comment { color: #b20000; }
    1.74 +.sh-val { color: #f35a00; }
    1.75 +
    1.76 +/* Buttons */
    1.77 +
    1.78 +.button {
    1.79 +	padding: 2px 4px;
    1.80 +	cursor: pointer;
    1.81 +	color: #000;
    1.82 +}
    1.83 +
    1.84 +a.button, .pctbar  {
    1.85 +	text-decoration: none;
    1.86 +	color: #666;
    1.87 +}
    1.88 +
    1.89 +.button:hover {
    1.90 +	background-color: #ddd;
    1.91 +	border: 1px solid #999;
    1.92 +}
    1.93 +
    1.94 +.pct { background: #9dff4a; padding: 2px 4px; }
    1.95 +
    1.96 +.button, .pctbar {
    1.97 +	margin: 0;
    1.98 +	background: #f1f1f1;
    1.99 +	border: 1px solid #ddd;
   1.100 +}
   1.101 +
   1.102 +/* Round corner */
   1.103 +
   1.104 +pre, .button, .pctbar {
   1.105 +	-moz-border-radius: 4px;
   1.106 +	-webkit-border-radius: 4px;
   1.107 +	border-radius: 4px;
   1.108 +}
   1.109 +
   1.110 +/* Footer */
   1.111 +
   1.112 +#footer {
   1.113 +	text-align: center;
   1.114 +	padding: 20px;
   1.115 +	border-top: 1px solid #ddd;
   1.116 +	font-size: 90%;
   1.117 +}
   1.118 +
   1.119 +#footer a { padding: 0 2px; }