API tools faq
paste
Advertisement
hazzastyles

is everything about you ?

hazzastyles
Sep 24th, 2012
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.44 KB | None | 0 0
raw download clone embed print report
  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.  
  7. H A R R Y - S 1 D . t u m b l r . C O M
  8.  
  9. --------------------------------------------------
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15. <!--DEFAULTS-->
  16. <meta name="color:blogtitle" content="#f8f0f0" />
  17. <meta name="color:title" content="#ffffff" />
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:header" content="#D9FFF9" />
  20. <meta name="color:sidebar" content="#ffffff" />
  21. <meta name="color:sidelinks" content="#eee6e6" />
  22. <meta name="color:sidelinks background" content="#eee6e6" />
  23. <meta name="color:sidelinks hover" content="#eee6e6" />
  24. <meta name="color:sidelinks background hover" content="#eee6e6" />
  25. <meta name="color:text" content="#cd2626" />
  26. <meta name="color:posts" content="#ffffff" />
  27. <meta name="color:link" content="#959397" />
  28. <meta name="color:link hover" content="#4c4e4e" />
  29. <meta name="color:asker background" content="#F0FCFB" />
  30. <meta name="color:pagination" content="#522121" />
  31. <meta name="color:tags" content="#746c68" />
  32. <meta name="color:tags background" content="#fcfbf9" />
  33.  
  34.  
  35. <meta name="font:title" content="" />
  36. <meta name="font:body" content="" />
  37.  
  38. <meta name="image:background" content="" />
  39. <meta name="image:sidebar" content="" />
  40. <meta name="image:sidebar background" content="" />
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}" />
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50. <style type="text/css">
  51. body{
  52. background-image: url('http://i48.tinypic.com/2usgyrk.png');
  53. background-color:{color:background};
  54. color: {color:text};
  55. background-attachment:fixed;
  56. background-repeat:no-repeat;
  57. background-position:right;
  58. font-family:pixel;
  59. font-size:11px;
  60. text-align:justify;}
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69. a:link, a:active, a:visited{
  70. -webkit-transition-duration:0.8s;
  71. -moz-transition-duration:0.8s;
  72. text-decoration:none;
  73. color:{color:link};
  74. }
  75.  
  76. a:hover{
  77. -webkit-transition-duration:0.8s;
  78. -moz-transition-duration:0.8s;
  79. color:{color:link hover};
  80. }
  81.  
  82. blockquote{
  83. border-left:6px solid {color:sidelinks background};
  84. padding-left:7px;
  85. }
  86.  
  87.  
  88.  
  89. @font-face {
  90.  
  91. font-family: pixel2;
  92.  
  93. src: url('http://justbloomed.webs.com/other/04B_03__.TTF');}
  94.  
  95.  
  96.  
  97. @font-face {
  98.  
  99. font-family: pixel;
  100.  
  101. src: url('http://justbloomed.webs.com/other/pfarmafive.ttf');}
  102.  
  103.  
  104.  
  105.  
  106. @font-face {
  107.  
  108.  
  109.  
  110. font-family: 'LeagueGothicRegular';
  111.  
  112. src: url('http://static.tumblr.com/3driglx/l8dl6c9ej/league_gothic_0-webfont.eot');
  113.  
  114. src: local('League Gothic'), local('LeagueGothic'),
  115.  
  116. url('http://static.tumblr.com/3driglx/6J8l6c9fb/league_gothic_0-webfont.ttf') format('truetype');
  117.  
  118.  
  119.  
  120. }
  121.  
  122.  
  123. @font-face {
  124.  
  125. font-family: script;
  126.  
  127. src: url('http://dreamstudio.fanfusion.org/wp/premades/MarketingScript.ttf');}
  128.  
  129.  
  130.  
  131.  
  132. #header{
  133. position: fixed;
  134. width: 100%;
  135. height: 50px;
  136. top: 0px;
  137. left: 0px;
  138. z-index:0;
  139. border-bottom: 2px solid {color:sidelinks background};
  140. background-color: {color:header};
  141. background-image:url('http://i47.tinypic.com/25z5i6f.png')
  142.  
  143. }
  144.  
  145. #blogtitle{
  146. font-family: georgia;
  147. font-size: 17px;
  148. text-align: center;
  149. font-style: italic;
  150. letter-spacing: 5px;
  151. line-height: 50px;
  152. -webkit-transition-duration:0.8s;
  153. -moz-transition-duration:0.8s;
  154. color: {color:blogtitle};
  155.  
  156. }
  157.  
  158. #title{
  159. font-family: pixel;
  160. font-size: 15px;
  161. font-style: italic;
  162. margin-bottom: -5px;
  163. box-shadow:4px 1px 5px 0px #e5a69c ;
  164. -webkit-transition-duration:0.8s;
  165. -moz-transition-duration:0.8s;
  166. color: {color:title};
  167. box-shadow:4px 1px 5px 0px #e5a69c ;
  168. }
  169.  
  170. #entries{
  171. width: 520px;
  172. top: 60px;
  173. position: absolute;
  174. left: 350px;
  175. padding: 15px;
  176. z-index:-1;
  177. }
  178.  
  179. #posts{
  180.  
  181. background-color:{color:posts};
  182. color:{color:text};
  183. font: {font:body};
  184. padding: 10px;
  185. box-shadow:4px 1px 5px 0px #e5a69c ;
  186. }
  187.  
  188. #sidebar{
  189. width: 250px;
  190. height: auto;
  191. top: 150px;
  192. left: 60px;
  193. padding: 5px;
  194. position: fixed;
  195. background-color: {color:sidebar};
  196. font-family: {font:body};
  197. font-size: 11px;
  198. box-shadow:4px 1px 5px 0px #e5a69c ;
  199.  
  200. }
  201.  
  202. #sidebarimg img{
  203. top: 100px;
  204. max-width:250px;
  205. max-height:auto;
  206. left: 0px;
  207. text-align: center;
  208. }
  209.  
  210. #description{
  211. margin-top: 0px;
  212. margin-bottom: 0px;
  213. width: 240px;
  214. text-align:justify;
  215. font-family: pixel;
  216. font-size: 9px;
  217. padding: 5px;
  218. font-color:{color:text};
  219.  
  220. }
  221.  
  222. #sidelinks{
  223. font-family: pixel;
  224. text-transform: lowercase;
  225. letter-spacing: 2px;
  226. text-align:center;
  227. -webkit-transition-duration:0.8s;
  228. -moz-transition-duration:0.8s;
  229. }
  230.  
  231. #sidelinks a{
  232. width: 55px;
  233. height: 20px;
  234. line-height: 20px;
  235. display: inline-block;
  236. color: {color:sidelinks};
  237. background-color:{color:sidelinks background};
  238. font-size:9px;
  239. -webkit-transition-duration: 0.8s;
  240. -moz-transition-duration: 0.8s;
  241. }
  242.  
  243. #sidelinks a:hover{
  244. font-style: italic;
  245. -webkit-transition-duration:0.8s;
  246. -moz-transition-duration:0.8s;
  247. color: {color:sidelinks hover};
  248. background-color: {color:sidelinks background hover};
  249. }
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. #credit{right:10px; bottom:10px; position:fixed;}
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270.  
  271.  
  272.  
  273. #previous{
  274. margin-top: -20px;
  275. left: 0px;
  276. width: 15px;
  277. height: 20px;
  278. font-size: 16px;
  279. line-height: 20px;
  280. text-align: center;
  281. background-color: {color:pagination};
  282. }
  283.  
  284. #previous a{
  285. color: #fff;
  286. font-family: pixel;
  287. }
  288.  
  289. #previous a:hover{
  290. opacity: 0.1;
  291. }
  292.  
  293. #next{
  294. margin-top: -20px;
  295. margin-left: 235px;
  296. width: 15px;
  297. height: 20px;
  298. font-size: 16px;
  299. line-height: 20px;
  300. text-align: center;
  301. background-color: {color:pagination};
  302. }
  303.  
  304. #next a{
  305. color: #fff;
  306. font-family: pixel;
  307. }
  308.  
  309. #next a:hover{
  310. opacity: 0.1;
  311. }
  312.  
  313. #link{
  314. font-size:16px;
  315. font-style:italic;
  316. font-family:pixel;
  317. margin-bottom: -5px;
  318. -webkit-transition-duration:0.8s;
  319. -moz-transition-duration:0.8s;
  320. }
  321.  
  322. #quote{
  323. font-size:14px;
  324. font-style:italic;
  325. font-family:pixel;
  326. }
  327.  
  328. #source{
  329. margin-top:3px;
  330. margin-left:50px;
  331. margin-bottom:5px;
  332. font-size:10px;
  333. }
  334.  
  335. .caption{
  336. margin-top: -5px;
  337. margin-bottom: -12px;
  338. }
  339.  
  340. .user_1 {
  341. background-color: {color:background};
  342. margin-right: 10px;
  343. }
  344.  
  345. .user_2 {
  346. background-color:transparent;
  347. margin-right: 15px;
  348. }
  349.  
  350. #ask{
  351. width:490px;
  352. padding:5px;
  353. background-color: {color:asker background};
  354. letter-spacing: 2px;
  355. color: #746C68;
  356. }
  357.  
  358. #tags{
  359. normal;background-color: #ffffff; background-image: url('http://i49.tinypic.com/mie9s9.jpg');margin-bottom: 15px;text-align:left;line-height: 11px;
  360. font-weight: normal;border-radius: 2px 2px 2px 2px;
  361.  
  362. margin-right: auto;
  363. margin-bottom:15px;
  364. padding: 5px;
  365. font-family: pixel;
  366. font-size: 9px;
  367. -webkit-transition-duration:0.8s;
  368. -moz-transition-duration:0.8s;
  369. color: {color:tags};
  370. font-style: italic;
  371. letter-spacing: 2px;
  372. opacity: 0.8;
  373. background-color: {color:tags background};
  374. border-top: 2px solid {color:text};
  375. }
  376.  
  377.  
  378. #tagscontainer{
  379. width:520px;
  380. margin-top:-17px;
  381.  
  382. }
  383.  
  384. #tags:hover {
  385. opacity:1;
  386.  
  387. -webkit-transition-duration: 0.8s;
  388. -moz-transition-duration: 0.8s;
  389. }
  390.  
  391. #notes{
  392. position: absolute;
  393. margin-left:530px;
  394. }
  395.  
  396. #notes a{
  397. width: 40px;
  398. height: 40px;
  399. line-height: 40px;
  400. border-radius: 50px;
  401. -moz-border-radius: 50px;
  402. -webkit-border-radius: 50px;
  403. text-transform: lowercase;
  404. text-align: center;
  405. font-family:pixel;
  406. font-size:9px;
  407. letter-spacing:2px;
  408. background-color:{color:posts};
  409. display:block;
  410. opacity:0.3;
  411. -webkit-transition-duration: 0.6s;
  412. -moz-transition-duration: 0.6s;
  413. }
  414.  
  415. #notes a:hover{
  416. width: 80px;
  417. height: 80px;
  418. line-height: 80px;
  419. border-radius: 100px;
  420. -moz-border-radius: 100px;
  421. -webkit-border-radius: 100px;
  422. background-color:{color:posts};
  423. color:{color:text};
  424. opacity:1;
  425. }
  426.  
  427. #audio{
  428. margin-left:160px;
  429. margin-top:-10px;
  430. }
  431.  
  432. #audioc{
  433. margin-bottom:65px;
  434. }
  435.  
  436. #audioinfo{
  437. float:left;
  438. margin-top:3px;
  439. margin-left:160px;
  440. margin-bottom:10px;
  441. padding:5px;
  442. width:250px;
  443. letter-spacing:2px;
  444. font-family:pixel;
  445. font-size:9px;
  446. font-style:italic;
  447. border-left:5px solid #ECEBE3;
  448. }
  449.  
  450. #albumart{
  451. position:absolute;
  452. width:150px;
  453. height:150px;
  454. }
  455.  
  456. #albumart img{
  457. width:150px;
  458. height:150px;
  459. }
  460.  
  461.  
  462.  
  463. #navi {width: 245px; height: 15px; padding-bottom: 10px;}
  464.  
  465.  
  466. #sidemain {
  467. margin-top: 20px;
  468. padding:3px;
  469. margin-left: 1000px;
  470. margin-top: 200px;
  471. position: fixed;}
  472.  
  473. #sidemain a {
  474. width:125px;
  475. display:block;
  476. background-color:{color:slinks};
  477. margin:0px 0px -20px 6px;
  478. font:9px {font:body};
  479. text-transform: lowercase;
  480. color:{color:link};
  481. text-decoration: none;
  482. letter-spacing: 1px;
  483. text-align:center;
  484. padding:3px;
  485. margin-top: 15px;}
  486. box-shadow:4px 1px 5px 0px #e5a69c ;
  487.  
  488. #sidemain a:hover color:{color:text;}
  489.  
  490.  
  491. #navlink {
  492. display: block;
  493. font-size: 9px;
  494. letter-spacing: 0px;
  495. text-align:center;
  496. text-transform: lowercase; width:245px;
  497. height: auto;
  498. line-height: 25px;
  499. font-family: {font:links};
  500. font-style: italic;
  501. margin-left:0px;
  502. border-radius: 0px 0px 45px 0px;
  503. position:fixed;
  504. background-color: {color:linkback};
  505. color: {color:link};
  506. }
  507.  
  508.  
  509.  
  510.  
  511.  
  512.  
  513. </style>
  514.  
  515. <style type="text/css">{CustomCSS}
  516.  
  517. ::-webkit-scrollbar-thumb:vertical {background-color:{color:sidelinks background};height:100px;}
  518.  
  519. ::-webkit-scrollbar-thumb:horizontal {background-color:#cd2626;height:10px !important;}
  520.  
  521. ::-webkit-scrollbar { height:10px;width:12px; background-color:{color:header};}
  522. </style>
  523.  
  524. </head>
  525.  
  526. <body>
  527.  
  528.  
  529.  
  530.  
  531.  
  532. </div></div><br>
  533.  
  534.  
  535.  
  536.  
  537. <div id="sidemain">
  538. <br>
  539. <br>
  540. <br>
  541. <br>
  542. <br>
  543. <br>
  544. <br>
  545. <br>
  546. <br>
  547. <br>
  548. <br>
  549. <br>
  550. <div id="portrait"><a href="/"><img src="{PortraitURL-64}"></a></div>
  551.  
  552.  
  553. <a href="/">link1</a>
  554.  
  555.  
  556. </div>
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. <div id="header">
  565.  
  566.  
  567.  
  568. <div id="blogtitle"><a href="/">{Title}</a></div></div>
  569.  
  570. <div id="sidebar">
  571.  
  572. <div id="sidebarimg">
  573. <img src="{image:sidebar}"/></div>
  574.  
  575. <div id="sidelinks">
  576. <a href="/">Home</a><a href="/ask">Ask</a><a href="/archive">Archive</a><a href="http://harry-s1d.tumblr.com/tagged/theme">Theme</a>
  577. </div>
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584. {block:Pagination}
  585.  
  586. {block:PreviousPage}
  587. <div id="previous"><a href="{PreviousPage}">-</a></div>{/block:PreviousPage}
  588.  
  589. {block:NextPage}
  590. <div id="next"><a href="{NextPage}">+</a></div>{/block:NextPage}
  591.  
  592. {/block:Pagination}
  593.  
  594. {block:Description}<div id="description">{Description}</div>{/block:Description}
  595.  
  596. </div>
  597.  
  598. <div id="entries">
  599. {block:Posts}
  600.  
  601. <div id="notes">{block:NoteCount} <a href="{Permalink}"> {NoteCount}</a>{/block:NoteCount}</div>
  602.  
  603. <div id="posts">
  604.  
  605. {block:Text}
  606. {block:Title}
  607. <div id="title"><a href="{Permalink}">{Title}</a></div>
  608. {/block:Title}
  609. <div id="post text">
  610. {Body}
  611. </div>
  612. {/block:Text}
  613.  
  614. {block:Photo}
  615. <div class="post photo">
  616. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  617. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  618. </div>
  619. {/block:Photo}
  620.  
  621. {block:Photoset}
  622. <div class="post photoset">
  623. {Photoset-500}
  624. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  625. </div>
  626. {/block:Photoset}
  627.  
  628. {block:Quote}
  629. <div id="quote">"{Quote}"</div>
  630. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  631. {/block:Quote}
  632.  
  633. {block:Link}
  634. <div id="link">
  635. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  636. {block:Description}
  637. <div class="description">{Description}</div>
  638. {/block:Description}
  639. {/block:Link}
  640.  
  641. {block:Chat}
  642. <div class="post chat">
  643. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  644. <ul class="chat">
  645. {block:Lines}
  646. <div class="{Alt} user_{UserNumber}">
  647. {block:Label}
  648. <span class="label">{Label}</span>
  649. {/block:Label}
  650. {Line}
  651. </div>
  652. {/block:Lines}
  653. </ul>
  654. </div>
  655. {/block:Chat}
  656.  
  657. {block:Video}
  658. <div id="post video">
  659. {Video-500}
  660. {block:Caption}
  661. <div class="caption">{Caption}</div>
  662. {/block:Caption}
  663. </div>
  664. {/block:Video}
  665.  
  666. {block:Audio}
  667. <div id="post audio">
  668. {AudioPlayerWhite}
  669. {block:Caption}
  670. <div id="caption">{Caption}</div>
  671. {/block:Caption}
  672. </div>
  673. {/block:Audio}
  674.  
  675. {block:Answer}
  676. <div id="ask"><b>{Asker} asked:</b> "{Question}"</div>
  677. {Answer}
  678. {/block:answer}
  679.  
  680. </div>
  681.  
  682. <div id="tags"><center>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}<br>{block:HasTags}tags:{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  683. </center>
  684.  
  685. {/block:Posts}
  686.  
  687. {block:PostNotes}
  688. <div id="postnotes">{PostNotes}</div></div>
  689. {/block:PostNotes}
  690.  
  691. </div>
  692. </div>
  693.  
  694.  
  695. </div></div>
  696. <div id="credit"><img style="text-align: center; border-radius: 2px;" src="http://i47.tinypic.com/xq9j7t.png" width="48" height="48"/><br><center> <a href="http://harry-s1d.tumblr.com" target="_blank">©theme</a></div>
  697.  
  698. </body>
  699. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!