Skip to content
Newer
Older
100644 84 lines (79 sloc) 2.26 KB
dac1d68 added html
seogrady authored
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <title>untitled</title>
6 <style type="text/css">
7 /* reset */
8 html, body, div, span, applet, object, iframe,
9 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
10 a, abbr, acronym, address, big, cite, code,
11 del, dfn, em, font, img, ins, kbd, q, s, samp,
12 small, strike, strong, sub, sup, tt, var,
13 b, u, i, center,
14 dl, dt, dd, ol, ul, li,
15 fieldset, form, label, legend,
16 table, caption, tbody, tfoot, thead, tr, th, td {
17 margin: 0;
18 padding: 0;
19 border: 0;
20 outline: 0;
21 font-size: 100%;
22 vertical-align: baseline;
23 background: transparent;
24 }
25 body {
26 line-height: 1;
27 }
28 img.bg {
29 /* Set rules to fill background */
30 min-height: 100%;
31 min-width: 1024px;
32
33 /* Set up proportionate scaling */
34 width: 100%;
35 height: auto;
36
37 /* Set up positioning */
38 position: fixed;
39 top: 0;
40 left: 0;
41 z-index:100;
42 }
43
44 @media screen and (max-width: 1024px) { /* Specific to this particular image */
45 img.bg {
46 left: 50%;
47 margin-left: -512px; /* 50% */
48 }
49 }
50
51 img.logo {
52 position:fixed;
53 width:273px;
54 height:255px;
55 bottom:50px;
56 left:20%;
57 z-index:200;
58 }
59 ul {
60 list-style:none;
61 position:fixed;
62 height:80px;
63 top:40px;
64 left:20%;
65 z-index:200;
66 }
67 ul li { position:relative; float:left; margin-right: 10px; }
68 ul li a img { width:80px; height:80px; }
69 </style>
70 </head>
71 <body>
72 <ul>
73 <li><a href="https://www.facebook.com/thepsydeprojects"><img src="images/facebook-logo.png"/></a></li>
74 <li><a href="https://twitter.com/PsydeProjects/"><img src="images/twitter.gif"/></a></li>
75 <li><a href="http://soundcloud.com/thepsydeprojects"><img src="images/soundcloud.png"/></a></li>
76 <li><a href="http://itunes.apple.com/au/artist/the-psyde-projects/id437202384"><img src="images/itunes.png"/></a></li>
77 <li><a href="http://www.youtube.com/user/ThePsydeProjects"><img src="images/youtube.png"/></a></li>
78 <li><a href="mailto:thepsydeprojects@gmail.com"><img src="images/gmail.png"/></a></li>
79 </ul>
80 <img src="images/psydees2.gif" class="bg" />
81 <img src="images/tb.png" class="logo" />
82 </body>
83 </html>
Something went wrong with that request. Please try again.