Advertisement
manon15

ofspots theme code

Mar 10th, 2016
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.47 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--code by manon/butscrewmefirst. don't take as your own!-->
  5.  
  6.  
  7. <meta name="color:background" content="#ffffff"/>
  8. <meta name="color:text" content="#000000"/>
  9. <meta name="color:link" content="#000000"/>
  10. <meta name="color:link hover" content="#ddd"/>
  11. <meta name="color:border" content="#000000"/>
  12. <meta name="color:hoverlink text" content="#000000"/>
  13. <meta name="color:scrollbar bg" content="#6b6d6d"/>
  14. <meta name="color:tooltip color" content="#6b6d6d"/>
  15. <meta name="color:title color" content="#000000"/>
  16. <meta name="color:blockquote color" content="#000000"/>
  17.  
  18.  
  19.  
  20. <meta name="text:bg image url" content=""/>
  21. <meta name="color:bold" content=""/>
  22. <meta name="color:bold shadow" content=""/>
  23. <meta name="color:italics" content=""/>
  24. <meta name="color:italics shadow" content=""/>
  25. <meta name="text:title text" content="title">
  26. <meta name="text:Link 1 URL" content="" />
  27. <meta name="text:Link 1" content="link 1" />
  28. <meta name="text:Link 2 URL" content="" />
  29. <meta name="text:Link 2" content="link 2" />
  30. <meta name="text:Link 3 URL" content="" />
  31. <meta name="text:Link 3" content="link 3" />
  32. <meta name="text:Link 4 URL" content="" />
  33. <meta name="text:Link 4" content="link 4" />
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. <head><title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC' rel='stylesheet' type='text/css'>
  48. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  49. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  50. <link href='http://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  52. <link href='http://fonts.googleapis.com/css?family=Tillana' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
  54. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  58. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  59. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  65. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  66. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  68. <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
  69. <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
  70. <link href='https://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  71.  
  72.  
  73. <script type="text/javascript"
  74. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  75. <script>
  76. $(document).ready(function() {
  77. //
  78. $('a.poplight[href^=#]').click(function() {
  79. var popID = $(this).attr('rel'); //Get Popup Name
  80. var popURL = $(this).attr('href'); //Get Popup href to define size
  81. var query= popURL.split('?');
  82. var dim= query[1].split('&');
  83. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  84. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  85. var popMargTop = ($('#' + popID).height() + 80) / 2;
  86. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  87. //Apply Margin to Popup
  88. $('#' + popID).css({
  89. 'margin-top' : -popMargTop,
  90. 'margin-left' : -popMargLeft
  91. });
  92. $('body').append('<div id="fade"></div>');
  93. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  94. return false;
  95. });
  96. $('a.close, #fade').live('click', function() {
  97. $('#fade , .popup_block').fadeOut(function() {
  98. $('#fade, a.close').remove(); //fade them both out
  99. });
  100. return false;
  101. });
  102. });
  103. </script>
  104.  
  105.  
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110. .popup_block{
  111. display:none;
  112. font-size:12px;
  113. background:#bcb8b6;
  114. background-image:url("");
  115. font-family:'calibri';
  116. padding:20px;
  117. border:;
  118. float:left;
  119. position:fixed;
  120. top:50%;left:50%;
  121. z-index: 99999;
  122. -webkit-box-shadow: ;
  123. -moz-box-shadow: ;
  124. box-shadow: ;
  125. }
  126.  
  127. *html #fade {position: absolute;}
  128. *html .popup_block {position: absolute;}
  129. #fade {
  130. display:none;
  131. position:fixed;
  132. left:0px;
  133. top:0px;
  134. width:100%;
  135. height:100%;
  136. z-index:9999;
  137. background:#000; /* change to #fff for solid white */
  138. opacity:0.5; /* change to opacity:1; */
  139. }
  140.  
  141.  
  142. /* --- UPDATES ---*/
  143.  
  144.  
  145.  
  146. #bite
  147. #bite a{
  148. display:block
  149. }
  150. #bite .death {
  151. margin-top:0px;filter: alpha(opacity = 0);
  152. opacity:0;-webkit-transition: all 0.5s ease-out;
  153. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  154. }
  155.  
  156. #bite:hover .death {
  157. margin-top:0px;
  158. -webkit-transition: all 0.8s ease-out;
  159. -moz-transition: all 0.8s ease-out;
  160. transition: all 0.8s ease-out;
  161. filter: alpha(opacity = 100);
  162. filter: alpha(opacity = 100);
  163. opacity:100;
  164. }
  165.  
  166. #actualnews {
  167. font-family:'calibri';
  168. font-size:12px;
  169. color: #fff;
  170. width:130px;
  171. height:auto;
  172. padding-top:3px;
  173. left:50%;
  174. margin-left:-615px;
  175. bottom:210px;
  176. text-align:center;
  177. position:fixed;
  178. background:#bcb8b6;
  179. }
  180.  
  181. #thekey {
  182. width:auto;
  183. letter-spacing:5px;
  184. left:50%;
  185. bottom:250px;
  186. margin-left:-262px;
  187. padding:2px;
  188. position:fixed;
  189. font-size:11px;
  190. font-family: 'Prata', serif;
  191. color: #fff;
  192. text-transform:uppercase;
  193. text-shadow: 0px 0px 0px #000;
  194. -ms-transform: rotate(90deg); /* IE 9 */
  195. -webkit-transform: rotate(90deg); /* Safari */
  196. transform: rotate(90deg)
  197.  
  198. }
  199. }
  200.  
  201.  
  202. para {
  203. font-family: 'Prata', serif;
  204. color:#fff;
  205. text-shadow:0 0 2px #fff;
  206. font-size:15px;
  207.  
  208. }
  209.  
  210. /*edit scrollbar*/
  211.  
  212. ::-webkit-scrollbar-thumb {
  213. height:auto;
  214. }
  215.  
  216. ::-webkit-scrollbar {
  217. height:4px;
  218. width:3px;
  219. padding-right:2px;
  220. }
  221. /*edit the body this is what post text looks like, background color, etc.*/
  222.  
  223. body {
  224. background-image:url("http://i.imgur.com/v2uEX0t.png");
  225. background-position:center bottom;
  226. background-attachment:fixed;
  227. background-repeat:no-repeat;
  228. margin:0px;
  229. background-color:#bcb8b6;
  230. color:#fff;
  231. font-family:arial;
  232. font-size:10px;
  233. line-height:120%;
  234. overflow-x:hidden;
  235. overflow-y:hidden;
  236. }
  237.  
  238.  
  239. /*edit links*/
  240.  
  241. a {
  242. text-decoration:none;
  243. outline:none;
  244. -moz-outline-style:none;
  245. color:#fff;
  246. -moz-transition-duration:0.8s;
  247. -webkit-transition-duration:0.8s;
  248. -o-transition-duration:0.8s;
  249. }
  250.  
  251. /*edit link hover*/
  252.  
  253. a:hover {
  254. color:#000;
  255. outline:none;
  256. -moz-outline-style:none;
  257. text-decoration:none;
  258. border-radius: 20px 20px 20px 20px #000;
  259. }
  260.  
  261. img {
  262. opacity:.8;
  263. -webkit-filter: Grayscale(50%);
  264. -webkit-transition-duration: 0.8s;
  265. -moz-transition-duration:0.8s;
  266. transition-duration:0.8s;
  267. -o-transition-duration:0.8s;
  268. -webkit-filter: blur(1px);
  269. border-radius: 20px 20px 20px 20px #000;
  270. }
  271.  
  272. img:hover {
  273. opacity:1;
  274. -webkit-filter: Grayscale(0%);
  275. -webkit-transition: all 0.8s ease-out;
  276. -moz-transition: all 0.8s ease-out;
  277. transition: all 0.8s ease-out;
  278. -webkit-filter: blur(0px);
  279. border-radius: 20px 20px 20px 20px #000;
  280.  
  281. }
  282.  
  283. blockquote {
  284. padding-left:5px;
  285. border-left:2px solid #6d1515;
  286.  
  287. }
  288.  
  289. blockquote blockquote {
  290. padding-left:5px;
  291. border-left:2px solid;
  292. }
  293.  
  294. h1 {
  295. font-size:22px;
  296. text-align:left;
  297. font-family:"prata";
  298. text-align:center;
  299. line-height:105%;
  300. letter-spacing:1px;
  301. color:#fff;
  302. }
  303.  
  304.  
  305.  
  306. #title {
  307. color:#000;
  308. font-family:arial;
  309. font-size:16px;
  310. text-transform:lowercase;
  311. font-weight:bold;
  312. letter-spacing:0px;
  313. padding:4px;
  314. margin-top:-20px;
  315. margin-left:-14px;
  316. position:fixed;
  317. text-align:left;
  318. }
  319.  
  320.  
  321. #navi {
  322. float:left;
  323. width:190px;
  324. }
  325.  
  326.  
  327. /*sidebar links*/
  328.  
  329. #links {
  330. position: fixed;
  331. font-style:none;
  332. left:50%;
  333. bottom:491px;
  334. margin-left:-223px;
  335. font-size:15px;
  336. word-spacing:2px;
  337. line-height: 850%;
  338. text-align: left;
  339. width:160px;
  340. margin-right: auto;
  341.  
  342. }
  343.  
  344. #links a {
  345. letter-spacing: 1px;
  346. padding:3px;
  347.  
  348. }
  349.  
  350. #links a:hover {
  351. color:#000;
  352. opacity:1;
  353. -webkit-transition: all 0.8s ease-out;
  354. -moz-transition: all 0.8s ease-out;
  355. transition: all 0.8s ease-out;
  356. -webkit-filter:;
  357. }
  358.  
  359. #description {
  360. width:208px;
  361. font-size:11px;
  362. padding:5px;
  363. text-align:justify;
  364. letter-spacing:0px;
  365. line-height:90%;
  366. margin-left:-16px;
  367. margin-top:-2px;
  368. }
  369.  
  370. /* this is the box that comes up when you hover over something with a title*/
  371.  
  372. #s-m-t-tooltip {
  373. max-width:300px;
  374. padding:5px 5px 5px 6px;
  375. margin:20px 0px 0px 20px;
  376. background-image:url('http://i.imgur.com/ifRUiYe.png');
  377. background-color:{color:tooltip color};
  378. font-family:arial;
  379. font-size:9px;
  380. letter-spacing:2px;
  381. text-transform:lowercase;
  382. font-weight:bold;
  383. color:#fff;
  384. z-index:999999999999999999999999999999999999;
  385. }
  386.  
  387. .buttons {
  388. display:inline-block;
  389. width:120px;
  390. padding:3px;
  391. margin:3px;
  392. border:1px solid #000;
  393. }
  394.  
  395. /*next page and previous page*/
  396.  
  397. #pagination {
  398. left:50%;
  399. bottom:38px;
  400. margin-left:-310px;
  401. font-size:25px;
  402. position: absolute;
  403. text-align: left;
  404. letter-spacing:4px;
  405. padding-left:87px;
  406. word-spacing:4px;
  407. text-transform:lowercase;
  408.  
  409.  
  410. }
  411.  
  412. #pagination a {
  413. padding:0 3px;
  414. opacity:2;
  415. -webkit-filter: Grayscale(0%);
  416. -webkit-transition: all 0.8s ease-out;
  417. -moz-transition: all 0.8s ease-out;
  418. transition: all 0.8s ease-out;
  419. -webkit-filter: blur(0px);
  420.  
  421. }
  422.  
  423.  
  424. #container {
  425. position: fixed;
  426. height:430px;
  427. width:405px;
  428. text-align:justify;
  429. font-family:'calibri';
  430. text-transform: auto;
  431. left:50%;
  432. margin-left:-187px;
  433. bottom:79px;
  434. overflow: auto;
  435. -ms-transform: rotate(0deg);
  436. -webkit-transform: rotate(0deg);
  437. transform: rotate(0deg);
  438. }
  439.  
  440.  
  441. #post {
  442. width:400px;
  443. text-align:left;
  444. font-size:11px;
  445. line-height:110%;
  446. color:#000;
  447. margin-left:auto;
  448. margin-right:auto;
  449. }
  450.  
  451.  
  452. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  453.  
  454. b, strong{
  455. color: #847376;
  456. font-size:16px;
  457. font-family:"Prata";
  458. letter-spacing:2px;
  459. line-height:115%;
  460. text-shadow: 0px 0px 0px #000;
  461. font-weight: bold;
  462. text-transform:uppercase;
  463. }
  464.  
  465. i, em, strong {
  466. color: #11122a;
  467. font-size:16px;
  468. line-height:115%;
  469. font-family:"satisfy";
  470. letter-spacing:2px;
  471. text-shadow:0px 0px 0px #000;
  472. font-weight: italic;
  473.  
  474. }
  475.  
  476. /*time posted, note count, via and source*/
  477.  
  478. .postinfo {
  479. font-family:'Six caps';
  480. width:387px;
  481. margin-top:1px;
  482. padding:6px;
  483. font-size:15px;
  484. color:#fff;
  485. text-shadow:2px 2px 3px rgba(14,8,8, 1);
  486. background-image:url('http://i.imgur.com/ifRUiYe.png');
  487. opacity:.66;
  488. border-radius: 20px 20px 20px 20px;
  489. letter-spacing:1px;
  490. border-bottom:1px #000;
  491. text-transform:uppercase;
  492. font-style:normal;
  493. text-align:center;
  494. }
  495.  
  496. .postinfo a {
  497. color:#fff;
  498. font-style:normal;
  499. }od now
  500.  
  501. .postinfo a:hover {
  502. color:#bebebe;
  503. }
  504.  
  505.  
  506. /*tags*/
  507.  
  508. .tags {
  509. width:387px;
  510. margin-top:4px;
  511. margin-left:-1px;
  512. padding:2px;
  513. font-family:arial;
  514. letter-spacing:0px;
  515. font-size:10px;
  516. text-align:center;
  517.  
  518. }
  519.  
  520. .tags a {
  521. color:#fff;
  522. }
  523.  
  524. .tags a:hover {
  525. color:#57453a;
  526. }
  527.  
  528. .postnote {
  529. width:387px;
  530. margin-top:40px;
  531. font-family:arial;
  532. text-transform:lowercase;
  533. font-style:normal;
  534. letter-spacing:0px;
  535. font-size:10px;
  536. text-align:left;
  537. }
  538.  
  539. .verses img {
  540. float:center;
  541. -webkit-filter: grayscale(0%);
  542. width:400px;
  543. height:200px;
  544. }
  545.  
  546. /*here go asks*/
  547.  
  548. #ask {
  549. float:left;
  550. line-height:130%;
  551. border: 1px #000;
  552. font-family:"calibri";
  553. font-size:12px;
  554.  
  555. }
  556.  
  557.  
  558.  
  559.  
  560. /*audio player container*/
  561.  
  562. .playercontainer {
  563. text-align:left;
  564. padding:10px;
  565. padding-left:0px;
  566. background-color:#fff;
  567. width:480px;
  568. }
  569.  
  570. /*artist, song, etc.*/
  571.  
  572. .musicinfo {
  573. padding-top:7px;
  574. padding-left:50px;
  575. color:#000;
  576. text-align:justify;
  577. }
  578.  
  579. /*credit. only change this if you actually make the code your own*/
  580.  
  581. #credit {
  582. position:fixed;
  583. font-size:3px;
  584. color:#2f0000;
  585. font-weight:none;
  586. line-height:50%;
  587. letter-spacing:2px;
  588. right:10px;
  589. bottom:05px;
  590. text-transform:none;
  591. text-align:left;
  592. }
  593.  
  594. #credit a {
  595. letter-spacing: 0px;
  596. padding:3px;
  597. color:#848585;
  598. }
  599.  
  600. #credit a:hover {
  601. background:#bcb8b6;
  602. color:#848584;
  603. }
  604.  
  605.  
  606.  
  607. {CustomCSS}</style></head><body>
  608.  
  609.  
  610. <!-- begin updates tab -->
  611.  
  612. <div id="bite">
  613. <div id="thekey">HOVER</div>
  614. <div class="death">
  615. <div id="actualnews">
  616. <para><b>words</b></para><p>
  617. more words<br>
  618. <marquee>aaand this is how you make words go across/move!</marquee><br>
  619. <i>here we go hehe</i><p>
  620. bigger space here<br>
  621. and this is how you do a horizontal line!<br>
  622. <HR WIDTH="75%"><br>
  623. hope this helps!
  624.  
  625. </div></div></div>
  626.  
  627. <!-- end updates tab -->
  628.  
  629.  
  630. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  631. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  632. <script>
  633.  
  634. (function($){
  635.  
  636. $(document).ready(function(){
  637.  
  638. $("a[title]").style_my_tooltips({
  639.  
  640. tip_follows_cursor:true,
  641.  
  642. tip_delay_time:50,
  643.  
  644. tip_fade_speed:600,
  645.  
  646. attribute:"title"
  647.  
  648. });
  649.  
  650. });
  651.  
  652. })(jQuery);
  653.  
  654. </script>
  655.  
  656.  
  657.  
  658.  
  659. <div id="links">
  660. <a href="/" title="home">✕</a>
  661.  
  662.  
  663. <a href="#?w=500" title="inquire" rel="box1" class="poplight">✕</a>
  664.  
  665. <a href="#?w=400" title="guidelines" rel="box2" class="poplight">✕</a>
  666.  
  667. <a href="#?w=400" title="biography" rel="box3" class="poplight">✕</a>
  668.  
  669. <a href="#?w=400" title="navigation" rel="box4" class="poplight">✕</a>
  670.  
  671. <a href="#?w=400" title="verses" rel="box6" class="poplight">✕</a>
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680. </div>
  681.  
  682. <div id="description">{Description}</div>
  683.  
  684.  
  685. <div id="pagination">
  686. {block:Pagination}
  687. {block:PreviousPage}
  688. <a href="{PreviousPage}">&larr;</a>
  689. {/block:PreviousPage}
  690.  
  691.  
  692. {block:NextPage}
  693. <a href="{NextPage}">&rarr;</a>
  694. {/block:NextPage}
  695. {/block:Pagination}
  696. </div>
  697.  
  698.  
  699.  
  700. </div>
  701.  
  702.  
  703. <div id="container">{block:Posts}<div id="post">
  704.  
  705. {block:Text}<h1>{block:Title}<big><big><center>{Title}</center></big></big>{/block:Title}</h1>{Body}{/block:Text}
  706.  
  707. {block:Quote}<big><b><center>"{Quote}"</center></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  708.  
  709. {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  710.  
  711. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  712.  
  713. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  714.  
  715. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  716.  
  717. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  718.  
  719.  
  720. {block:AudioPlayer}
  721. <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;overflow:hidden; position:absolute;font-weight:bold;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  722.  
  723. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-40}" style="margin-right:12px;border:1px solid #e3e3e3;padding:3px;"></div> "{Question}"<br>
  724. — {ASKER}<br><br>
  725. {Answer}<br>{/block:Answer}
  726.  
  727. {block:Date}<div class="postinfo"> <a href="{Permalink}">{TimeAgo}</a>   {block:NoteCount}+ {NoteCount}{/block:NoteCount}   {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}   {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  728.  
  729. {block:HasTags}
  730. <div class="tags">
  731. {block:Tags}<a href="{TagURL}"> ○ {Tag}</a>  {/block:Tags}</div>
  732. {/block:HasTags}
  733.  
  734. <div class="postnote">
  735. {block:PostNotes}{PostNotes}{/block:PostNotes}
  736. </div>
  737. </div>
  738. {/block:Posts}
  739.  
  740.  
  741.  
  742.  
  743. </div></div></div></div>
  744. </div>
  745.  
  746. <div id="credit"><a href="#?w=400" title="credit" rel="box5" class="poplight"><font size="4">
  747. <i>Manon</i></a></font><div>
  748.  
  749. </body>
  750.  
  751. </div></div></div></div></div></div></div></div></div></div>
  752. <div id="box1" class="popup_block">
  753. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  754. </div>
  755. </div></div></div></div></div></div></div></div></div></div>
  756.  
  757. <div id="box2" class="popup_block">
  758. <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
  759. <center><big><h1>GUIDELINES</h1></big><BR>
  760. <HR WIDTH="100%"><br>
  761. CONTENT
  762. CONTENT
  763. CONTENT
  764. </center>
  765. </div>
  766. </div>
  767.  
  768. </div></div></div></div></div></div></div></div></div></div>
  769.  
  770. <div id="box3" class="popup_block">
  771. <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
  772. <center><big><h1>BIOGRAPHY</h1></big></big><BR>
  773. <HR WIDTH="100%"><br>
  774. CONTENT
  775. CONTENT
  776. CONTENT
  777. </center>
  778. </div>
  779. </div>
  780.  
  781. </div></div></div></div></div></div></div></div></div></div>
  782.  
  783. <div id="box4" class="popup_block">
  784. <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
  785. <center><big><h1>NAVIGATION</h1></big><BR>
  786. <HR WIDTH="100%"><br>
  787. <div id="navi">
  788. <a href="/link here" class="buttons">link name</a><p>
  789. <a href="/link here" class="buttons">link name</a><p>
  790. <a href="/link here" class="buttons">link name</a><p>
  791. </div>
  792. <div id="navi">
  793. <a href="/link here" class="buttons">link name</a><p>
  794. <a href="/link here" class="buttons">link name</a><p>
  795. <a href="/link here" class="buttons">link name</a><p>
  796.  
  797. </div>
  798. <p>
  799.  
  800.  
  801. </center><p>
  802.  
  803.  
  804. </div>
  805. </div>
  806.  
  807. </div></div></div></div></div></div></div></div></div></div>
  808.  
  809. <div id="box6" class="popup_block">
  810. <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
  811. <center><big><h1>VERSES</h1></big><BR>
  812. <HR WIDTH="100%">
  813. <img src="http://i.imgur.com/AbPJSL3.png" class="verses">
  814. <b><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></b>
  815. <p>
  816. content content content
  817. <p><p>
  818. <img src="http://i.imgur.com/AbPJSL3.png" class="verses">
  819. <b><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></b>
  820. <p>
  821. content content content
  822. <p><p>
  823. </center>
  824. </div>
  825. </div>
  826.  
  827. </div></div></div></div></div></div></div></div></div></div>
  828.  
  829. <div id="box5" class="popup_block">
  830. <center>theme credit goes to &nbsp;<i><a href="http://butscrewmefirst.tumblr.com">Manon</a></i>.<br> do not remove the credit nor claim as your own. if you &nbsp;<b>HAVE</b> to take this credit out, make sure you credit me on a &nbsp;<b>VISIBLE</b> and often visited page.</center>
  831. </div>
  832.  
  833. </div></div></div></div></div></div></div></div></div></div>
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement