Xylitol icon

Startpage 2

Xylitol | PRO | 06/15/14 09:26:50 PM UTC | 0 ⭐ | 653 👁️ | Never ⏰ | []
HTML |

4.58 KB

|

None

|

0 👍

/

0 👎

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Welcome Home</title>
        <style type="text/css">
      html {
        margin: 0;
        padding: 0;
      }
      body {
        margin: 0;
        padding: 0;
        font-size: 0;
        font-family: Tahoma;
        background: url('hitagi.png') #B57ECF;
        background-size: contain;
        background-repeat: no-repeat;
        
      }
      .clear {
        clear: both;
      }
      .highlite {
        color: #590082;
      }
      #left {
        height: 100%;
        width: 25%;
        float: left;
      }
      #content {
        font-size: 12px;
        height: 100%;
        width: 65%;
        //background: #282A2E;
        //border-right: 2px solid #373B41;
        //border-left: 2px solid #373B41;
        float: left;
      }
      #content #header {
        margin-top: 20px;
        margin-bottom: 60px;
      }
      #content #header h1 {
        color: #590082;
        letter-spacing: 2px;
        font-size: 40px;
        font-weight: normal;
        text-align: center;
        padding: 0;
        margin: 0;
      }
      #content #header .subtitle {
        color: #FFF;
        text-align: center;
        letter-spacing: 2px;
        padding: 0;
        margin: 0;
      }
      #content #searches {
        text-align: center;
        margin-bottom: 30px;
      }
      #content #searches form {
        display: inline-block;
        margin: 0 10px;
      }
      #content #searches form .input {
        color: #FFF;
        width: 100px;
        padding: 3px 5px;
        font-size: 10px;
        border: 1px solid lightgrey;
        -moz-transition: all 1s;
      }
      #content #searches form .input:focus,
      #content #searches form .input:hover {
        color: #000;
        width: 200px;
        box-shadow: 0 0 5px rgba(214, 123, 150, 1);
        border: 1px solid #d67b96;
      }
      #content #links {
        text-align: center;
      }
      #content #links ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
      }
      #content #links li {
        margin: 10px 10px;
        display: inline-block;
      }
      #content #links ul a {
        display: inline-block;
        width: 150px;
        color: #81A2BE;
        text-decoration: none;
        font-size: 18px;
        padding: 10px 0;
        border: 2px solid #373B41;
        outline: none;
        background: #1D1F21;
        -moz-transition: all 1s;
      }
      #content #links ul a:hover {
        color: #d67b96;
        background: #70293b;
        border-color: #70293b;
      }
      #right {
        height: 100%;
        width: 9.8%;
        background: #B57ECF;
        border-left: 2px solid #B57ECF;
        float: left;
      }
        </style>
    </head>
    <body>
        <div id="left"></div>
        <div id="content">
            <div id="header">
                <h1>Welcome to the Internet, <span class="highlite">Xyl.</span></h1>
                <p class="subtitle">Its not like I like you or anything</p>
            </div>
            <div id="searches">
                <form method="post" action="https://startpage.com/do/search">
                    <input type="text" name="query" class="input" placeholder="StartPage" autofocus="autofocus" />
                </form>
                <form method="get" action="https://youtube.com/results">
                    <input type="text" name="search_query" class="input" placeholder="Youtube" />
                </form>
                <form method="get" action="https://en.wikipedia.org/w/index.php">
                    <input type="text" name="search" class="input" placeholder="Wikipedia (en)" />
                </form>
                <form method="get" action="http://torrentz.eu/search?">
                    <input type="text" name="f" class="input" placeholder="Torrentz" />
                </form>
 
            </div>
            <div id="links">
                <ul>
                    <li><a href="https://boards.4chan.org/g/">/g/</a></li>
                    <li><a href="https://boards.4chan.org/a/">/a/</a></li>
                    <li><a href="https://boards.4chan.org/diy/">/diy/</a></li>
                    <li><a href="https://boards.4chan.org/c/">/c/</a></li>
                </ul>
                <ul>
                    <li><a href="http://192.168.1.122:666/">CCT</a></li>
                    <li><a href="http://192.168.1.122:9999/">SF</a></li>
                    <li><a href="http://stallman.org/">RMS</a></li>
                    <li><a href="http://192.168.1.122:1337/">QB</a></li>
                </ul>
                <ul>
                    <li><a href="http://publichd.se">PHD</a></li>
                    <li><a href="http://thepiratebay.se">TPB</a></li>
                    <li><a href="http://cloud.feedly.com">RSS</a></li>
                    <li><a href="http://gmail.com">Mail</a></li>
                </ul>
            </div>
        </div>
        <div id="right">a</div>
        <div class="clear"></div>
    </body>
</html>

Comments