<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body
{
background-image:url(temari.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFF;
}
.panel
{
background-color: #e8eaee;
border-radius: 100px;
opacity: 0.8;
text-align: center;
height: 120px;
width: 170px;
padding-top: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
transition: all 0.5s;
color: #3c4c5c;
}
.panel:hover
{
opacity: 1;
background-color: #bcc3cc;
color: #fff;
}
a
{
text-decoration: none;
color: #3c4c5c;
transition: color 0.4s;
font-family: Helvetica Neue, Futura LT, Dejavu Sans;
}
a:hover
{
color: #fff;
}
.title
{
font-size: 36pt;
}
.links
{
position: fixed;
margin-left: -400px;
margin-top: -350px;
top:50%;
left:50%;
background-color: transparent;
}
.heading
{
color: #78797a;
font-size: 48pt;
padding: 0px 10px 10px;
font-family: Helvetica Neue, Futura LT, Dejavu Sans;
}
.edit
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid;
width:22em;
background:#e8eaee;
color:#3c4c5c;
font-size: 20px;
}
.edit:hover, .edit:focus
{
border-color:#CCCCCC;
background:#bcc3cc;
}
.bouton
{
width:7em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid;
background:#e8eaee;
color:#3c4c5c;
font-size: 20px;
}
.bouton:hover, .bouton:focus
{
border-color:#CCCCCC;
background:#bcc3cc;
}
.search
{
position: fixed;
margin-left: -310px;
margin-top: -380px;
top:50%;
left:50%;
background-color: transparent;
}
</style>
<script type="text/javascript">
function FocusOnInput()
{
document.getElementById("query").focus();
}
</script>
</head>
<body onload="FocusOnInput()">
<table class="search" align="center">
<tr>
<td>
<form action='https://startpage.com/do/search' method='POST' name='blah' id='search_form' autocomplete="off" style="padding-bottom:0px;">
<input name='query' class="edit" id='query'>
<input type='hidden' name='cat' value='web'/>
<input type='hidden' name='cmd' value='process_search'/>
<input type='hidden' name='language' value='francais'/>
<input type='hidden' name='engine0' value='v1all'/>
<input type='hidden' name='abp' id='abp' value='-1'/>
<input type="hidden" name="prf" id="prf" value="537140bebd4f22fd1c2bf558b283c02b" >
<input class="bouton" type="submit" value="Search">
</form>
</td>
</tr>
</table>
<table class="links" width="800" height="600" align="center">
<tr>
<td class="heading" style="text-align: left;">
Start
</td>
</tr>
<tr>
<!--Top row: 4chan links-->
<td>
<div class="panel">
<div class="title">
<a href="https://boards.4chan.org/g/">/g/</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="https://boards.4chan.org/a/">/a/</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="https://boards.4chan.org/diy/">/diy/</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="https://boards.4chan.org/c/">/c/</a>
</div>
</div>
</td>
</tr>
<tr>
<!--Mid row: utility links-->
<td>
<div class="panel">
<div class="title">
<a href="http://192.168.1.122:666/">CCT</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="http://192.168.1.122:9999/">SF</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="http://stallman.org/">RMS</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="http://192.168.1.122:1337/">QB</a>
</div>
</div>
</td>
</tr>
<tr>
<!--Bot row: other links-->
<td>
<div class="panel">
<div class="title">
<a href="http://publichd.se">PHD</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="http://thepiratebay.se">TPB</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="http://cloud.feedly.com">RSS</a>
</div>
</div>
</td>
<td>
<div class="panel">
<div class="title">
<a href="http://gmail.com">Mail</a>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
Comments