API tools faq
paste
harrystylesanon

theme three

harrystylesanon
Aug 10th, 2012
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.60 KB | None | 0 0
raw download clone embed print report
  1. <dont remove credit>
  2.  
  3. <html>
  4.  
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  7.  
  8. <script type="text/javascript">
  9. WebFontConfig = {
  10. google: { families: [ 'Gloria+Hallelujah::latin' ] }
  11. };
  12. (function() {
  13. var wf = document.createElement('script');
  14. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  15. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  16. wf.type = 'text/javascript';
  17. wf.async = 'true';
  18. var s = document.getElementsByTagName('script')[0];
  19. s.parentNode.insertBefore(wf, s);
  20. })(); </script>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Creepster' rel='stylesheet' type='text/css'>
  23. <script type="text/javascript">
  24. WebFontConfig = {
  25. google: { families: [ 'Creepster::latin' ] }
  26. };
  27. (function() {
  28. var wf = document.createElement('script');
  29. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  30. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  31. wf.type = 'text/javascript';
  32. wf.async = 'true';
  33. var s = document.getElementsByTagName('script')[0];
  34. s.parentNode.insertBefore(wf, s);
  35. })(); </script>
  36.  
  37. <script type="text/javascript">
  38. WebFontConfig = {
  39. google: { families: [ 'Miniver::latin' ] }
  40. };
  41. (function() {
  42. var wf = document.createElement('script');
  43. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  44. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  45. wf.type = 'text/javascript';
  46. wf.async = 'true';
  47. var s = document.getElementsByTagName('script')[0];
  48. s.parentNode.insertBefore(wf, s);
  49. })(); </script>
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Miniver' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  54.  
  55.  
  56. <title>{Title}</title>
  57.  
  58. <link rel="shortcut icon" href="{Favicon}" />
  59.  
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63.  
  64. <meta name="color:Background" content="#000000"/>
  65. <meta name="color:Text" content="#000000"/>
  66. <meta name="color:Bold" content="#D198A6"/>
  67. <meta name="color:Link" content="#000000"/>
  68. <meta name="color:Link Hover" content="#000000"/>
  69. <meta name="image:Background" content=""/>
  70. <meta name="image:Sidebar" content=""/>
  71. <meta name="text:menu title" content "">
  72. <meta name="text:Link 1 Url" content="" />
  73. <meta name="text:Link 1 Title" content="Link 1" />
  74. <meta name="text:Link 2 Url" content="" />
  75. <meta name="text:Link 2 Title" content="Link 2" />
  76. <meta name="text:Link 3 Url" content="" />
  77. <meta name="text:Link 3 Title" content="Link 3" />
  78. <meta name="text:Link 4 Url" content="" />
  79. <meta name="text:Link 4 Title" content="Link 4" />
  80. <meta name="text:Link 5 Url" content="" />
  81. <meta name="text:Link 5 Title" content="Link 5" />
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86. @import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
  87.  
  88. @import url(http://fonts.googleapis.com/css?family=Creepster);
  89.  
  90. @import url(http://fonts.googleapis.com/css?family=Miniver);
  91.  
  92.  
  93. body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); text-align:justify; font-family: 'Gloria Hallelujah', cursive; font-size:10px;}
  94.  
  95. a{color: {color:link}; text-decoration: none;}
  96.  
  97. a:hover{ color:{color:Link Hover}; font-weight:none; text-shadow: 0px 0px 8px {color:Text}; transition: all 0.5s ease-out; -o-transitiontransition: all 1.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out;}
  98.  
  99. a img{border:0}
  100.  
  101. #entries{margin-left:390px; width:400px}
  102.  
  103. #sidebarimg {margin-bottom:3px; padding:5px;}
  104.  
  105. #sidebarimg img {max-width:250px;}
  106.  
  107. #sidebar {width:255px; margin-left:125px; height:100%px; margin-top:50px; position:fixed; overflow:hidden; background-color: transparent; padding:3px}
  108.  
  109. .links{background-color: transparent;text-align:center;}
  110.  
  111. .links a{background-color: transparent; font-family: "muli";font-size:11px;text-transform: lowercase;letter-spacing: 1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
  112.  
  113. .links a:hover{background-color: {color:background};text-transform: lowercase;letter-spacing: 1px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
  114.  
  115. #title{font-family: 'Creepster', cursive;; color:{color:link};text-transform: lowercase;font-size:40px; text-align:center; letter-spacing:0px;}
  116.  
  117. #description {font-family:muli; font-size:fpx; text-align:center; overflow:auto; border: 0px solid #ddd; background-color: #fff; padding: 0px; width: 250px;}
  118.  
  119. #descrip {margin-bottom: 2px; padding:5px; font-size:11px; font-family:muli; text-align:justify; color:{color:Text};}
  120.  
  121. #descrip a {text-decoration:none;}
  122.  
  123. #bpost{background-color:transparent; font-family: muli; width: 400px; margin-bottom:0px; margin-top:0px; font-size:10px; text-align: center; letter-spacing:1px; padding:0px; text-transform: lowercase; margin-left:2px; text-align:right; font-style: none;}
  124.  
  125. #bpost a{color: {color:Link};}
  126.  
  127. #bpost a:hover{color: {color:background}
  128.  
  129. #posts{background-color:transparent; margin-bottom:0px; margin-top:2px; padding:0px; overflow:hidden; padding:0px}
  130.  
  131. #h1{font-family:muli; color:{color:Text}; text-transform:lowercase; font-size:18px; line-height:12px;font-weight:normal; margin:0px; padding:3px; margin-left:10px;}
  132.  
  133. #notes{background-color:transparent; width:510px; margin-bottom:15px;}
  134.  
  135. #notess{width:400px; background-color:transparent; padding:3px 7px 3px 7px;}
  136.  
  137. #source {text-align:right; font-size:11px;}
  138.  
  139. #rbox{margin-top:40px; margin-bottom:4px; padding:3px; border-bottom:6px solid {color:Bold};}
  140.  
  141. #info{padding:none; text-align:center; padding:length; line-height:10px; width: 250px; float: center; font-family:{font:Body}; font-size:10px; text-transform:lowercase; text-align:left}
  142.  
  143. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  144.  
  145. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  146.  
  147. .notesilh {width:95; height:13px; padding:5px; border-radius:1px; color:transparent; background:{color:background}; margin-left:0px; margin-top:0px;border:0px dotted #fff;;filter:alpha(opacity=0); opacity:0; font-size:12px; font-family:"muli";-webkit-transition-duration: .90s;position: absolute; text-align:center; text-transform: uppercase; align:center; z-index:300}
  148.  
  149. .boxx:hover .notesilh { opacity:1; width:400; height:13px; padding:5px; border-radius:1px; color:#555; background:{color:background}; margin-left:0px; margin-top:0px; border:0px dotted #fff;font-size:12px; font-family:"muli";-webkit-transition-duration: .70s;position: absolute; text-align:center; text-transform: uppercase; align:center; z-index:300}
  150.  
  151. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px;}
  152.  
  153. p{margin-top:5px; margin-bottom:5px; }
  154.  
  155. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:3px solid {color:Link};}
  156.  
  157. .postalign{text-align:justify; padding:3px 7px 0px 7px;}
  158.  
  159.  
  160. .quotee{
  161. position: fixed !important;
  162. width:400px;
  163. height:auto;
  164. font-family: "stars";
  165. font-size: 18px;
  166. line-height: 20px;
  167. text-shadow: 2px 2px 2px #888;
  168. background-color: transparent;
  169. padding: 2px;
  170. text-align:center;
  171. margin-top: 300px;
  172. margin-left: 640px;
  173. }
  174.  
  175. .quotecred{
  176. position: fixed !important;
  177. width:auto;
  178. height:auto;
  179. font-family: 'Creepster', cursive;
  180. font-size: 9px;
  181. line-height: 10px;
  182. text-shadow: 2px 2px 2px #888;
  183. background-color: transparent;
  184. padding: 2px;
  185. text-align:right;
  186. margin-top: 320px;
  187. margin-left: 825px;
  188. }
  189.  
  190.  
  191. .question{background: {color:Entries}; font-size: 9px; font-weight:bold; color: {color:Text}; padding: 10px;}
  192.  
  193. .ask{font-size: 10px; background-color:{color:Background}; color:{color:Text};margin-bottom:0px;
  194.  
  195. padding: 7px;}
  196.  
  197. .asker{text-transform: lowercase; padding-bottom:0px; font-size: 11px;}
  198.  
  199. .answer{padding:4px;}
  200.  
  201. /** ask **/
  202. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  203. .bubble p {margin:1px 0px;}
  204. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  205.  
  206. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  207.  
  208. .chat {line-height: 12px; list-style: none }
  209.  
  210. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  211.  
  212. .person1 {background-color:{color:Background}; color: {color:text}; }
  213.  
  214. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  215.  
  216. .person2 {color: {color:Text} }
  217.  
  218. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:Text}}
  219.  
  220. .quote {font-family:"muli"; font-size:16px; color: {color:Text}; font-style:bold;}
  221.  
  222. #audio {padding: 0px; }
  223.  
  224. .qu { opacity: 0.7; font-family: muli;font-size: 25px; font-weight: bold; line-height: 33px;}
  225.  
  226. .ote { opacity: 0.9;margin-top: -34px;text-indent: 15px; }
  227.  
  228. .audio {background-color :white;display: block; }
  229.  
  230. i, em {color: {color:text};}
  231.  
  232. b, strong {color: {color:Bold};}
  233.  
  234. ::selection {
  235. color:{color:Text};
  236. background-color: {color:Link};
  237. }
  238.  
  239. ::-moz-selection {
  240. color:{color:Text};
  241. background-color: {color:Link};
  242. }
  243. ::-webkit-selection {
  244. color:{color:Text};
  245. background-color:{color:Link};
  246. }
  247.  
  248. ::-webkit-scrollbar-thumb:vertical {
  249. background-color: {color:Link};
  250. height:auto;
  251. border: 1px solid #ddd;
  252. border-radius: 60px;
  253. }
  254.  
  255. ::-webkit-scrollbar-thumb:horizontal {
  256. background-color:#eee
  257. height:auto !important;
  258. border-radius: 60px;
  259. }
  260.  
  261. ::-webkit-scrollbar {
  262. height:auto;
  263. width:7px;
  264. background-color: transparent;
  265. border-radius: 60px;
  266. }
  267.  
  268.  
  269. </style>
  270.  
  271. <style type="text/css">{CustomCSS}</style>
  272.  
  273. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  274.  
  275.  
  276.  
  277. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  278. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  279. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  280. <script type="text/javascript">
  281. $(document).ready(function() {
  282. $().UItoTop({ easingType: 'easeOutQuart' });
  283. });
  284. </script>
  285. </head>
  286.  
  287. <body>
  288. <div id="sidebar">
  289.  
  290.  
  291. <div id="title">{Title}</div>
  292. <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
  293. <div id="descrip"><div id="description"><center>{block:Description}{Description}{/block:Description}</center></div></div>
  294. <div class="links"><select style="font-family:muli;color:#696969;background:#fff;width:180px;font-size:11px;letter-spacing:1px;border:2px solid #ccc;" onChange="location.href=this.options[this.selectedIndex].value;">
  295.  
  296. <option value=''>{text:menu title}</option>
  297.  
  298. <option value="{text:link 1 url}">{text:link 1 title}</option>
  299.  
  300. <option value="{text:link 2 url}">{text:link 2 title}</option>
  301.  
  302. <option value="{text:link 3 url}">{text:link 3 title}</option>
  303.  
  304. <option value="{text:link 4 url}">{text:link 4 title}</option>
  305.  
  306. <option value="{text:link 5 url}">{text:link 5 title}</option>
  307.  
  308.  
  309. </select>
  310. </div>
  311. </div>
  312.  
  313. <div id="entries">
  314. <div class = "autopagerize_page_element" >
  315. {block:Posts}
  316.  
  317. <div id="posts">
  318.  
  319. {block:Text}
  320.  
  321. <div class="boxx"><div class="notesilh">
  322. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  323.  
  324. </div>
  325. <div class="postalign">
  326.  
  327. {block:Title}
  328.  
  329. <div id="h1">{Title}</div>
  330.  
  331. {/block:Title}
  332.  
  333. {Body}
  334.  
  335. </div>
  336.  
  337. {/block:Text}
  338.  
  339. {block:Photo}
  340. <div class="boxx"><div class="notesilh">
  341. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  342.  
  343.  
  344. </div>
  345. <center><a href="{LinkURL}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a></center>
  346.  
  347.  
  348.  
  349. {/block:Photo}
  350.  
  351. {block:Photoset}
  352. <div class="boxx"><div class="notesilh">
  353. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  354.  
  355. </div>
  356. <center>{Photoset-400}</center><div class="postalign"></div>
  357.  
  358. {/block:Photoset}
  359.  
  360. {block:Quote}
  361.  
  362. <div class="postalign">
  363. <div class="boxx"><div class="notesilh">
  364. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  365.  
  366.  
  367. </div>
  368. <div class="quote">{Quote}</div>
  369.  
  370. {block:Source}
  371.  
  372. <div id="source">— {Source}</div>
  373.  
  374. </div>
  375.  
  376. {/block:Source}
  377.  
  378. {/block:Quote}
  379.  
  380. {block:Answer}<div class="postalign">
  381.  
  382. <div class="boxx"><div class="notesilh">
  383. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div></div>
  384.  
  385.  
  386. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  387.  
  388. {/block:Answer}
  389.  
  390. {block:Link}
  391.  
  392. <div class="postalign">
  393. <div class="boxx"><div class="notesilh">
  394. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  395. </div>
  396. <div id="h1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  397.  
  398. {block:Description}
  399.  
  400. {Description}
  401.  
  402. {/block:Description}
  403.  
  404. </div>
  405.  
  406. {/block:Link}
  407.  
  408. {block:Chat}<div class="boxx"><div class="notesilh">
  409. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  410.  
  411.  
  412. </div><div class="postalign">{block:Title}<div id="h1">{Title}</div>{/block:Title}
  413.  
  414. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}
  415.  
  416. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  417.  
  418. </div>{/block:Chat}
  419.  
  420. {block:Video}{Video-400}<div class="postalign<div class="boxx"><div class="notesilh">
  421. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  422.  
  423. </div></div>{/block:Video}
  424.  
  425. {block:Audio}
  426.  
  427. <div id="audio">
  428. <div class="boxx"><div class="notesilh">
  429. {block:Date}<a href="{Permalink}"><a href="{Permalink}">{TimeAgo}</a></a>{/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  430. </div>
  431. {block:AlbumArt}
  432.  
  433. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  434. {/block:AlbumArt}
  435. {block:TrackName}
  436. Song: <b>{TrackName}</b><br>
  437. {/block:TrackName}
  438. {block:Artist}
  439. Artist: <b>{Artist}</b><br><br>
  440. {/block:Artist}
  441. {AudioPlayerBlack}<br>
  442. </div>
  443. {/block:Audio}
  444. </div>
  445.  
  446. {/block:Posts}
  447.  
  448. {block:PostNotes}
  449.  
  450. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  451.  
  452. {/block:PostNotes}
  453. </div>
  454. </div>
  455.  
  456. </body>
  457.  
  458. <div style="padding: 5px; position: fixed; bottom: 0px; font-size: 9px; left: 0px; text-transform:lowercase; background: transparent; color: white;"><a href="http://officialharryanon.tumblr.com/">credit<small style="color: #0000000;"></small></a></div>
  459.  
  460. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!