SliTaz Repositories

     1.1 --- a/styles/default/style.css	Sun Apr 03 17:43:32 2011 +0200
     1.2 +++ b/styles/default/style.css	Tue Apr 05 01:59:33 2011 +0200
     1.3 @@ -2,11 +2,21 @@
     1.4  	CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
     1.5  */
     1.6  
     1.7 -html { min-height:  102%; min-width: 300px; }
     1.8 -body { padding: 0; font: 13px sans;  }
     1.9 -h1 { color: #d66018; border-bottom: 1px dotted #ddd; }
    1.10 +/* To always have a scroll bar */
    1.11 +html {
    1.12 +	min-height:  102%;
    1.13 +} 
    1.14 + 
    1.15 +body {
    1.16 +	background: #ffffff;
    1.17 +	color: black;
    1.18 +	font: 13px sans-serif, vernada, arial;
    1.19 +	margin: 25px 0 0;
    1.20 +}
    1.21 +
    1.22 +h1 { color: #d66018; padding: 18px 0 0 40px;}
    1.23  h2 { color: #444; margin: 10px 0 10px; }
    1.24 -h3 { color: #666; font-size: 140%; margin: 0; }
    1.25 +h3 { color: #666; font-size: 140%; }
    1.26  h4 { color: #888; font-size: 120%; }
    1.27  img { border: 0pt none; vertical-align: middle; padding: 0 6px 0 0;}
    1.28  p { margin: 6px 0; }
    1.29 @@ -15,52 +25,32 @@
    1.30  a { text-decoration: none; color: #666; }
    1.31  a:hover { color: #000; }
    1.32  
    1.33 -pre { 
    1.34 -	background-color: #f8f8f8; 
    1.35 -	border: 1px solid #ddd; 
    1.36 -	padding: 10px;
    1.37 -	margin: 10px 0;
    1.38 -	overflow: auto;
    1.39 +/* Header and main title */
    1.40 +
    1.41 +#header {
    1.42 +	height: 68px;
    1.43 +	border-bottom: 1px dotted #ddd;
    1.44  }
    1.45  
    1.46 -.pre_main { margin: 40px 0 10px; }
    1.47 -
    1.48 -input[type=submit] {
    1.49 -	padding: 2px 4px;
    1.50 -	margin: 4px 0 0;
    1.51 -	background-color: #f1f1f1;
    1.52 -	border: 1px solid #ddd;
    1.53 -	cursor: pointer;
    1.54 -}
    1.55 -
    1.56 -input[type=submit]:hover {
    1.57 -	background-color: #ddd;
    1.58 -	border: 1px solid #999;
    1.59 -}
    1.60 -
    1.61 -input[type=text] { height: 15px; }
    1.62 -
    1.63  /* Blocks */
    1.64  
    1.65  #block { float: left; }
    1.66  
    1.67 -#sub_block { margin: 50px 0; }
    1.68 +#sub_block { margin: 20px 0; }
    1.69  
    1.70  /* Content */
    1.71  
    1.72 -#content { margin: 0; }
    1.73 -#wrapper { margin: 80px 0 20px; }
    1.74 +#content { margin: 20px 80px; }
    1.75 +#wrapper { margin: 20px 0 20px; }
    1.76  
    1.77  .search {
    1.78  	position: absolute;
    1.79 -	right: 48px;
    1.80 -	top: 200px;
    1.81 +	right: 80px;
    1.82 +	top: 39px;
    1.83  }
    1.84  
    1.85  #actions {
    1.86 -	position: absolute;
    1.87 -	left: 48px;
    1.88 -	top: 200px;
    1.89 +	
    1.90  }
    1.91  
    1.92  #actions p { padding: 0; }
    1.93 @@ -89,7 +79,6 @@
    1.94  table {
    1.95  	background-color: #f8f8f8;
    1.96  	border: 1px solid #ddd;
    1.97 -	margin: 40px 0 0 0;
    1.98  	padding: 10px 10px 10px 0;
    1.99  	width: 100%;
   1.100  }
   1.101 @@ -102,30 +91,53 @@
   1.102  	font-weight: bold;
   1.103  }
   1.104  
   1.105 -/* Desktop gui style */
   1.106 +/* Desktop gui style bar */
   1.107  
   1.108  #tazbar {
   1.109  	position: fixed;
   1.110  	top: 0;
   1.111  	left: 0;
   1.112 -	height: 22px;
   1.113 +	height: 24px;
   1.114  	width: 100%;
   1.115  	padding: 0 0 0 0;
   1.116  	background-color: #f1efeb;
   1.117 -	border-top: 1px solid #fefefe;
   1.118 -	border-bottom: 1px solid #d3cdc3;
   1.119 +	border-bottom: 1px solid #c1baad;
   1.120  	z-index: 200;
   1.121 +	cursor: default;
   1.122  }
   1.123 -#menu { margin: 2px 8px; }
   1.124 -#tazbar a { padding: 2px 4px;
   1.125 -color: #000; border: 1px solid #ECE9E4;
   1.126 -display: inline; }
   1.127 -#tazbar a:hover { background-color: #fdfcfa ;
   1.128 - border: 1px solid #827a6c;
   1.129 - -moz-border-radius: 2px;
   1.130 -	-webkit-border-radius: 2px;
   1.131 -	border-radius: 2px;}
   1.132 +#menu { margin: 4px 8px; }
   1.133 +#menu a { padding: 2px 4px; color: #000; cursor: default; }
   1.134 +#menu a:hover { color: #444; }
   1.135 +#icons { margin: 2px 8px; float: right; }
   1.136 +#icons img { padding: 0; }
   1.137  
   1.138 +.progress { cursor: progress; }
   1.139 +
   1.140 +
   1.141 +pre { 
   1.142 +	background-color: #f8f8f8; 
   1.143 +	border: 1px solid #ddd; 
   1.144 +	padding: 10px;
   1.145 +	margin: 10px 0;
   1.146 +	overflow: auto;
   1.147 +}
   1.148 +
   1.149 +.pre_main { margin: 20px 0 10px; }
   1.150 +
   1.151 +input[type=submit] {
   1.152 +	padding: 2px 4px;
   1.153 +	margin: 4px 0 0;
   1.154 +	background-color: #f1f1f1;
   1.155 +	border: 1px solid #ddd;
   1.156 +	cursor: pointer;
   1.157 +}
   1.158 +
   1.159 +input[type=submit]:hover {
   1.160 +	background-color: #ddd;
   1.161 +	border: 1px solid #999;
   1.162 +}
   1.163 +
   1.164 +input[type=text] { height: 15px; }
   1.165  
   1.166  /* Round corner */
   1.167