Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html>
- <head>
- <title>Home</title>
- </head>
- <style type="text/css">
- body{
- font-family: helvetica;
- text-align: center;
- background-image: url('wallpaper.jpg');
- background-position: center;
- background-size: cover;
- }
- #field{
- margin-top: 20px;
- height:30px;
- font-size: 15px;
- width: 500px;
- background: rgba(255,255,255,0.5);
- }
- #search input[type="text"] {
- border: 0 none;
- padding: 6px 10px 6px 5px;
- background: rgba(255,255,255,0.5);
- border: none;
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0px 1px 0px rgba(255,255,255,0.3),
- 1px 0px 0px rgba(255,255,255,0.3),
- -1px 0px 0px rgba(255,255,255,0.3),
- 0px -1px 0px rgba(255,255,255,0.3);
- }
- #search input[type="text"]:focus{
- outline: none;
- background: rgba(255,255,255,1.0);
- }
- #search input[type="text"] {
- border: 0 none;
- padding: 6px 10px 6px 5px;
- background: rgba(255,255,255,0.5);
- border: none;
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0px 1px 0px rgba(255,255,255,0.3),
- 1px 0px 0px rgba(255,255,255,0.3),
- -1px 0px 0px rgba(255,255,255,0.3),
- 0px -1px 0px rgba(255,255,255,0.3);
- }
- #search input[type="text"]:focus{
- outline: none;
- background: rgba(255,255,255,1.0);
- }
- .sites{
- margin: 20px auto;
- width: 850px;
- height: 400;
- border-top: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
- }
- ul.grid{
- margin-left: -5px;
- }
- ul.grid li{
- margin: 10px auto;
- float: left;
- display: inline-block;
- padding-top: -5px;
- padding: 5px;
- }
- #gridimage{
- border: 1px solid rgba(0, 0, 0, 0.5);
- opacity: 0.7;
- box-shadow: 0px 1px 0px rgba(255,255,255,0.3),
- 1px 0px 0px rgba(255,255,255,0.3),
- -1px 0px 0px rgba(255,255,255,0.3),
- 0px -1px 0px rgba(255,255,255,0.3);
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #gridimage:hover{
- border: 1px solid rgba(0, 0, 0, 0.5);
- box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
- opacity: 1.0;
- }
- </style>
- <body onload="document.googlesearch.q.focus()">
- <form method="get" action="http://www.google.com/search" id="search" name="googlesearch">
- <input type="text" name="q" value="" placeholder=" Google" id="field" />
- <div class="sites">
- <ul class="grid">
- <li><a href="http://www.facebook.com" target="_blank"> <img src="logos/facebook_logo.png" alt="Face">
- <li><a href="http://www.reddit.com" target="_blank"> <img src="logos/reddit_logo.png" alt="reddit">
- <li><a href="http://www.netflix.com" target="_blank"><img src="logos/netflix_logo.png" alt="4chan">
- <li><a href="http://XXXXXXXXXXXXXXXXXXXX" target="_blank"> <img src="logos/sabn.png>
- <li><a href="http://XXXXXXXXXXXXXXXXXXXX" target="_blank"> <img src="logos/sick.png>
- <li><a href="http://XXXXXXXXXXXXXXXXXXXX" target="_blank"> <img$
- <li><a href="http://XXXXXXXXXXXXXXXXXXXX" target="_blank"> <img src="logos/plex.png
- <li><a href="http://XXXXXXXXXXXXXXXXXXXX" target="_blank"> <img src="logos/xxx.png
- <li><a href="http://XXXXXXXXXXXXXXXXXXXX" target="_blank"> <img src="logos/plex.png">
- <li><img src="logos/blank.jpg" id="gridimage"></li>
- <li><a href="https://XXXXXXXXXXXXXXXXXXXXXXX"><img src="logos/webmin.png" id="gridimage"></a></li>
- <li><img src="logos/blank.jpg" id="gridimage"></li>
- <ul>
- </div>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement