Advertisement
teenageblog

Collar Full Theme

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