Advertisement
thegreatalyssa

thegreatalyssa - Half Past Nine

Dec 26th, 2012
1,000
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <!--
  6. HALF PAST NINE
  7. Theme by: http://www.thegreatalyssa.tumblr.com
  8. Preview here: http://www.thegreatalyssa002.tumblr.com
  9. CREDITS
  10. Texture: http://www.subtlepattern.com
  11. DO NOT REMOVE THIS
  12. -->
  13.  
  14.  
  15.  
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <link href='http://fonts.googleapis.com/css?family={text:Google Webfont name}' rel='stylesheet' type='text/css'>
  27.  
  28. <meta name="color:Background" content=""/>
  29. <meta name="image:Background" content="http://static.tumblr.com/qjsklvb/My3mfkyov/cardboard_flat.png"/>
  30. <meta name="color:Text" content="#000"/>
  31. <meta name="text:Google Webfont name" content="Cambria"/>
  32. <meta name="text:Text Size" content="13"/>
  33. <meta name="color:Notes Background" content="#919191"/>
  34. <meta name="image:Sidebar Image" content="http://static.tumblr.com/qjsklvb/qn1mfmplg/tumblr_mfa0m3yrcn1rlto19o1_500_large.jpg"/>
  35. <meta name="image:Sidebar Description Background" content="http://static.tumblr.com/qjsklvb/kh6mfmpni/the_maine.png"/>
  36. <meta name="color:Link" content="#4a4a4a"/>
  37. <meta name="color:Link Hover" content="#4a4a4a"/>
  38. <meta name="color:Link Hover Background" content="#ed7b7b"/>
  39. <meta name="image:Banner" content=""/>
  40. <meta name="if:Faded Images" content=""/>
  41. <meta name="if:Fixed Sidebar" content=""/>
  42. <meta name="color:Box Shadow" content="#707070"/>
  43. <meta name="if:Scroll To Top" content="1"/>
  44. <meta name="if:Infinite Scroll" content="1"/>
  45. <meta name="color:Description Text Shadow" content="#8a8a8a"/>
  46. <meta name="if:Show Twitter" content=""/>
  47. <meta name="text:Twitter Username" content=""/>
  48. <meta name="if:Show Instagram" content=""/>
  49. <meta name="text:Instagram Username" content=""/>
  50. <meta name="text:Description Text Size" content="10"/>
  51. <meta name="if:Show Tags" content="1"/>
  52. <meta name="if:Searchbar" content=""/>
  53. <meta name="if:Show Date" content=""/>
  54. <meta name="text:Link1" content="HOME"/>
  55. <meta name="text:Link1 URL" content="http://www.thegreatalyssa.tumblr.com/"/>
  56. <meta name="text:Link2" content="ASK BOX"/>
  57. <meta name="text:Link2 URL" content="/ask"/>
  58. <meta name="text:Link3" content="ARCHIVE"/>
  59. <meta name="text:Link3 URL" content="/archive"/>
  60. <meta name="text:Link4" content="ABOUT"/>
  61. <meta name="text:Link4 URL" content="/about"/>
  62. <meta name="text:Link5" content="RSS"/>
  63. <meta name="text:Link5 URL" content="/rss"/>
  64. <meta name="text:Music player code" content=""/>
  65.  
  66.  
  67. <style type="text/css">
  68. body {
  69. background-color:{color:Background};
  70. background-image:url('{image:Background}');
  71. background-repeat:repeat;
  72. font:{text:Text Size}px {text:Google Webfont name};
  73. color:{color:Text};
  74. margin:0px;
  75. padding:0px;
  76. }
  77.  
  78. a {
  79. color:{color:Link};
  80. text-decoration:none;
  81. letter-spacing:1px;
  82. }
  83.  
  84. a:hover {
  85. color:{color:Link Hover};
  86. background:{color:Link Hover Background};
  87. text-decoration:none;
  88. letter-spacing:3px;
  89. -webkit-transition-duration:.3s;
  90. }
  91.  
  92. #container {
  93. width:850px;
  94. margin:20px 0px 20px 70px;
  95. }
  96.  
  97. #sidebar {
  98. float:left;
  99. width:250px;
  100. margin-top:20px;
  101. box-shadow:0px 0px 3px {color:Box Shadow};
  102. -webkit-transition:box-shadow 0.3s ease-out;
  103. -moz-transition:box-shadow 0.3s ease-out;
  104. transition:box-shadow 0.3s ease-out;
  105. -o-transition:box-shadow 0.3s ease-out;
  106. padding:10px;
  107. {block:ifFixedSidebar}
  108. position:fixed;
  109. {/block:ifFixedSidebar}
  110. }
  111.  
  112. #sidebar:hover {
  113. box-shadow:0px 0px 15px {color:Box Shadow};
  114. }
  115.  
  116. #sidebar h1 {
  117. margin:0px 0px;
  118. letter-spacing:4px;
  119. }
  120.  
  121. #sidebar h1:hover{
  122. text-decoration:none;
  123. letter-spacing:12px;
  124. -webkit-transition-duration:.3s;
  125.  
  126. }
  127.  
  128. .description {
  129. color:{color:Text};
  130. }
  131.  
  132. .description a{
  133. color:{color:Link};
  134. letter-spacing:1px;
  135. }
  136.  
  137. .description a:hover{
  138. color:{color:Link Hover};
  139. background:{color:Link Hover Background};
  140. letter-spacing:2px;
  141. -webkit-transition-duration:.2s;
  142. }
  143.  
  144. .links {
  145.  
  146. }
  147.  
  148. #banner {
  149. width: 600px;
  150. text-align: center;
  151. }
  152.  
  153. #banner a{
  154. width:600px;
  155. align:left;
  156. }
  157.  
  158. #banner a:hover{
  159. text-decoration:none;
  160. width:600px;
  161. align:left;
  162. }
  163.  
  164. #content {
  165. width:570px;
  166. float:right;
  167. }
  168.  
  169. {block:ifFadedImages}
  170. img{
  171. opacity: 1.0;
  172. -webkit-transition: all 0.3s linear 0s;
  173. -moz-transition: all 0.3s linear 0s;
  174. -o-transition: all 0.3s linear 0s;
  175. transition: all 0.3s linear 0s;}
  176.  
  177. img:hover{opacity: 0.6;
  178. -webkit-transition: all 0.3s linear 0s;
  179. -moz-transition: all 0.3s linear 0s;
  180. -o-transition: all 0.3s linear 0s;
  181. transition: all 0.3s linear 0s;}
  182. {/block:ifFadedImages}
  183.  
  184. .post {
  185. padding:10px;
  186. font-size:{text:Text Size};
  187. font-family:{text:Google webfont name};
  188. margin:0px 0px 20px 50px;
  189. box-shadow:0px 0px 3px {color:Box Shadow};
  190. -webkit-transition:box-shadow 0.3s ease-out;
  191. -moz-transition:box-shadow 0.3s ease-out;
  192. transition:box-shadow 0.3s ease-out;
  193. -o-transition:box-shadow 0.3s ease-out;
  194. padding:10px;
  195. }
  196.  
  197. .post:hover {
  198. box-shadow:0px 0px 15px {color:Box Shadow};
  199. }
  200.  
  201. .post .meta {
  202. text-align:right;
  203. }
  204.  
  205. #postnotes {
  206.  
  207. }
  208.  
  209.  
  210. .entriesnotes {
  211. width: 570px;
  212. height: auto;
  213. margin:auto;
  214. z-index:4;
  215. margin:20px;
  216. }
  217.  
  218. .entriesnotes:hover {
  219. opacity:0.7;
  220. transition-duration: 0.6s;
  221. -moz-transition-duration: 0.6s;
  222. -webkit-transition-duration: 0.6s;
  223. -o-transition-duration: 0.6s;}
  224.  
  225. .notes {
  226. opacity:0.0;
  227. margin:0;
  228. padding:0;
  229. height:0;
  230. width:0;}
  231.  
  232.  
  233. .note {
  234. height:20px;
  235. float:left;
  236. opacity:0.2;
  237. background-color:{color:Notes Background};
  238. font-size:{text:Text Size};
  239. font-family:{text:Google Webfont name};
  240. color:{color:Text};
  241. width: 500px;
  242. text-transform:lowercase;
  243. transition-duration: 0.6s;
  244. -moz-transition-duration: 0.6s;
  245. -webkit-transition-duration: 0.6s;
  246. -o-transition-duration: 0.6s; }
  247.  
  248.  
  249. .entriesnotes:hover .note {
  250. font-size:{text:Text Size};
  251. font-family:{text:Google Webfont name};
  252. color:{color:Text};
  253. opacity:1.0;
  254. height:60px;
  255. transition-duration: 0.6s;
  256. -moz-transition-duration: 0.6s;
  257. -webkit-transition-duration: 0.6s;
  258. -o-transition-duration: 0.6s; }
  259.  
  260.  
  261. .note a:link, .note a:active, .note a:visited {
  262. font-size:{text:Text Size};
  263. font-family:{text:Google Webfont name};
  264. color: {color:Text};
  265. }
  266.  
  267. .note a:hover {
  268. color: {color:Text};
  269. }
  270.  
  271.  
  272. .navtitle
  273. {
  274. background:#d1d1d1;
  275. width:250px;
  276. height:16px;
  277. display: inline-block;
  278. padding:3px 0px 3px;
  279. margin-top:2px;
  280. margin-bottom:2px;
  281. text-align:center;
  282. border:2px double #575757 ;
  283. }
  284.  
  285. .navtitleinfo
  286. {
  287. background:-color:#d1d1d1;
  288. width:250px;
  289. color:#000;
  290. text-transform:uppercase;
  291. letter-spacing:3px;
  292. text-align:center;
  293. font-family:{text:Google Webfont name};
  294. font-size:14px;
  295.  
  296. }
  297.  
  298. .sidenav a:link, .sidenav a:active, .sidenav a:visited
  299. {
  300. width:230px;
  301. border:1px #fff;
  302. background-color:#787878;
  303. color:#363636;
  304. display: inline-block;
  305. text-decoration:none;
  306. font-family:{text:Google Webfont Name};
  307. font-size:12px;
  308. padding:2px;
  309. padding-left:10px;
  310. border-left:10px solid #363636;
  311. margin-top:2px;
  312. -webkit-transition-property:color, text;
  313. -webkit-transition-duration: .4s;
  314. -moz-transition-duration: .4s;
  315. -webkit-transition-timing-function: linear, ease-in;
  316. }
  317.  
  318. .sidenav a:hover
  319. {
  320. background-color:#a8a8a8;
  321. background-repeat:no-repeat;
  322. background-position:right;
  323. border-left:30px solid #363636;
  324. width:200px;
  325. color:{color:Link Hover};
  326. padding-left:20px;
  327. -webkit-transition-duration: .4s;
  328. -moz-transition-duration: .4s;
  329. }
  330.  
  331.  
  332. #sidebarimg {
  333. background-image:url('{image:Sidebar Image}');
  334. background-size:100%;
  335. width:235px;
  336. height:235px;
  337. position:relative;
  338. opacity:0.7;
  339. z-index:1000;
  340. overflow:auto;
  341. box-shadow:#818482 0px 0px 20px;
  342. -moz-border-radius: 150px;
  343. border-radius: 150px;
  344. border:10px solid {color:Box Shadow};
  345. transition-duration: 1s;
  346. -moz-transition-duration: 1s;
  347. -webkit-transition-duration: 1s;
  348. -o-transition-duration: 1s;}
  349.  
  350. #sidewhole {
  351. width:200px;
  352. height:auto;
  353. opacity:0.0;
  354. -webkit-transition: opacity 0.7s linear;
  355. -webkit-transition: all 0.7s ease-out;
  356. -moz-transition: all 0.7s ease-out;
  357. transition: all 0.7s ease-out;}
  358.  
  359.  
  360. #sidebarimg:hover {
  361. opacity:1.0;
  362. background-image:url('{image:Sidebar Description Background}');
  363. background-repeat:no-repeat;
  364. -webkit-transform: rotate(360deg);
  365. -moz-transform: rotate(360deg);
  366. -o-transform: rotate(360deg);
  367. -ms-transform: rotate(360deg);
  368. transform: rotate(360deg);
  369. transition-duration: 1s;
  370. -moz-transition-duration: 1s;
  371. -webkit-transition-duration: 1s;
  372. -o-transition-duration: 1s;}
  373.  
  374.  
  375.  
  376. #sidebarimg:hover #sidewhole {
  377. opacity:1.0;
  378. margin-top:50px;
  379. margin-left:50px;
  380. -webkit-transition: opacity 0.7s linear;
  381. -webkit-transition: all 0.7s ease-out;
  382. -moz-transition: all 0.7s ease-out;
  383. transition: all 0.7s ease-out;}
  384.  
  385.  
  386. #sideinfo {
  387. width:200px;
  388. height:auto;
  389. font:{text:Description Text Size}px {text:Google Webfont name};
  390. font-color:{color:Text};
  391. text-shadow:{color:Description Text Shadow} 1px 1px 1px;
  392. max-height:150px;
  393. padding: 0px 2px 0px 2px;
  394. float:center;
  395. overflow:scroll;
  396. text-align:justify;
  397. opacity:0.0;
  398. border-left:0px;
  399. border-right:0px;}
  400.  
  401.  
  402.  
  403. #sidebarimg:hover #sideinfo {
  404. opacity:0.6;
  405. -webkit-transition: opacity 0.7s linear;
  406. -webkit-transition: all 0.7s ease-out;
  407. -moz-transition: all 0.7s ease-out;
  408. transition: all 0.7s ease-out;}
  409.  
  410.  
  411. #music {
  412. background:url('{image:Background}');
  413. position:fixed;
  414. top:0px;
  415. left:0px;
  416. padding:10px;
  417. width:20px;
  418. height:15px;
  419. overflow:hidden;
  420. -webkit-transition: all 0.3s ease;
  421. -moz-transition: all 0.3s ease;
  422. transition: all 0.3s ease;
  423. -webkit-border-radius: 0px 30px 0px 0px;
  424. -moz-border-radius: 0px 30px 0px 0px;
  425. border-radius: 0px 30px 0px 0px;
  426. }
  427.  
  428. #music:hover {
  429. width:250px;
  430. }
  431.  
  432. #music .inner {
  433. width:250px;
  434. }
  435.  
  436.  
  437. .quote {
  438. border: dashed {color:Box Shadow};
  439. }
  440.  
  441. .source {
  442. font-style:bold;
  443. letter-spacing:2px;
  444. }
  445.  
  446. #search {
  447. margin-top:0px;
  448. }
  449.  
  450. form#search input {
  451. font:{text:Text Size}px {text:Google Webfont name};
  452. width:250px;
  453. margin-top:-1px;
  454. margin-left:-1px;
  455. background-image:url('{image:Background}');
  456. border: 0;
  457.  
  458. }
  459.  
  460. form#search input:hover {
  461. background-image:url('{image:Background}');
  462. }
  463.  
  464. form#search input:focus {
  465. background-image:url('{image:Background}');
  466. width: 250px;
  467. }
  468.  
  469. .playbutton {
  470. width: 20px;
  471. height: 20px;
  472. overflow: hidden;
  473. position: relative;
  474. opacity:0.5;
  475. left:20px;
  476. top:20px;
  477. z-index: 1000; }
  478.  
  479. .cover {
  480. position: relative;
  481. z-index: 1;
  482. width:150px;
  483. height:150px;
  484. margin:5px;
  485. -webkit-border-radius: 100px;
  486. -moz-border-radius: 100px;
  487. border-radius: 100px;
  488. box-shadow:{color:Body Dark Shadow} 0px 0px 7px; }
  489.  
  490. .playbox {background-color: #FFFFFF;
  491. position: absolute;
  492. z-index: 1000;
  493. opacity:0.5;
  494. width:70px;
  495. height:70px;
  496. margin-left:45px;
  497. margin-top:45px;
  498. -webkit-border-radius: 100px;
  499. -moz-border-radius: 100px;
  500. border-radius: 100px;}
  501.  
  502. .playbutton:hover {
  503. opacity:1.0; }
  504.  
  505.  
  506.  
  507. .twitter {
  508. bottom:10px;
  509. left:75px;
  510. position: fixed;
  511.  
  512. }
  513.  
  514. .insta {
  515. bottom:10px;
  516. left:10px;
  517. position:fixed;
  518. }
  519.  
  520. blockquote {
  521. border:1px dashed {color:Description Text Shadow};
  522. padding:5px 5px 5px 5px;
  523. }
  524. {CustomCSS}
  525. </style>
  526.  
  527.  
  528. {block:ifinfinitescroll}
  529. {block:indexpage}
  530. <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
  531. <script>
  532. $(function(){
  533.  
  534. var $container = $('#content');
  535. $container.infinitescroll({
  536. navSelector : '#page-nav', // selector for the paged navigation
  537. nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
  538. itemSelector : '#entry', // selector for all items you'll retrieve
  539. loading: {
  540. finishedMsg: '<em>no more!</em>',
  541. img: 'http://sierrafire.cr.usgs.gov/images/loading.gif'
  542. }
  543. },
  544. // trigger Masonry as a callback
  545. function( newElements ) {
  546. var $newElems = $( newElements ).css({ opacity: 1 });
  547. $newElems.imagesLoaded(function(){
  548. $newElems.animate({ opacity: 1 });
  549. $container.masonry( 'appended', $newElems, true );
  550. });
  551. }
  552. );
  553.  
  554. });
  555. </script>
  556. <nav id="page-nav">
  557. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
  558. {/block:indexpage}
  559. {/block:ifinfinitescroll}
  560.  
  561.  
  562. {block:ifScrollToTop}
  563.  
  564. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  565.  
  566. <script type="text/javascript" src="http://static.tumblr.com/qjsklvb/Nncmfo3l0/scroll_to_top_js_black.txt"></script>
  567. {/block:ifScrollToTop}
  568.  
  569.  
  570. </head>
  571.  
  572. <body>
  573. <div id="container">
  574. {block:ifBannerImage}<div id="banner"><a href="/"><img src="{image:Banner}" alt="banner" /></a></div>{/block:ifBannerImage}
  575.  
  576.  
  577. <div id="sidebar">
  578. <center>
  579. <h1>{Title}</h1>
  580. <br>
  581.  
  582.  
  583. <div id="sidebarimg">
  584. <div id="sidewhole">
  585. <div id="sideinfo">{Description}</div>
  586. </div> <!-- END SIDE WHOLE -->
  587. </div> <!-- END SIDE IMG -->
  588.  
  589. <br><br>
  590. <div class="navtitle"><div class="navtitleinfo">NAVIGATION</div></div>
  591. </center>
  592. <div class="sidenav">
  593. <a href="{text:Link1 URL}">{text:Link1}</a>
  594. <a href="{text:Link2 URL}">{text:Link2}</a>
  595. <a href="{text:Link3 URL}">{text:Link3}</a>
  596. <a href="{text:Link4 URL}">{text:Link4}</a>
  597. <a href="{text:Link5 URL}">{text:Link5}</a>
  598. <a href="http://www.thegreatalyssa.tumblr.com">THEME</a>
  599. <!-- DO NOT REMOVE THE CREDIT
  600. THANKS -->
  601. </div>
  602. <br>
  603.  
  604.  
  605.  
  606. {block:ifSearchBar}
  607. <form action="/search" method="get" id="search">
  608. <input type="text" name="q" value="SEARCH" onfocus="value='{searchQuery}'" onblur="value='SEARCH'"/>
  609.  
  610. <input type="hidden" value="Search" />
  611. </form>
  612. {/block:ifSearchbar}
  613. <br>
  614. <center>
  615. <div class="pagnition">
  616. {block:PreviousPage}<a href="{PreviousPage}"><big>&larr; </big></a>{/block:PreviousPage}
  617. {block:NextPage}<a href="{NextPage}"><big>&rarr; </big></a>{/block:NextPage}
  618. </div>
  619. </center>
  620.  
  621.  
  622.  
  623. </div>
  624.  
  625.  
  626.  
  627. <div id="content">
  628.  
  629. {block:Posts}
  630. <div class="entriesnotes">
  631. <div class="post">
  632.  
  633. <div class="note" style="text-align: left;">
  634.  
  635. <big>▲</big> {block:ifShowDate}{block:Date} <a href="{Permalink}">Posted{TimeAgo}</a>{/block:Date}<br> {/block:ifShowDate}{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}
  636. {block:NoteCount} <b>&phi;</b><a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</a>
  637. {block:ifShowTags} <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:ifShowTags}
  638. <br>
  639.  
  640. </div>
  641.  
  642. {block:Text}
  643. {block:Title}
  644. <h3><a href="{Permalink}">{Title}</a></h3>
  645. {/block:Title}
  646.  
  647. {Body}
  648. {/block:Text}
  649.  
  650. {block:Photo}
  651. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  652.  
  653. {block:Caption}
  654. <div class="caption">{Caption}</div>
  655. {/block:Caption}
  656. {/block:Photo}
  657.  
  658. {block:Photoset}
  659. {Photoset-500}
  660.  
  661. {block:Caption}
  662. <div class="caption">{Caption}</div>
  663. {/block:Caption}
  664. {/block:Photoset}
  665.  
  666. {block:Quote}
  667. "{Quote}"
  668.  
  669. {block:Source}
  670. <div class="source">{Source}</div>
  671. {/block:Source}
  672. {/block:Quote}
  673.  
  674. {block:Link}
  675. <a href="{URL}" class="link" {Target}>{Name}</a>
  676.  
  677. {block:Description}
  678. <div class="description">{Description}</div>
  679. {/block:Description}
  680. {/block:Link}
  681.  
  682. {block:Chat}
  683. {block:Title}
  684. <h3><a href="{Permalink}">{Title}</a></h3>
  685. {/block:Title}
  686.  
  687. <ul class="chat">
  688. {block:Lines}
  689. <li class="{Alt} user_{UserNumber}">
  690. {block:Label}
  691. <span class="label">{Label}</span>
  692. {/block:Label}
  693.  
  694. {Line}
  695. </li>
  696. {/block:Lines}
  697. </ul>
  698. {/block:Chat}
  699.  
  700. {block:Video}
  701. {Video-500}
  702.  
  703. {block:Caption}
  704. <div class="caption">{Caption}</div>
  705. {/block:Caption}
  706. {/block:Video}
  707.  
  708.  
  709. {block:Audio}
  710.  
  711. <table><tr><td width="20%" vAlign="middle">
  712. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  713. {block:AlbumArt}
  714. <img src="{AlbumArtURL}" class="cover">
  715. {/block:AlbumArt}
  716. </td><td width="80%" vAlign="middle">
  717. <div class="audiocaption">
  718. {block:Artist}
  719. {Artist}
  720. {/block:Artist}<p>
  721. {block:TrackName}
  722. <i>{TrackName}</i>
  723. {/block:TrackName}<p>
  724. {PlayCountWithLabel}
  725. </td></tr></table>
  726. {/block:Audio}
  727.  
  728. {block:PermalinkPage}
  729. {block:PostNotes}
  730. <div id="postnotes">
  731. {PostNotes}
  732. </div>
  733. {/block:PostNotes}
  734. {/block:PermalinkPage}
  735. </div>
  736. </div>
  737. {/block:Posts}
  738. </div>
  739.  
  740. </div>
  741.  
  742. {block:ifmusicplayercode}
  743. <div id="music">
  744. <div class="inner">
  745. <div style="float:left;"><img src="http://static.tumblr.com/qjsklvb/WQGmfn56h/tumblr_m7vzruaunt1r6o8v2.gif">&nbsp;&nbsp;&nbsp;</div>
  746. <div style="float:left;">{text:music player code}</div>
  747. </div>
  748. </div>
  749. {/block:ifmusicplayercode}
  750.  
  751.  
  752. {block:ifShowTwitter}
  753. <div class="twitter"><a href="http://twitter.com/{text:Twitter Username}"><img src="http://static.tumblr.com/qjsklvb/y5vmfmsxj/twitter.png" height="50" width="50"/></a></div>
  754. {/block:ifShowTwitter}
  755. {block:ifShowInstagram}
  756. <div class="insta"><a href="http://www.web.stagram.com/n/{text:Instagram Username}"><img src="http://static.tumblr.com/qjsklvb/s5Emfmszn/instagram-icon.png" height="50" width="50"/></a></div>
  757. {/block:ifShowInstagram}
  758.  
  759.  
  760. </body>
  761. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement