wok-4.x rev 9434

netsurf: better home page (now netsurf better support CSS) with latest slitaz colors
author Christophe Lincoln <pankso@slitaz.org>
date Thu Mar 31 18:18:10 2011 +0200 (2011-03-31)
parents df2e8a2acb97
children cc35736269e3
files netsurf/stuff/webhome/netsurf.css netsurf/stuff/webhome/netsurf.html netsurf/stuff/webhome/style.css
line diff
     1.1 --- a/netsurf/stuff/webhome/netsurf.css	Thu Mar 31 17:48:34 2011 +0200
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,108 +0,0 @@
     1.4 -/*
     1.5 -	CSS style for SliTaz GNU/Linux local home page
     1.6 -	www.slitaz.org - (c) 2008 SliTaz Community
     1.7 -*/
     1.8 -
     1.9 -body {
    1.10 -	background: #ffffff;
    1.11 -	color: black;
    1.12 -	font: 13px sans-serif, vernada, arial;
    1.13 -	margin: 0 0 0 0;
    1.14 -	padding-bottom: 100%;
    1.15 -}
    1.16 -
    1.17 -#header {
    1.18 -	background: #f0ba08 url(pics/header.png) repeat-x top;
    1.19 -	color: black;
    1.20 -	width: 100%;
    1.21 -	height: 50px ;
    1.22 -	border-top: 1px solid black;
    1.23 -	border-bottom: 1px solid black;
    1.24 -	/* margin-bottom: 30px; */
    1.25 -}
    1.26 -
    1.27 -/* Page content */
    1.28 -
    1.29 -#content {
    1.30 -	background: white;
    1.31 -	color: black;
    1.32 -	text-align: justify;
    1.33 -}
    1.34 -
    1.35 -#content li {
    1.36 -	line-height: 1.5em;
    1.37 -	text-align: left;
    1.38 -}
    1.39 -
    1.40 -/* Footer */
    1.41 -
    1.42 -#bottom {
    1.43 -	float: none;
    1.44 -	background: inherit;
    1.45 -	color: black;
    1.46 -	width: auto;
    1.47 -	clear: both;
    1.48 -	padding: 0;
    1.49 -	margin: 0;
    1.50 -	text-align: center;
    1.51 -	vertical-align: middle;
    1.52 -}
    1.53 -
    1.54 -/* HTML styles */
    1.55 -
    1.56 -h1 {
    1.57 -	color: #222222;
    1.58 -	background: inherit;
    1.59 -	text-align: center;
    1.60 -	margin: 0px 0px 20px 0px;
    1.61 -	padding: 10px 0px 10px 0px;
    1.62 -}
    1.63 -
    1.64 -h2 {
    1.65 -    color: #DF8F06;
    1.66 -    border-left: 10px solid #F3F3F3;
    1.67 -    padding: 4px 0px 4px 4px;
    1.68 -    margin: 0;
    1.69 -}
    1.70 -
    1.71 -h3 {
    1.72 -	font-weight: bold;
    1.73 -	color: #6c0023;
    1.74 -	background: inherit;
    1.75 -}
    1.76 -
    1.77 -a {
    1.78 -	text-decoration: underline;
    1.79 -	color: #0F314E;
    1.80 -	background: inherit;
    1.81 -}
    1.82 -
    1.83 -a:hover {
    1.84 -	text-decoration: none;
    1.85 -	color: blue;
    1.86 -	background: inherit;
    1.87 -}
    1.88 -
    1.89 -img {
    1.90 -	border: 0pt none;
    1.91 -}
    1.92 -
    1.93 -/* Table */
    1.94 -
    1.95 -table {
    1.96 -	width: variable;
    1.97 -	margin-left: auto;
    1.98 -	margin-right: auto;
    1.99 -}
   1.100 -
   1.101 -td {
   1.102 -	width: variable;
   1.103 -	padding: 6px;
   1.104 -}
   1.105 -
   1.106 -th {
   1.107 -	width: variable;
   1.108 -
   1.109 -
   1.110 -	text-align: right;
   1.111 -}
     2.1 --- a/netsurf/stuff/webhome/netsurf.html	Thu Mar 31 17:48:34 2011 +0200
     2.2 +++ b/netsurf/stuff/webhome/netsurf.html	Thu Mar 31 18:18:10 2011 +0200
     2.3 @@ -6,57 +6,67 @@
     2.4      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
     2.5      <meta name="author" content="Christophe Lincoln"/>
     2.6      <link rel="shortcut icon" href="favicon.ico" />
     2.7 -    <link rel="stylesheet" type="text/css" href="netsurf.css" />
     2.8 +    <link rel="stylesheet" type="text/css" href="style.css" />
     2.9  </head>
    2.10  <body>
    2.11  
    2.12  <!-- Header -->
    2.13  <div id="header">
    2.14 -<h1>Browse the Web</h1>
    2.15 +	<div id="logo"></div>
    2.16 +	<div id="network">
    2.17 +		<a href="http://www.slitaz.org/">Website</a>
    2.18 +		<a href="http://scn.slitaz.org/">Community</a>
    2.19 +		<a href="http://doc.slitaz.org/">Doc</a>
    2.20 +		<a href="http://forum.slitaz.org/">Forum</a>
    2.21 +		<a href="http://labs.slitaz.org/issues">Bugs</a>
    2.22 +		<a href="http://hg.slitaz.org/">Hg</a>
    2.23 +	</div>
    2.24 +	<h1>SliTaz Web Home</h1>
    2.25  </div>
    2.26  
    2.27 +<div id="block"></div>
    2.28 +
    2.29  <!-- Content -->
    2.30  <div id="content">
    2.31  
    2.32 -<div style="text-align: center; margin: 10px;">
    2.33 -<table>
    2.34 -	<!-- Search Wikipedia -->
    2.35 -	<tr>
    2.36 -		<th><strong>[ Wikipedia ]</strong></th>
    2.37 -		<td>
    2.38 -			<form action="http://www.wikipedia.org/search-redirect.php" method="get">
    2.39 -				<input type="hidden" name="language" value="en" />
    2.40 -				<input type="text" name="search" size="30" />
    2.41 -				<input type="submit" name="go" value="Search" />
    2.42 -			</form>
    2.43 -		</td>
    2.44 -	</tr>
    2.45 -	<!-- Search Google -->
    2.46 -	<tr>
    2.47 -		<th><strong>[ Google ]</strong></th>
    2.48 -		<td>
    2.49 -			<form method="get" action="http://www.google.com/search">
    2.50 -				<input type="text" name="q" size="30" maxlength="255" value="" />
    2.51 -				<input type="submit" value="Search" />
    2.52 -			</form>
    2.53 -		</td>
    2.54 -	</tr>
    2.55 -</table>
    2.56 +<!-- Custom style for netsurf -->
    2.57 +<style type="text/css">
    2.58 +#search { text-align: center; margin: 40px 0px; }
    2.59 +input[type=submit] {
    2.60 +	border: 1px solid #b64b22;
    2.61 +	background-color: #b64b22;
    2.62 +	color: white;
    2.63 +	font-weight: bold;
    2.64 +	cursor: pointer;
    2.65 +	padding: 3px 10px;
    2.66 +	font-size: 15px;
    2.67 +	margin-left: -5px;
    2.68 +}
    2.69 +input[type=text] {
    2.70 +	border: 1px solid #333333;
    2.71 +	padding: 4px;
    2.72 +	height: 15px;
    2.73 +	width: 68%;
    2.74 +}
    2.75 +</style>
    2.76 +
    2.77 +<div id="search">
    2.78 +	<form method="get" action="http://www.google.com/search">
    2.79 +		<p>
    2.80 +			<input type="text" name="q" size="55" maxlength="255" />
    2.81 +			<input type="submit" value="Google" style="height: 25px;" />
    2.82 +		</p>
    2.83 +	</form>
    2.84  </div>
    2.85  
    2.86 -<!-- Shortcuts -->
    2.87 -<div style="text-align: center; margin: 10px;">
    2.88 -	SliTaz :
    2.89 -	<a href="http://www.slitaz.org/">Website</a> |
    2.90 -	<a href="http://forum.slitaz.org/">Forum</a> |
    2.91 -	<a href="http://doc.slitaz.org/">Doc</a> |
    2.92 -	<a href="http://labs.slitaz.org/">Labs</a> |
    2.93 -	<a href="http://pkgs.slitaz.org/">Packages</a>
    2.94 -</div>
    2.95 -<div style="text-align: center; margin: 10px;">
    2.96 -	NetSurf :
    2.97 -	<a href="http://www.netsurf-browser.org/">Website</a> |
    2.98 -	<a href="http://www.netsurf-browser.org/documentation/">Documentation</a>
    2.99 +<!-- SliTaz Social -->
   2.100 +<div id="social">
   2.101 +	SliTaz @
   2.102 +	<a href="http://twitter.com/slitaz">Twitter</a>
   2.103 +	<a href="http://www.facebook.com/slitaz">Facebook</a>
   2.104 +	<a href="http://distrowatch.com/slitaz">Distrowatch</a>
   2.105 +	<a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
   2.106 +	<a href="http://flattr.com/profile/slitaz">Flattr</a>
   2.107  </div>
   2.108  
   2.109  <!-- End of content with round corner -->
     3.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     3.2 +++ b/netsurf/stuff/webhome/style.css	Thu Mar 31 18:18:10 2011 +0200
     3.3 @@ -0,0 +1,80 @@
     3.4 +/* CSS style for SliTaz GNU/Linux generic xHTML files. */
     3.5 +
     3.6 +html { min-height: 102%; }
     3.7 +
     3.8 +body {
     3.9 +	background: #ffffff;
    3.10 +	color: black;
    3.11 +	font: 13px sans-serif, vernada, arial;
    3.12 +	margin: 0;
    3.13 +	min-width: 640px;
    3.14 +}
    3.15 +
    3.16 +a { text-decoration: underline; color: #215090; }
    3.17 +a:hover { text-decoration: none; color: blue; }
    3.18 +img { border: 0pt none; vertical-align: middle; }
    3.19 +h2 { color: #444; }
    3.20 +h3 { color: #666; font-size: 140%; }
    3.21 +
    3.22 +#header { 
    3.23 +	height: 40px; 
    3.24 +	background: #351a0a;
    3.25 +}
    3.26 +
    3.27 +#header h1 {
    3.28 +	margin: 0;
    3.29 +	padding: 8px 0 0 8px;
    3.30 +	width: 250px;
    3.31 +	color: white;
    3.32 +	font-size: 20px;
    3.33 +	font-style: italic;
    3.34 +}
    3.35 +
    3.36 +#header h1 a { 
    3.37 +	color: white; 
    3.38 +	text-decoration: none;
    3.39 +	font-size: 20px;
    3.40 +	font-style: italic;
    3.41 +}
    3.42 +
    3.43 +#header h1 a:hover, #network a:hover { 
    3.44 +	color: #d66018;
    3.45 +}
    3.46 +
    3.47 +#network { 
    3.48 +	float: right; 
    3.49 +	padding: 12px 5px 0; 
    3.50 +	font-size: 12px;
    3.51 +}
    3.52 +
    3.53 +#network a { padding: 0 6px; }
    3.54 +
    3.55 +#network a { 
    3.56 +	color: #fff; 
    3.57 +	font-weight: bold;
    3.58 +	text-decoration: none;
    3.59 +}
    3.60 +
    3.61 +#block { 
    3.62 +	height: 8px; 
    3.63 +	background: #d66018; 
    3.64 +	padding: 0;
    3.65 +	border-bottom: 1px solid #f5f5f5;
    3.66 +}
    3.67 +
    3.68 +#content {
    3.69 +	padding: 30px 80px;
    3.70 +	text-align: justify;
    3.71 +}
    3.72 +
    3.73 +#social { text-align: center; color: #666; }
    3.74 +#social a { color: #666; padding: 0 2px; }
    3.75 +
    3.76 +#footer {
    3.77 +	text-align: center;
    3.78 +	border-top: 1px solid #ddd;
    3.79 +	padding: 40px;
    3.80 +	color: #666;
    3.81 +}
    3.82 +
    3.83 +#footer a { color: #666; padding: 0 2px; }