Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <style type="text/css">
- body
- {
- background-color: #fff;
- /*background-image: url('madokafaget.png');*/
- background-repeat: no-repeat;
- background-position: center;
- background-attachment: fixed;
- }
- .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;
- }
- </style>
- <body>
- <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/s4s/">/s4s/</a>
- </div>
- </div>
- </td>
- <td>
- <div class="panel">
- <div class="title">
- <a href="https://boards.4chan.org/jp/">/jp/</a>
- </div>
- </div>
- </td>
- </tr>
- <tr><!--Mid row: utility links-->
- <td>
- <div class="panel">
- <div class="title">
- <a href="http://forum.xda-developers.com/nexus-7/orig-development">XDA</a>
- </div>
- </div>
- </td>
- <td>
- <div class="panel">
- <div class="title">
- <a href="http://192.168.1.144:8888/">N7</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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement