Skip to content
This repository
Newer
Older
100644 205 lines (176 sloc) 6.134 kb
c210b042 »
2011-05-13 A present for the 1000th like on Facebook
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Kick Ass - Mr. 1000 Thousand Edition</title>
5
6 <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
7 <style type="text/css">
8 body {
9 font: 14pt Helvetica;
10 background: #f6eddc url(bg.png) repeat-x;
11 }
12
13 a { text-decoration: none; }
14
15 h1 {
16 text-align: center;
17 font-family: Oswald, 'Special Elite', 'Paytone One';
18 margin-top: 100px;
19 color: #5A2A20;
20 text-shadow: 1px 1px #fff;
21 }
22
23 .clear { clear: both; display: block;}
24
25 #btc {
26 position: relative;
27 }
28
29 #bt {
30 display: block;
31 width: 450px;
32 height: 300px;
33 position: absolute;
34 top: 0;
35 left: 0;
36 right: 0;
37 bottom: 0;
38 text-indent: -10000px;
39 }
40
41 #btt {
42 display: block;
43 width: 450px;
44 padding: 20px;
45 text-align: center;
46 background: #2c333d; /* Old browsers */
47 background: -moz-linear-gradient(top, #2c333d 0%, #6a7b91 100%); /* FF3.6+ */
48 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c333d), color-stop(100%,#6a7b91)); /* Chrome,Safari4+ */
49 background: -webkit-linear-gradient(top, #2c333d 0%,#6a7b91 100%); /* Chrome10+,Safari5.1+ */
50 background: -o-linear-gradient(top, #2c333d 0%,#6a7b91 100%); /* Opera11.10+ */
51 background: -ms-linear-gradient(top, #2c333d 0%,#6a7b91 100%); /* IE10+ */
52 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C333D', endColorstr='#6A7B91',GradientType=0 ); /* IE6-9 */
53 background: linear-gradient(top, #2c333d 0%,#6a7b91 100%); /* W3C */
54 text-shadow: 1px 1px #000;
55 color: #fff;
56 text-decoration: none;
57 border-radius: 5px;
58 border: 1px solid #2c333d;
59 box-shadow: 2px 2px 4px #666;
60 float: left;
61 }
62
63 #btt img {
64 float: right;
65 display: block;
66 }
67
68 #btt .t {
69 display: block;
70 float: left;
71 position: relative;
72 top: 25px;
73 width: 340px;
74 }
75
76 #btt .or { opacity: 0.8; }
77
78 #wrap {
79 width: 950px;
80 margin: 0 auto;
81 }
82
83 #fb {
84 float: left;
85 font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
86 font-size: 11px;
87 background: white;
88 width: 400px;
89 padding: 10px 10px 0 10px;
90 border-radius: 10px;
91 margin-left: 30px;
92 }
93
94 #fb p {
95 margin: 0;
96 padding: 0;
97 }
98
99 .avatar {
100 float: left;
101 margin-right: 10px;
102 }
103
104 #fb .name {
105 color: #3B5998;
106 font-weight: bold;
107 display: block;
108 margin-bottom: 2px;
109 }
110
111 .time {
112 color: #999;
113 display: block;
114 margin-top: 5px;
115 }
116
117 .time a {
118 color: #6B84B4;
119 }
120
121 #fb .entry {
122 padding-bottom: 10px;
123 border-bottom: 1px solid #e1e1e1;
124 }
125
126 .entry ul {
127 margin: 10px 0 0 0;
128 padding: 0 0 0 60px;
129 list-style: none;
130 }
131
132 .entry li {
133 background: #EDEFF4;
134 padding: 5px;
135 border: 1px solid #fff;
136 }
137
138 .entry ul a {
139 color: #3B5998;
140 }
141
142 .entry .avatar {
143 margin-right: 5px;
144 }
145
146 #fb .entry ul .name {
147 display: inline;
148 margin-bottom: 1px;
149 }
150
151 .entry ul .text {
152 margin-top: 2px;
153 }
154 </style>
155 </head>
156
157 <body>
158 <h1>Kick Ass - Mr. 1000 Thousand Edition</h1>
159
160 <div id="wrap">
161 <p id="btc">
2e96f97f »
2011-05-13 By-pass cacheing issues
162 <a id="bt" href="javascript:var%20KICKASSIMG='http://erkie.github.com/mr-1000.jpg';var%20s%20=%20document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js?mr1000';void(0);">Kick Ass - Mr. 1000 Edition</a>
c210b042 »
2011-05-13 A present for the 1000th like on Facebook
163
164 <span id="btt">
165 <span class="t">
166 Drag this button to your bookmarks bar!<br />
167 <small>And and activate it on another page <br /><span class="or">(Or right click &rarr; Add to bookmarks)</span></small>
168 </span>
169 <img src="mr-1000.jpg" />
170 <span class="clear"></span>
171 </span>
172 </p>
173
174 <div id="fb">
175 <div class="entry">
176 <img class="avatar" src="mr-1000.jpg" width="50" height="50" alt="" />
177 <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727" class="name">Daniel Dunning</a>I'm 1000th like?<br /><span class="time">2 hours ago &middot; <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Like</a> &middot; <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Comment</a></span>
178 <div class="clear"></div>
179 </div>
180 <div class="clear"></div>
181 <div class="entry" style="margin-top: 10px;border-bottom: 0;">
182 <img class="avatar" src="wow.png" width="50" height="50" alt="" />
183 <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727" class="name">Kick Ass - Destroy the Web</a>The 1000th like will get a free copy of Kick Ass! (All others can visit <a href="http://erkie.github.com/">http://erkie.github.com/</a>)
184 <span class="time">4 hours ago &middot; <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Like</a> &middot; <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Comment</a></span>
185
186 <ul class="comments">
187 <li><a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Sara Edstr&ouml;m likes this</a></li>
188 <li>
189 <img class="avatar" src="mr-1000.jpg" width="32" height="32" alt="" />
190 <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727" class="name">Daniel Dunning</a>
191 <span class="text">The movie?</span>
192 <span class="time">2 hours ago &middot; <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Like</a></span>
193 </li>
194 <li>
195 <img class="avatar" src="mr-1000.jpg" width="32" height="32" alt="" />
196 <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727" class="name">Daniel Dunning</a>
197 <span class="text">I win?</span>
198 <span class="time">2 hours ago &middot; <a href="https://www.facebook.com/pages/Kick-Ass-Destroy-the-web/168200253236727">Like</a></span>
199 </li>
200 </ul>
201 </div>
202 </div>
203 </div>
204 </body>
205 </html>
Something went wrong with that request. Please try again.