Advertisement
Guest User

theme ❤

a guest
Nov 24th, 2015
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!--------DEFAULT VARIABLES-------->
  11.  
  12.  
  13.  
  14. <!----------------SCRIPTS---------------->
  15.  
  16. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("[title]").style_my_tooltips({
  23. tip_follows_cursor:true,
  24. tip_delay_time:200,
  25. tip_fade_speed:300
  26. });
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <script type="text/javascript"
  32. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  33. <script>
  34. $(document).ready(function() {
  35. //
  36. $('a.poplight[href^=#]').click(function() {
  37. var popID = $(this).attr('rel'); //Get Popup Name
  38. var popURL = $(this).attr('href'); //Get Popup href to define size
  39. var query= popURL.split('?');
  40. var dim= query[1].split('&');
  41. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  42. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  43. var popMargTop = ($('#' + popID).height() + 80) / 2;
  44. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  45. //Apply Margin to Popup
  46. $('#' + popID).css({
  47. 'margin-top' : -popMargTop,
  48. 'margin-left' : -popMargLeft
  49. });
  50. $('body').append('<div id="fade"></div>');
  51. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  52. return false;
  53. });
  54. $('a.close, #fade').live('click', function() {
  55. $('#fade , .popup_block').fadeOut(function() {
  56. $('#fade, a.close').remove(); //fade them both out
  57. });
  58. return false;
  59. });
  60. });
  61. </script>
  62.  
  63. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  68.  
  69. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  70.  
  71. <style type="text/css">
  72.  
  73. iframe#tumblr_controls {
  74. position: fixed !important;
  75. top: 0 !important;
  76. right: 0 !important;
  77. }
  78. /*----------SCROLLBAR---------*/
  79.  
  80. ::-webkit-scrollbar {
  81. /*background-color: #aa4c4f;*/
  82. height:8px;
  83. width:3px;
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. /*background-color:#c27b78;*/
  88. height:50px;
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb:horizontal{
  92. /*background-color:#aa4c4f;*/
  93. height:8px;
  94. }
  95.  
  96. ::selection {color:#efa994;}
  97. ::-moz-selection {color:#efa994;}
  98. ::-webkit-selection {color:#efa994;}
  99. /*----------TOOLTIPS---------*/
  100.  
  101. #s-m-t-tooltip {
  102. font-family: 'Montserrat', sans-serif;
  103. font-weight:bold;
  104. max-width:150px;
  105. margin:10px;
  106. padding:5px 10px;
  107. background:none;
  108. color:#c0b16a;
  109. text-shadow:0px 0px 2px #c0b16a;
  110. z-index:999999;
  111. font-style:none;
  112. letter-spacing:1px;
  113. text-transform:uppercase;
  114. font-size:12px;
  115. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  116. transition: 0.7s ease-in-out;
  117. -o-transition: 0.7s ease-in-out;
  118. -ms-transition: 0.7s ease-in-out;
  119. -moz-transition: 0.7s ease-in-out;
  120. -webkit-transition: 0.7s ease-in-out;
  121. }
  122.  
  123. /*----------BASICS---------*/
  124.  
  125. body {
  126. background-image:url('http://i.imgur.com/7asOz7V.png');
  127. background-repeat: no-repeat;
  128. background-position: top left;
  129. background-attachment:fixed;
  130. color:#d1d0c6;
  131. font-family:helvetica;
  132. font-size:11px;
  133. line-height:120%;
  134. margin:0;
  135. text-align:left;
  136. }
  137.  
  138. img {
  139. max-width:100%;
  140. height:auto;
  141. }
  142.  
  143. a {
  144. color:#7daeb5;
  145. text-decoration:none;
  146. }
  147.  
  148. a:hover {
  149. color:#7daeb5;
  150. transition:1s;
  151. -webkit-transition:1s;
  152. -moz-transition:1s;
  153. -o-transition:1s;
  154. -webkit-filter: blur(1px);
  155. }
  156.  
  157. img {
  158. opacity:1;
  159. text-decoration:none;
  160. }
  161.  
  162. h1, h2 {
  163. text-transform:none;
  164. font-size:25px;
  165. line-height:20px;
  166. letter-spacing:0px;
  167. font-style:none;
  168. color:#c0b16a;
  169. text-shadow:0px 0px 2px #c0b16a;
  170. font-family: 'Montserrat', sans-serif;
  171. }
  172.  
  173. b,strong{
  174. text-transform:lowercase;
  175. font-family: 'Dancing Script', cursive;
  176. font-weight:bold;
  177. font-size:20px;
  178. color:#7daeb5;
  179. text-shadow:0px 0px 2px #7daeb5;
  180. }
  181.  
  182. big{
  183. text-transform:lowercase;
  184. font-size:30px;
  185. color:#0a2a43;
  186. text-shadow:0px 0px 2px #0a2a43;
  187. font-family: 'Dancing Script', cursive;
  188. }
  189.  
  190.  
  191. i,em{
  192. text-transform:lowercase;
  193. letter-spacing:2px;
  194. color:#fff;
  195. font-size:15px;
  196. text-shadow:0px 0px 2px #fff;
  197. font-family: 'Montserrat', sans-serif;
  198. }
  199.  
  200. small{
  201. font-size:11px;
  202. }
  203.  
  204. strike {
  205. color : #fff;
  206. }
  207. sub, sup, large {
  208. font-size:11px;
  209. }
  210.  
  211. blockquote {
  212. padding-left:10px;
  213. margin:10px;
  214. border-left:1px solid #7daeb5;
  215. }
  216.  
  217.  
  218. /*----------LINKS---------*/
  219.  
  220. .link1 {
  221. position: fixed;
  222. font-family: 'Dancing Script', cursive;
  223. margin-top: 250px;
  224. margin-left: 375px;
  225. -ms-transform: rotate(-25deg);
  226. -webkit-transform: rotate(-25deg);
  227. transform: rotate(-25deg);
  228. -webkit-filter: blur(1px);
  229. }
  230.  
  231. .link1 a {
  232. text-transform: uppercase;
  233. font-size: 33px;
  234. line-height: 80%;
  235. color: #0a2a43;
  236. text-shadow: 0px 0px 2px #0a2a43;
  237. -webkit-transition: all .7s ease-in-out;
  238. -moz-transition: all .7s ease-in-out;
  239. transition: all .7s ease-in-out;
  240. }
  241.  
  242. .link1 a:hover {
  243. color: #1f1f1f;
  244. -webkit-filter: blur(1px);
  245. }
  246.  
  247. .link2 {
  248. position: fixed;
  249. font-family: 'Dancing Script', cursive;
  250. margin-top: 234px;
  251. margin-left: 395px;
  252. -ms-transform: rotate(40deg);
  253. -webkit-transform: rotate(40deg);
  254. transform: rotate(40deg);
  255. -webkit-filter: blur(1px);
  256. }
  257.  
  258. .link2 a {
  259. text-transform: uppercase;
  260. font-size: 25px;
  261. line-height: 80%;
  262. color: #0a2a43;
  263. text-shadow: 0px 0px 2px #0a2a43;
  264. -webkit-transition: all .5s ease-in-out;
  265. -moz-transition: all .5s ease-in-out;
  266. transition: all .5s ease-in-out;
  267. }
  268.  
  269. .link2 a:hover {
  270. color: #1f1f1f;
  271. -webkit-filter: blur(1px);
  272. }
  273.  
  274. .link3 {
  275. position: fixed;
  276. font-family: 'Dancing Script', cursive;
  277. margin-top: 240px;
  278. margin-left: 414px;
  279. -ms-transform: rotate(-60deg);
  280. -webkit-transform: rotate(-60deg);
  281. transform: rotate(-60deg);
  282. -webkit-filter: blur(1px);
  283. }
  284.  
  285. .link3 a {
  286. text-transform: uppercase;
  287. font-size: 29px;
  288. line-height: 80%;
  289. color: #0a2a43;
  290. text-shadow: 0px 0px 2px #0a2a43;
  291. -webkit-transition: all .5s ease-in-out;
  292. -moz-transition: all .5s ease-in-out;
  293. transition: all .5s ease-in-out;
  294. }
  295.  
  296. .link3 a:hover {
  297. color: #1f1f1f;
  298. -webkit-filter: blur(1px);
  299. }
  300.  
  301. .link4 {
  302. position: fixed;
  303. font-family: 'Dancing Script', cursive;
  304. margin-top: 208px;
  305. margin-left: 412px;
  306. -ms-transform: rotate(25deg);
  307. -webkit-transform: rotate(25deg);
  308. transform: rotate(25deg);
  309. -webkit-filter: blur(1px);
  310. }
  311.  
  312. .link4 a {
  313. text-transform: uppercase;
  314. font-size: 35px;
  315. line-height: 80%;
  316. color: #0a2a43;
  317. text-shadow: 0px 0px 2px #0a2a43;
  318. -webkit-transition: all .5s ease-in-out;
  319. -moz-transition: all .5s ease-in-out;
  320. transition: all .5s ease-in-out;
  321. }
  322.  
  323. .link4 a:hover {
  324. color: #1f1f1f;
  325. -webkit-filter: blur(1px);
  326. }
  327.  
  328. .link5 {
  329. position: fixed;
  330. font-family: 'Dancing Script', cursive;
  331. margin-top: 203px;
  332. margin-left: 385px;
  333. -ms-transform: rotate(-50deg);
  334. -webkit-transform: rotate(-50deg);
  335. transform: rotate(-50deg);
  336. -webkit-filter: blur(1px);
  337. }
  338.  
  339. .link5 a {
  340. text-transform: uppercase;
  341. font-size: 33px;
  342. line-height: 80%;
  343. color: #0a2a43;
  344. text-shadow: 0px 0px 2px #0a2a43;
  345. -webkit-transition: all .5s ease-in-out;
  346. -moz-transition: all .5s ease-in-out;
  347. transition: all .5s ease-in-out;
  348. }
  349.  
  350. .link5 a:hover {
  351. color: #1f1f1f;
  352. -webkit-filter: blur(1px);
  353. }
  354.  
  355. .link6 {
  356. position: fixed;
  357. font-family: 'Dancing Script', cursive;
  358. margin-top: 225px;
  359. margin-left: 370px;
  360. -ms-transform: rotate(65deg);
  361. -webkit-transform: rotate(65deg);
  362. transform: rotate(65deg);
  363. -webkit-filter: blur(1px);
  364. }
  365.  
  366. .link6 a {
  367. text-transform: uppercase;
  368. font-size: 32px;
  369. line-height: 80%;
  370. color: #0a2a43;
  371. text-shadow: 0px 0px 2px #0a2a43;
  372. -webkit-transition: all .5s ease-in-out;
  373. -moz-transition: all .5s ease-in-out;
  374. transition: all .5s ease-in-out;
  375. }
  376.  
  377. .link6 a:hover {
  378. color: #1f1f1f;
  379. -webkit-filter: blur(1px);
  380. }
  381.  
  382. /*----------PAGINATION---------*/
  383.  
  384. .pagination {
  385. padding:10px;
  386. color:#7daeb5;
  387. margin-top:10px;
  388. text-align:center;
  389. letter-spacing:1px;
  390. }
  391.  
  392. /*----------POSTS---------*/
  393.  
  394. .entries {
  395. padding:10px;
  396. width:250px;
  397. margin-left:363px;
  398. margin-top:390px;
  399. width: 275px;
  400. height: 239px;
  401. position:fixed;
  402. top: 5px;
  403. overflow-y: scroll;
  404. overflow-x: hidden;
  405. }
  406.  
  407. .posts {
  408. width:250px;
  409. padding:15px;
  410. margin-bottom:10px;
  411. }
  412.  
  413. blockquote img, blockquote a img {
  414. max-width: 205px;
  415. height: 100%;
  416. }
  417.  
  418. /*----------QUOTE---------*/
  419.  
  420. .quote {
  421. padding:10px;
  422. font-size:15px;
  423. text-align:center;
  424. font-family: 'Montserrat', sans-serif;
  425. }
  426.  
  427. .quotesource {
  428. padding:10px;
  429. text-align:center;
  430. }
  431.  
  432. /*----------CHAT---------*/
  433.  
  434. .chat {
  435. line-height:20px;
  436. list-style:none;
  437. }
  438.  
  439. .line.odd {
  440. margin-bottom:2px;
  441. padding:5px;
  442. list-style:none;
  443. font-size:10px;
  444. }
  445.  
  446. .line.even {
  447. margin-bottom:2px;
  448. padding:5px;
  449. list-style:none;
  450. font-size:10px;
  451. }
  452.  
  453. .label {
  454. padding-right:1px;
  455. text-transform:uppercase;
  456. font-weight:bold;
  457. font-family: 'Montserrat', sans-serif;
  458. color:#7daeb5;
  459. }
  460.  
  461. /*----------AUDIO---------*/
  462.  
  463. .newplayerbutton {
  464. position:relative;
  465. width:40px;
  466. height:50px;
  467. overflow:hidden;
  468. }
  469.  
  470. .playerbuttonhug {
  471. margin-top:0px;
  472. margin-left:10px;
  473. }
  474.  
  475. .tumblr_audio_player {
  476. border:none;
  477. padding:0px;
  478. margin:0px;
  479. height:50px;
  480. width:400px;
  481. }
  482.  
  483. .playerbuttonbg {
  484. position: absolute;
  485. left:8px;
  486. top:-7px;
  487. width:48px;
  488. height:48px;
  489. background-color:#6fabb9;
  490. padding:10px;
  491. opacity:0;
  492. filter: alpha(opacity=40);
  493. -moz-opacity:0.4;
  494. -khtml-opacity:0.4;
  495. transition:opacity .7s ease-in-out;
  496. -moz-transition:opacity .7s ease-in-out;
  497. -webkit-transition:opacity .7s ease-in-out;
  498. }
  499.  
  500. .playerbuttonbg:hover {
  501. opacity:1;
  502. filter:alpha(opacity=100);
  503. -moz-opacity:1;
  504. -khtml-opacity:1;
  505. }
  506.  
  507. .audioimgwrapper {
  508. position: absolute;
  509. top:-15px;
  510. -webkit-border-radius: 50px;
  511. -moz-border-radius: 50px;
  512. border-radius: 0px;
  513. overflow:hidden;
  514. width:68px;
  515. height:68px;
  516. border:8px solid #6fabb9;
  517. }
  518.  
  519. .audioimgwrapper img {
  520. width:100%;
  521. height:auto;
  522. -webkit-filter: grayscale(50%);
  523. -moz-filter: grayscale(50%);
  524. filter: grayscale(50%);
  525. -webkit-border-radius:50px;
  526. -moz-border-radius:50px;
  527. border-radius:0px;
  528. }
  529.  
  530. .trackdetails {
  531. width:120px;
  532. letter-spacing:1px;
  533. font-size:9px;
  534. color:#1f1f1f;
  535. display:inline-block;
  536. margin-left:96px;
  537. height:55px;
  538. padding:15px 15px 15px 20px;
  539. margin-top:-15px;
  540. line-height:220%;
  541. text-transform:uppercase;
  542. background-color:#6fabb9;
  543. }
  544.  
  545. .audiowrapper {
  546. position:relative;
  547. display:inline-block;
  548. }
  549.  
  550. baudio{
  551. text-transform:uppercase;
  552. font-size:9px;
  553. font-weight:bold;
  554. font-family:arial;
  555. color:#1f1f1f;}
  556.  
  557. /*----------ASK---------*/
  558.  
  559. .question {
  560. padding:10px;
  561. background:#0d3a5d;
  562. font-family: 'Montserrat', sans-serif;
  563. }
  564.  
  565.  
  566. .asker {
  567. text-transform:uppercase;
  568. font-size:12px;
  569. font-weight:bold;
  570. font-family:arial;
  571. line-height:150%;
  572. color:#7daeb5;
  573. }
  574.  
  575. .answer {
  576. margin:10px;
  577. }
  578.  
  579. /*----------INFO---------*/
  580.  
  581. #info {
  582. font-family: 'Montserrat', sans-serif;
  583. font-size:9px;
  584. padding:10px;
  585. text-transform:uppercase;
  586. font-weight:bold;
  587. text-align:center;
  588. margin-top:25px;
  589. background-color:#0d3a5d;
  590. width:232px;
  591. height:auto;
  592. margin-top:10px;
  593. margin-left:-1px;
  594. padding-bottom:8px;
  595. }
  596.  
  597.  
  598. #tags {
  599. font-family: 'Montserrat', sans-serif;
  600. text-align:center;
  601. text-transform:lowercase;
  602. margin-left:-1px;
  603. margin-right:-1px;
  604. padding-bottom:8px;
  605. font-size:8px;
  606. background-color:#0d3a5d;
  607. }
  608.  
  609. #tags a {
  610. margin-right:15px;
  611. margin-left:15px;
  612. letter-spacing:0px;
  613. }
  614.  
  615. /*----------POST NOTES---------*/
  616.  
  617. ol.notes {
  618. padding:0px;
  619. margin:25px 0px 0px -10px;
  620. list-style-type:none;
  621. }
  622.  
  623. ol.notes li.note {
  624. padding:10px;
  625. }
  626.  
  627. ol.notes li.note img.avatar {
  628. vertical-align:-4px;
  629. margin-right:10px;
  630. width:16px;
  631. height:16px;
  632. }
  633.  
  634. ol.notes li.note span.action {
  635. font-weight:none;
  636. }
  637.  
  638. ol.notes li.note .answer_content {
  639. font-weight:normal;
  640. }
  641.  
  642. ol.notes li.note blockquote {
  643. padding:4px 10px;
  644. margin:10px 0px 0px 25px;
  645. }
  646.  
  647. ol.notes li.note blockquote a {
  648. text-decoration:none;
  649. }
  650.  
  651. /*----------POP UP---------*/
  652.  
  653. .popup_block{
  654. display:none;
  655. background:#0a2a43;
  656. padding:20px;
  657. float:left;
  658. position:fixed;
  659. top:50%;left:50%;
  660. z-index: 99999;
  661. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  662. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  663. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  664. }
  665.  
  666. *html #fade {position: absolute;}
  667. *html .popup_block {position: absolute;}
  668. #fade {
  669. display:none;
  670. position:fixed;
  671. left:0px;
  672. top:0px;
  673. width:100%;
  674. height:100%;
  675. z-index:9999;
  676. background:#000; /* change to #fff for solid white */
  677. opacity:0.5; /* change to opacity:1; */
  678. }
  679.  
  680.  
  681. /*----------CREDIT---------*/
  682.  
  683. .credit {
  684. text-transform:uppercase;
  685. font-family: 'Alex Brush', cursive;
  686. font-size:17px;
  687. position:fixed;
  688. font-weight:bold;
  689. bottom:5px;
  690. right:10px;
  691. z-index:10;
  692. text-align:right;
  693. letter-spacing:1px;
  694. padding:2px;
  695. }
  696.  
  697. .credit a {
  698. color:#0a2a43;
  699. text-shadow: 0px 0px 2px #0a2a43;
  700. text-decoration:none;
  701. }
  702.  
  703. .credit a:hover {
  704. color:{color:links hover};
  705. text-decoration:none;
  706. }
  707.  
  708. #bite
  709. #bite a{
  710. display:block
  711. }
  712. #bite .death {
  713. margin-top:0px;filter: alpha(opacity = 0);
  714. opacity:0;-webkit-transition: all 0.5s ease-out;
  715. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  716. }
  717.  
  718. #bite:hover .death {
  719. margin-top:0px;
  720. -webkit-transition: all 0.8s ease-out;
  721. -moz-transition: all 0.8s ease-out;
  722. transition: all 0.8s ease-out;
  723. filter: alpha(opacity = 100);
  724. filter: alpha(opacity = 100);
  725. opacity:100;
  726. }
  727.  
  728. #actualnews {
  729. font-size:10px;
  730. color: #1f1f1f;
  731. text-shadow: 0px 0px 2px #1f1f1f;
  732. width:150px;
  733. height:auto;
  734. padding-top:3px;
  735. margin-top: 425px;
  736. margin-left: 205px;
  737. text-align:right;
  738. position:fixed;
  739. }
  740.  
  741. #thekey{
  742. font-family:times;
  743. font-weight:bold;
  744. text-transform:uppercase;
  745. color: #0a2a43;
  746. text-shadow: 0px 0px 2px #0a2a43;
  747. font-size:10px;
  748. margin-top: 390px;
  749. margin-left: 648px;
  750. position:fixed;
  751. transform: rotate(-90deg)
  752. }
  753.  
  754. coven{
  755. text-transform:lowercase;
  756. color:#0d3a5d;
  757. font-size:11px;
  758. text-shadow:0px 0px 2px #0d3a5d;
  759. font-family: 'Montserrat', sans-serif;
  760. }
  761.  
  762. jesus{
  763. text-transform:uppercase;
  764. font-weight:bold;
  765. font-size:14px;
  766. color:#c0b16a;
  767. text-shadow:0px 0px 2px #c0b16a;
  768. }
  769.  
  770. god{
  771. text-transform:uppercase;
  772. font-weight:bold;
  773. font-size:12px;
  774. color: #c0b16a;
  775. text-shadow: 0px 0px 2px #c0b16a;
  776. }
  777.  
  778. </style>
  779. </head>
  780.  
  781. <body>
  782.  
  783. <div id="bite">
  784. <div id="thekey">HOVER</div>
  785. <div class="death">
  786. <div id="actualnews">
  787.  
  788. independent<br/>
  789. <big>ANNIE CRESTA</big><br/>
  790. from <coven>the hunger games</coven>
  791. <br/><br/>written by <coven>kelsey</coven><br/>
  792. est. june 2015<br/>
  793.  
  794. ( put ur freehostedscript here! )
  795.  
  796. <p><jesus>DRAFT COUNT</jesus><br/>
  797.  
  798. <god>replies:</god> 00</br>
  799. <god>starters:</god> 00<br/>
  800. last updated on 00/00</soul><br/>
  801.  
  802. </div>
  803. </div></div>
  804.  
  805.  
  806.  
  807. <div class="credit">
  808. <a href="http://masochisticlioness.tumblr.com/" title="theme by m.">M</a></div>
  809.  
  810.  
  811. <div id="links">
  812. <div class="link1">
  813. <a href="/" title="home">△</a></div>
  814.  
  815. <div class="link2">
  816. <a href="#?w=300" title="mail" rel="box1" class="poplight">△</a></div>
  817.  
  818. <div class="link3">
  819. <a href="#?w=300" title="rules" rel="box2" class="poplight">△</a></div>
  820.  
  821. <div class="link4">
  822. <a href="#?w=300" title="basic info" rel="box3" class="poplight">△</a></div>
  823.  
  824. <div class="link5">
  825. <<a href="#?w=300" title="verses" rel="box4" class="poplight">△</a></div>
  826.  
  827. <div class="link6">
  828. <<a href="#?w=300" title="navigation" rel="box5" class="poplight">△</a></div>
  829.  
  830. </div>
  831.  
  832. <div id="box1" class="popup_block">
  833. <center><jesus>LEAVE A MESSAGE;<br/></jesus></center>
  834. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  835. </div>
  836.  
  837. </div></div></div></div></div></div></div></div></div></div>
  838.  
  839. <div id="box2" class="popup_block">
  840. <center><h1>RULES;<br/></h1></center>
  841. paste ur rules here
  842. <p>normal text<br/>
  843. <b>bolded text</b><br/>
  844. <i>italic</i><br/>
  845. <u>underline</u><br/>
  846. <s>strikethrough</s><br/>
  847. <h1>h1 text</h1><br/>
  848. <h2>h2 text</h2></br>
  849. </div>
  850.  
  851. </div></div></div></div></div></div></div></div></div></div>
  852.  
  853. <div id="box3" class="popup_block">
  854. <center><h1>BASIC INFO;<br/></h1></center>
  855. paste the basic info here
  856. </div>
  857.  
  858. </div></div></div></div></div></div></div></div></div></div>
  859.  
  860. <div id="box4" class="popup_block">
  861. <center><h1>VERSES;<br/></h1></center>
  862. paste ur verses here
  863. </div>
  864.  
  865. </div></div></div></div></div></div></div></div></div></div>
  866.  
  867. <div id="box5" class="popup_block">
  868. <center><h1>NAVIGATION;<br/></h1></center>
  869. put ur links here
  870. </div>
  871.  
  872. </div></div></div></div></div></div></div></div></div></div>
  873.  
  874. <div class="entries">
  875.  
  876. {block:Posts}
  877.  
  878. <div class="posts">
  879.  
  880. {block:Text}
  881. <h1>{block:Title}{Title}{/block:Title}</h1>
  882. {Body}{/block:Text}
  883.  
  884.  
  885. {block:Photo}
  886. {LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  887. {block:Caption}{Caption}{/block:Caption}
  888. {/block:Photo}
  889.  
  890.  
  891. {block:Photoset}
  892. {Photoset-250}
  893. {block:Caption}{Caption}{/block:Caption}
  894. {/block:Photoset}
  895.  
  896.  
  897. {block:Quote}
  898. <div class="quote"><b>“</b>&nbsp;{Quote}&nbsp;<b>”</b></div>
  899. {block:Source}<div class="quotesource"> — {Source}</div>
  900. {/block:Source}{/block:Quote}
  901.  
  902.  
  903. {block:Link}
  904. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  905. {block:Description}{Description}{/block:Description}
  906. {/block:Link}
  907.  
  908.  
  909. {block:Chat}
  910. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  911. {/block:Chat}
  912.  
  913.  
  914. {block:Audio}{block:AudioPlayer}
  915. <div class="audiowrapper">
  916. {block:AlbumArt}
  917. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  918. {/block:AlbumArt}
  919. <div class="playerbuttonbg">
  920. <div class="newplayerbutton">
  921. <div class="playerbuttonhug">
  922. {AudioPlayerGrey}
  923. </div></div></div>
  924. <div class="trackdetails">
  925. {block:TrackName}<baudio>{TrackName}</baudio>{/block:TrackName}
  926. <br> {block:Artist}{Artist}{/block:Artist}</div></div>
  927. {/block:AudioPlayer}
  928. {block:Caption}<div class="acaption">{Caption}</div>{/block:Caption}
  929. {/block:Audio}
  930.  
  931.  
  932. {block:Video}
  933. {Video-250}
  934. {block:Caption}{Caption}{/block:Caption}
  935. {/block:Video}
  936.  
  937.  
  938. {block:Answer}
  939. <div class="question">
  940. <div class="asker">{Asker} said:</div>
  941. <font color="#d1d0c6">{Question}</font></div>
  942. <div class="answer">
  943. {Answer}</div>
  944. {/block:Answer}
  945.  
  946.  
  947. <div id="info">
  948. {block:Date}
  949. <a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  950. {/block:Date}
  951.  
  952. &nbsp;&nbsp;
  953. <a href="{Permalink}">{NoteCount} notes</a>
  954. &nbsp;&nbsp;
  955.  
  956. <a href="{ReblogURL}" target="_blank" class="details">↻</a>&nbsp;&nbsp;
  957.  
  958. <font style="float:center">
  959. {block:RebloggedFrom}
  960. <a href="{ReblogParentURL}" title="{ReblogParentName}"> via </a>
  961. {block:ContentSource}
  962. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  963. {/block:ContentSource}
  964. {/block:RebloggedFrom}
  965. </font style>
  966.  
  967.  
  968. </div>
  969.  
  970.  
  971. {block:HasTags}
  972. <div id="tags">
  973. {block:Tags}
  974. #<a href="{TagURL}">{Tag}</a>
  975. {/block:Tags}
  976. </div>
  977. {/block:HasTags}
  978.  
  979. </div>
  980.  
  981.  
  982. {block:PostNotes}
  983. {PostNotes}
  984. {/block:PostNotes}
  985.  
  986. {/block:Posts}
  987.  
  988. {block:ContentSource}
  989. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  990. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  991. {/block:SourceLogo}
  992. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  993. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  994.  
  995. <div class="pagination">
  996. {block:Pagination}
  997. {block:PreviousPage}
  998. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  999.  
  1000. {block:NextPage}
  1001. <a href="{NextPage}">next</a>
  1002. {/block:NextPage}
  1003. {/block:Pagination}
  1004. </div>
  1005.  
  1006. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement