Advertisement
teenageblog

James Dean Theme

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