API tools faq
paste
harrystylesanon

Theme Nine

harrystylesanon
Sep 1st, 2012
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme by officialharryanon.tumblr.com remove credit and i remove a limb of yours :)
  3.  
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  10. <script type="text/javascript">
  11. WebFontConfig = {
  12. google: { families: [ 'Pacifico::latin' ] }
  13. };
  14. (function() {
  15. var wf = document.createElement('script');
  16. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  17. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  18. wf.type = 'text/javascript';
  19. wf.async = 'true';
  20. var s = document.getElementsByTagName('script')[0];
  21. s.parentNode.insertBefore(wf, s);
  22. })(); </script>
  23.  
  24. <!-- DEFAULT VARIABLES -->
  25. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  26. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory|Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  27. <meta name="color:background" content="#FFFFFF"/>
  28. <meta name="color:border" content="#888888"/>
  29. <meta name="color:text" content="#000"/>
  30. <meta name="color:title" content="#000"/>
  31. <meta name="color:link" content="#000"/>
  32. <meta name="color:hover" content="#fff"/>
  33. <meta name="image:sidebar" content="1"/>
  34. <meta name="image:background" content=""/>
  35. <meta name="image:sidebar background" content=""/>
  36. <meta name="image:permalink hover background" content=""/>
  37. <meta name="if:posts solid border" content="1"/>
  38. <meta name="if:show photo" content="0"/>
  39. <meta name="if:infinite scrolling" content="1"/>
  40. <meta name="if:posts dashed border" content="1"/>
  41. <meta name="if:sidebar dashed border" content="1"/>
  42. <meta name="if:sidebar round borders" content="1"/>
  43. <meta name="if:sidebar solid border" content="1"/>
  44. <meta name="if:sidebar image dashed border" content="1"/>
  45. <meta name="if:permalink dashed border" content="1"/>
  46. <meta name="if:permalink solid border" content="1"/>
  47. <meta name="if:permalink round borders" content="1"/>
  48. <meta name="if:permalink hover background image" content="1"/>
  49. <meta name="if:show arrows" content="0"/>
  50. <meta name="if:tiny hand cursor" content="1"/>
  51. <meta name="if:link shadow" content="1"/>
  52. <meta name="if:links dashed border" content="1"/>
  53. <meta name="if:description dashed border" content="1"/>
  54. <meta name="if:Show Title" content="1"/>
  55. <meta name="text:Custom Link One" content="" />
  56. <meta name="text:Custom Link One Title" content="" />
  57. <meta name="text:Custom Link Two" content="" />
  58. <meta name="text:Custom Link Two Title" content="" />
  59. <meta name="text:Custom Link Three" content="" />
  60. <meta name="text:Custom Link Three Title" content="" />
  61. <meta name="text:Custom Link Four" content="" />
  62. <meta name="text:Custom Link Four Title" content="" />
  63.  
  64.  
  65.  
  66. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.  
  68. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  69.  
  70. <style type="text/css">
  71. img{
  72. -webkit-transition: opacity 0.8s linear;
  73. opacity: 0.60;
  74. }
  75. img:hover{
  76. -webkit-transition: opacity 0.8s linear;
  77. opacity: 1;
  78. }
  79. @import url(http://fonts.googleapis.com/css?family=Pacifico);
  80.  
  81.  
  82. ::-webkit-scrollbar {
  83. height:5px;
  84. width:5px;
  85. background-color:#ECECEC;
  86. border-left: 1px solid #C5C5C5;
  87. }
  88.  
  89.  
  90.  
  91.  
  92. ::-webkit-scrollbar-thumb {
  93. border-top: 1px solid #303030;
  94. border-bottom: 1px solid #303030;
  95. border-left: 1px solid #4B4B4B;
  96. background-color:#474747;
  97. height:auto;
  98. }
  99.  
  100. {block:iftinyhandcursor}
  101. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  102. }
  103. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  104. {/block:iftinyhandcursor}
  105.  
  106. {block:iftinycursor}
  107. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  108. }
  109. body, a, a:hover {http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  110. {/block:iftinycursor}
  111.  
  112.  
  113.  
  114.  
  115. body {
  116. margin:0px;
  117. background-color: {color:Background};
  118. background-image:url({image:Background});
  119. background-attachment: fixed;
  120. background-repeat: repeat;}
  121. body, div, p, textarea, submit, input{
  122. font-family: cambria;
  123. font-size: 10px;
  124. line-height:10px;
  125. letter-spacing:0px;
  126. color:{color:Text};
  127. }
  128. p {
  129. margin:0px;
  130. margin-top:0px;
  131. }
  132.  
  133.  
  134. a:link, a:active, a:visited{
  135. color: {color:Link};
  136. text-decoration: none;
  137. }
  138.  
  139. a:hover {
  140. color:{color:Hover};
  141. text-decoration: underline;
  142. -webkit-transition: color 0.3s ease-out;
  143. -moz-transition: color 0.3s ease-out;
  144. {block:iflinkshadow}text-shadow:1px 1px 4px #000;{/block:iflinkshadow}
  145. }
  146.  
  147.  
  148. div#center{
  149. margin:auto;
  150. position:relative;
  151. width:840px;
  152. background-color:;
  153. overflow:auto;
  154. overflow-y:hidden;
  155. }
  156. div#sidebar{
  157. padding: 2px;
  158. height:auto;
  159. background-image:URL({image:sidebar background});
  160. float:left;
  161. position:fixed;
  162. margin-left: 20px;
  163. top: 85px;
  164. width:260px;
  165. {block:ifsidebarsolidborder}border: 1px solid #aaa !important;{/block:ifsidebarsolidborder}
  166. {block:ifsidebardashedborder}border: 1px dashed #aaa;{/block:ifsidebardashedborder}
  167. {block:ifsidebarroundborders}border-top-right-radius:10px;
  168. border-bottom-right-radius:10px;
  169. border-top-left-radius:10px;
  170. border-bottom-left-radius:10px;{/block:ifsidebarroundborders}
  171. }
  172. #titlebox {
  173. position: fixed;
  174. margin-top: 170px;
  175. margin-left: -60px;
  176. -moz-transform: rotate(-90deg);
  177. -webkit-transform: rotate(-90deg);
  178. z-index: 1000;
  179. }
  180. div#content{
  181. float:right;
  182. margin-right: 140px;
  183. width:400px;
  184. margin-top: 0px;
  185. padding:0px;
  186. padding-top: 2px;
  187. background: #fff;
  188. {block:ifpostssolidborder}border: 1px solid #aaa !important;{/block:ifpostssolidborder}
  189. {block:ifpostsdashedborder}border: 1px dashed #aaaaaa;{/block:ifpostsdashedborder}
  190. }
  191.  
  192. div#entry{
  193. background-color:;
  194. margin-top:px;
  195. padding-top:0px;
  196. padding-bottom:0px;
  197. }
  198.  
  199.  
  200.  
  201. #entry .permalink{
  202. position:absolute;
  203. margin-top:-5px;
  204. width:400px;
  205. height:12px;
  206. padding-bottom:4px;
  207. background-color:#ffffff;
  208. overflow:hidden;
  209. color: {color:Link};
  210. font-size:8px;
  211. font-family: tinytots;
  212. text-transform:uppercase;
  213. letter-spacing:1px;
  214. line-height:17px;
  215. text-align:center;
  216. opacity:0.0;
  217. -webkit-transition: all 0.2s linear;
  218. -webkit-transition: all 0.2s linear;
  219. -moz-transition: all 0.2s linear;
  220. transition: all 0.2s linear;
  221. {block:ifpermalinkdashedborder}border: 1px dashed #aaa;{/block:ifpermalinkdashedborder}
  222. {block:ifpermalinksolidborder}border: 1px solid #aaa !important;{/block:ifpermalinksolidborder}
  223. {block:ifpermalinkroundborders}border-top-right-radius:10px;
  224. border-bottom-right-radius:10px;
  225. border-top-left-radius:10px;
  226. border-bottom-left-radius:10px;{/block:ifpermalinkroundborders}
  227. }
  228.  
  229. #entry:hover .permalink{
  230. {block:ifpermalinkhoverbackgroundimage}background-image:url({image:permalink hover background});{/block:ifpermalinkhoverbackgroundimage}
  231. margin-top:0px;
  232. overflow:visible;
  233. -webkit-transition: all 0.2s linear; opacity: 0.8;
  234. -webkit-transition: all 0.2s linear;
  235. -moz-transition: all 0.2s linear;
  236. transition: all 0.2s linear;
  237. }
  238. .permatext{
  239. background-color:#eee;
  240. display: block;
  241. text-transform:uppercase;
  242. font-family: tinytots;
  243. font-size: 8px;
  244. text-align: center;
  245. letter-spacing:1px;
  246.  
  247. }
  248. #postnotes{
  249. text-align: justify;}
  250.  
  251. #postnotes blockquote{
  252. border: 0px;}
  253.  
  254. .title{
  255. font-family: 'Pacifico', cursive;
  256. font-size: 15px;
  257. line-height: 20px;
  258. color: #{color:Title};
  259. font-weight: ;
  260. padding:0px 0px 0px 0px;
  261. }
  262.  
  263. .blogtitle{
  264. font-family: 'Pacifico', cursive;
  265. text-shadow: 0px 0px 0px #888;
  266. font-size: 30px;
  267. line-height: 25px;
  268. color: #{color:Title};
  269. font-weight: ;
  270. padding:0px 0px 0px 0px;
  271. }
  272.  
  273. .video embed, .post div.video object {width:250px !important; height:187px !important;}
  274.  
  275. blockquote{
  276. padding:0px 0px 2px 5px;
  277. margin:0px 0px 2px 1px;
  278. border-left: 1px dotted #555555;
  279. }
  280.  
  281. blockquote p, ul{
  282. margin:0px;
  283. padding:0px;
  284. }
  285.  
  286.  
  287. a img{border: 0px;}
  288.  
  289. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  290.  
  291. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  292. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  293.  
  294. .notes img{width:10px; position:relative; top:3px;}
  295.  
  296. .permalink{
  297. display: block;
  298. font-size: 10px;
  299. text-align: right;
  300. text-decoration: none;
  301. }
  302. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  303.  
  304. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  305.  
  306.  
  307. </style>
  308.  
  309.  
  310.  
  311. <link rel="shortcut icon" href="{Favicon}">
  312. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  313. <meta name="viewport" content="width=820" />
  314. </head>
  315. <body>
  316.  
  317. <div id="cage">
  318. <div id="center">
  319. <div id="titlebox">
  320. {block:ifShowTitle}<center>
  321. <div class="blogtitle"><a href="/">{Title}</a></div></center><br>{/block:ifShowTitle}
  322. </div>
  323. <div id="sidebar">
  324. <img src="{image:sidebar}" align="left" style="{block:ifnotsidebarimagedashedborder}border: 3px double{/block:ifnotsidebarimagedashedborder} {color:border}; {block:ifsidebarimagedashedborder}border: 1px dashed #aaa;{/block:ifsidebarimagedashedborder} background:#fff; padding: 0px; width:250px;margin-left:3px; margin-bottom: 3px;"/>
  325. <BR>
  326. <div style="overflow:auto; width: 250px; height: auto; {block:ifnotdescriptiondashedborder}border: 3px double{/block:ifnotdescriptiondashedborder} {color:border}; {block:ifdescriptiondashedborder}border: 1px dashed #aaa;{/block:ifdescriptiondashedborder} background-color: #fff; margin-left: 3px; margin-bottom: 3px; text-align: left;">
  327. <center>
  328. {description}
  329. </center>
  330. </div>
  331. <div style="overflow:auto; width: 250px; height: auto;{block:ifnotlinksdashedborder}border: 3px double{/block:ifnotlinksdashedborder} {color:border}; {block:iflinksdashedborder}border: 1px dashed #aaa;{/block:iflinksdashedborder}background-color: #ffffff; margin-left: 3px; margin-bottom: 3px; font-family: tinytots; font-size: 8px; text-transform: uppercase; text-align: left;">
  332. <center>
  333. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle} -
  334.  
  335. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle} -
  336.  
  337. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle} -
  338.  
  339. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle} -
  340.  
  341.  
  342. </center>
  343. </div>
  344.  
  345. <center>
  346. {block:ifshowarrows}
  347. {block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&larr;</b></font></a>{/block:PreviousPage}
  348. {block:NextPage}<a href="{NextPage}"><font size="3"><b>&rarr;</b></font></a>{/block:NextPage}
  349. {/block:ifshowarrows}
  350. </div>
  351.  
  352.  
  353. <div id="content">
  354. {block:Posts}
  355.  
  356. <div id="entry">
  357.  
  358. {block:Text}
  359. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  360. <span class="entrytext">{Body}</span>
  361. <div class="permatext">
  362. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a> </span></div>
  363. {/block:Text}
  364.  
  365. {block:Link}
  366. <a href="{URL}" class="title">{Name}</a>
  367. {block:Description}{Description}{/block:Description}
  368. <div class="permatext">
  369. <a href="{perma}">
  370. <span class="permatext"><span class="permal">
  371. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  372. {/block:Link}
  373.  
  374. {block:Photo}
  375. <div id="permalink">
  376. <span class="permalink"><a href="{Permalink}">{NoteCountwithlabel} / posted {TimeAgo} / <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  377. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}
  378. {/block:Photo}
  379.  
  380. {block:Photoset}<center>{Photoset-250}</center></span>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{block:IndexPage}<div class="permatext">
  381. <a href="{perma}">
  382. <span class="per"><span class="permatext">
  383. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>{/block:IndexPage}{/block:Photoset}
  384.  
  385. {block:Quote}
  386. <span class="title">{Quote}</span>
  387. {block:Source}{Source}{/block:Source}
  388. <div class="permatext">
  389. <a href="{perma}">
  390. <span class="per"><span class="permatext">
  391. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  392. {/block:Quote}
  393.  
  394. {block:Chat}
  395. {block:Title}<span class="title">{Title}</span>{/block:Title}
  396. <ul class="chat">
  397. {block:Lines}
  398. <li class="user_{UserNumber}">
  399. {block:Label}
  400. <span class="label">{Label}</span>
  401. {/block:Label}
  402.  
  403. {Line}
  404. </li>
  405. {/block:Lines}
  406. </ul>
  407. <div class="permatext">
  408. <a href="{perma}">
  409. <span class="permatext"><span class="permatext">
  410. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  411. {/block:Chat}
  412.  
  413. {block:Audio}
  414. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  415. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  416. {block:Caption}{Caption}{/block:Caption}
  417. <div class="permatext">
  418. <a href="{perma}">
  419. <span class="permatext"><span class="permatext">
  420. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  421. {/block:Audio}
  422.  
  423. {block:Video}
  424. <center>
  425. <div class="video2">{Video-400}</div><BR>
  426. {block:Caption}{Caption}</a>{/block:Caption}</center>
  427. <div class="permatext">
  428. <a href="{perma}">
  429. <span class="permatext"><span class="permatext">
  430. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  431. {/block:Video}
  432.  
  433. {block:PostNotes}
  434. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  435. <div id="postnotes">{PostNotes}</div>
  436.  
  437. {/block:PostNotes}
  438. </div>
  439. {/block:Posts}
  440. </div></div>
  441. </div>
  442. </center>
  443.  
  444.  
  445.  
  446. </body>
  447. </a><div style="position:fixed; bottom:10px; left:10px;">
  448. <a href="http://officialharryanon.tumblr.com">©</a>
  449.  
  450. </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!