API tools faq
paste
Advertisement
emmelinethemes

theme 06: be iron

emmelinethemes
Oct 16th, 2014
328
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.09 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!----THEME 06 BY EM @ MYRORY. THANK YOU FOR USING MY THEME! FEEL FREE TO MAKE CHANGES OR ASK ME FOR HELP. SEND QUESTIONS TO: EMMELINETHEMES.TUMBLR.COM/ASK
  7.  
  8. DO NOT:
  9. REMOVE THE CREDIT (ITS TINY OK I CAN BARELY SEE IT AND I PUT IT THERE)
  10. USE MY THEME AS A BASE CODE (THERES A GREAT ONE BY FARAHMIR AND IF YOU WANT MY BASE CODE I WOULD BE HAPPY TO RELEASE ONE, JUST ASK)
  11. STEAL ANY PART OF MY CODE (I WILL RECOGNIZE MY CODING.) ------>
  12.  
  13. <!---THANK YOU TO MEDUESA FOR THE UPDATES TAB BASE CODE AND HELP ON THE SLIDE MENU! THE SLIDE MENU IS FROM CODEDROPS UWU------>
  14.  
  15.  
  16.  
  17.  
  18. <!----BLOCK STYLED------>
  19.  
  20. <title>{title}{block:PostSummary}, {PostSummary} {/block:PostSummary}</title>
  21. <link rel="shortcut icon" href="{Favicon}"/>
  22.  
  23. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  24.  
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:text" content="#000"/>
  27. <meta name="color:titlee" content="#000"/>
  28. <meta name="color:link" content=""/>
  29. <meta name="color:link hover" content=""/>
  30. <meta name="color:postinfobg" content="#f0e8e8"/>
  31.  
  32. <meta name="image:sidebarimg" content=""/>
  33. <meta name="image:background img" content=""/>
  34.  
  35. <meta name="text:Link1" content="Link1" />
  36. <meta name="text:Url1" content="" />
  37. <meta name="text:Link2" content="Link2" />
  38. <meta name="text:Url2" content="" />
  39. <meta name="text:Link3" content="Link3" />
  40. <meta name="text:Url3" content="" />
  41. <meta name="text:Link4" content="Link4" />
  42. <meta name="text:Url4" content="" />
  43. <meta name="text:Link5" content="Link5" />
  44. <meta name="text:Url5" content="" />
  45.  
  46. <meta name="if:updatestab" content=""/>
  47. <meta name="text:updates tab 1" content="text here"/>
  48. <meta name="text:updates tab 2" content="text here"/>
  49. <meta name="text:updates tab 3" content="text here"/>
  50. <meta name="text:updates tab 4" content="text here"/>
  51.  
  52.  
  53. <!--side push menu from codrops-->
  54. <!--don't touch-->
  55. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  56. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
  57.  
  58.  
  59. <script>
  60. jQuery(document).ready(function($) {
  61. $('.toggle').jPushMenu();
  62. });
  63. </script>
  64.  
  65. <script type="text/javascript">
  66. $(window).load(function(){
  67. $("p").remove(":contains('Source:')");
  68. $("p").remove(":contains('(via')");
  69. });
  70. </script>
  71.  
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  74.  
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81. #s-m-t-tooltip{
  82. max-width:300px;
  83. padding:4px 4px 4px 4px;
  84. margin:20px 0px 0px 20px;
  85. background: #fff;
  86. border:1px solid #eee;
  87. font-family: Calibri;
  88. font-size:10px;
  89. letter-spacing:1px;
  90. text-transform: uppercase;
  91. color:#cec4b8;
  92. z-index:999999999999999999999999999999999999;
  93. }
  94.  
  95.  
  96. body{
  97. background-color:{color:background};
  98. background-image:{image:background img};
  99. color:{color:text};
  100. font-family:times, serif;
  101. font-size:11px;
  102. margin:0;
  103. word-wrap: break-word;
  104. background-attachment:fixed;
  105. overflow-x:hidden;
  106. }
  107.  
  108. a{
  109. color:{color:link};
  110. text-decoration:none;
  111. -webkit-transition:all 0.5s ease-in-out;
  112. -moz-transition:all 0.5s ease-in-out;
  113. -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
  114. }
  115.  
  116.  
  117.  
  118. a:hover{
  119. color:{color:link};
  120. text-decoration:;
  121. -webkit-transition:all 0.5s ease-in-out;
  122. -moz-transition:all 0.5s ease-in-out;
  123. -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
  124. color: transparent;
  125. text-shadow: 0 0 2px {color:link hover};
  126. }
  127.  
  128. img{
  129. border:0;
  130. max-width:100%;
  131. }
  132.  
  133. #sidebar{
  134. width:180px;
  135. position:fixed;
  136. top:220px;
  137. left:100px;
  138. text-align:center;
  139.  
  140. }
  141.  
  142. #title{
  143. font-size:15px;
  144. letter-spacing:1px;
  145. padding:5px;
  146. text-transform:uppercase;
  147. }
  148.  
  149. #title a{
  150. color:{color:titlee};
  151. }
  152.  
  153. #title a:hover{
  154. color:{color:title};
  155. letter-spacing:4px;
  156. }
  157.  
  158. #sidebar .image {
  159. width:80px;
  160. height:auto;
  161. padding:5px;
  162. border-bottom:1px dotted #000;
  163. margin-left:44px;
  164. }
  165.  
  166. #sidebar .pagi {
  167. width:180px;
  168. text-align:center;
  169. padding:4px 0;
  170. margin-top:0px;
  171. color:{color:titlee};
  172. margin-left:0%;
  173. font-size:15px;
  174. }
  175.  
  176.  
  177. #postcontainer {
  178. padding:10px;
  179. width:580px;
  180. margin-left:400px;
  181. margin-top:10px;
  182. top:10px;
  183. }
  184.  
  185. #postcontainer blockquote {
  186. border-left: solid 1px {color:text};
  187. margin:0px;
  188. padding-left:10px
  189. }
  190.  
  191. #postage {
  192. background-color:{color:background}
  193. width:500px;
  194. margin-top:15px;
  195. padding-bottom:20px;
  196. padding-top:40px;
  197. }
  198.  
  199.  
  200. #postage .title {
  201. font-size:15px;
  202. font-style:italic;
  203. text-transform:none;
  204. }
  205.  
  206. #postage .text {
  207. font-size:11px;
  208. width:500px;
  209. }
  210.  
  211. #quotes {
  212. font-size:12px;
  213. font-weight:bold;
  214. width:500px;
  215. }
  216.  
  217. #quotesource {
  218. font-size:10px;
  219. text-align:center;
  220. text-transform:none;
  221. width:500px;
  222. }
  223.  
  224. #postageinfo{
  225. width:500px;
  226. font-size:9px;
  227. margin-top:10px;
  228. letter-spacing:1px;
  229. text-align:center;
  230. text-transform:uppercase;
  231. padding-top:5px;
  232. padding-bottom:5px;
  233. border-top:1px dotted black;
  234. }
  235.  
  236.  
  237. #postageinfo .permalink{
  238. text-align:center;
  239. }
  240.  
  241. #postageinfo .notecount {
  242. text-align:center;
  243. }
  244.  
  245. #postageinfo .tags{
  246. text-align:center;
  247. }
  248.  
  249. .tags {
  250. letter-spacing:1px;
  251. text-align:center;
  252. text-transform:uppercase;
  253. font-size:9px;
  254. padding:3px;
  255. }
  256.  
  257. #postnotes {
  258. margin:20px auto;
  259. width:500px;
  260. font-size:11px;
  261. }
  262. #postnotes ol.notes {
  263. list-style-type:none;
  264. margin:0px;
  265. padding:3px;
  266. }
  267.  
  268. #postnotes img.avatar {
  269. margin-right: 10px;
  270. width:16px;
  271. height:16px;
  272. }
  273.  
  274. #asker{
  275. border-top:1px dotted #000;
  276. border-bottom:1px dotted #000;
  277. float:none;
  278. width:500px;
  279. }
  280.  
  281.  
  282.  
  283. .playerbuttonbg {
  284. position: absolute;
  285. left: 20px;
  286. top: 20px;
  287. width: 19px;
  288. height: 19px;
  289. background-color: #ffffff;
  290. padding: 10px;
  291. -webkit-border-radius: 40px;
  292. -moz-border-radius: 40px;
  293. border-radius: 40px;
  294. opacity: .4;
  295. filter: alpha(opacity=40);
  296. -moz-opacity: 0.4;
  297. -khtml-opacity: 0.4;
  298. transition: opacity .7s ease-in-out;
  299. -moz-transition: opacity .7s ease-in-out;
  300. -webkit-transition: opacity .7s ease-in-out;
  301. }
  302.  
  303. .playerbuttonbg:hover {
  304. opacity: 1;
  305. filter: alpha(opacity=100);
  306. -moz-opacity: 1;
  307. -khtml-opacity: 1;
  308. }
  309.  
  310. .newplayerbutton {
  311. position: relative;
  312. width: 19px;
  313. height: 19px;
  314. overflow: hidden;
  315. }
  316.  
  317. .playerbuttonhug {
  318. position: absolute;
  319. top: -36px;
  320. left: -13px;
  321. }
  322.  
  323. .tumblr_audio_player {
  324. height: 90px;
  325. width: 270px;
  326. -moz-transform: scale(0.60, 0.60);
  327. -webkit-transform: scale(0.60, 0.60);
  328. -o-transform: scale(0.60, 0.60);
  329. -ms-transform: scale(0.60, 0.60);
  330. transform: scale(0.60, 0.60);
  331. -moz-transform-origin: top left;
  332. -webkit-transform-origin: top left;
  333. -o-transform-origin: top left;
  334. -ms-transform-origin: top left;
  335. transform-origin: top left;
  336. }
  337.  
  338. .audioimgwrapper {
  339. position: absolute;
  340. left: 0px;
  341. top: 0px;
  342. -webkit-border-radius: 40px;
  343. -moz-border-radius: 40px;
  344. border-radius: 40px;
  345. overflow: hidden;
  346. width: 79px;
  347. height: 79px;
  348. }
  349.  
  350. .audioimgwrapper img {
  351. width: 100%;
  352. height: auto;
  353. -webkit-border-radius: 40px;
  354. -moz-border-radius: 40px;
  355. border-radius: 40px;
  356. }
  357.  
  358. .trackdetails {
  359. width: auto;
  360. display:inline-block;
  361. margin-left: 90px;
  362. min-height: 85px;
  363. }
  364.  
  365. .audiowrapper {
  366. position: relative;
  367. display:inline-block;
  368. }
  369.  
  370. #tumblrcontrols{
  371. position:fixed;
  372. top:0px;
  373. right:0px;
  374. }
  375.  
  376. /*Slide Menu CSS - Tutorial by: Codrops*/
  377.  
  378. .cbp-spmenu {position: fixed;}
  379.  
  380.  
  381. .cbp-spmenu-horizontal { /* Styles the menu!*/
  382. text-align:left;
  383. font-size:10px;
  384. height: 100%;
  385. background:{color:background};
  386. padding:left:5px;
  387.  
  388. }
  389.  
  390. .cbp-spmenu-bottom { /*Controls before the slide is opened.*/
  391. right: -200%;
  392. bottom:0;
  393. width:250px;} /*Change the width of the box. When adjusting this one be sure to adjust the one below it too. It will close/open werid if you dont */
  394.  
  395. /*if you want to change which side it slides out of jsut change all the right:#px; codes to left, top, bottom. */
  396.  
  397. .cbp-spmenu-bottom.cbp-spmenu-open { /* Controls opening the slide*/
  398. bottom:0px;
  399. right:0px;
  400. width:250px;}
  401.  
  402.  
  403. .cbp-spmenu,
  404. .cbp-spmenu-push { /*controls how fast the slide menu is*/
  405. -webkit-transition: all 1s ease;
  406. -moz-transition: all 1s ease;
  407. transition: all 1s ease;
  408. }
  409.  
  410. .pushtitle { /*Styles the title for the slide*/
  411. color:{color:title}; /*Change the title color */
  412. font-size:12px;
  413. padding-top:80px;
  414. padding-right:10px;
  415. text-transform:none;
  416. letter-spacing:1px;
  417. padding-left:8px;
  418. }
  419.  
  420.  
  421. #pushdescription { /*Styles the body copy of the slde*/
  422. padding:10px;
  423. margin-top:10px;
  424. line-height:1.4em;
  425. overflow-y:hidden; /* You can change this back to hidden but this will add a scrollbar to the body copy just incase people go over the limit.*/
  426. overflow-x:hidden;
  427. font-size:11px;
  428. text-transform:none;
  429. }
  430.  
  431. #pushdescription a:hover{
  432. letter-spacing:3px;
  433. }
  434.  
  435.  
  436. /*end slide menu css*/
  437.  
  438. #cred {
  439. bottom:3px;
  440. position:fixed;
  441. right:10px;
  442. float:right;
  443. font-family:arial;
  444. font-weight:bold;
  445. color:black;
  446. font-size:13px;
  447. letter-spacing:-2px;
  448. text-transform:lowercase;
  449. }
  450.  
  451. #cred a {
  452. color:{text};
  453. }
  454.  
  455. #cred a:hover {
  456. color:#fff
  457. }
  458.  
  459.  
  460.  
  461. {block:indexpage}
  462. #bite
  463. #bite a{
  464. display:block
  465. }
  466. #bite .death {
  467. margin-top:-40px;filter: alpha(opacity = 0);
  468. opacity:0;-webkit-transition: all 0.5s ease-out;
  469. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  470. }
  471.  
  472. #bite:hover .death {
  473. margin-top:2px;
  474. -webkit-transition: all 0.8s ease-out;
  475. -moz-transition: all 0.8s ease-out;
  476. transition: all 0.8s ease-out;
  477. filter: alpha(opacity = 100);
  478. filter: alpha(opacity = 100);
  479. opacity:100;
  480. }
  481. {/block:indexpage}
  482.  
  483. {customcss}
  484.  
  485.  
  486. {block:IndexPage}
  487. #tumblr_controls {display:none;}
  488. {/block:IndexPage}
  489.  
  490. {block:PermalinkPage}
  491. iframe#tumblr_controls {
  492. position: fixed !important;
  493. right:0px !important;
  494. -moz-transition: all 0.8s ease-out;
  495. -webkit-transition: opacity 0.7s linear;
  496. -webkit-transition: all 0.8s ease-out;
  497. transition: all 0.8s ease-out;
  498. opacity: 0.5;}
  499.  
  500. iframe#tumblr_controls:hover {
  501. -webkit-transition: opacity 0.7s linear;
  502. -moz-transition: all 0.4s ease-out;
  503. -webkit-transition: all 0.4s ease-out;
  504. transition: all 0.4s ease-out;
  505. opacity: 1;}
  506. {/block:PermalinkPage}
  507.  
  508.  
  509.  
  510. {block:ifupdatestab}
  511.  
  512. #tab01{ /*This is the customization of EACH tab*/
  513. margin-bottom:5px;
  514. padding-left:4px;
  515. height:14px;
  516. text-align:left;
  517. overflow:hidden;
  518. margin-top:1px1px;
  519. text-transform:uppercase;
  520. letter-spacing:1px;
  521. font-size:10px;
  522. line-height:10px;
  523. z-index:0;
  524. -webkit-transition: all 0.7s ease-in-out;
  525. -moz-transition: all 0.7s ease-in-out;
  526. -o-transition: all 0.7s ease-in-out;
  527. }
  528. #tab01:hover{/*This is the customization of the tabs HOVER*/
  529. height:150px; /*how long the tab slides down. To try new transitions and stuff I always just google how to do stuff. You can adjust the transitions by scale, opacity, color, rotation, etc. Google is your friend!*/
  530. -webkit-transition: all 0.7s ease-in-out;
  531. -moz-transition: all 0.7s ease-in-out;
  532. -o-transition: all 0.7s ease-in-out;
  533. }
  534.  
  535. #tab02{ /*This is the customization of EACH tab*/
  536. margin-bottom:5px;
  537. padding-left:4px;
  538. height:14px;
  539. text-align:left;
  540. overflow:hidden;
  541. text-transform:uppercase;
  542. letter-spacing:1px;
  543. font-size:10px;
  544. line-height:10px;
  545. z-index:0;
  546. -webkit-transition: all 0.7s ease-in-out;
  547. -moz-transition: all 0.7s ease-in-out;
  548. -o-transition: all 0.7s ease-in-out;
  549. }
  550. #tab02:hover{/*This is the customization of the tabs HOVER*/
  551. height:120px; /*how long the tab slides down. To try new transitions and stuff I always just google how to do stuff. You can adjust the transitions by scale, opacity, color, rotation, etc. Google is your friend!*/
  552. -webkit-transition: all 0.7s ease-in-out;
  553. -moz-transition: all 0.7s ease-in-out;
  554. -o-transition: all 0.7s ease-in-out;
  555. }
  556.  
  557. #tab03{ /*This is the customization of EACH tab*/
  558. margin-bottom:5px;
  559. padding-left:4px;
  560. height:14px;
  561. text-align:center;
  562. overflow:hidden;
  563. text-transform:uppercase;
  564. letter-spacing:1px;
  565. font-size:10px;
  566. line-height:10px;
  567. z-index:0;
  568. -webkit-transition: all 0.7s ease-in-out;
  569. -moz-transition: all 0.7s ease-in-out;
  570. -o-transition: all 0.7s ease-in-out;
  571. }
  572. #tab03:hover{/*This is the customization of the tabs HOVER*/
  573. height:120px; /*how long the tab slides down. To try new transitions and stuff I always just google how to do stuff. You can adjust the transitions by scale, opacity, color, rotation, etc. Google is your friend!*/
  574. -webkit-transition: all 0.7s ease-in-out;
  575. -moz-transition: all 0.7s ease-in-out;
  576. -o-transition: all 0.7s ease-in-out;
  577. }
  578. #tab04{ /*This is the customization of EACH tab*/
  579. margin-bottom:5px;
  580. padding-left:4px;
  581. height:14px;
  582. text-align:left;
  583. overflow:hidden;
  584. margin-top:1px1px;
  585. text-transform:uppercase;
  586. letter-spacing:1px;
  587. font-size:10px;
  588. line-height:10px;
  589. z-index:0;
  590. -webkit-transition: all 0.7s ease-in-out;
  591. -moz-transition: all 0.7s ease-in-out;
  592. -o-transition: all 0.7s ease-in-out;
  593. }
  594. #tab04:hover{/*This is the customization of the tabs HOVER*/
  595. height:120px; /*how long the tab slides down. To try new transitions and stuff I always just google how to do stuff. You can adjust the transitions by scale, opacity, color, rotation, etc. Google is your friend!*/
  596. -webkit-transition: all 0.7s ease-in-out;
  597. -moz-transition: all 0.7s ease-in-out;
  598. -o-transition: all 0.7s ease-in-out;
  599. }
  600.  
  601.  
  602.  
  603. #container{/*this controls the position of the tabs, the over-all width, and the title of each tab.*/
  604. text-align:left;
  605. font-size:10px;
  606. text-transform:uppercase;
  607. position:fixed;
  608. font-family:calibri;
  609. left:5px;
  610. background-color:transparent;
  611. letter-spacing:1px;
  612. width:95px;
  613. z-index:9999;
  614. padding:4px;
  615. top:20px;
  616.  
  617. }
  618.  
  619. {/block:ifupdatestab}
  620.  
  621. </style>
  622. </head>
  623.  
  624. <body>
  625.  
  626. {block:ifupdatestab}
  627.  
  628. <div id="structure">
  629. <div id="container"><!---this holds the entire tab together--->
  630.  
  631. <!---begin tab 1 code--->
  632. <div id="tab01"><div style="font-size:10px;color:#453220; border:1px dotted black; width:20px;"></div>
  633. <!---div styles will style everything inside of the div. So you can make your colors all different, sizes, text-transforms, opacity, just about anything you need to style what shows in the hover--->
  634. <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:9px; text-align:center; color:#b9b9b9;"><br>
  635. {text:updates tab 1}
  636.  
  637. </div>
  638. </div>
  639. <!---end tab 1 code--->
  640.  
  641. <!---begin tab 2 code--->
  642. <div id="tab02">
  643. <div style="font-size:10px;color:#453220; border:1px dotted black; width:35px;"></div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#b9b9b9;"><br>
  644. {text:updates tab 2}
  645. </div></div>
  646. <!---end tab 2 code--->
  647.  
  648. <!---begin tab 3 code--->
  649. <div id="tab03">
  650. <div style="font-size:10px;color:#453220; border:1px dotted black; width:20px;"></div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#b9b9b9;"><br>
  651. {text:updates tab 3}
  652. </div>
  653. </div>
  654. <!---end tab 3 code--->
  655.  
  656.  
  657. <!---begin tab 4 code--->
  658. <div id="tab04">
  659. <div style="font-size:10px;color:#453220; width:35px; border:1px dotted black"></div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:12px; text-align:center; color:#b9b9b9;"><br>
  660. {text:updates tab 4}
  661. </div></div>
  662.  
  663. <!---end tab 4 code--->
  664.  
  665.  
  666. <!---to add more tabs just copy and paste the tab codes and change the div title to the number of the new tab.--->
  667. </div></div></div></div>
  668.  
  669. {/block:ifupdatestab}
  670.  
  671.  
  672.  
  673. <div id="sidebar">
  674. <div class="image"> <a href="/" title="index"><img src="{image:Sidebarimg}"/></a></div>
  675. <div id="title"><a class="toggle menu-bottom"title="click">{title}</a></div>
  676.  
  677.  
  678.  
  679. <div class="pagi">
  680. {block:PreviousPage}<a href="{PreviousPage}"> ↢ </a>{/block:PreviousPage}
  681.  
  682. {block:NextPage}<a href="{NextPage}"> ↣ </a>{/block:NextPage}
  683. </div>
  684. </div><!--closing the image class-->
  685.  
  686. </div> <!--closing the sidebar div--->
  687.  
  688. <!---Slide menu CSS --->
  689. <body class="cbp-spmenu-push">
  690.  
  691. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s1">
  692. <div class="menu">
  693. <div class="pushtitle">{description}</div> <!--Slide title--->
  694. <div id="pushdescription"><div style="padding:5px;"><!---Slide body copy html--->
  695. <p><a href="{text:url1}">{text:link1}</a></P>
  696. <p><a href="{text:url2}">{text:link2}</a></p>
  697. <p><a href="{text:url3}">{text:link3}</a></p>
  698. <p><a href="{text:url4}">{text:link4}</a></p>
  699. <p><a href="{text:url5}">{text:link5}</a></p>
  700.  
  701.  
  702. </div>
  703. </div>
  704. </div>
  705. </nav><!---Closing Side Menu tag--->
  706.  
  707. <div id="postcontainer">
  708.  
  709. {block:posts}
  710.  
  711.  
  712.  
  713. <div id="bite">
  714. <div id="postage">
  715.  
  716.  
  717. {block:photo}
  718. {linkopentag}<img src="{photourl-500}"/>{linkclosetag}
  719. {block:caption}<div class="text">{caption}</div>{/block:caption}
  720. {/block:photo}
  721.  
  722. {block:photoset}
  723. {photoset-500}
  724. {block:caption}<div class="text">{caption}</div>{/block:caption}
  725. {/block:photoset}
  726.  
  727. {block:video}
  728. {video-500}
  729. {block:caption}<div class="text">{caption}</div>{/block:caption}
  730. {/block:video}
  731.  
  732. {block:Audio}
  733. {block:AudioPlayer}
  734. <div class="audiowrapper">
  735. {block:AlbumArt}
  736. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  737. {/block:AlbumArt}
  738.  
  739. <div class="playerbuttonbg">
  740. <div class="newplayerbutton">
  741. <div class="playerbuttonhug">
  742.  
  743. {AudioPlayerWhite}
  744.  
  745. </div>
  746. </div>
  747. </div>
  748.  
  749. <div class="trackdetails">
  750. <br>
  751. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  752. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  753. {block:Album}Album: {Album}{/block:Album}<br/>
  754. {PlayCountWithLabel}
  755.  
  756. </div>
  757. </div>
  758. {/block:AudioPlayer}
  759.  
  760. {block:Caption}{Caption}{/block:Caption}
  761. {/block:Audio}
  762.  
  763. {block:quote}
  764. <div id="quotes"><em>"{quote}"</em><br></div>
  765. {block:source}<br><div id="quotesource">{source}</div>{/block:source}
  766. {/block:quote}
  767.  
  768. {block:text}
  769. {block:title}<div class="title">{title}<br></div>{/block:title}
  770. <div id="text">{body}</div>
  771. {/block:text}
  772.  
  773. {block:Answer}
  774. <div id="asker"><br><span style="font-size:13px; font-style:italic;">{Asker}</span> is typing:
  775. {Question}<br><br></div>
  776. {Answer}
  777. {/block:Answer}
  778.  
  779. {block:chat}
  780. {block:title}{title}<br>{/block:title}
  781. {block:lines}
  782. {block:label}<strong>{label} </strong>{/block:label}{line}<br>{/block:lines}
  783. {/block:chat}
  784.  
  785. {block:link}
  786. <div class="title"><a href="{url}">{name}</a></div>
  787. {block:description}<div class="text"><br>{description}</div>{/block:description}
  788. {/block:link}
  789.  
  790.  
  791. <div class="death">
  792. <div id="postageinfo">
  793.  
  794. <div class="permalink">
  795.  
  796.  
  797. <a href="{permalink}">
  798. {block:date}{timeago}{/block:date}
  799. </a>
  800. + <a href="{Permalink}">{NoteCount}</a>
  801. </div>
  802.  
  803. <div class="tags">
  804. {block:HasTags}{block:Tags} <a href="{TagURL}">#{tag}</a>{/block:Tags}{/block:HasTags} <br> </div>
  805.  
  806.  
  807. </div></div><!---postageinfo --->
  808.  
  809.  
  810.  
  811.  
  812. </div></div><!---postage--->
  813.  
  814. {block:postnotes}
  815. <div id="notes">
  816.  
  817. {postnotes}
  818.  
  819. </div>
  820. {/block:postnotes}
  821.  
  822.  
  823.  
  824.  
  825.  
  826. {/block:posts}
  827.  
  828.  
  829. {block:IndexPage}
  830. <div id="tumblrcontrols">
  831. <a href="http://www.tumblr.com/follow/transume">
  832. <img src="http://media.tumblr.com/tumblr_me6mt14hR81r66uyo.png"></a>
  833. <a href="http://www.tumblr.com/dashboard">
  834. <img src="http://media.tumblr.com/tumblr_me6mt8NxMB1r66uyo.png"></a>
  835. </div>
  836. {/block:IndexPage}
  837.  
  838.  
  839.  
  840. </div>
  841.  
  842.  
  843. <div id="cred"><a href="http://myroary.tumblr.com/" title="codes by em">☽</a></div>
  844.  
  845.  
  846.  
  847.  
  848. </body>
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856.  
  857.  
  858. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!