SliTaz Repositories

     1.1 --- a/web/style.css	Fri Mar 17 01:20:30 2017 +0200
     1.2 +++ b/web/style.css	Wed Apr 19 15:16:58 2017 +0100
     1.3 @@ -19,64 +19,60 @@
     1.4  a:hover { text-decoration: underline; }
     1.5  .files a { text-decoration: none; color: inherit; }
     1.6  .files a:hover { text-decoration: underline; }
     1.7 -hr { margin: 0; border: 1px solid #CFCFCF; }
     1.8 +hr { margin: 0; border: 1px solid #cfcfcf; }
     1.9  pre {
    1.10 -	background-color: #F8F8F8;
    1.11 -	border: 1px solid #DDD;
    1.12 +	background-color: #f8f8f8;
    1.13 +	border: 1px solid #ddd;
    1.14  	padding: 8px;
    1.15  	overflow: auto;
    1.16  }
    1.17  
    1.18  /* Header */
    1.19 -
    1.20 -#header {
    1.21 -	color: #FFF;
    1.22 -	background: #222;
    1.23 -	height: 40px;
    1.24 -	border-bottom: 3px solid #AAA;
    1.25 +body>header {
    1.26 +	display:block;
    1.27 +	background:#444;
    1.28 +	text-align:justify;
    1.29 +	line-height:0;
    1.30 +	box-shadow:0 -8px 8px #333 inset
    1.31  }
    1.32 -
    1.33 -#header h1 {
    1.34 -	margin: 0;
    1.35 -	padding: 8px 0 0 42px;
    1.36 -	color: #FFF;
    1.37 -	font-size: 20px;
    1.38 -	width: 250px;
    1.39 +h1 {
    1.40 +	display:inline-block;
    1.41 +	margin:auto 0;
    1.42 +	height:40px;
    1.43 +	white-space:nowrap;
    1.44 +	vertical-align:middle
    1.45  }
    1.46 -#logo {
    1.47 -	background: url(/images/logo.png) no-repeat left;
    1.48 -	position: absolute;
    1.49 -	float: left;
    1.50 -	left: 0px;
    1.51 -	top: 0px;
    1.52 -	width: 40px;
    1.53 -	height: 40px;
    1.54 +h1::before {
    1.55 +	display:inline-block;
    1.56 +	content:url(images/logo.png);
    1.57 +	vertical-align:middle
    1.58  }
    1.59 -
    1.60 -#header h1 a {
    1.61 -	color: #FFF;
    1.62 -	text-decoration: none;
    1.63 -	font-size: 20px;
    1.64 -	font-style: italic;
    1.65 +h1 a {
    1.66 +	color:#FFF;
    1.67 +	font-size:20px;
    1.68 +	font-style:italic
    1.69  }
    1.70 -
    1.71 -#header h1 a:hover, #network a:hover {
    1.72 -	color: #AFAFAF;
    1.73 +body>header::before,body>header::after,.block>div::before,.block>div::after {
    1.74 +	display:inline-block;
    1.75 +	width:100%;
    1.76 +	height:0;
    1.77 +	visibility:hidden;
    1.78 +	overflow:hidden;
    1.79 +	content:''
    1.80  }
    1.81 -
    1.82 -/* Header links */
    1.83 -
    1.84 -#network {
    1.85 -	float: right;
    1.86 -	padding: 14px 5px 0;
    1.87 -	font-size: 12px;
    1.88 +.network {
    1.89 +	display:inline-block;
    1.90 +	text-align:left;
    1.91 +	vertical-align:middle;
    1.92 +	font-size:12px;
    1.93 +	line-height:normal;
    1.94 +	color:#999
    1.95  }
    1.96 -
    1.97 -#network a {
    1.98 -	padding: 0 4px;
    1.99 -	color: #FFF;
   1.100 -	font-weight: bold;
   1.101 -	text-decoration: none;
   1.102 +.network a {
   1.103 +	display:inline-block;
   1.104 +	padding:0 6px;
   1.105 +	vertical-align:middle;
   1.106 +	color:#FFF
   1.107  }
   1.108  
   1.109  /* Content */
   1.110 @@ -86,22 +82,22 @@
   1.111  	padding: 0.5em;
   1.112  }
   1.113  #content2 {
   1.114 -	width: 100%;
   1.115 +	width: 100%; box-sizing: border-box;
   1.116  	max-width: 700px;
   1.117  	margin: auto;
   1.118  	padding: 0.5em;
   1.119  }
   1.120  
   1.121  
   1.122 -.span-ok    { color: #0A0; }
   1.123 +.span-ok    { color: #0a0; }
   1.124  .span-red   { color: red; }
   1.125  .span-sky   { color: blue; }
   1.126 -.span-no    { color: #D90; }
   1.127 +.span-no    { color: #d90; }
   1.128  .span-line  { color: #888; }
   1.129  .log-date   { color: #666; font-size: 95%; }
   1.130 -.sh-comment { color: #A00; }
   1.131 -.sh-val     { color: #E50; font-weight: bold; }
   1.132 -.var        { color: #05A; }
   1.133 +.sh-comment { color: #a00; }
   1.134 +.sh-val     { color: #e50; font-weight: bold; }
   1.135 +.var        { color: #05a; }
   1.136  
   1.137  /* Buttons */
   1.138  
   1.139 @@ -117,7 +113,7 @@
   1.140  }
   1.141  
   1.142  .pct {
   1.143 -	background: #9DFF4A;
   1.144 +	background: #9dff4a;
   1.145  	background-image: -webkit-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40);
   1.146  	background-image:    -moz-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40);
   1.147  	padding: 2px 4px;
   1.148 @@ -160,7 +156,7 @@
   1.149  #footer {
   1.150  	text-align: center;
   1.151  	padding: 20px 0;
   1.152 -	border-top: 1px solid #DDD;
   1.153 +	border-top: 1px solid #ddd;
   1.154  	font-size: 90%;
   1.155  /*	position: absolute;*/
   1.156  	bottom: 0;
   1.157 @@ -170,12 +166,30 @@
   1.158  
   1.159  #footer a { padding: 0 2px; }
   1.160  
   1.161 +body>footer {
   1.162 +	background:#f1f1f1;
   1.163 +	text-align:center;
   1.164 +	border-top:1px solid #CCC;
   1.165 +	padding:6px;
   1.166 +	color:#666;
   1.167 +	clear:both;
   1.168 +	box-shadow:0 4px 8px #CCC inset
   1.169 +}
   1.170 +
   1.171 +footer a+a::before { display: inline-block; content: '• '; color: #E81; }
   1.172 +
   1.173 +body>footer div {
   1.174 +	margin:12px
   1.175 +}
   1.176 +
   1.177 +
   1.178 +
   1.179  .log a { text-decoration: none; color: #666; }
   1.180  .log a:hover { color: #000; }
   1.181  
   1.182  .activity { padding-left: 0.5em; }
   1.183  .activity li { list-style-type: none; }
   1.184 -.activity li::before { color: #666; content: "•"; padding-right: 0.5em; }
   1.185 +.activity li:before { color: #666; content: "•"; padding-right: 0.5em; }
   1.186  
   1.187  .r { float: right; }
   1.188  
   1.189 @@ -193,4 +207,59 @@
   1.190  
   1.191  a:target {background-color: yellow; }
   1.192  
   1.193 -pre.info { color: #FFF; background-color: #272822; }
   1.194 +
   1.195 +/*
   1.196 +table {
   1.197 +	border-spacing: 0;
   1.198 +	padding: 0 2px;
   1.199 +	border-width: 1px;
   1.200 +	border-color: #666;
   1.201 +	border-radius: 4px;
   1.202 +	border-style: solid;
   1.203 +}
   1.204 +th {
   1.205 +	background-color: #CCC;
   1.206 +}
   1.207 +td {
   1.208 +	border-bottom: 1px solid #79B;
   1.209 +	padding: 2px;
   1.210 +}
   1.211 +tr:last-child td {
   1.212 +	border-bottom: unset;
   1.213 +}
   1.214 +*/
   1.215 +
   1.216 +table {
   1.217 +	/*width: 100%;*/
   1.218 +	border: 1px solid #CCC;
   1.219 +	border-radius: 4px;
   1.220 +	border-spacing: 0;
   1.221 +	padding: 0;
   1.222 +}
   1.223 +tr {
   1.224 +	margin: 0;
   1.225 +	padding: 2px;
   1.226 +}
   1.227 +td {
   1.228 +	margin: 0;
   1.229 +	padding: 3px;
   1.230 +	vertical-align: top;
   1.231 +	line-height: 1.1;
   1.232 +}
   1.233 +thead tr {
   1.234 +	background-color:#DDD
   1.235 +}
   1.236 +thead th {
   1.237 +	border-bottom:1px solid #BBB
   1.238 +}
   1.239 +
   1.240 +tbody tr:nth-child(odd)  { background-color: #FFFFFF; }
   1.241 +tbody tr:nth-child(even) { background-color: #ECECEC; }
   1.242 +
   1.243 +#content, #content2 {
   1.244 +	min-height: 80vh;
   1.245 +}
   1.246 +
   1.247 +.texinfo pre { display: none; }
   1.248 +/*.texinfo pre.first:not(:target) { display: block; }*/
   1.249 +.texinfo pre:target { display: block; }