API tools faq
paste
Advertisement
teenageblog

Caroline Theme

teenageblog
Sep 24th, 2013
3,209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.32 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11.  
  12. <html lang="en">
  13. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <head>
  19. <!-- DEFAULT VARIABLES -->
  20. <title>{Title}</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Text" content="#000"/>
  24. <meta name="color:Title" content="#000"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#000"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Title shadow" content="#333"/>
  29. <meta name="color:Blogtitle" content="#ccc"/>
  30.  
  31. <meta name="image:Sidebar" content="http://cdn.followpics.com/show/166140673725135822_6goKuU5d_c.jpg"/>
  32. <meta name="image:Background" content="0"/>
  33. <meta name="image:Navigation bg" content="http://static.tumblr.com/oct6d4x/OOTm1evu8/dc4848_coral-vintage.gif"/>
  34. <meta name="image:Sidebar bg" content="http://static.tumblr.com/oct6d4x/OOTm1evu8/dc4848_coral-vintage.gif"/>
  35.  
  36. <meta name="if:SmallCursor" content="0"/>
  37.  
  38. <meta name="text:Link One Title" content="link 1" />
  39. <meta name="text:Link One" content="" />
  40. <meta name="text:Link Two Title" content="link 2" />
  41. <meta name="text:Link Two" content="" />
  42. <meta name="text:Link Three Title" content="link 3" />
  43. <meta name="text:Link Three" content="" />
  44. <meta name="text:Link Four Title" content="link 4" />
  45. <meta name="text:Link Four" content="" />
  46. <meta name="text:Link Five Title" content="link 5" />
  47. <meta name="text:Link Five" content="" />
  48. <meta name="text:Music" content="" />
  49. <meta name="text:Blogtitle Hover" content="Hello" />
  50.  
  51. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:200,
  58. tip_fade_speed:300
  59. }
  60. );
  61. });
  62. })(jQuery);
  63. </script>
  64. <style type="text/css">
  65. {block:ifsmallcursor}body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}{/block:ifsmallcursor}
  66.  
  67. #s-m-t-tooltip{
  68. max-width:300px;
  69. margin:15px;
  70. padding:2px 8px;
  71. border:1px solid #DDD;
  72. border-radius:4px;
  73. background:#FFF;
  74. color:#AAA;
  75. z-index:999999;
  76. font-size:10px;
  77. font-style:italic;
  78. text-transform:lowercase;
  79. letter-spacing:1px;
  80. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  81.  
  82.  
  83. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  84.  
  85. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  86.  
  87.  
  88.  
  89. .wrapper{
  90. margin: 0px auto;
  91. margin-left: 60px;
  92. width: 1045px;
  93. }
  94.  
  95. .header{
  96. float: left;
  97. width: 100%;
  98. }
  99.  
  100. .left{
  101. float: left;
  102. margin-right: 20px;
  103. width:1045;
  104. }
  105.  
  106. .right{
  107. float: right;
  108. width: 200px;
  109. background-color: #fff;
  110. }
  111.  
  112. body {
  113. margin:0px;
  114. background-color: {color:Background};
  115. background-image:url({image:Background});
  116. background-attachment: fixed;
  117. background-repeat: repeat;}
  118. body, div, p, textarea, submit, input{
  119. font-family: 'calibri';
  120. font-size: 11px;
  121. line-height:14px;
  122. letter-spacing:1px;
  123. color:{color:Text};
  124. }
  125. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  126.  
  127. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  128. #eee; border-right: 1px solid #eee; }
  129.  
  130.  
  131. p {
  132. margin:0px;
  133. margin-top:0px;
  134. }
  135.  
  136. a:link, a:active, a:visited{
  137. text-decoration: none;
  138. -webkit-transition: color 0.3s ease-out;
  139. -moz-transition: color 0.3s ease-out;
  140. transition: color 0.3s ease-out;
  141. color: {color:Link};
  142. }
  143.  
  144. a:hover {
  145. : -webkit-transition-duration: 1.0s;
  146. color:{color:Hover};
  147. }
  148.  
  149.  
  150.  
  151.  
  152. div#center{
  153. margin:auto;
  154. margin-top:0px;
  155. position:relative;
  156. width:1045px;
  157. background-color:;
  158. overflow:auto;
  159. overflow-y:hidden;
  160. }
  161.  
  162. #nav {
  163. margin-top:-5px;
  164. margin-left:990px;
  165. height: 105%;
  166. width:50px;
  167. background-image: url({image:navigation bg});
  168. border: 4px double #ccc;
  169. text-align:center;
  170. padding-top: 200px;
  171. position:fixed;
  172. z-index:99;
  173. }
  174. @font-face{
  175. font-family: "WebSymbolsRegular";
  176. src: url('http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf');
  177. }
  178. div#Links{
  179. position:fixed !important;
  180. width:80px;
  181. padding:2px;
  182. height:;
  183. margin-top:130px;
  184. margin-left:982px;
  185. padding:2px;
  186. background:transparent;
  187. opacity:0.8;
  188. z-index:999;
  189. -webkit-border-radius: 5px;
  190. -moz-border-radius: 5px;
  191. border-radius: 5px;
  192. font-family:WebSymbolsRegular;
  193. font-size:22px;
  194. line-height:60px;
  195. text-align:center;
  196. }
  197.  
  198. .entry {
  199. float:left;
  200. display: block;
  201. overflow:hidden;
  202. width:210px;
  203. padding:6px;
  204. border: 1px solid #F2F2F2;
  205. margin:6px;
  206. background-color: white;
  207. padding-bottom:3px;
  208. transition: all 0.5s ease-out;
  209. -o-transition-transition: all 0.5s ease-out;
  210. -webkit-transition: all 0.5s ease-out;
  211. -moz-transition: all 0.5s ease-out;
  212. {block:PermalinkPage}
  213. width:520px;
  214. margin-left:0px;
  215. text-align:center;
  216. {/block:PermalinkPage}
  217. }
  218.  
  219. .entry .forbes a{
  220. color: #aaa;
  221. }
  222.  
  223. .entry .caroline{
  224. position:absolute;
  225. height:20px;
  226. width:210px;
  227. margin-top:1px;
  228. margin-left:0px;
  229. opacity:0;
  230. background:{color:link};
  231. transition: all 0.9s ease;
  232. -o-transition-transition: all 0.9s ease;
  233. -webkit-transition: all 0.9s ease;
  234. -moz-transition: all 0.9s ease;
  235. }
  236.  
  237. .entry:hover .caroline{
  238. opacity:0.9;
  239. margin-top:0px;
  240. transition: all 0.9s ease;
  241. -o-transition-transition: all 0.9s ease;
  242. -webkit-transition: all 0.9s ease;
  243. -moz-transition: all 0.9s ease;
  244. }
  245.  
  246. .entry .forbes{
  247. position:absolute;
  248. top: 5px;
  249. margin-left:0px;
  250. width:210px;
  251. height:0px;
  252. text-transform:uppercase;
  253. background-color:white;
  254. padding:5px;
  255. overflow:hidden;
  256. font-family: calibri;
  257. letter-spacing:0px;
  258. font-size: 10px;
  259. line-height:12px;
  260. text-align:center;
  261. opacity:0.0;
  262. color:#aaa;
  263. border-top: 2px solid #fff;
  264. transition: all 0.9s ease;
  265. -o-transition-transition: all 0.9s ease;
  266. -webkit-transition: all 0.9s ease;
  267. -moz-transition: all 0.9s ease;
  268. }
  269.  
  270. .entry:hover .forbes{
  271. height:15px;
  272. overflow:visible;
  273. opacity:1;
  274. transition: all 0.9s ease;
  275. -o-transition-transition: all 0.9s ease;
  276. -webkit-transition: all 0.9s ease;
  277. -moz-transition: all 0.9s ease;
  278. }
  279.  
  280. .entry img:hover{
  281. opacity:1;
  282. -webkit-transition: all .5s ease;
  283. -moz-transition: all .5s ease;
  284. -o-transition: all .5s ease;
  285. transition: all .5s ease;}
  286.  
  287. .permatext{
  288. height:auto;
  289. line-height:100%;
  290. position:absolute;
  291. right:4px;
  292. bottom:0px;
  293. {block:IfPermalinkMovement}
  294. bottom:-5px;
  295. {block:IfPermalinkMovement}
  296. opacity:0;
  297. padding:0;
  298. background:#transparent;
  299. box-shadow:0 0 15px 10px #transparent;
  300. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  301. }
  302. .entry:hover .permatext{
  303. right:4px; bottom:0px;
  304. opacity:1;
  305. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  306. }
  307. .entry:hover .permatext:hover{
  308. opacity:1;
  309. }
  310.  
  311. .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;}
  312. .bubble p {margin:1px 0px;}
  313. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  314. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  315.  
  316. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  317.  
  318.  
  319. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  320. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  321. .cover img {float:left; width:60px; height:60px;}
  322. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  323. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  324.  
  325. .title{
  326. font-family: "cedarville cursive";
  327. font-size: 22px;
  328. line-height: 20px;
  329. color: {color:Title};
  330. text-shadow:1px 2px 2px #aaa;
  331. letter-spacing: 1px;
  332. font-weight: normal;
  333. }
  334.  
  335. .cred {
  336. color: #000;
  337. font-family: Calibri;
  338. font-size:14px;
  339. z-index: 99999999999999px;
  340. line-height:14px;
  341. background:#fff;
  342. border: 1px #eee solid;
  343. background-repeat:repeat;
  344. padding:2px;
  345. -webkit-border-radius:2px;
  346. moz-border-radius:2px;
  347. -o-border-radius:2px;
  348. border-radius:2px;
  349. }
  350.  
  351. .cred a { color: #000; }
  352.  
  353. .desc2{
  354. font-family:calibri;
  355. text-transform:lowercase;
  356. font-size:12px;
  357. line-height:12px;
  358. width:237px;
  359. margin-top:-1px;
  360. margin-left:2px;
  361. text-align:center;
  362. background:white;
  363. opacity:0.9;
  364. height:auto;
  365. }
  366.  
  367. @font-face { font-family:"Hasteristico"; src: url('http://slutpark-resources.webs.com/Hasteristico.ttf');}
  368.  
  369. #desc{
  370. position:fixed;
  371. z-index: 999999999999;
  372. width:246px;
  373. height:342px;
  374. opacity:0;
  375. margin-top:83px;
  376. margin-left:63px;
  377. text-align:center;
  378. text-transform:uppercase;
  379. font-family:hasteristico;
  380. font-size:22px;
  381. line-height:13px;
  382. background:white;
  383. transition: all 0.9s ease;
  384. -o-transition-transition: all 0.9s ease;
  385. -webkit-transition: all 0.9s ease;
  386. -moz-transition: all 0.9s ease;
  387. }
  388.  
  389. #sidebar:hover #desc{
  390. opacity:0.9;
  391. transition: all 0.9s ease;
  392. -o-transition-transition: all 0.9s ease;
  393. -webkit-transition: all 0.9s ease;
  394. -moz-transition: all 0.9s ease;
  395. }
  396. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  397.  
  398. #sidebar .titlee{
  399. position:absolute;
  400. opacity: 1;
  401. letter-spacing: 3px;
  402. color:{color:blogtitle};
  403. margin-left: 55px;
  404. letter-spacing: 0px;
  405. padding: 5px;
  406. margin-top:40px;
  407. font-size: 40px;
  408. width: 250px;
  409. height:30px;
  410. text-transform: normal;
  411. font-family: "meow";
  412. background: transparent;
  413. text-align:center;
  414. position:fixed;
  415. line-height: 44px;
  416. text-shadow: 4px 0px 4px {color:Title shadow};
  417. transition: all 0.9s ease-out;
  418. -o-transition-transition: all 0.9s ease-out;
  419. -webkit-transition: all 0.9s ease-out;
  420. -moz-transition: all 0.9s ease-out;
  421. }
  422.  
  423. #sidebar:hover .titlee{
  424. color: {color:title shadow};
  425. opacity: 0;
  426. margin-left: 5px;
  427. transition: all 0.9s ease-out;
  428. -o-transition-transition: all 0.9s ease-out;
  429. -webkit-transition: all 0.9s ease-out;
  430. -moz-transition: all 0.9s ease-out;
  431. }
  432. #sidebar .hovery{
  433. position:absolute;
  434. opacity: 0;
  435. letter-spacing: 7px;
  436. margin-left: 55px;
  437. padding: 5px;
  438. margin-top:40px;
  439. font-size: 40px;
  440. width: 250px;
  441. height:30px;
  442. text-transform: none;
  443. font-family: "Meow";
  444. text-shadow: 4px 0px 4px {color:Title shadow};
  445. color: {color:blogtitle};
  446. background: transparent;
  447. text-align:center;
  448. position:fixed;
  449. line-height: 44px;
  450. transition: all 0.9s ease-out;
  451. -o-transition-transition: all 0.9s ease-out;
  452. -webkit-transition: all 0.9s ease-out;
  453. -moz-transition: all 0.9s ease-out;
  454. }
  455.  
  456. #sidebar:hover .hovery{
  457. opacity: 1;
  458. text-shadow: 4px 0px 4px {color:Title shadow};
  459. transition: all 0.9s ease-out;
  460. -o-transition-transition: all 0.9s ease-out;
  461. -webkit-transition: all 0.9s ease-out;
  462. -moz-transition: all 0.9s ease-out;
  463. }
  464.  
  465.  
  466. #sidebar {
  467. position:fixed !important;
  468. width: 320px;
  469. background-image: url({image:sidebar bg});
  470. font-family: calibri;
  471. padding-top: 20px;
  472. padding-left: 50px;
  473. padding-right: 20px;
  474. padding-bottom: 23px;
  475. border:1px double #ccc;
  476. height: 100%;
  477. overflow: hidden;
  478. opacity: 1;
  479. margin-left: -130px;
  480. margin-top: 0px;
  481. border-top-right-radius: 0px;
  482. border-top-left-radius:0px;
  483. transition: all 0.9s ease-out;
  484. -o-transition-transition: all 0.9s ease-out;
  485. -webkit-transition: all 0.9s ease-out;
  486. -moz-transition: all 0.9s ease-out;
  487. }
  488.  
  489.  
  490.  
  491. #posts {
  492. width:900px;
  493. margin-top: 5px;
  494. margin-left: 330px;
  495. margin-right: auto;
  496. position:relative;
  497. overflow-y: hidden;
  498. }
  499.  
  500.  
  501. #infscr-loading{
  502. bottom: -70px;
  503. position: absolute;
  504. left: 50%;
  505. margin-left:-8px;
  506. width:16px;
  507. height:11px;
  508. overflow:hidden;
  509. margin-bottom: 50px;
  510. }
  511.  
  512. #postnotes{
  513. text-align: justify;
  514. }
  515.  
  516. #postnotes blockquote{
  517. border: 0px;
  518. }
  519.  
  520. blockquote{
  521. padding:0px 0px 2px 5px;
  522. margin:0px 0px 2px 1px;
  523. border-left: 1px dotted {color:Text};
  524. }
  525.  
  526. blockquote p, ul{
  527. margin:0px;
  528. padding:0px;
  529. }
  530.  
  531. a img{border: 0px;}
  532. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  533. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  534. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  535. .notes img{width:10px; position:relative; top:3px;
  536. }
  537.  
  538. small{font-size: 90%;}
  539.  
  540. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  541. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  542.  
  543. {CustomCSS}
  544.  
  545. </style>
  546.  
  547. {block:IndexPage}
  548.  
  549.  
  550. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  551. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  552. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  553.  
  554. <script type="text/javascript">
  555. $(window).load(function () {
  556. var $content = $('#posts');
  557. $content.masonry({itemSelector: '.entry'}),
  558. $content.infinitescroll({
  559. navSelector : 'div#pagination',
  560. nextSelector : 'div#pagination a#nextPage',
  561. itemSelector : '.entry',
  562. loading: {
  563. finishedMsg: '',
  564. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  565. },
  566. bufferPx : 600,
  567. debug : false,
  568. },
  569. // call masonry as a callback.
  570. function( newElements ) {
  571. var $newElems = $( newElements );
  572. $newElems.hide();
  573. // ensure that images load before adding to masonry layout
  574. $newElems.imagesLoaded(function(){
  575. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  576.  
  577.  
  578. });
  579. });
  580. });
  581. </script>
  582. {/block:IndexPage}
  583.  
  584.  
  585. <title>{Title}</title>
  586. <link rel="shortcut icon" href="{favicon}">
  587. <meta name="viewport" content="width=720" />
  588. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  589. </head>
  590.  
  591. <body>
  592.  
  593. <div class="wrapper">
  594. <div class="header">
  595. </div>
  596. <div id="sidebar">
  597. <div class="hovery">{text:blogtitle hover}</center></div>
  598. <div class="titlee">{title}</center></div>
  599. <div id="desc"><br><br><br>
  600. <desc>Description:</desc><br><br>
  601. <div class="desc2">{description}</div><br><br><br>
  602.  
  603. <desc>Music:</desc><br><br>
  604. <div class="desc2">{text:music}</div></div>
  605.  
  606. <a href="/"><img src="{image:sidebar}" style="margin-top: 80px; margin-left:60px; background: white; z-index: 999999999999; border: 1px solid #ada9a9; padding: 2.5px; padding-bottom: 3.5px; padding-right: 3.5px; border-top-right-radius: 0px; border-top-left-radius:0px;" width=244px height=340px></a></div>
  607.  
  608.  
  609. <div id="nav"></div>
  610. <div id="Links"><center>
  611. <a href="{text:Link One}" title="{text:Link One Title}">*</a>
  612. <br>
  613. <a href="{text:Link Two}" title="{text:Link Two Title}">@</a>
  614. <br>
  615. <a href="{text:Link Three}" title="{text:Link Three Title}">,</a>
  616. <br>
  617. <a href="{text:Link Four}" title="{text:Link Four Title}">O</a>
  618. <br>
  619. <a href="{text:Link Five}" title="{text:Link Five Title}">Z</a></div>
  620. <center>
  621. </div>
  622.  
  623. </div>
  624.  
  625. <div class="left">
  626. <div id="posts">
  627. {block:Posts}
  628. <div class="entry">
  629.  
  630. {block:Answer}
  631. <div class="post"><div class="askborder">
  632. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  633. {Answer}
  634. </div><br>
  635. {/block:Answer}
  636.  
  637.  
  638. {block:Text}
  639. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  640. <div style="margin-left:3px;">{Body}</div>
  641. {block:IndexPage}
  642.  
  643. {/block:IndexPage}
  644. {/block:Text}
  645.  
  646.  
  647. {block:Link}
  648. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  649. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  650. {block:IndexPage}
  651. {/block:IndexPage}
  652. {block:Link}
  653.  
  654.  
  655. {block:Photo}{block:IndexPage}
  656.  
  657. <div class="caroline"><div class="forbes">
  658. <a href="{permalink}">{NoteCountWithLabel}</a> &middot <a href="{permalink}"> {timeago}</a> &middot <a href="{ReblogURL}" target="_blank"> Reblog </a></span></div></div>
  659.  
  660. {/block:IndexPage}
  661. {block:IndexPage}
  662. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=210px/></a>
  663. {/block:IndexPage}
  664. {block:permalinkpage}{LinkOpenTag}
  665. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  666. {/block:permalinkpage}
  667. {/block:Photo}
  668.  
  669. {block:Photoset}
  670. <center>
  671. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  672. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  673. </center>
  674.  
  675. {block:IndexPage}
  676.  
  677. {/block:IndexPage}
  678. {/block:Photoset}
  679.  
  680.  
  681. {block:Quote}
  682. <div style="margin-left:3px;">
  683. {Quote}</span>
  684. {block:Source}<strong>{Source}</strong>{/block:Source}
  685. </div>
  686.  
  687. {block:IndexPage}
  688. {/block:IndexPage}
  689. {/block:Quote}
  690.  
  691. {block:Chat}
  692. <div style="margin-left:3px;">
  693. {block:Title}<span class="title">{Title}</span>{/block:Title}
  694. <ul class="chat">
  695. {block:Lines}
  696. <li class="user_{UserNumber}">
  697. {block:Label}
  698. <span class="label">{Label}</span>
  699. {/block:Label}
  700. {Line}
  701. </li>
  702. {/block:Lines}
  703. </ul>
  704. </div>
  705.  
  706. {block:IndexPage}
  707. {/block:IndexPage}
  708. {/block:Chat}
  709.  
  710. {block:Audio}
  711. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  712. {block:IndexPage}
  713. {/block:IndexPage}
  714. {/block:Audio}
  715.  
  716. {block:Video}
  717. {block:IndexPage}
  718. <center>
  719. {Video-250}</center>
  720. {/block:IndexPage}
  721. {block:PermalinkPage}
  722. <center>
  723. {Video-500}</center>
  724. {/block:PermalinkPage}
  725.  
  726. {block:IndexPage}
  727. {/block:IndexPage}
  728. {block:Video}
  729.  
  730.  
  731.  
  732. {block:IndexPage}
  733. {block:Text}
  734. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  735. {/block:Text}
  736. {block:Photoset}
  737. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  738. {/block:Photoset}
  739. {block:Quote}
  740. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  741. {/block:Quote}
  742. {block:Link}
  743. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  744. {/block:Link}
  745. {block:Chat}
  746. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  747. {/block:Chat}
  748. {block:Audio}
  749. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  750. {/block:Audio}
  751. {block:Answer}
  752. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  753. {/block:Answer}
  754. {/block:IndexPage}
  755.  
  756. {block:PostNotes}<div align="middle">{caption}</div>
  757. <center>
  758.  
  759. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  760.  
  761. {block:HasTags}
  762. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  763. {block:RebloggedFrom}
  764. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  765. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  766.  
  767. {/block:RebloggedFrom}
  768. </center></span>
  769. <br>
  770. <div id="postnotes">{PostNotes}</div><br>
  771.  
  772. <center>{block:ContentSource}
  773. <br><a href="{SourceURL}">
  774. {lang:Source}:
  775. {block:SourceLogo}
  776. <img src="{BlackLogoURL}" width="{LogoWidth}"
  777. height="{LogoHeight}" alt="{SourceTitle}" />
  778. {/block:SourceLogo}
  779. {block:NoSourceLogo}
  780. {SourceLink}
  781. {/block:NoSourceLogo}
  782. </a>
  783. {/block:ContentSource}</center>
  784.  
  785. {/block:PostNotes}
  786. </div>
  787. {/block:Posts}
  788. </div></div>
  789.  
  790. {block:IndexPage}
  791. {block:Pagination}
  792. <div id="pagination">
  793. {block:NextPage}
  794. <a id="nextPage" href="{NextPage}"></a>
  795. {/block:NextPage}
  796. {block:PreviousPage}
  797. <a href="{PreviousPage}"></a>
  798. {/block:PreviousPage}
  799. </div>
  800. {/block:Pagination}
  801. {/block:IndexPage}
  802.  
  803.  
  804. <div style="position: fixed; right:6px;bottom:10px;">
  805. <span class="cred">
  806. <a href="http://teenageblog.tumblr.com/" target="_blank">
  807. ☾
  808. </a></span></div>
  809. </body>
  810. </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!