Advertisement
teenageblog

Sweet Dreams Theme

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