API tools faq
paste
Advertisement
Guest User

theme in progress

a guest
Aug 3rd, 2013
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.81 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. ┏━━━━┓┏┓╋┏┓┏━━━┓┏━┓┏━┓┏━━━┓┏━━━┓
  5. ┃┏┓┏┓┃┃┃╋┃┃┃┏━━┛┃┃┗┛┃┃┃┏━━┛┃┏━┓┃
  6. ┗┛┃┃┗┛┃┗━┛┃┃┗━━┓┃┏┓┏┓┃┃┗━━┓┃┗━━┓
  7. ╋╋┃┃╋╋┃┏━┓┃┃┏━━┛┃┃┃┃┃┃┃┏━━┛┗━━┓┃
  8. ╋╋┃┃╋╋┃┃╋┃┃┃┗━━┓┃┃┃┃┃┃┃┗━━┓┃┗━┛┃
  9. ╋╋┗┛╋╋┗┛╋┗┛┗━━━┛┗┛┗┛┗┛┗━━━┛┗━━━┛
  10. ┏━━┓╋┏┓╋╋┏┓
  11. ┃┏┓┃╋┃┗┓┏┛┃
  12. ┃┗┛┗┓┗┓┗┛┏┛
  13. ┃┏━┓┃╋┗┓┏┛
  14. ┃┗━┛┃╋╋┃┃
  15. ┗━━━┛╋╋┗┛
  16. ┏━━━┓┏━━┓┏━━━┓┏━┓╋┏┓┏━┓╋┏┓┏━━━┓
  17. ┃┏━┓┃┗┫┣┛┃┏━━┛┃┃┗┓┃┃┃┃┗┓┃┃┃┏━┓┃
  18. ┃┗━━┓╋┃┃╋┃┗━━┓┃┏┓┗┛┃┃┏┓┗┛┃┃┃╋┃┃
  19. ┗━━┓┃╋┃┃╋┃┏━━┛┃┃┗┓┃┃┃┃┗┓┃┃┃┗━┛┃
  20. ┃┗━┛┃┏┫┣┓┃┗━━┓┃┃╋┃┃┃┃┃╋┃┃┃┃┏━┓┃
  21. ┗━━━┛┗━━┛┗━━━┛┗┛╋┗━┛┗┛╋┗━┛┗┛╋┗┛
  22.  
  23. "Plain Theme 3.0 [Plain Theme Ultimate]"
  24.  
  25. By naturae.tumblr.com
  26. @ themesbysienna.tumblr.com
  27.  
  28. -->
  29. <head>
  30. <meta name="color:background" content="#fff" />
  31. <meta name="color:text" content="#000" />
  32. <meta name="color:permalink" content="#808080" />
  33. <meta name="color:audio" content="#c9c9c9" />
  34. <meta name="color:post" content="#f2f2f2" />
  35. <meta name="color:title" content="#000" />
  36. <meta name="color:title hover" content="#292929" />
  37. <meta name="color:links" content="#000">
  38. <meta name="color:links hover" content="#000" />
  39. <meta name="color:border" content="#545565" />
  40.  
  41. <meta name="if:one column" content="0"/>
  42. <meta name="if:two columns" content="1"/>
  43. <meta name="if:three columns" content="0"/>
  44. <meta name="if:four columns 200px only" content="0" />
  45. <meta name="if:five columns 200px only" content="0" />
  46. <meta name="if:200px width" content="1"/>
  47. <meta name="if:250px width" content="0"/>
  48. <meta name="if:300px width" content="0"/>
  49. <meta name="if:350px width" content="0"/>
  50. <meta name="if:show archive link" content="1" />
  51. <meta name="if:show rss link" content="0" />
  52. <meta name="if:show icons on hover" content="1"/>
  53. <meta name="if:shadow" content="0"/>
  54. <meta name="if:border" content="0" />
  55. <meta name="if:click for nav" content="1">
  56. <meta name="if:to top" content="1"/>
  57. <meta name="if:archive link" content="0"/>
  58. <meta name="if:show captions" content="0" />
  59. <meta name="if:lowercase navigation" content="0"/>
  60. <meta name="if:maximised background image" content="0"/>
  61. <meta name="if:use permalink image" content="0"/>
  62. <meta name="if:rainbow links" content="0" />
  63. <meta name="if:custom cursor" content="0">
  64. <meta name="if:italic title" content="0" />
  65. <meta name="if:punk boy title font" content="1" />
  66. <meta name="if:steelfish title font" content="0" />
  67. <meta name="if:pacifico title font" content="0">
  68. <meta name="if:leckerli one title font" content="0" />
  69. <meta name="if:homemade apple title font" content="0" />
  70. <meta name="if:amatic sc title font" content="0" />
  71. <meta name="if:special elite title font" content="0" />
  72. <meta name="if:raleway title font" content="0" />
  73.  
  74. <meta name="image:header" content=""/>
  75. <meta name="image:background" content=""/>
  76. <meta name="image:permalink" content=""/>
  77.  
  78. <meta name="font:body" content="Helvetica"/>
  79. <meta name="font:navigation" content="Helvetica"/>
  80.  
  81. <meta name="text:margin top" content="100"/>
  82. <meta name="text:symbol in navigation" content="+" />
  83. <meta name="text:body font size" content="9"/>
  84. <meta name="text:navigation font size" content="9"/>
  85. <meta name="text:title font size" content="30"/>
  86. <meta name="text:post title font size" content="14"/>
  87.  
  88. <title>{Title}</title>
  89. <link rel="shortcut icon" href="{Favicon}">
  90. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  91. <link rel="shortcut icon" href="{Favicon}">
  92. <title>Untitled Document</title>
  93. <link rel="shortcut icon" href="{Favicon}">
  94. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  95.  
  96. {block:ifclickfornav}
  97. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  98. <script type="text/javascript">
  99. jQuery(document).ready(function() {
  100. jQuery(".nav").hide();
  101. //toggle the componenet with class msg_body
  102. jQuery(".title").click(function()
  103. {
  104. jQuery(this).next(".nav").slideToggle(500);
  105. });});
  106. </script>
  107. {/block:ifclickfornav}
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Pacifico|Homemade+Apple|Leckerli+One|Amatic+SC|Special+Elite|Raleway' rel='stylesheet' type='text/css'>
  110.  
  111. {block:ifrainbowlinks}
  112. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  113. {/block:ifrainbowlinks}
  114.  
  115. {block:Description}
  116. <meta name="description" content="{MetaDescription}"/>
  117. {/block:Description}
  118.  
  119. <style type="text/css">
  120. .install_button{display:none;}
  121.  
  122. #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 1px !important; position: fixed !important;opacity:0.2;}
  123.  
  124. #tumblr_controls:hover{top: 1px !important; margin: 0 0 0 0; right: 1px !important; position: fixed !important;opacity:0.9;}
  125.  
  126. body{
  127. {block:IfNotMaximisedBackgroundImage}
  128. background-image:url({image:Background});
  129. background-attachment:fixed;
  130. background-repeat:repeat;
  131. {/block:IfNotMaximisedBackgroundImage}
  132. color:{color:Text};
  133. background-color:{color:Background};
  134. font-size:{text:Body font size}px;
  135. line-height:15px;
  136. font-family:{font:body};
  137. }
  138.  
  139. ::-webkit-scrollbar{width:4px;height:4px;}
  140. ::-webkit-scrollbar-button:start:decrement
  141. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  142. ::-webkit-scrollbar-track-piece{background-color:{color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  143. ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:{color:Text};}
  144. ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:{color:Text};}
  145.  
  146. #content{margin: auto auto% auto auto;width:100%;top:0px;position:relative;}
  147.  
  148. #content .posts{
  149. {block:ifOneColumn}
  150. {block:if300pxWidth}width:330px;{/block:if300pxWidth}
  151. {block:if250pxWidth}width:280px;{/block:if250pxWidth}
  152. {block:if200pxWidth}width:230px;{/block:if200pxWidth}
  153. {block:if350pxWidth}width:380px;{/block:if350pxWidth}
  154. {/block:ifOneColumn}
  155.  
  156. {block:ifTwoColumns}
  157. {block:if300pxWidth}width:660px;{/block:if300pxWidth}
  158. {block:if250pxWidth}width:560px;{/block:if250pxWidth}
  159. {block:if200pxWidth}width:460px;{/block:if200pxWidth}
  160. {block:if350pxWidth}width:760px;{/block:if350pxWidth}
  161. {/block:ifTwoColumns}
  162.  
  163. {block:ifThreeColumns}
  164. {block:if300pxWidth}width:990px;{/block:if300pxWidth}
  165. {block:if250pxWidth}width:840px;{/block:if250pxWidth}
  166. {block:if200pxWidth}width:690px;{/block:if200pxWidth}
  167. {block:if350pxWidth}width:1140px;{/block:if350pxWidth}
  168. {/block:ifThreeColumns}
  169.  
  170. {block:ifFourColumns200pxonly}
  171. {block:if200pxWidth}width:920px;{/block:if200pxWidth}
  172. {block:if250pxWidth}width:1020px;{/block:if250pxWidth}
  173. {block:if300pxWidth}width:1120px;{/block:if300pxWidth}
  174. {block:if350pxWidth}width:1220px;{/block:if350pxWidth}
  175. {/block:ifFourColumns200pxonly}
  176.  
  177. {block:iffivecolumns200pxonly}
  178. {block:if200pxWidth}width:1160px;{/block:if200pxWidth}
  179. {block:if250pxWidth}width:1260px;{/block:if250pxWidth}
  180. {block:if300pxWidth}width:1360px;{/block:if300pxWidth}
  181. {block:if350pxWidth}width:1460px;{/block:if350pxWidth}
  182. {/block:iffivecolumns200pxonly}
  183.  
  184. margin-left:auto; margin-right:auto; display:block;
  185. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  186. }
  187.  
  188. #content .entry{
  189. {block:IndexPage}
  190. {block:if300pxWidth}width:300px;{/block:if300pxWidth}
  191. {block:if250pxWidth}width:250px;{/block:if250pxWidth}
  192. {block:if200pxWidth}width:200px;{/block:if200pxWidth}
  193. {block:if350pxWidth}width:350px;{/block:if350pxWidth}
  194. padding-bottom:195px;
  195. {/block:ifOneColumn}{/block:IndexPage}
  196. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  197. }
  198.  
  199. #content .entry img{
  200. {block:IndexPage}
  201. {block:if300pxWidth}max-width:300px;{/block:if300pxWidth}
  202. {block:if250pxWidth}max-width:250px;{/block:if250pxWidth}
  203. {block:if200pxWidth}max-width:200px;{/block:if200pxWidth}
  204. {block:if350pxWidth}max-width:350px;{/block:if350pxWidth}
  205. {/block:IndexPage}
  206. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  207.  
  208. {block:ifborder}
  209. border-style:solid;
  210. border-width:2px;
  211. border-color:#000;
  212.  
  213. {/block:ifborder}
  214. }
  215.  
  216. {block:IfMaximisedBackgroundImage}
  217. #bg img {
  218. z-index:-1;
  219. position:fixed;
  220. top:5%;
  221. left:8.8%;
  222. height:90%;
  223. width:80%;
  224. }
  225. {block:IfMaximisedBackgroundImage}
  226.  
  227. a:link, a:active, a:visited{
  228. text-decoration:none;
  229. display: navigate;
  230. font-family:{font:body};
  231. padding:0px;
  232. color:{color:Links};
  233. }
  234. a:hover{
  235. color:{color:Hover};
  236. text-decoration:none;
  237. }
  238.  
  239. .reblog{
  240. position:absolute;
  241. height:14px;
  242. bottom:34px;
  243. right:35px;
  244. opacity:0;
  245. filter: alpha(opacity = 0);
  246. -moz-transition: all 0.5;
  247. -webkit-transition: all 0.5s;
  248. -o-transition: all 0.5s;
  249. transition: all 0.5;
  250. }
  251.  
  252. .reblogg{
  253. display:inline-block;
  254. margin-right:5px;
  255. padding:4px;
  256. height:14px;
  257. }
  258.  
  259. .entry:hover .reblog{
  260. opacity:0.8;
  261. filter: alpha(opacity = 70);
  262. -moz-transition: all 0.5;
  263. -webkit-transition: all 0.5s;
  264. -o-transition: all 0.5s;
  265. transition: all 0.5;
  266. border-bottom:0px;
  267. }
  268.  
  269. .liker{
  270. position:absolute;
  271. height:14px;
  272. bottom:34px;
  273. right:10px;
  274. opacity:0;
  275. filter: alpha(opacity = 0);
  276. -moz-transition: all 0.5;
  277. -webkit-transition: all 0.5s;
  278. -o-transition: all 0.5s;
  279. transition: all 0.5;
  280. }
  281.  
  282. .likerr{
  283. display:inline-block;
  284. margin-right:5px;
  285. padding:4px;
  286. height:14px;
  287. }
  288.  
  289. .entry:hover .liker{
  290. opacity:0.8;
  291. filter: alpha(opacity = 70);
  292. -moz-transition: all 0.5;
  293. -webkit-transition: all 0.5s;
  294. -o-transition: all 0.5s;
  295. transition: all 0.5;border-bottom:0px
  296. }
  297.  
  298. .permalink img {
  299. max-width:25px;
  300. max-height:25px;
  301. }
  302.  
  303. a img {
  304. {block:ifshadow}
  305. -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  306. -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  307. box-shadow: 0px 2px 8px rgba(0,0,0,0.33);
  308. {/block:ifshadow}
  309. }
  310.  
  311. .post_title{
  312. font-family:{font:body};
  313. display:block;
  314. font-size:{text:Post Title font size}px;
  315. line-height:20px;
  316. }
  317.  
  318. .link_title{
  319. font-size:{text:Post Title font size}px;
  320. line-height:20px;
  321. font-family:{font:body};
  322. margin-bottom:5px;
  323. }
  324.  
  325. .quote{
  326. font-size:{text:Post title font size}px;
  327. line-height:20px;
  328. text-transform:none;
  329. margin-bottom:5px;
  330. font-family:{font:body title};
  331. }
  332.  
  333. .text {
  334. background-color: {color:post};
  335. -webkit-transition: 0.2s ease-in;
  336. }
  337.  
  338. .header{
  339. width:100%;
  340. text-align:center;
  341. margin:auto;
  342. z-index:1100;
  343. margin-bottom:20px;
  344. margin-top:{text:Margin Top}px;
  345. }
  346.  
  347. .top{
  348. text-align:center;
  349. margin-top:2px;
  350. margin-bottom:5px;
  351. }
  352.  
  353. .nav{
  354. {block:ifclickfornav}cursor:help;{/block:ifclickfornav}
  355. text-transform:uppercase;
  356. display: navigate;
  357. color:{color:text};
  358. word-spacing:10px;
  359. text-align:center;
  360. padding:10px;
  361. {block:iflowercasenavigation}text-transform:lowercase;{block:iflowercasenavigation}
  362. {block:ifnotlowercasenavigation}text-transform:uppercase;{block:ifnotlowercasenavigation}
  363. letter-spacing:1px;
  364. font-size:9px;
  365. margin-top:-35px;
  366. margin-bottom:35px;
  367. }
  368.  
  369. a.nav{
  370. display: navigate;
  371. font-size:{text:Navigation Font Size}px;
  372. font-family:{font:navigation};
  373. color:{color:text};
  374. text-decoration:none;
  375. }
  376.  
  377. .nav:hover{
  378. text-decoration:none;
  379. }
  380.  
  381. .title{
  382. font-style:none;
  383. font-weight:bold;
  384. padding: 10px;
  385. text-align:center;
  386. letter-spacing:5px;
  387. text-transform:uppercase;
  388. margin-bottom:50px;
  389. line-height:{text:title font size}px;
  390. {block:ifclickfornav}cursor:help;{/block:ifclickfornav}
  391. font-size:{text:Title font size}px;
  392. color:{color:Title};
  393. padding-bottom:20px;
  394. {block:IfItalictitle}font-style:italic;{/block:IfItalictitle}
  395. {block:ifpunkboytitlefont}
  396. font-family: 'punkboy';
  397. src: url('http://static.tumblr.com/6ibahzs/4pFmi0z3u/punkboy_tbs.ttf') format('truetype');
  398. font-weight: normal;
  399. font-style: normal;
  400. {/block:ifpunkboytitlefont}
  401. {block:ifsteelfishtitlefont}
  402. font-family: 'steelfish';
  403. src: url('http://static.tumblr.com/6ibahzs/8qHmi0zj1/steelfish_rg.otf') format('truetype');
  404. font-weight: normal;
  405. font-style: normal;
  406. {/block:ifsteelfishtitlefont}
  407. {block:ifpacificotitlefont}
  408. font-family: 'Pacifico', cursive;
  409. {/block:ifpacificotitlefont}
  410. {block:ifhomemadeappletitlefont}
  411. font-family: 'Homemade Apple', cursive;
  412. {/block:ifhomemadeappletitlefont}
  413. {block:ifleckerlionetitlefont}
  414. font-family: 'Leckerli One', cursive;
  415. {/block:ifleckerlionetitlefont}
  416. {block:ifamaticsctitlefont}
  417. font-family: 'Amatic SC', cursive;
  418. {/block:ifamaticsctitlefont}
  419. {block:ifspecialelitetitlefont}
  420. font-family: 'Special Elite', cursive;
  421. {/block:ifspecialelitetitlefont}
  422. {block:ifralewaytitlefont}
  423. font-family: 'Raleway', cursive;
  424. {/block:ifralewaytitlefont}
  425. }
  426.  
  427. .title a {
  428. padding:4px;
  429. font-size:{text:Title font size}px;
  430. color:{color:Title};
  431. {block:ifpunkboytitlefont}
  432. font-family: 'punkboy';
  433. src: url('http://static.tumblr.com/6ibahzs/4pFmi0z3u/punkboy_tbs.ttf') format('truetype');
  434. font-weight: normal;
  435. font-style: normal;
  436. {/block:ifpunkboytitlefont}
  437. {block:ifsteelfishtitlefont}
  438. font-family: 'steelfish';
  439. src: url('http://static.tumblr.com/6ibahzs/8qHmi0zj1/steelfish_rg.otf') format('truetype');
  440. font-weight: normal;
  441. font-style: normal;
  442. {/block:ifsteelfishtitlefont}
  443. {block:ifpacificotitlefont}
  444. font-family: 'Pacifico', cursive;
  445. {/block:ifpacificotitlefont}
  446. {block:ifhomemadeappletitlefont}
  447. font-family: 'Homemade Apple', cursive;
  448. {/block:ifhomemadeappletitlefont}
  449. {block:ifleckerlionetitlefont}
  450. font-family: 'Leckerli One', cursive;
  451. {/block:ifleckerlionetitlefont}
  452. {block:ifamaticsctitlefont}
  453. font-family: 'Amatic SC', cursive;
  454. {/block:ifamaticsctitlefont}
  455. {block:ifspecialelitetitlefont}
  456. font-family: 'Special Elite', cursive;
  457. {/block:ifspecialelitetitlefont}
  458. {block:ifralewaytitlefont}
  459. font-family: 'Raleway', cursive;
  460. {/block:ifralewaytitlefont}
  461. }
  462.  
  463. .title a:hover {
  464. color:{color:Title Hover};
  465. text-decoration:none;
  466. }
  467.  
  468. .permalink{
  469. text-align:right;
  470. color:{color:permalink};
  471. position: relative;
  472. margin-top: -10px;
  473. font-size: 10px;
  474. opacity: 0;filter: alpha(opacity = 0);-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;
  475. }
  476.  
  477. div#entry:hover .permalink{
  478. margin-top: -5px;
  479. opacity: 1;
  480. filter: alpha(opacity = 100);
  481. -moz-transition: all 0.4s;
  482. -webkit-transition: all 0.4s;
  483. -o-transition: all 0.4s;
  484. transition: all 0.4;
  485. }
  486.  
  487. .navigation {display:none}
  488.  
  489. .audio {
  490. display:block;
  491. {block:IndexPage}
  492. {block:if300pxWidth}width:290px;{/block:if300pxWidth}
  493. {block:if250pxWidth}width:240px;{/block:if250pxWidth}
  494. {block:if200pxWidth}width:190px;{/block:if200pxWidth}
  495. {block:if350pxWidth}width:340px;{/block:if350pxWidth}
  496. float:center;
  497. padding:15px;
  498. padding-bottom:30px;
  499. {/block:ifOneColumn}{/block:IndexPage}
  500. {block:PermalinkPage}width:488px;{/block:PermalinkPage}
  501. background-color:#000;
  502. padding:5px;
  503. margin-bottom:0px;
  504. border-color:{color:Post};
  505. }
  506.  
  507. .audiocap, .videocap{
  508. background-color:{color:Post};
  509. display:block;
  510. padding:10px;
  511. }
  512.  
  513. .photosetcap{
  514. background-color:{color:Post};
  515. display:block;
  516. padding:10px;
  517. }
  518.  
  519. #content .video iframe{
  520. display:block;
  521. {block:IndexPage}
  522. {block:if300pxWidth}width:300px; height:225px;{/block:if300pxWidth}
  523. {block:if250pxWidth}width:250px; height:188px;{/block:if250pxWidth}
  524. {block:if200pxWidth}width:200px; height:150px;{/block:if200pxWidth}
  525. {block:if350pxWidth}width:350px; height:263px;{/block:if350pxWidth}
  526. {/block:IndexPage}
  527. {block:PermalinkPage}width:500px;height:270px;{/block:PermalinkPage}
  528. }
  529.  
  530. #content .photoset iframe{
  531. display:block;
  532. {block:IndexPage}
  533. {block:if300pxWidth}width:300px;{/block:if300pxWidth}
  534. {block:if250pxWidth}width:250px;{/block:if250pxWidth}
  535. {block:if200pxWidth}max-width:200px;{/block:if200pxWidth}
  536. {block:if350pxWidth}width:350px; {/block:if350pxWidth}
  537. {/block:IndexPage}
  538. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  539.  
  540.  
  541. }
  542.  
  543. .videocap{
  544. {block:IndexPage}
  545. {block:if300pxWidth}max-width:300px;{/block:if300pxWidth}
  546. {block:if250pxWidth}max-width:250px;{/block:if250pxWidth}
  547. {block:if200pxWidth}max-width:200px;{/block:if200pxWidth}
  548. {block:if350pxWidth}max-width:350px;{/block:if350pxWidth}
  549. {/block:IndexPage}
  550. {block:PermalinkPage}width:480px;{/block:PermalinkPage}
  551. }
  552.  
  553. #topDiv{
  554. position: fixed;
  555. bottom:20px;
  556. text-align:center;
  557. z-index:1000;
  558. display: none;
  559. cursor: pointer;
  560. right:20px;
  561. }
  562.  
  563. {block:ifcustomcursor}
  564. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  565. {/block:ifcustomcursor}
  566.  
  567. {CustomCSS}
  568.  
  569. #rope{
  570. position:fixed;
  571. z-index:999;
  572.  
  573. }
  574.  
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582. </style>
  583.  
  584. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  585. <script type="text/javascript">
  586. jQuery(document).ready(function() {
  587. jQuery(".tags").hide();
  588. //toggle the componenet with class msg_body
  589. jQuery(".categories").click(function()
  590. {
  591. jQuery(this).next(".tags").slideToggle(500);
  592. });});
  593. </script>
  594.  
  595. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  596. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  597. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  598. </script>
  599. <script src="http://static.tumblr.com/j1tjexd/KFrm9a79z/infinitescroll.js"></script>
  600. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  601. <script type="text/javascript">
  602.  
  603. $(window).load(function () {
  604. $('.posts').masonry(),
  605. $('.masonryWrap').infinitescroll({
  606. navSelector : "div#navigation",
  607. // selector for the paged navigation (it will be hidden)
  608. nextSelector : "div#navigation a#nextPage",
  609. // selector for the NEXT link (to page 2)
  610. itemSelector : ".entry",
  611. // selector for all items you'll retrieve
  612. bufferPx : 10000,
  613. extraScrollPx: 11000,
  614. loadingImg : "",
  615. loadingText : "<em></em>",
  616. },
  617. // call masonry as a callback.
  618. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  619. );
  620. });
  621. </script></head>
  622.  
  623. <body>
  624.  
  625.  
  626. <img src="http://i970.photobucket.com/albums/ae187/lyneesonn/rope_border_circle_black_white_line_art_coloring_book_colouring-1331px_zps5e689667.png" width="608px" id="rope">
  627.  
  628.  
  629.  
  630.  
  631.  
  632. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  633.  
  634. <div class="top">
  635.  
  636. <div class="header">
  637.  
  638.  
  639.  
  640.  
  641. <div id="content">
  642.  
  643. <div class="posts">
  644.  
  645. {block:Posts}
  646.  
  647. <div class="entry">
  648.  
  649. {block:Text}<div id="entry">
  650. {block:Title}<span class="post_title">{title}</span>{/block:Title}
  651. {Body}
  652. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  653. {/block:Text}
  654.  
  655. {block:Photo}
  656.  
  657. {block:IndexPage}
  658. <a href="{Permalink}"><img src="{PhotoURL-500}"/></a>
  659. {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}<br>
  660. {/block:IndexPage}
  661. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" width="500"/>
  662. {block:Caption}<center>{Caption}</center>{/block:Caption}{/block:PermalinkPage}
  663. {/block:Photo}
  664.  
  665. {block:Photoset}<div id="entry">
  666. <div class="photoset">{block:IndexPage}{block:if300pxWidth}{Photoset-400}{/block:if300pxWidth}{block:if250pxWidth}{Photoset-250}{/block:if250pxWidth}{block:if200pxWidth}{Photoset-250}{/block:if200pxWidth}{block:if350pxWidth}{Photoset-400}{/block:if350pxWidth}{/block:IndexPage}</div>
  667. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  668. {block:IndexPage}{block:Caption}<div class="photosetcap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};">▲</a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}</div>
  669. {/block:Photoset}
  670.  
  671. {block:Quote}<div id="entry">"{Quote}"
  672. {block:Source}&mdash;&nbsp;<b><i>{Source}</i></b>{/block:Source}<br>
  673. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  674. {/block:Quote}
  675.  
  676. {block:Link}<div id="entry">
  677. <a href="{URL}"{Target}><span class="link_title">&rarr; {Name}</span></a>
  678. {block:Description}{Description}{/block:Description}
  679. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  680. {/block:Link}
  681.  
  682. {block:Video}
  683. <div class="video">
  684. {block:IndexPage}{Video-400}{/block:IndexPage}
  685. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  686. </div>
  687. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  688. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  689. {/block:Video}
  690.  
  691. {block:Chat}<div id="entry">
  692. {block:Title}
  693. <div class="ptitle">{Title}</div>
  694. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  695. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}</div>
  696. {/block:Chat}
  697.  
  698. {block:Audio}
  699. <div class="audio">{AudioPlayerBlack}</div>
  700. {block:IndexPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> <a href="{Permalink}" style="color:{color:Post};">▲</a></div><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  701. {block:PermalinkPage}{block:Caption}<div class="audiocap"><div style="margin-top:-24px; color:{color:Post}; margin-bottom:9px; margin-left:20px; font-size:20px; "> ▲</div>{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  702. {/block:Audio}
  703.  
  704. {block:Answer}<div id="entry">
  705. {block:IndexPage}<b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i><a href="{Permalink}"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}
  706. {block:PermalinkPage}<div style="width:500px"><b>Q</b>: {Question}<br>{Answer}<br><i>asked by {Asker}</i></div>{/block:PermalinkPage}</div>
  707. {/block:Answer}
  708.  
  709. {block:PermalinkPage}
  710. {block:Date}{TimeAgo}&nbsp;&#8226;&nbsp;{NoteCountWithLabel}&nbsp;&#8226;&nbsp;{Month}&nbsp;{DayOfMonth}{DayOfMonthSuffix}{/block:Date}{block:HasTags}<br>Tagged with&nbsp;{block:Tags}<a href="{TagURL}"><span style="{color:Links}; color:{color:Text}; line-height:14px; text-decoration:underline;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  711. {/block:HasTags}{/block:PermalinkPage}
  712.  
  713. </div>
  714.  
  715. {/block:Posts}
  716. </div>
  717. {block:ifToTop}<div id="topDiv"><a href="javascript:void(0);" id="topDivA"><img src="http://static.tumblr.com/j1tjexd/uSOm6ujd1/totop-grey.png" width="40" height="40" style="-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  718. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.33);
  719. box-shadow: 0px 0px 0px rgba(0,0,0,0.33);"></a></div>{/block:ifToTop}
  720. </div>
  721.  
  722. {block:IndexPage}
  723. <div class="column navigation" id="navigation">
  724. {block:Pagination}
  725. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  726. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  727. </div>
  728. {/block:IndexPage}
  729.  
  730.  
  731. <script type="text/javascript">
  732. $(function() {
  733. $("#topDivA").click(function(){
  734. var target = $("html");
  735. $('html, body').animate({
  736. scrollTop: target.offset().top
  737. }, 1000);
  738. });
  739.  
  740. var topDiv = $("#topDiv");
  741. var topDivTop = "1000";
  742. var view = $( window );
  743. view.bind("scroll resize", function(){
  744. var viewTop = view.scrollTop();
  745. if (viewTop > topDivTop){
  746. topDiv.fadeIn(300);
  747. }
  748. else if (viewTop <= topDivTop){
  749. topDiv.fadeOut(200);
  750. }
  751. });
  752. });</script>
  753. <iframe id="likes_frame" style="height:1px;width:1px;position:absolute;left:-500px;"></iframe>
  754.  
  755. </body>
  756. </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!