SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | |
2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
3 | <html xmlns="http://www.w3.org/1999/xhtml"> | |
4 | <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> | |
5 | ||
6 | <title>Title Here</title> | |
7 | ||
8 | <style type="text/css"> | |
9 | body{ | |
10 | background-color:#ff388c; | |
11 | background-image: url('http://i49.tinypic.com/2pt5wsj.png'); | |
12 | background-attachment:fixed; | |
13 | background-repeat: repeat; | |
14 | color:#444; | |
15 | font-family: arial; | |
16 | font-size:10px; | |
17 | text-align:justify; | |
18 | line-height:12px; | |
19 | padding:0px; | |
20 | text-transform:lowercase | |
21 | margin: 0px; | |
22 | } | |
23 | ||
24 | #main{ | |
25 | width:360px; | |
26 | margin-bottom:0px; | |
27 | margin-left: 250px; margin-top: -15px; | |
28 | overflow:hidden; padding:5px; padding-left:5px; | |
29 | background-color:#; position: relative; | |
30 | } | |
31 | ||
32 | #content{ | |
33 | width:350px; float:right; | |
34 | position: auto; | |
35 | color: #fff; margin-top: 0px; | |
36 | overflow:hidden; margin-right: 0px; | |
37 | margin-bottom: 0px; | |
38 | margin-top: 0px; | |
39 | padding: 5px; | |
40 | background-color:#222; | |
41 | } | |
42 | ||
43 | #sidebar{ | |
44 | width:225px; | |
45 | left:35px; top:50px; background-color: #; | |
46 | float:right; position:fixed; | |
47 | padding:3px; | |
48 | position:fixed; | |
49 | } | |
50 | ||
51 | .box{ | |
52 | padding: 8px; | |
53 | background-color:#e9e3cb; | |
54 | width:205px; | |
55 | color:#222; | |
56 | } | |
57 | ||
58 | #permalink{ | |
59 | display:block; | |
60 | padding:1px; | |
61 | margin-top:0px; | |
62 | margin-bottom:0px; | |
63 | text-align:center; | |
64 | } | |
65 | ||
66 | a:link, a:active, a:visited {color: #222; font-style: none; text-decoration: none;} | |
67 | a:hover{color:#fff; text-decoration: none;} | |
68 | ||
69 | .nav { | |
70 | width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border: 0px solid #bddb6a; background: #e138ff; color: #fff;} | |
71 | .nav:hover {border:0px solid #c7c7c7; color: #222; background: #fff;} | |
72 | ||
73 | .nav2 { | |
74 | width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border: 0px solid #bddb6a; background: #e138ff; color: #fff;} | |
75 | .nav2:hover {border:0px solid #c7c7c7; color: #222; background: #fff;} | |
76 | ||
77 | .nav3 { | |
78 | width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border: 0px solid #bddb6a; background: #e138ff; color: #fff;} | |
79 | .nav3:hover {border:0px solid #c7c7c7; color: #222; background: #fff;} | |
80 | ||
81 | h1{ | |
82 | color:#fff; background-color:#ff388c; margin:0px; | |
83 | padding: 9px; | |
84 | font-weight: normal; | |
85 | font-family: courier; | |
86 | margin-bottom: 5px; | |
87 | font-size:16pt; | |
88 | line-height:12px; | |
89 | font-style: italic; | |
90 | text-transform:lowercase; | |
91 | letter-spacing:0px; | |
92 | text-align:left; | |
93 | } | |
94 | ||
95 | .title{ | |
96 | color:#e138ff; background-color:#; margin:0px; | |
97 | padding: 5px; | |
98 | font-weight: normal; | |
99 | font-family: courier; | |
100 | margin-bottom: 5px; | |
101 | font-size:16pt; | |
102 | line-height:12px; | |
103 | font-style: italic; | |
104 | text-transform:lowercase; | |
105 | letter-spacing:0px; | |
106 | text-align:left; | |
107 | } | |
108 | .quote{ | |
109 | color:#e138ff; background-color:#; margin:0px; | |
110 | padding: 5px; | |
111 | font-weight: normal; | |
112 | font-family: courier; | |
113 | margin-bottom: 5px; | |
114 | font-size:9pt; | |
115 | line-height:12px; | |
116 | font-style: italic; | |
117 | text-transform:lowercase; | |
118 | letter-spacing:0px; | |
119 | text-align:left; | |
120 | } | |
121 | ||
122 | .stuff{ | |
123 | margin:1px;padding:2px; | |
124 | display: block; | |
125 | line-height:8px; | |
126 | text-align:center; | |
127 | margin-top:0px; | |
128 | margin-bottom:10px; | |
129 | } | |
130 | .stuff a{ width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border-bottom: 4px solid #1fffe7; background: #; color: #fff;} | |
131 | ||
132 | .stuff a:hover | |
133 | {border-bottom:4px solid #ff1f79; color: #fff; background: #;} | |
134 | ||
135 | ||
136 | figure { | |
137 | display: block; | |
138 | position: relative; | |
139 | float: left; | |
140 | overflow: hidden; | |
141 | margin: 0px;} | |
142 | figcaption { | |
143 | position: absolute; | |
144 | padding: 5px; opacity: 0; | |
145 | -webkit-transition: all 0.6s ease; | |
146 | -moz-transition: all 0.6s ease; | |
147 | -o-transition: all 0.6s ease;} | |
148 | figure:hover figcaption {opacity:1;} | |
149 | .cap-bot figcaption {left: 0; bottom: 81%;} | |
150 | .cap-bot:hover figcaption {bottom: 81%;} | |
151 | ||
152 | b{color:#1fffe7;} | |
153 | i{color:#1fffe7; font-family: arial; font-size:10px;} | |
154 | u{color:#1fffe7;} | |
155 | ||
156 | .img{padding:0px; margin:0px;} | |
157 | ||
158 | @font-face {font-family:”Handy00”;src:url(‘http://punk-rose.com/fonts/handy00.ttf’); | |
159 | } | |
160 | </style> | |
161 | ||
162 | </head> | |
163 | ||
164 | <div id="main"> | |
165 | <div id="sidebar"> | |
166 | ||
167 | <CENTER> | |
168 | <a href="/" class="nav">home</a> | |
169 | <a href="/ask" class="nav2">ask box</a> | |
170 | <a href="/archive" class="nav3">archive</a> | |
171 | <a href="http://hot-themes.net/" class="nav">theme</a> | |
172 | </CENTER> | |
173 | ||
174 | <BR> | |
175 | <div align="justify"> | |
176 | <div class="box"> | |
177 | <img src="http://media.tumblr.com/tumblr_m5n4v6Q4PC1r2pg0p.gif" width=207> | |
178 | <P> | |
179 | ||
180 | <h1>about me</h1> | |
181 | This <b>tumblr theme</b> was made by <u>hot-themes.net</u>. Please <i>do not</i> remove the credit off this theme. It's not so hard keeping a small link to our site on this theme. You can remove this and write your about me or your welcome to all your views to see. <b>Thank you!</b> | |
182 | <BR> | |
183 | </div> | |
184 | <BR> | |
185 | <CENTER> | |
186 | <a href="/" class="nav">fav blog 1</a> | |
187 | <a href="/" class="nav2">fav blog 2</a> | |
188 | <a href="/" class="nav3">fav blog 3</a> | |
189 | </CENTER> | |
190 | ||
191 | </div> | |
192 | </div> | |
193 | ||
194 | <div class="autopagerize_page_element"> | |
195 | ||
196 | {block:Posts} | |
197 | ||
198 | <a href="{Permalink}"></a> | |
199 | <div id="content"> | |
200 | {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<div style="margin:-8px 0 -9px 0; text-align:justify;">{Body}</div>{/block:Text} | |
201 | ||
202 | {block:Photo}<figure class='cap-bot'> | |
203 | <a href="{ReblogURL}" alt="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" width="345px" height=""/></a> | |
204 | {/block:Photo} | |
205 | {block:Photoset} | |
206 | <center>{Photoset-240}</center> | |
207 | {/block:Photoset}<figcaption class='cap-bot'> | |
208 | <div class="stuff"><a href="{ReblogURL}">Reblog</a>{block:NoteCount} ♥ <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div></figcaption></figure> | |
209 | ||
210 | ||
211 | {block:Quote} | |
212 | <span class="quote">"{Quote}"</span> | |
213 | {/block:Quote} | |
214 | ||
215 | {block:Link} | |
216 | <a href="{URL}" class="link" {Target}><span class="title">{Name}</span></a> | |
217 | {/block:Link} | |
218 | {block:Link} | |
219 | {block:Description} | |
220 | <p align="justify">{Description}</p> | |
221 | {/block:Description} | |
222 | {/block:Link} | |
223 | ||
224 | {block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_ | |
225 | ||
226 | {UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label} {Line}</li> | |
227 | ||
228 | {/block:Lines}</ul>{/block:Chat} | |
229 | ||
230 | {block:Audio} | |
231 | <center><div style="margin:0px 0 0px 0;"><div style="float:center">{AudioPlayerWhite} | |
232 | </div></center> | |
233 | {block:Caption}<div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>{/block:Caption}{/block:Audio} | |
234 | ||
235 | {block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video} | |
236 | ||
237 | {block:Answer} | |
238 | <div style="margin-top:4px;"><i>{Asker}</i> asked: <b>{Question}</b></div> | |
239 | <br> | |
240 | <div style="margin-top:-3px; margin-bottom:-2px;">{Answer}</div> | |
241 | {/block:Answer} | |
242 | ||
243 | </div> | |
244 | ||
245 | {block:PostNotes} | |
246 | </div> | |
247 | ||
248 | <br><div style="text-align:center; margin-left:15px;">{block:RebloggedFrom} | |
249 | Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b> {/block:RebloggedFrom}</div> | |
250 | ||
251 | {PostNotes} | |
252 | ||
253 | <center>{block:ContentSource}<a href="{SourceURL}"> | |
254 | {lang:Source}: {block:SourceLogo} | |
255 | <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> | |
256 | {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center> | |
257 | ||
258 | {/block:PostNotes} | |
259 | {/block:Posts} | |
260 | ||
261 | </div></div> | |
262 | </body> | |
263 | </html> |