API tools faq
paste
Advertisement
Xylitol

Startpage 2

Xylitol
Jun 15th, 2014
387
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.58 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.     <head>
  3.         <title>Welcome Home</title>
  4.         <style type="text/css">
  5.       html {
  6.         margin: 0;
  7.         padding: 0;
  8.       }
  9.       body {
  10.         margin: 0;
  11.         padding: 0;
  12.         font-size: 0;
  13.         font-family: Tahoma;
  14.         background: url('hitagi.png') #B57ECF;
  15.         background-size: contain;
  16.         background-repeat: no-repeat;
  17.        
  18.       }
  19.       .clear {
  20.         clear: both;
  21.       }
  22.       .highlite {
  23.         color: #590082;
  24.       }
  25.       #left {
  26.         height: 100%;
  27.         width: 25%;
  28.         float: left;
  29.       }
  30.       #content {
  31.         font-size: 12px;
  32.         height: 100%;
  33.         width: 65%;
  34.         //background: #282A2E;
  35.         //border-right: 2px solid #373B41;
  36.         //border-left: 2px solid #373B41;
  37.         float: left;
  38.       }
  39.       #content #header {
  40.         margin-top: 20px;
  41.         margin-bottom: 60px;
  42.       }
  43.       #content #header h1 {
  44.         color: #590082;
  45.         letter-spacing: 2px;
  46.         font-size: 40px;
  47.         font-weight: normal;
  48.         text-align: center;
  49.         padding: 0;
  50.         margin: 0;
  51.       }
  52.       #content #header .subtitle {
  53.         color: #FFF;
  54.         text-align: center;
  55.         letter-spacing: 2px;
  56.         padding: 0;
  57.         margin: 0;
  58.       }
  59.       #content #searches {
  60.         text-align: center;
  61.         margin-bottom: 30px;
  62.       }
  63.       #content #searches form {
  64.         display: inline-block;
  65.         margin: 0 10px;
  66.       }
  67.       #content #searches form .input {
  68.         color: #FFF;
  69.         width: 100px;
  70.         padding: 3px 5px;
  71.         font-size: 10px;
  72.         border: 1px solid lightgrey;
  73.         -moz-transition: all 1s;
  74.       }
  75.       #content #searches form .input:focus,
  76.       #content #searches form .input:hover {
  77.         color: #000;
  78.         width: 200px;
  79.         box-shadow: 0 0 5px rgba(214, 123, 150, 1);
  80.         border: 1px solid #d67b96;
  81.       }
  82.       #content #links {
  83.         text-align: center;
  84.       }
  85.       #content #links ul {
  86.         padding: 0;
  87.         margin: 0;
  88.         list-style-type: none;
  89.       }
  90.       #content #links li {
  91.         margin: 10px 10px;
  92.         display: inline-block;
  93.       }
  94.       #content #links ul a {
  95.         display: inline-block;
  96.         width: 150px;
  97.         color: #81A2BE;
  98.         text-decoration: none;
  99.         font-size: 18px;
  100.         padding: 10px 0;
  101.         border: 2px solid #373B41;
  102.         outline: none;
  103.         background: #1D1F21;
  104.         -moz-transition: all 1s;
  105.       }
  106.       #content #links ul a:hover {
  107.         color: #d67b96;
  108.         background: #70293b;
  109.         border-color: #70293b;
  110.       }
  111.       #right {
  112.         height: 100%;
  113.         width: 9.8%;
  114.         background: #B57ECF;
  115.         border-left: 2px solid #B57ECF;
  116.         float: left;
  117.       }
  118.         </style>
  119.     </head>
  120.     <body>
  121.         <div id="left"></div>
  122.         <div id="content">
  123.             <div id="header">
  124.                 <h1>Welcome to the Internet, <span class="highlite">Xyl.</span></h1>
  125.                 <p class="subtitle">Its not like I like you or anything</p>
  126.             </div>
  127.             <div id="searches">
  128.                 <form method="post" action="https://startpage.com/do/search">
  129.                     <input type="text" name="query" class="input" placeholder="StartPage" autofocus="autofocus" />
  130.                 </form>
  131.                 <form method="get" action="https://youtube.com/results">
  132.                     <input type="text" name="search_query" class="input" placeholder="Youtube" />
  133.                 </form>
  134.                 <form method="get" action="https://en.wikipedia.org/w/index.php">
  135.                     <input type="text" name="search" class="input" placeholder="Wikipedia (en)" />
  136.                 </form>
  137.                 <form method="get" action="http://torrentz.eu/search?">
  138.                     <input type="text" name="f" class="input" placeholder="Torrentz" />
  139.                 </form>
  140.  
  141.             </div>
  142.             <div id="links">
  143.                 <ul>
  144.                     <li><a href="https://boards.4chan.org/g/">/g/</a></li>
  145.                     <li><a href="https://boards.4chan.org/a/">/a/</a></li>
  146.                     <li><a href="https://boards.4chan.org/diy/">/diy/</a></li>
  147.                     <li><a href="https://boards.4chan.org/c/">/c/</a></li>
  148.                 </ul>
  149.                 <ul>
  150.                     <li><a href="http://192.168.1.122:666/">CCT</a></li>
  151.                     <li><a href="http://192.168.1.122:9999/">SF</a></li>
  152.                     <li><a href="http://stallman.org/">RMS</a></li>
  153.                     <li><a href="http://192.168.1.122:1337/">QB</a></li>
  154.                 </ul>
  155.                 <ul>
  156.                     <li><a href="http://publichd.se">PHD</a></li>
  157.                     <li><a href="http://thepiratebay.se">TPB</a></li>
  158.                     <li><a href="http://cloud.feedly.com">RSS</a></li>
  159.                     <li><a href="http://gmail.com">Mail</a></li>
  160.                 </ul>
  161.             </div>
  162.         </div>
  163.         <div id="right">a</div>
  164.         <div class="clear"></div>
  165.     </body>
  166. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!