slitaz-forge diff roadmap/style.css @ rev 714

Virtual machines have moved
author Pascal Bellard <pascal.bellard@slitaz.org>
date Mon Feb 01 10:43:39 2021 +0000 (2021-02-01)
parents 10518b526fe8
children
line diff
     1.1 --- a/roadmap/style.css	Tue Mar 27 19:28:34 2012 +0200
     1.2 +++ b/roadmap/style.css	Mon Feb 01 10:43:39 2021 +0000
     1.3 @@ -1,13 +1,12 @@
     1.4 -/* CSS style for SliTaz Cooker */
     1.5 +/* CSS style for SliTaz Roadmap */
     1.6  
     1.7 -html { min-height: 102%; }
     1.8  body { font: 13px sans-serif, vernada, arial; margin: 0; }
     1.9  h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
    1.10  h1 a { color: #fff; text-decoration: none; }
    1.11  h2 { color: #444; } h3 { color: #666; font-size: 140%; }
    1.12  a { text-decoration: underline; color: #215090; }
    1.13  a:hover { text-decoration: none; }
    1.14 -img { border: 0pt none; vertical-align: middle; }
    1.15 +hr { margin: 0; border: 1px solid #cfcfcf; }
    1.16  pre {
    1.17  	background-color: #f8f8f8;
    1.18  	border: 1px solid #ddd;
    1.19 @@ -19,14 +18,14 @@
    1.20  /* Header */
    1.21  
    1.22  #header {
    1.23 -	background: #351a0a;
    1.24 +	background: #222;
    1.25  	height: 40px;
    1.26 -	border-bottom: 8px solid #d66018;
    1.27 +	border-bottom: 4px solid #afafaf;
    1.28  }
    1.29  
    1.30  #header h1 {
    1.31  	margin: 0;
    1.32 -	/* padding: 8px 0 0 42px; */
    1.33 +	padding: 8px 0 0 42px;
    1.34  	width: 250px;
    1.35  }
    1.36  
    1.37 @@ -37,45 +36,82 @@
    1.38  	font-style: italic;
    1.39  }
    1.40  
    1.41 -#header h1 a:hover, #network a:hover { 
    1.42 -	color: #d66018;
    1.43 +#header h1 a:hover { 
    1.44 +	color: #afafaf;
    1.45  }
    1.46  
    1.47  /* Header links */
    1.48  
    1.49 -#network { 
    1.50 -	float: right; 
    1.51 -	padding: 10px 5px 0; 
    1.52 +#network {
    1.53 +	float: right;
    1.54 +	padding: 14px 5px 0;
    1.55  	font-size: 12px;
    1.56  }
    1.57  
    1.58  #network a {
    1.59 -	padding: 0 6px;
    1.60 -	color: #fff; 
    1.61 +	padding: 0 4px;
    1.62 +	color: #fff;
    1.63  	font-weight: bold;
    1.64  	text-decoration: none;
    1.65  }
    1.66  
    1.67 +/* Logo */
    1.68 +
    1.69 +#logo {
    1.70 +	background: url(images/logo.png) no-repeat left;
    1.71 +	position: absolute;
    1.72 +	float: left;
    1.73 +	left: 0px;
    1.74 +	top: 0px;
    1.75 +	width: 40px;
    1.76 +	height: 40px;
    1.77 +}
    1.78 +
    1.79  /* Content */
    1.80  
    1.81  #content {
    1.82 -	margin: 40px auto;
    1.83 +	margin: 40px 80px;
    1.84  	text-align: justify;
    1.85 -	width: 720px;
    1.86  }
    1.87  
    1.88 -.important { background: #ffa400; }
    1.89 +.span-ok { color: green; }
    1.90 +.span-red { color: red; }
    1.91 +.span-sky { color: blue; }
    1.92 +.span-no { color: orange; }
    1.93 +.span-line { color: #888; }
    1.94 +.log-date { color: #666; font-size: 95%; }
    1.95 +.sh-comment { color: #b20000; }
    1.96 +.sh-val { color: #f35a00; }
    1.97  
    1.98 -/* Progress bar */
    1.99 +/* Buttons */
   1.100  
   1.101 -.pct { background: #9dff4a; padding: 2px 4px; }
   1.102 +.button {
   1.103 +	cursor: pointer;
   1.104 +	padding: 4px;
   1.105 +	margin: 4px 0px;
   1.106 +}
   1.107  
   1.108 -.pctbar {
   1.109 -	margin: 0;
   1.110 +a.button, .pctbar  {
   1.111 +	text-decoration: none;
   1.112  	color: #666;
   1.113 -	background: #f1f1f1;
   1.114 -	border: 1px solid #ddd;
   1.115 -	overflow: hidden;
   1.116 +}
   1.117 +
   1.118 +.button:hover {
   1.119 +	border: 1px solid #999;
   1.120 +}
   1.121 +
   1.122 +.pct { background: #9dff4a; padding: 2px 4px;  }
   1.123 +.pctbar { overflow: hidden; }
   1.124 +
   1.125 +.button, .pctbar {
   1.126 +	border: 1px solid #cccccc;
   1.127 +	font-size: 14px;
   1.128 +	line-height: 1.2em;
   1.129 +	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.130 +	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   1.131 +	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   1.132 +	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   1.133 +	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   1.134  }
   1.135  
   1.136  /* Round corner */