Advertisement
teenageblog

Teen Idle Theme

Jun 16th, 2013
685
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.71 KB | None | 0 0
  1. <!-----------------------------------------
  2. ╭━━━┳╮╱╱╱╱╱╱╱╱╱╱╭╮╱╭━━━━┳╮
  3. ┃╭━╮┃┃╱╱╱╱╱╱╱╱╱╱┃┃╱┃╭╮╭╮┃┃
  4. ┃┃╱╰┫╰━┳━━┳━╮╭━━┫┃╱╰╯┃┃╰┫╰━┳━━┳╮╭┳━━┳━━╮
  5. ┃┃╱╭┫╭╮┃╭╮┃╭╮┫┃━┫┃╱╱╱┃┃╱┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  6. ┃╰━╯┃┃┃┃╭╮┃┃┃┃┃━┫╰╮╱╱┃┃╱┃┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╰━━━┻╯╰┻╯╰┻╯╰┻━━┻━╯╱╱╰╯╱╰╯╰┻━━┻┻┻┻━━┻━━╯
  8.  
  9. Please keep credit (✿◠‿◠)
  10. ----------------------------------------------->
  11. <html lang="en">
  12.  
  13.  
  14. <script type="text/javascript" src="http://static.tumblr.com/tingwex/IHlm6gruv/1.txt"></script>
  15. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head>
  18.  
  19. <script type="text/javascript">
  20. <!--
  21.  
  22. // Disable Right Click Script
  23.  
  24. function IE(e)
  25. {
  26. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  27. {
  28. return false;
  29. }
  30. }
  31. function NS(e)
  32. {
  33. if (document.layers || (document.getElementById && !document.all))
  34. {
  35. if (e.which == "2" || e.which == "3")
  36. {
  37. return false;
  38. }
  39. }
  40. }
  41. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  42.  
  43. //-->
  44. </script>
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <!--DEFAULT VARIABLES-->
  51. <title>{Title}</title>
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  53. <meta name="if:Fadedposts" content="0"/>
  54. <meta name="if:BlackWhite Hover" content="0"/>
  55. <meta name="if:SmallCursor" content="0"/>
  56. <meta name="if:Three Column" content="0"/>
  57.  
  58. <meta name="image:background" content=""/>
  59. <meta name="image:Sidebar" content="">
  60. <meta name="color:background" content="#fff"/>
  61. <meta name="color:link" content="#000"/>
  62. <meta name="color:text" content="#777"/>
  63. <meta name="color:title" content="#333"/>
  64. <meta name="color:hover" content="#fff"/>
  65. <meta name="color:sidebar border" content="#919191"/>
  66.  
  67. <meta name="text:Custom Link One Title" content= >
  68. <meta name="text:Custom Link One" content="http://" />
  69. <meta name="text:Custom Link Two Title" content= >
  70. <meta name="text:Custom Link Two" content="http://" />
  71. <meta name="text:Custom Link Three Title" content= >
  72. <meta name="text:Custom Link Three" content="http://" />
  73. <meta name="text:Custom Link Four Title" content= >
  74. <meta name="text:Custom Link Four" content="http://" />
  75. <meta name="text:Custom Link Five Title" content= >
  76. <meta name="text:Custom Link Five" content="http://" />
  77. <meta name="text:Custom Link Six Title" content= >
  78. <meta name="text:Custom Link Six" content="http://" />
  79.  
  80.  
  81.  
  82.  
  83. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  84.  
  85.  
  86.  
  87. <style type="text/css">
  88. @-webkit-keyframes fadeInDown {
  89. 0% {
  90. opacity: 0;
  91. -webkit-transform: translateY(-20px);
  92. }
  93. 100% {
  94. opacity: 1;
  95. -webkit-transform: translateY(0);
  96. }
  97. }
  98. @-moz-keyframes fadeInDown {
  99. 0% {
  100. opacity: 0;
  101. -moz-transform: translateY(-20px);
  102. }
  103. 100% {
  104. opacity: 1;
  105. -moz-transform: translateY(0);
  106. }
  107. }
  108. @-ms-keyframes fadeInDown {
  109. 0% {
  110. opacity: 0;
  111. -ms-transform: translateY(-20px);
  112. }
  113. 100% {
  114. opacity: 1;
  115. -ms-transform: translateY(0);
  116. }
  117. }
  118. @-o-keyframes fadeInDown {
  119. 0% {
  120. opacity: 0;
  121. -ms-transform: translateY(-20px);
  122. }
  123. 100% {
  124. opacity: 1;
  125. -ms-transform: translateY(0);
  126. }
  127. }
  128. @keyframes fadeInDown {
  129. 0% {
  130. opacity: 0;
  131. transform: translateY(-20px);
  132. }
  133. 100% {
  134. opacity: 1;
  135. transform: translateY(0);
  136. }
  137. }
  138. .fadeInDown {
  139. -webkit-animation-name: fadeInDown;
  140. -moz-animation-name: fadeInDown;
  141. -ms-animation-name: fadeInDown;
  142. -o-animation-name: fadeInDown;
  143. animation-name: fadeInDown;
  144. }
  145.  
  146. @-webkit-keyframes bounceIn {
  147. 0% {
  148. opacity: 0;
  149. -webkit-transform: scale(.3);
  150. }
  151. 50% {
  152. opacity: 1;
  153. -webkit-transform: scale(1.05);
  154. }
  155. 70% {
  156. -webkit-transform: scale(.9);
  157. }
  158. 100% {
  159. -webkit-transform: scale(1);
  160. }
  161. }
  162. @-moz-keyframes bounceIn {
  163. 0% {
  164. opacity: 0;
  165. -moz-transform: scale(.3);
  166. }
  167. 50% {
  168. opacity: 1;
  169. -moz-transform: scale(1.05);
  170. }
  171. 70% {
  172. -moz-transform: scale(.9);
  173. }
  174. 100% {
  175. -moz-transform: scale(1);
  176. }
  177. }
  178. @-ms-keyframes bounceIn {
  179. 0% {
  180. opacity: 0;
  181. -ms-transform: scale(.3);
  182. }
  183. 50% {
  184. opacity: 1;
  185. -ms-transform: scale(1.05);
  186. }
  187. 70% {
  188. -ms-transform: scale(.9);
  189. }
  190. 100% {
  191. -ms-transform: scale(1);
  192. }
  193. }
  194. @-o-keyframes bounceIn {
  195. 0% {
  196. opacity: 0;
  197. -o-transform: scale(.3);
  198. }
  199. 50% {
  200. opacity: 1;
  201. -o-transform: scale(1.05);
  202. }
  203. 70% {
  204. -o-transform: scale(.9);
  205. }
  206. 100% {
  207. -o-transform: scale(1);
  208. }
  209. }
  210.  
  211. {block:ifblackwhitehover}img{
  212. -webkit-filter: grayscale(0%);
  213. }
  214. img:hover{
  215. -webkit-filter: grayscale(100%);
  216. z-index: -9999999999999999999999999px;
  217. }{/block:ifblackwhitehover}
  218.  
  219. {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}
  220.  
  221. ::-webkit-scrollbar-thumb{
  222. background-color: #ccc;
  223. border: 2px solid #ffffff;
  224. height:auto;
  225. -moz-border-radius: 10px;
  226. border-radius: 10px;
  227. }
  228.  
  229. ::-webkit-scrollbar {
  230. height:auto;
  231. width:9px;
  232. background-color: #999999;
  233. border: 4px solid #fff;
  234. }
  235.  
  236.  
  237.  
  238. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  239.  
  240. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  241.  
  242. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  243. p {
  244. margin:0px;
  245. margin-top:0px;
  246. }
  247.  
  248.  
  249. body {
  250. padding: 0px;
  251. margin: 0px;
  252. color:{color:text};
  253. font-family:"trebuchet ms";
  254. line-height:7px;
  255. font-size:10px;
  256. background-color: {color:Background};
  257. background-image:url({image:Background});
  258. background-attachment: fixed;
  259. background-repeat: repeat;
  260. }
  261.  
  262.  
  263. a:link, a:active, a:visited{
  264. text-decoration: none;
  265. -webkit-transition: color 0.3s ease-out;
  266. -moz-transition: color 0.3s ease-out;
  267. transition: color 0.3s ease-out;
  268. color:{color:link};
  269. }
  270.  
  271. a:hover {
  272. text-decoration: underline;
  273. font-style:;
  274. color: {color:Hover};
  275. }
  276.  
  277.  
  278.  
  279. div#center{
  280. margin:auto;
  281. position:relative;
  282. width:1000px;
  283. background-color:;
  284. overflow:auto;
  285. overflow-y:hidden;
  286. }
  287.  
  288.  
  289.  
  290.  
  291. #links{
  292. z-index:999;
  293. position:fixed;
  294. height:8px;
  295. left:0px;
  296. top:0px;
  297. width:100%;
  298. padding: 10px;
  299. opacity:.8;
  300. background-color:#222;
  301. }
  302.  
  303. #linkss{
  304. opacity:1;
  305. text-transform: none;
  306. text-align: center;
  307. font-size: 13px;
  308. line-height: 7px;
  309. }
  310.  
  311. #linkss a{
  312. color:#fff;
  313. }
  314. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  315. #blogtitle{
  316. position:fixed !important;
  317. z-index:99;
  318. width:400px;
  319. height:37px;
  320. opacity: 1;
  321. padding:3px;
  322. margin-top:-50px;
  323. margin-left:-105px;
  324. background:transparent;
  325. line-height:40px;
  326. text-align:center;
  327. border-bottom: 0px;
  328. color: {color:title};
  329. letter-spacing:4px;
  330. font-size: 32px;
  331. text-shadow: 1px 1px 2px #ccc;
  332. font-family: 'meow';
  333. -webkit-transition: all 0.9s ease;
  334. -moz-transition: all 0.9s ease;
  335. -o-transition: all 0.9s ease;
  336. }
  337. #sidebar:hover #blogtitle {
  338. margin-top: -65px;
  339. color: #ccc;
  340. opacity: 1;
  341. -webkit-transition: all 0.9s ease;
  342. -moz-transition: all 0.9s ease;
  343. -o-transition: all 0.9s ease;
  344. }
  345.  
  346.  
  347. div#sidebar {
  348. position:fixed;
  349. opacity: 1;
  350. width: 220px;
  351. padding:8px;
  352. margin-top:100px;
  353. margin-left: -30px;
  354. color: #777;
  355. padding-top: 10px;
  356. text-align: center;
  357. margin-bottom: 0px;
  358. padding-bottom: 10px;
  359. line-height: 14px;
  360. letter-spacing: 0px;
  361. background: white;
  362. letter-spacing: 0px;
  363. text-transform: normal;
  364. border: 1px double #ddd;
  365. transition: all 0.9s ease-out;
  366. -o-transition-transition: all 0.5s ease-out;
  367. -webkit-transition: all 0.5s ease-out;
  368. -moz-transition: all 0.5s ease-out;
  369. -webkit-animation: tada 2s;
  370. -moz-animation: tada 2s;
  371. -ms-animation: tada 2s;
  372. }
  373.  
  374. div#desc{
  375. position:fixed !important;
  376. opacity: 0;
  377. padding:6px;
  378. width: 224px;
  379. overflow:auto;
  380. text-align: center;
  381. margin-top: 270px;
  382. margin-left: -9px;
  383. font-family: consolas;
  384. color: {color:text};
  385. font-size: 11px;
  386. border: 1px double #ddd;
  387. background-color: #fff;
  388. line-height:13px;
  389. z-index: 9999;
  390. -webkit-transition: all 0.9s ease;
  391. -moz-transition: all 0.9s ease;
  392. -o-transition: all 0.9s ease;
  393. }
  394. #sidebar:hover #desc {
  395. margin-top: 239px;
  396. opacity: 1;
  397. -webkit-transition: all 0.9s ease;
  398. -moz-transition: all 0.9s ease;
  399. -o-transition: all 0.9s ease;
  400. }
  401.  
  402. .entry {
  403. margin:6px;
  404. padding: 5px;
  405. padding-bottom: 2px;
  406. float:left;
  407. line-height:10px;
  408. background-color:#fff;
  409. opacity: 1;
  410. border: solid 2px #eee;
  411. font-size: 11px;
  412. -webkit-animation:fadeInDown 3s;
  413. -moz-animation:fadeInDown 3s;
  414. -ms-animation:fadeInDown 3s;
  415. {block:iffadedposts}
  416. opacity: 0.8;
  417. {/block:iffadedposts}
  418. {block:IndexPage}
  419. width:240px;
  420. {/block:IndexPage}
  421. {block:PermalinkPage}
  422. width:530px;
  423. {/block:PermalinkPage}
  424. }
  425.  
  426.  
  427.  
  428. .entry .permalink {
  429. padding-top:0px;
  430. }
  431.  
  432. .teen {
  433. font-size:15px;
  434. line-height:100%;
  435. padding:2px;
  436. color:#fff;
  437. z-index:987897978978999999;
  438. }
  439.  
  440. .entry:hover .idle {
  441. opacity:0.85;
  442. z-index:999999;
  443. }
  444.  
  445.  
  446. #idle{
  447. color:#000;
  448. font-size:11px;
  449. opacity: 0;
  450. margin-top:0px;
  451. padding-left:5px;padding-right:5px;
  452. margin-left:5px;
  453. width:auto;
  454. height:20px;
  455. background-color: #fff;
  456. padding-top:5px;
  457. float:left;display:block;
  458. text-align:center;
  459. font-family:Consolas;
  460. border-radius:4px;
  461. -o-border-radius:4px;
  462. -moz-border-radius:4px;
  463. -webkit-border-radius:4px;
  464. -webkit-transition-duration:1s;
  465. -webkit-transition:1s;
  466. }
  467.  
  468.  
  469. #idle a {
  470. color:#000;
  471. text-decoration:none;
  472. -webkit-transition-duration:1s;
  473. -webkit-transition:1s;
  474. }
  475.  
  476. #idle:hover {
  477.  
  478. -webkit-transition-duration:1s;
  479. -webkit-transition:1s;
  480. z-index:99933999;
  481. }
  482. .teen:hover{
  483. -webkit-transition-duration:1s;
  484. -webkit-transition:1s;
  485. z-index:999999;
  486. }
  487.  
  488. .entry:hover #idle {
  489. opacity:0.8;
  490. z-index:999999;
  491. -webkit-transition-duration:1s;
  492. -webkit-transition:1s;
  493. }
  494.  
  495. #idle:hover .img {
  496. opacity:1;
  497. }
  498.  
  499.  
  500. .marina {
  501. width: 21px;
  502. height: 20px;
  503. display: block;
  504. position: relative;
  505. opacity: 0;
  506. z-index: 1000000;
  507. -webkit-transition-duration:1s;
  508. -webkit-transition:1s;
  509. }
  510.  
  511. .marina a {
  512. width: 21px;
  513. height: 20px;
  514. margin-top:-25px;
  515. padding-left:5px;padding-right:5px;
  516. width:21px;
  517. margin-left:5px;
  518. background-color: #fff;
  519. padding-top:5px;
  520. float:left;
  521. border-radius:4px;
  522. background-image: url("http://static.tumblr.com/j1tjexd/raBm8ecgy/like.png");
  523. background-repeat:no-repeat;
  524. background-position: 5px 4px;
  525. z-index: 1000000;
  526. -webkit-transition:1s;
  527.  
  528. -webkit-transition-duration:1s;
  529. }
  530.  
  531. .marina:hover {
  532. opacity: 1;
  533. -webkit-transition-duration:1s;
  534.  
  535. }
  536.  
  537. .entry:hover .marina{
  538. opacity: 0.8;
  539. webkit-transition-duration:1s;
  540. }
  541.  
  542. #posts {
  543. width:600px;
  544. margin-top:30px;
  545. z-index:99;
  546. margin-left:400px;
  547. right:auto;
  548. background:#fff;
  549. margin-right:auto;
  550. position:relative;
  551. overflow-y: hidden;
  552. {block:IfThreeColumn}
  553. width:900px;
  554. {/block:IfThreeColumn}
  555. }
  556. .cred {
  557. color: #000;
  558. font-family: Calibri;
  559. font-size:14px;
  560. z-index: 99999999999999px;
  561. line-height:14px;
  562. background:#fff;
  563. border: 1px #eee solid;
  564. background-repeat:repeat;
  565. padding:2px;
  566. -webkit-border-radius:2px;
  567. moz-border-radius:2px;
  568. -o-border-radius:2px;
  569. border-radius:2px;
  570. }
  571.  
  572. .cred a { color: #000; }
  573.  
  574.  
  575. .title{
  576. line-height: 12px;
  577. color:{color:Title};
  578. font-weight: normal;
  579. }
  580. .permalink{
  581. text-transform: normal;
  582. display: block;
  583. text-align: right;
  584. text-decoration: none;
  585. }
  586.  
  587.  
  588. #infscr-loading{
  589. bottom: -70px;
  590. position: relative;
  591. left: 50%;
  592. margin-left:-8px;
  593. width:16px;
  594. height:11px;
  595. overflow:hidden;
  596. margin-bottom: 50px;
  597. }
  598.  
  599. #postnotes{
  600. text-align: justify;}
  601.  
  602. #postnotes blockquote{
  603. border: 0px;}
  604.  
  605. blockquote{
  606. padding:0px 0px 2px 5px;
  607. margin:0px 0px 2px 10px;
  608. border-left: 1px dotted #555555;
  609. }
  610.  
  611. blockquote p, ul{
  612. margin:0px;
  613. padding:0px;
  614. }
  615.  
  616. a img{border: 0px;}
  617.  
  618.  
  619. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  620.  
  621. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  622. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  623.  
  624. .notes img{width:10px; position:relative; top:3px;}
  625. <--ses-->
  626. small{font-size: 90%;}
  627.  
  628. {CustomCSS}
  629.  
  630. </style>
  631.  
  632. {block:IndexPage}
  633. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  634.  
  635. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  636. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  637. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  638.  
  639. <script type="text/javascript">
  640. $(window).load(function(){
  641. var $wall = $('#posts');
  642. $wall.imagesLoaded(function(){
  643. $wall.masonry({
  644. itemSelector: '.entry, .entry_photo',
  645. isAnimated : false
  646. });
  647. });
  648.  
  649. $wall.infinitescroll({
  650. navSelector : '#pagination',
  651. nextSelector : '#pagination a',
  652. itemSelector : '.entry, .entry_photo',
  653. bufferPx : 2000,
  654. debug : false,
  655. errorCallback: function() {
  656. $('#infscr-loading').fadeOut('normal');
  657. }},
  658. function( newElements ) {
  659. var $newElems = $( newElements );
  660. $newElems.hide();
  661. $newElems.imagesLoaded(function(){
  662. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  663. });
  664. }); $('#posts').show(500);
  665. });
  666. </script>
  667.  
  668.  
  669. {/block:IndexPage}
  670.  
  671.  
  672. <title>{title}</title>
  673.  
  674. <link rel="shortcut icon" href="{Favicon}" />
  675. <meta name="viewport" content="width=820" />
  676. </head>
  677. <body>
  678.  
  679. </div>
  680.  
  681.  
  682. <div id="cage">
  683. <div id="center">
  684. <div id="sidebar">
  685. <div id="blogtitle">{title}</center></div>
  686. <div id="desc">
  687. {description}</center>
  688. </div>
  689. <img src="{image:sidebar}" style="width:200px; height: 211px; background: #fff; padding: 4px;"></a></div>
  690.  
  691. <div id="links"><div id="linkss">
  692.  
  693. <a href="/">Home</a> &nbsp;&nbsp;&nbsp;&nbsp;
  694.  
  695. <a href="/ask">Message</a> &nbsp;&nbsp;&nbsp;&nbsp;
  696.  
  697. {block:ifcustomlinkonetitle} <a href="{text:custom link one}">{text:custom link one title}</a>{/block:ifcustomlinkonetitle} &nbsp;&nbsp;&nbsp;&nbsp;
  698.  
  699. {block:ifcustomlinktwotitle} <a href="{text:custom link two}">{text:custom link two title}</a>{/block:ifcustomlinktwotitle} &nbsp;&nbsp;&nbsp;&nbsp;
  700.  
  701. {block:ifcustomlinkthreetitle} <a href="{text:custom link three}" >{text:custom link three title}</a>{/block:ifcustomlinkthreetitle} &nbsp;&nbsp;&nbsp;&nbsp;
  702.  
  703. {block:ifcustomlinkfourtitle} <a href="{text:custom link four}" >{text:custom link four title}</a>{/block:ifcustomlinkfourtitle} &nbsp;&nbsp;&nbsp;&nbsp;
  704.  
  705. {block:ifcustomlinkfivetitle} <a href="{text:custom link five}" >{text:custom link five title}</a>{/block:ifcustomlinkfivetitle} &nbsp;&nbsp;&nbsp;&nbsp;
  706.  
  707. {block:ifcustomlinksixtitle} <a href="{text:custom link six}" >{text:custom link six title}</a>{/block:ifcustomlinksixtitle} &nbsp;&nbsp;&nbsp;&nbsp;
  708.  
  709. </div></div>
  710.  
  711.  
  712. </div>
  713.  
  714.  
  715. <div class="left">
  716. <div id="posts">
  717. {block:Posts}
  718. <div class="entry">
  719.  
  720. {block:Answer}
  721. <div style="margin: 2px 3px 2px 3px; min-height:30px; border: 1px solid #dbd7d7; padding: 4px;border-radius:0px; background-color: white;">
  722. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  723. <askk>{Asker}</askk>: {Question}</div>
  724. <div style="padding: -1px 5px -1px 5px;background: transparent;"><center>{Answer}</center><askk><div style="margin-top:4px;"></askk></div></div><div style="margin-top:5px;">
  725. <P ALIGN=right><font size="1"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{permalink}">{timeago}</a></font></div>
  726. {/block:Answer}
  727.  
  728.  
  729.  
  730. {block:Text}
  731. {block:Title}<span class="title">{Title}</span>{/block:Title}
  732. <span class="entrytext">{Body}</span>
  733. <center><div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a></div></center>
  734. {/block:Text}
  735.  
  736. {block:Link}
  737. <a href="{URL}" class="title">{Name}</a>
  738. {block:Description}{Description}{/block:Description}
  739. <div class="permalinktext"> <center><a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </center></div>
  740. {block:Link}
  741.  
  742. {block:Photo}
  743. {block:IndexPage}
  744.  
  745. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=240px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  746.  
  747. <div class="teen" style="display:Block;">
  748.  
  749. <div style="margin-left:36px;margin-top:-35px;"><div id="idle"><a href="{Permalink}"><div style="opacity:1;">{NoteCount}</div></a></div>
  750. <div id="idle"><a href="{ReblogURL}">Reblog</a></div></div>
  751. <span class="marina"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img width="21" height="20" src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="Like"/></a></span>
  752.  
  753. </div>
  754.  
  755.  
  756. {/block:IndexPage}
  757.  
  758. {LinkCloseTag}
  759. {/block:PermalinkPage}
  760. {/block:Photo}
  761.  
  762. {block:Photoset}
  763. {block:IndexPage}
  764. <center>
  765.  
  766. <div class="permalink"><center>
  767. <div style="border-top: 1px solid #ddd; text-align: right;"><a href="{Permalink}">{NoteCountWithLabel}</a> &middot <a href="{ReblogURL}">reblog</a></span></center></div></div>
  768.  
  769. {Photoset-250}</center>
  770. {/block:IndexPage}
  771. {block:PermalinkPage}
  772. <center>
  773. {Photoset-500}</center>
  774. {/block:PermalinkPage}
  775. {/block:Photoset}
  776.  
  777. {block:Quote}
  778. {Quote}</span>
  779. {block:Source}<strong>{Source}</strong>{/block:Source}
  780. {/block:Quote}
  781.  
  782. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  783. <ul class="chat">
  784. {block:Lines}
  785. <li class="user_{UserNumber}">
  786. {block:Label}
  787. <span class="label">{Label}</span>
  788. {/block:Label}
  789.  
  790. {Line}
  791. </li>
  792. {/block:Lines}
  793. <div class="permalink">
  794. <div class="perma">
  795. <center><a href="{permalink}">{NoteCount}</a> - <a href="{permalink}">{timeago}</a> - <a href="{ReblogURL}" target="_blank"> reblog </a></span></div></center></div>
  796. {/block:Chat}
  797.  
  798. {block:Audio}
  799. <center><div style="width:350px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  800. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  801. {/block:Audio}
  802.  
  803.  
  804. {block:Video}
  805. {block:IndexPage}
  806. <center>
  807. <div class="permalink">
  808. <div class="perma">
  809. <center><a href="{permalink}">{NoteCount}</a> - <a href="{permalink}">{timeago}</a> - <a href="{ReblogURL}" target="_blank"> reblog </a></span></div></center></div>
  810. {Video-250}</center>
  811. {/block:IndexPage}
  812. {block:PermalinkPage}
  813. <center>
  814. {Video-400}</center>
  815. {/block:PermalinkPage}
  816. {block:Video}
  817.  
  818.  
  819. {block:PostNotes}<div align="middle">{caption}</div>
  820. <center>
  821.  
  822. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  823.  
  824. {block:HasTags}
  825. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  826. {block:RebloggedFrom}
  827. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  828. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  829.  
  830. {/block:RebloggedFrom}
  831. </center></span>
  832. <br>
  833. <div id="postnotes">{PostNotes}</div><br>
  834.  
  835. <center>{block:ContentSource}
  836. <br><a href="{SourceURL}">
  837. {lang:Source}:
  838. {block:SourceLogo}
  839. <img src="{BlackLogoURL}" width="{LogoWidth}"
  840. height="{LogoHeight}" alt="{SourceTitle}" />
  841. {/block:SourceLogo}
  842. {block:NoSourceLogo}
  843. {SourceLink}
  844. {/block:NoSourceLogo}
  845. </a>
  846. {/block:ContentSource}</center>
  847.  
  848. {/block:PostNotes}
  849. </div>
  850. {/block:Posts}
  851. </div></div>
  852.  
  853. {block:IndexPage}
  854. {block:Pagination}
  855. <div id="pagination">
  856. {block:NextPage}
  857. <a id="nextPage" href="{NextPage}"></a>
  858. {/block:NextPage}
  859. {block:PreviousPage}
  860. <a href="{PreviousPage}"></a>
  861. {/block:PreviousPage}
  862. </div>
  863. {/block:Pagination}
  864. {/block:IndexPage}
  865.  
  866. <div style="position: fixed; right:6px;bottom:10px;">
  867. <span class="cred">
  868. <a href="http://teenageblog.tumblr.com/" target="_blank">
  869. </a></span></div>
  870.  
  871. </body>
  872.  
  873. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement