SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | ||
3 | <!-- | |
4 | ||
5 | ||
6 | THEME MADE BY HRRIESTYLES PLEASE DON'T REMOVSE CREDIT OR USE AS A BASE CODE! | |
7 | ||
8 | THE BASE CODE I USED IS BY WOLVERWHORE (LINK IN MY FAQ AT HRRIESTYLE S) | |
9 | ||
10 | --> | |
11 | ||
12 | ||
13 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
14 | <head><title>{Title}</title> | |
15 | <link rel="shortcut icon" href="{Favicon}"> | |
16 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
17 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
18 | ||
19 | ||
20 | <meta name="color:Background" content="#ffffff"/> | |
21 | <meta name="color:Sidebar" content="#ffffff"/> | |
22 | <meta name="color:Text" content="#a8a8a8"/> | |
23 | <meta name="color:Link" content="#b8b8b8"/> | |
24 | <meta name="color:Tags" content="f0f0f0"/> | |
25 | <meta name="color:Hover" content="#f2f2f2"/> | |
26 | <meta name="color:Line" content="#f2f2f2"/> | |
27 | <meta name="color:Border" content="#e4e4e4"/> | |
28 | <meta name="color:Post" content="#ffffff"/> | |
29 | <meta name="color:Answer" content="#f8f8f8"/> | |
30 | <meta name="image:sidebar" content=""/> | |
31 | <meta name="image:bg" content=""/> | |
32 | <meta name="text:Link 1" content="" /> | |
33 | <meta name="text:Link 1 Text" content="" /> | |
34 | <meta name="text:Link 2" content="" /> | |
35 | <meta name="text:Link 2 Text" content="" /> | |
36 | <meta name="text:Link 3" content="" /> | |
37 | <meta name="text:Link 3 Text" content="" /> | |
38 | <meta name="text:Link 4" content="" /> | |
39 | <meta name="text:Link 4 Text" content="" /> | |
40 | <meta name="if:Show Link 1" content="1" /> | |
41 | <meta name="if:Show Link 2" content="1" /> | |
42 | <meta name="if:Show Link 3" content="1" /> | |
43 | <meta name="if:Show Link 4" content="1" /> | |
44 | <meta name="color:scrollbarbg" content="ffffff"/> | |
45 | ||
46 | ||
47 | <style type="text/css"> | |
48 | ||
49 | /* --- SCROLLBAR ---*/ | |
50 | ||
51 | ::-webkit-scrollbar { | |
52 | width: 5px;height: 5px;} | |
53 | ::-webkit-scrollbar-button:start:decrement, | |
54 | ::-webkit-scrollbar-button:end:increment { | |
55 | height: 6px;display: block;background-color: {color:white};} | |
56 | ::-webkit-scrollbar-track-piece { | |
57 | background-color: {color:scrollbarbg};} | |
58 | ::-webkit-scrollbar-thumb:vertical { | |
59 | height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};} | |
60 | ||
61 | ||
62 | /* --- BODY ---*/ | |
63 | ||
64 | body { | |
65 | background:{color:background}; | |
66 | margin:0px; | |
67 | color:{color:text}; | |
68 | font-family:Calibri; | |
69 | font-size:9px; | |
70 | line-height:100%; | |
71 | } | |
72 | ||
73 | a { | |
74 | text-decoration:none; | |
75 | outline:none; | |
76 | -moz-outline-style:none; | |
77 | color:{color:link}; | |
78 | } | |
79 | ||
80 | img { | |
81 | border:none; | |
82 | } | |
83 | ||
84 | blockquote { | |
85 | padding-left:5px; | |
86 | border-left:2px solid; | |
87 | } | |
88 | ||
89 | blockquote blockquote { | |
90 | padding-left:5px; | |
91 | border-left:2px solid; | |
92 | } | |
93 | ||
94 | h1 { | |
95 | font-size:9px; | |
96 | text-transform:uppercase; | |
97 | } | |
98 | ||
99 | a:hover { | |
100 | opacity:10; | |
101 | color:{color:hover}; | |
102 | -webkit-transition: all 0.7s ease; | |
103 | -moz-transition: all 0.7s ease; | |
104 | -o-transition: all 0.7s ease | |
105 | } | |
106 | ||
107 | /* --- POST ENTRIES ---*/ | |
108 | ||
109 | ||
110 | #entries { | |
111 | padding:10px; | |
112 | width:500px; | |
113 | margin-left:450px; | |
114 | margin-top:40px; | |
115 | font-size:10px; | |
116 | } | |
117 | ||
118 | /* --- BODY: POSTS ---*/ | |
119 | ||
120 | ||
121 | #post { | |
122 | width:500px; | |
123 | padding-bottom:20px; | |
124 | padding:10px; | |
125 | margin-top:15px; | |
126 | background-color:{color:Post}; | |
127 | } | |
128 | ||
129 | /* --- SIDEBAR IMAGE ---*/ | |
130 | ||
131 | ||
132 | #sidebar { | |
133 | width:100px; | |
134 | position:fixed; | |
135 | margin-left:260px; | |
136 | margin-top:100px; | |
137 | opacity:.80; | |
138 | background-color:{color:Sidebar}; | |
139 | } | |
140 | ||
141 | #sidebarimage { | |
142 | width 100px; | |
143 | } | |
144 | ||
145 | #sidebar | |
146 | ||
147 | #description | |
148 | { | |
149 | opacity:0; | |
150 | margin-top:-20px; | |
151 | -moz-transition-duration:0.5s; | |
152 | -webkit-transition-duration:0.5s; | |
153 | -o-transition-duration:0.5s; | |
154 | } | |
155 | ||
156 | #sidebar:hover #description { | |
157 | opacity:1; | |
158 | margin-top:-5px; | |
159 | -moz-transition-duration:0.7s; | |
160 | -webkit-transition-duration:0.7s; | |
161 | -o-transition-duration:0.7s; | |
162 | } | |
163 | ||
164 | ||
165 | #sidebar .links { | |
166 | opacity:0; | |
167 | -moz-transition-duration:0.5s; | |
168 | -webkit-transition-duration:0.5s; | |
169 | -o-transition-duration:0.5s; | |
170 | } | |
171 | ||
172 | #sidebar:hover .links { | |
173 | opacity:0.8; | |
174 | -moz-transition-duration:0.5s; | |
175 | -webkit-transition-duration:0.5s; | |
176 | -o-transition-duration:0.5s; | |
177 | } | |
178 | ||
179 | ||
180 | #sidebarimage img { | |
181 | width:125px; | |
182 | height:300px; | |
183 | border:solid 1px; | |
184 | padding:0px; | |
185 | border-color: {color:border}; | |
186 | background-color:{color:Sidebar}; | |
187 | } | |
188 | ||
189 | ||
190 | /* --- SIDEBAR LINKS ---*/ | |
191 | ||
192 | .linkbg { | |
193 | margin-bottom:3px; | |
194 | border:1px solid #f2f2f2; | |
195 | margin-top:-2px; | |
196 | margin-left:-100px; | |
197 | width:60px; | |
198 | height:133px; | |
199 | background-color:#f2f2f2; | |
200 | } | |
201 | ||
202 | .links { | |
203 | width:105px; | |
204 | height:5px; | |
205 | padding: 9px; | |
206 | font-size:8px; | |
207 | font-family:'calibri'; | |
208 | text-align:center; | |
209 | margin-top:-100px; | |
210 | margin-left:8px; | |
211 | text-align:center; | |
212 | text-transform:uppercase; | |
213 | display:block; | |
214 | padding: 3px;color:#E6E6E6; | |
215 | word-spacing:2px; | |
216 | position:fixed; | |
217 | padding-bottom:7px; | |
218 | } | |
219 | ||
220 | .links a{ | |
221 | ||
222 | font-family:'calibri'; | |
223 | font-style:normal; | |
224 | font-size:9px; | |
225 | text-transform:lowercase; | |
226 | color:#adadad; | |
227 | display:block; | |
228 | padding-top:2px; | |
229 | padding-bottom:2px; | |
230 | padding-left:2px; | |
231 | margin-bottom: 1px; | |
232 | letter-spacing:1px; | |
233 | margin-bottom:2px; | |
234 | background-color:#fff; | |
235 | padding:0 2px 1px 2px; | |
236 | border:0px | |
237 | text-decoration:none; | |
238 | -moz-transition-duration:1s; | |
239 | -webkit-transition-duration:1s; | |
240 | -o-transition-duration:1s; | |
241 | } | |
242 | ||
243 | ||
244 | ||
245 | .links a { | |
246 | display:block; | |
247 | background-color:{color:Link Background}; | |
248 | border:1px solid #eee; | |
249 | margin-top:3px; | |
250 | padding:4px; | |
251 | ||
252 | ||
253 | ||
254 | } | |
255 | ||
256 | .links a { | |
257 | font-size: 8px; | |
258 | } | |
259 | ||
260 | .links a:hover { | |
261 | color:{color:Hover} | |
262 | -webkit-transition: all 0.6s ease; | |
263 | -moz-transition: all 0.6s ease; | |
264 | -o-transition: all 0.6s ease; | |
265 | letter-spacing:5px; | |
266 | } | |
267 | ||
268 | ||
269 | /* --- DESCRIPTION ---*/ | |
270 | ||
271 | #description { | |
272 | position:fixed; | |
273 | font-family:calibri; | |
274 | line-height:90%; | |
275 | font-size:9px; | |
276 | font-style:normal; | |
277 | width:100px; | |
278 | margin-top:20px; | |
279 | padding:8px; | |
280 | margin-left:5px; | |
281 | text-align:justify; | |
282 | color:{color:text}; | |
283 | } | |
284 | ||
285 | #description a {color:{color:text}; -moz-transition-duration:0.4s; | |
286 | -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;} | |
287 | ||
288 | /* --- PAGINATION---*/ | |
289 | ||
290 | ||
291 | #pagination { | |
292 | width:100px; | |
293 | font-size:8px; | |
294 | text-align:center; | |
295 | margin-left:10px; | |
296 | margin-top:60px; | |
297 | position:fixed; | |
298 | font-family:consolas; | |
299 | letter-spacing:0px; | |
300 | } | |
301 | ||
302 | /* --- POST INFO ---*/ | |
303 | ||
304 | ||
305 | #info { | |
306 | text-align:left; | |
307 | margin-top:10px; | |
308 | text-transform:uppercase; | |
309 | font-size:8px; | |
310 | font-style:none; | |
311 | border-top:1px solid {color:Line} | |
312 | } | |
313 | ||
314 | /* --- POST TAGS---*/ | |
315 | ||
316 | ||
317 | #tags { | |
318 | font-family:cambria; | |
319 | letter-spacing:0px; | |
320 | text-transform:lowercase; | |
321 | font-size:10px; | |
322 | font-style:italic; | |
323 | margin-top:4px; | |
324 | text-align:left; | |
325 | } | |
326 | ||
327 | #tags | |
328 | a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left; | |
329 | -webkit-transition: all 0.6s ease-in-out; | |
330 | -moz-transition: all 0.6s ease-in-out; | |
331 | -o-transition: all 0.6s ease-in-out; | |
332 | -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} | |
333 | ||
334 | ||
335 | /* --- QUESTIONS ---*/ | |
336 | ||
337 | #asker { | |
338 | padding:5px; | |
339 | font-family:cambria; | |
340 | letter-spacing:1px; | |
341 | text-align:left; | |
342 | font-style:italic; | |
343 | margin-left:10px; | |
344 | border-left:3px #eee solid; | |
345 | background-color:{color:background} | |
346 | } | |
347 | ||
348 | {CustomCSS}</style></head><body> | |
349 | ||
350 | <div id="sidebar"> | |
351 | <div id="sidebarimage"><img src="{image:sidebar}"></div> | |
352 | ||
353 | ||
354 | <div id="description"> | |
355 | {Description} | |
356 | </div> | |
357 | ||
358 | ||
359 | <div class="links"> | |
360 | {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1} | |
361 | {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2} | |
362 | {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3} | |
363 | {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4} | |
364 | </div> | |
365 | ||
366 | ||
367 | {block:Pagination}<div id="pagination"> | |
368 | {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage} | |
369 | {block:JumpPagination length="5"} | |
370 | {block:CurrentPage}<span class="current_page">{PageNumber}</span> {/block:CurrentPage} | |
371 | {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} | |
372 | {/block:JumpPagination} | |
373 | {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage} | |
374 | </div>{/block:Pagination} | |
375 | ||
376 | </div> | |
377 | ||
378 | <div id="entries">{block:Posts}<div id="post"> | |
379 | ||
380 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text} | |
381 | ||
382 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} | |
383 | ||
384 | {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} | |
385 | ||
386 | {block:Quote}{Quote}{/block:Quote} | |
387 | ||
388 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} | |
389 | ||
390 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat} | |
391 | ||
392 | {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span> | |
393 | <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName} | |
394 | <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} | |
395 | {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times | |
396 | {/block:Audio} | |
397 | ||
398 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} | |
399 | ||
400 | {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer} | |
401 | ||
402 | <div id="info"> | |
403 | <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> | |
404 | {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div> | |
405 | {/block:Posts} | |
406 | {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} | |
407 | {/block:Posts}</div></div></div> | |
408 | ||
409 | ||
410 | ||
411 | <!-- | |
412 | THEME MAKER CREDIT | |
413 | --> | |
414 | ||
415 | <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family: Century Gothic > <a href="http://hrriestyles.tumblr.com/">❤</a></center></div> | |
416 | ||
417 | </body></html> |