API tools faq
paste
Advertisement
ardenthemes

themeone.

ardenthemes
Sep 6th, 2018
99
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.34 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. @@@@@@@ @@@@@@@ @@@ @@@
  4. @@@ @@@ @@@ @@@ @@@ @@@@@
  5. @@@ @@@ @@@ @@@ @@@ @@@ @@@
  6. @@@@@@@ @@@@@@@ @@@ @@@ @@@
  7. @@@ @@@ @@@ @@@ @@@ @@@@@@@@@
  8. @@@ @@@ @@@ @@@ @@@ @@@ @@@ @@@
  9. @@@@@@@ @@@ @@@ @@@ @@@ @@@ @@@
  10.  
  11. CODE ORIGINALLY CREATED:
  12. JAN. 2017 BY ASSETRELOCATION/ROSSOCORSA
  13.  
  14. TERMS OF USE.
  15. ⌞ 01. ⌞ do not repost this code to claim as your own.
  16. ⌞ 02. ⌞ do not redesign to claim as your own.
  17. ⌞ 03. ⌞ do not move or delete credit.
  18. ⌞ 04. ⌞ like or reblog the source post.
  19. ⌞ 05. ⌞ make it look fresh as hell, man, enjoy.
  20.  
  21. CREDIT TO THE FOLLOWING.
  22. ⌞ 01. ⌞ octomoosey for the base and tutorials.
  23. ⌞ 02. ⌞ julieta ulanovsky for one of the fonts.
  24. ⌞ 03. ⌞ iris for the inspiration to code tbh!
  25. ⌞ 04. ⌞ pixelunion/MIT for the gutter spacing.
  26. ⌞ 05. ⌞ shythemes for the easy tutorial.
  27. ⌞ 06. ⌞ tutorial-baby for the tooltip tutorial.
  28. ⌞ 07. ⌞ painthemes for the tables.
  29. ⌞ 08. ⌞ lmthemes for the audio customising.
  30. ⌞ 09. ⌞ buildthemes for the chat customising.
  31.  
  32. SHOUTOUT.
  33. hit up canisriot for theme commissions. i've known
  34. her for years, and there's nobody better to get
  35. some quality coding from than her. while THIS
  36. theme isn't overly complex, iris can whip up some
  37. jaw dropping themes for you.
  38.  
  39. -->
  40.  
  41.  
  42. <html>
  43. <head>
  44.  
  45.  
  46. <link href="https://fonts.googleapis.com/css?family=Montserrat|Playfair+Display|Roboto:100" rel="stylesheet">
  47. <link href="https://fonts.googleapis.com/css?family=Crimson+Text:400i|Open+Sans|PT+Sans+Narrow|Roboto" rel="stylesheet">
  48. <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
  49.  
  50. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  51. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  52. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  53.  
  54. <script>
  55. $(document).ready(function(){
  56. $('.photo-slideshow').pxuPhotoset({
  57. lightbox: true,
  58. rounded: false,
  59. gutter: '3px',
  60. borderRadius: '0px',
  61. photoset: '.photo-slideshow',
  62. photoWrap: '.photo-data',
  63. photo: '.pxu-photo'
  64. });
  65. });
  66. </script>
  67.  
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70. <script>
  71. (function($){
  72. $(document).ready(function(){
  73. $("a[title]").style_my_tooltips({
  74. tip_follows_cursor:true,
  75. tip_delay_time:90,
  76. tip_fade_speed:600,
  77. attribute:"title"
  78. });
  79. });
  80. })(jQuery);
  81. </script>
  82. <style>
  83. .tooltip{
  84. display: inline;
  85. position: relative;
  86. }
  87. #s-m-t-tooltip {
  88. max-width:300px;
  89. border-radius: 0px;
  90. padding:3px 4px 5px 4px;
  91. margin:-20px 20px 0px 0px;
  92. background-color:#05090a;
  93. font-family: 'Montserrat', sans-serif;
  94. font-size:7px;
  95. letter-spacing:2px;
  96. text-transform:uppercase;
  97. color:#909090;
  98. z-index:99999999999;
  99. }
  100. </style>
  101.  
  102. <script type="text/javascript"
  103. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  104. <script>
  105. $(document).ready(function() {
  106. //
  107. $('a.poplight[href^=#]').click(function() {
  108. var popID = $(this).attr('rel'); //Get Popup Name
  109. var popURL = $(this).attr('href'); //Get Popup href to define size
  110. var query= popURL.split('?');
  111. var dim= query[1].split('&');
  112. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  113. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  114. var popMargTop = ($('#' + popID).height() + 80) / 2;
  115. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  116. //Apply Margin to Popup
  117. $('#' + popID).css({
  118. 'margin-top' : -popMargTop,
  119. 'margin-left' : -popMargLeft
  120. });
  121. $('body').append('<div id="fade"></div>');
  122. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  123. return false;
  124. });
  125. $('a.close, #fade').live('click', function() {
  126. $('#fade , .popup_block, .popup_block2, .popup_block3').fadeOut(function() {
  127. $('#fade, a.close').remove(); //fade them both out
  128. });
  129. return false;
  130. });
  131. });
  132. </script>
  133.  
  134.  
  135. <title>BLOGTITLEHERE</title>
  136. <link rel="shortcut icon" href="{Favicon}">
  137. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  138.  
  139. </head>
  140.  
  141. <style type="text/css">
  142.  
  143. ::-webkit-scrollbar {
  144. width: 2px;
  145. height: 2px;
  146. }
  147. ::-webkit-scrollbar-button {
  148. width: 0px;
  149. height: 0px;
  150. }
  151. ::-webkit-scrollbar-thumb {
  152. background: transparent;
  153. border: 0px none transparent;
  154. border-radius: 0px;
  155. }
  156. ::-webkit-scrollbar-thumb:hover {
  157. background: transparent;
  158. }
  159. ::-webkit-scrollbar-thumb:active {
  160. background: transparent;
  161. }
  162. ::-webkit-scrollbar-track {
  163. background: transparent;
  164. border: 0px none transparent;
  165. border-radius: 2px;
  166. }
  167. ::-webkit-scrollbar-track:hover {
  168. background: transparent;
  169. }
  170. ::-webkit-scrollbar-track:active {
  171. background: transparent;
  172. }
  173. ::-webkit-scrollbar-corner {
  174. background: transparent;
  175. }
  176.  
  177.  
  178.  
  179. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  180.  
  181. #below{width:250px;}
  182.  
  183. .title1, .title2, .title3{
  184. display:inline-block;
  185. height:10px;
  186. line-height:10px;
  187. width:200px;
  188. padding:10px;
  189. margin-top:10px;
  190. overflow:hidden;
  191. opacity:1;
  192. cursor:help;
  193. font-family: 'Montserrat', sans-serif;
  194. font-size: 09px;
  195. font-weight: bold;
  196. color: #d0d0d0;
  197. text-align: center;
  198. text-transform: uppercase;
  199. text-decoration: none;
  200. font-weight: bold;
  201. letter-spacing: 1px;
  202. }
  203.  
  204. .table1, .table2, .table3{
  205. height:auto;
  206. display:none;
  207. opacity:1;
  208. font-family: 'Karla', sans-serif;
  209. letter-spacing:1px;
  210. font-size:09px;
  211. width:199px;
  212. padding:10px;
  213. line-height:20px;
  214. }
  215.  
  216. .table1 a, .table2 a, .table3 a{
  217. padding:5px;
  218. margin:3px;
  219. -o-transition-transition: all 0.8s ease-out;
  220. -webkit-transition: all 0.8s ease-out;
  221. -moz-transition: all 0.8s ease-out;
  222. transition: all 0.8s ease-out;}
  223.  
  224.  
  225. .table1 a:hover, .table2 a:hover, .table3 a:hover{
  226. color:#556190;
  227. -o-transition-transition: all 0.8s ease-out;
  228. -webkit-transition: all 0.8s ease-out;
  229. -moz-transition: all 0.8s ease-out;
  230. transition: all 0.8s ease-out;
  231. }
  232.  
  233.  
  234. #linkstable{width:200px;}
  235.  
  236. #linkstable a{
  237. position:relative;
  238. width:50px;
  239. padding:0px;
  240. text-align:center;
  241. color:#660066;
  242. display:inline-block;
  243. margin-top:5px;
  244. font-family:'Montserrat', serif;
  245. text-transform:uppercase;
  246. font-size:8px;
  247. letter-spacing:2px;
  248. -webkit-transition: opacity 0.7s linear;
  249. -webkit-transition: all 0.7s ease-in-out;
  250. -moz-transition: all 0.7s ease-in-out;
  251. -o-transition: all 0.7s ease-in-out;
  252. }
  253.  
  254. #linkstable a:hover{
  255. color:#336633;
  256. letter-spacing:5px;
  257. -webkit-transition: opacity 0.7s linear;
  258. -webkit-transition: all 0.7s ease-in-out;
  259. -moz-transition: all 0.7s ease-in-out;
  260. -o-transition: all 0.7s ease-in-out;
  261. }
  262.  
  263.  
  264.  
  265. #linkstable2{width:210px}
  266. #linkstable2 a{
  267. position:relative;
  268. width:60px;
  269. padding:6px;
  270. background:#000000;
  271. border:0px solid #000;
  272. color:#71706f;
  273. text-align:center;
  274. display:inline-block;
  275. margin-top:5px;
  276. margin-right:3px;
  277. font-family:'Montserrat', serif;
  278. text-transform:uppercase;
  279. font-size:8px;
  280. letter-spacing:0px;
  281. -webkit-transition: opacity 0.7s linear;
  282. -webkit-transition: all 0.7s ease-in-out;
  283. -moz-transition: all 0.7s ease-in-out;
  284. -o-transition: all 0.7s ease-in-out;
  285. }
  286. #linkstable2 a:hover{
  287. color:#fff;
  288. text-align:center;
  289. border:0px solid #978781;
  290. letter-spacing:1px;
  291. box-shadow:inset 200px 0px 0px 0px #000000;
  292. -webkit-transition: opacity 0.7s linear;
  293. -webkit-transition: all 0.7s ease-in-out;
  294. -moz-transition: all 0.7s ease-in-out;
  295. -o-transition: all 0.7s ease-in-out;
  296. }
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312. body {
  313. background-color:#000000;
  314. font-family: 'Karla', sans-serif;
  315. font-size: 09px;
  316. color: #cac5bf;
  317. background:#000000;
  318. background-image:url('https://i.imgur.com/oAHgAKD.png');
  319. background-attachment: fixed;
  320. background-repeat: no-repeat;
  321. background-position: top left;
  322.  
  323. }
  324.  
  325.  
  326. a {
  327. text-transform:uppercase;
  328. font-size:7px;
  329. letter-spacing:1px;
  330. text-decoration:none;
  331. font-family: 'Montserrat', sans-serif;
  332. color:#e8e6dd;
  333. -webkit-transition: all 0.7s ease;
  334. -moz-transition: all 0.7s ease;
  335. -o-transition: all 0.7s ease;
  336. }
  337.  
  338. a:hover {
  339. color:#f71d28;
  340. }
  341.  
  342.  
  343.  
  344.  
  345. b, strong {
  346. font-family: 'Montserrat', sans-serif;
  347. font-size: 09px;
  348. font-weight: bold;
  349. color: #f71d28;
  350. text-shadow: 0px 0px 4px #f71d28;
  351. text-transform: uppercase;
  352. text-decoration: none;
  353. font-weight: bold;
  354. letter-spacing: 1px;
  355. }
  356.  
  357. i, em {
  358. font-family: 'Karla', sans-serif;
  359. font-size: 09px;
  360. color:#e8e6dd;
  361. text-transform: lowercase;
  362. font-weight: normal;
  363. letter-spacing: 2px;
  364. }
  365.  
  366. sub, sup, small {
  367. font-family: 'Karla', sans-serif;
  368. font-size: 09px;
  369. text-transform:lowercase;
  370. color: #e8e6dd;
  371. }
  372.  
  373. blockquote {
  374. padding:0px 10px;
  375. margin:5px 0px 0px 10px;
  376. border-left:1px solid #6f6964;
  377. }
  378.  
  379. blockquote img {
  380. max-width:100%;
  381. height:auto;
  382. }
  383.  
  384. img {
  385. max-width: 100%;
  386. }
  387.  
  388. h1, h2 {
  389. font-family: 'Montserrat', sans-serif;
  390. font-size: 10px;
  391. font-weight: bold;
  392. color: #d0d0d0;
  393. text-shadow: 0px 0px 1px #d0d0d0;
  394. text-transform: uppercase;
  395. text-align: center;
  396. text-decoration: none;
  397. font-weight: bold;
  398. letter-spacing: 1px;
  399. }
  400.  
  401. faqsubtitle {
  402. font-size:10px;
  403. text-align:justify;
  404. color:#978781;
  405. text-transform:uppercase;
  406. font-family:'Playfair Display', serif;
  407. }
  408.  
  409. rulestitle {
  410. font-size:12px;
  411. text-align:left;
  412. margin-left:15px;
  413. color:#a8a6a2;
  414. text-transform:uppercase;
  415. font-family:'Playfair Display', serif;
  416. }
  417.  
  418. #container {
  419. position:absolute;
  420. left:569px;
  421. height:344px;
  422. overflow-y:scroll;
  423. background:#000000;
  424. width:248px;
  425. top:200px;
  426. opacity:.6;
  427. -webkit-transition: all 0.7s ease;
  428. -moz-transition: all 0.7s ease;
  429. -o-transition: all 0.7s ease;
  430. }
  431.  
  432. #container:hover {
  433. opacity:1;
  434. }
  435.  
  436. .posts {
  437. width:240px;
  438. padding:2px;
  439. margin-bottom:7px;
  440. text-align:left;
  441. }
  442.  
  443.  
  444. .permalinks {
  445. background-color:#05090a;
  446. padding:3px 10px 5px 10px;
  447. height:12px;
  448. opacity:.5;
  449. -webkit-transition: all 0.7s ease;
  450. -moz-transition: all 0.7s ease;
  451. -o-transition: all 0.7s ease;
  452. }
  453.  
  454. .permalinks:hover {
  455. opacity:1;
  456. }
  457.  
  458. .permalinks a {
  459. text-decoration:none;
  460. font-size: 6px;
  461. color:#978781;
  462. }
  463.  
  464. .permalinks a:hover {
  465. color:#6f6964;
  466. }
  467.  
  468. .date {
  469. float:left;
  470. }
  471.  
  472. .reblogs {
  473. float:right;
  474. margin-top:-1px;
  475. }
  476.  
  477.  
  478. .tags {
  479. text-align:center;
  480. margin-top:10px;
  481. padding:0px 10px 10px 0px;
  482. text-decoration:none;
  483. font-size:5px;
  484. letter-spacing:1px;
  485. font-family: 'Montserrat', sans-serif;
  486. text-transform:uppercase;
  487. color:#978781;
  488. opacity:.3;
  489. -webkit-transition: all 0.7s ease;
  490. -moz-transition: all 0.7s ease;
  491. -o-transition: all 0.7s ease;
  492. }
  493.  
  494. .tags:hover {
  495. text-align:center;
  496. opacity:1;
  497. }
  498.  
  499. .tags a {
  500. padding:5px;
  501. font-size:6px;
  502. }
  503.  
  504. .tags a:hover {
  505. color:#6f6964;
  506. }
  507. .chat ul {list-style: none; margin-bottom: 5; padding:0;}
  508. .chat li:nth-of-type(odd){background-color: #282828;padding:5px;
  509. }
  510. .chat li:nth-of-type(even){background-color: #333333;padding:5px;
  511. }
  512.  
  513.  
  514. #sidebar {
  515. position:fixed;
  516. left:416px;
  517. top:200px;
  518. height:343px;
  519. width:120px;
  520. background:#000000;
  521. overflow-y:scroll;
  522. overflow-x:hidden;
  523. opacity:0.5;
  524. -webkit-transition: all 1s ease-in-out;
  525. -moz-transition: all 1s ease-in-out;
  526. -o-transition: all 1s ease-in-out;
  527. -ms-transition: all 1s ease-in-out;
  528. transition: all 1s ease-in-out;
  529.  
  530. }
  531.  
  532. #sidebar:hover {
  533. opacity:1;
  534. }
  535.  
  536. #description {
  537. font-size:10px;
  538. color:#bcb9b8;
  539. text-align:right;
  540. padding:10px; padding-top:5px;
  541. text-align: center;
  542. font-family: 'Karla', sans-serif;
  543. font-size:09px;
  544. line-height:150%;
  545. color: #e8e6dd;
  546. word-spacing:1px; letter-spacing:1px;
  547. }
  548.  
  549. #sideimage img {
  550. max-width:250px;
  551. margin-left:10px;
  552.  
  553. }
  554.  
  555. #links {
  556. font-size:12px;
  557. padding:10px;
  558. text-align:right;
  559. }
  560.  
  561. #links a {
  562. display:inline-block;
  563. color:#6f6964;
  564. padding-left:10px;
  565. -webkit-transition: all 0.7s ease;
  566. -moz-transition: all 0.7s ease;
  567. -o-transition: all 0.7s ease;
  568. }
  569.  
  570. #links a:hover {
  571. color:#dddddd;
  572. letter-spacing:1px;
  573. }
  574.  
  575. #pagination {
  576. position:fixed;
  577. top:620px;
  578. left:660px;
  579. }
  580.  
  581. #pagination a {
  582. color:#6f6964;
  583. letter-spacing:2px;
  584. font-family:'Playfair Display', serif;
  585. font-size:12px;
  586. text-transform:uppercase;
  587. -webkit-transition: all 0.7s ease;
  588. -moz-transition: all 0.7s ease;
  589. -o-transition: all 0.7s ease;
  590. }
  591.  
  592. #pagination a:hover {
  593. color:#ffffff;
  594. }
  595.  
  596. .asker {
  597. font-size:25px;
  598. font-family:'Playfair Display', serif;
  599. text-align:center;
  600. margin-bottom:5px;
  601. padding-bottom:3px;
  602. }
  603.  
  604. .question {
  605. font-style: italic;
  606. padding-left:50px;
  607. padding-right:50px;
  608. border-top:1px solid #282828;
  609. padding-top:10px;
  610. text-align:center;
  611. padding-bottom:20px;
  612. }
  613.  
  614. .quote {
  615. font-size:12px;
  616. color:#978781;
  617. text-transform:uppercase;
  618. font-family:'Playfair Display', serif;
  619. letter-spacing:1px;
  620. text-align:left;
  621. margin-bottom:5px;
  622. padding:13px;
  623. }
  624.  
  625. .quotesource {
  626. font-size:7px;
  627. letter-spacing:1px;
  628. text-align:right;
  629. margin-bottom:5px;
  630. font-family:'Montserrat', serif;
  631. text-transform:uppercase;
  632. }
  633.  
  634. .video {
  635. width:250px!important;}
  636.  
  637. .video iframe {
  638. width:250px!important;}
  639.  
  640. .audioplayer {
  641. width: 27px;
  642. height: 27px;
  643. padding-bottom: 3px;
  644. margin-right:10px;
  645. z-index: 99999;
  646. left: 0px;
  647. top: 0px;}
  648.  
  649. .soundcloud_audio_player {
  650. width: 100%;}
  651.  
  652. .tumblr_audio_player {
  653. width: 100%;
  654. margin-top:5px;
  655. margin-left:5px;}
  656.  
  657.  
  658. .popup_block{
  659. display:none;
  660. padding:20px;
  661. float:left;
  662. position:fixed;
  663. top:395px;left:715px;
  664. height:300px;width:190px;
  665. background:#000;
  666. z-index: 99999999999999;
  667. }
  668.  
  669. .popup_block2{
  670. display:none;
  671. padding:0px 10px 10px 10px;
  672. float:left;
  673. position:fixed;
  674. top:408px;left:723px;
  675. height:330px;width:200px;
  676. z-index: 99999999999999;
  677. background:#000;
  678. color:white;
  679. font-family: 'Karla', sans-serif;
  680. font-size:10px;
  681. color:white;
  682. word-spacing:2px;
  683. text-align:justify;
  684. opacity:1;
  685. }
  686.  
  687. *html #fade {position: absolute;}
  688. *html .popup_block, .popup_block2 {position: absolute;}
  689. #fade {
  690. display:none;
  691. position:fixed;
  692. left:0px;
  693. top:0px;
  694. width:100%;
  695. height:100%;
  696. z-index:999;
  697. }
  698.  
  699. #containedbox {
  700. line-height:150%;
  701. position:absolute;
  702. width:220px;
  703. height:200px;
  704. left:10px;
  705. top:10px;}
  706.  
  707. #containedbox2 {
  708. line-height:150%;
  709. position:absolute;
  710. width:220px;
  711. height:310px;
  712. overflow-y:scroll;overflow-x:hidden;
  713. left:15px;
  714. top:30px;}
  715.  
  716. #containedbox3 {
  717. line-height:150%;
  718. position:absolute;
  719. width:220px;
  720. height:300px;
  721. overflow-y:scroll;overflow-x:hidden;
  722. left:10px;
  723. top:30px;}
  724.  
  725. #containedbox4 {
  726. line-height:150%;
  727. position:absolute;
  728. width:220px;
  729. height:300px;
  730. overflow-y:scroll;overflow-x:hidden;
  731. left:10px;
  732. top:30px;}
  733.  
  734.  
  735. #assets {z-index:998;bottom:20px;right:20px;text-transform:uppercase;border:0px solid #978781;color:#978781;font-family: 'Roboto', sans-serif;opacity:.7;position:fixed;padding:0px 5px 2px 5px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  736.  
  737. #assets:hover {opacity:.9;}
  738.  
  739. </style>
  740.  
  741. <script src="jquery.js"></script>
  742. <script>
  743. $(document).ready(function(){
  744. $(".title1").click(function(){
  745. $(".table1").slideToggle("fast");});});
  746. $(document).ready(function(){
  747. $(".title2").click(function(){
  748. $(".table2").slideToggle("fast");});});
  749. $(document).ready(function(){
  750. $(".title3").click(function(){
  751. $(".table3").slideToggle("fast");});});
  752. </script>
  753.  
  754. <body>
  755.  
  756. <div id="assets"><a href="http://assetrelocation.tumblr.com/" title="basecode by bria // edited by arden ">ar</a></div>
  757.  
  758.  
  759. <div id="sidebar">
  760.  
  761. <div id="description">
  762.  
  763. <a href="/" title="LINKONE">1</a> ∙
  764. <a href="#?w=200" rel="box1" class="poplight" title="LINKTWO">2</a> ∙
  765. <a href="#?w=225" rel="box2" class="poplight" title="LINKTHREE">3</a> ∙
  766. <a href="#?w=225" rel="box3" class="poplight" title="LINKFOUR">4</a> ∙
  767. <a href="#?w=225" rel="box4" class="poplight" title="LINKFIVE">5</a><br><br>
  768.  
  769. sidebar goes here . <b>bold</b><br><br>
  770. <i>italic</i>
  771.  
  772. </div>
  773.  
  774. </div>
  775.  
  776. <div id="pagination">{block:Pagination}
  777. {block:PreviousPage}<a href="{PreviousPage}" style="margin-right:10px;">prev</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">next</a>
  778. {/block:NextPage}
  779. {/block:Pagination}</div>
  780.  
  781. <div id="container">
  782.  
  783. {block:Posts}
  784.  
  785. <div class="posts">
  786.  
  787. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  788.  
  789. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="250px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  790. {block:Photoset}<center>{Photoset}</center></br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  791.  
  792. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  793.  
  794. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  795.  
  796. {block:Chat} <div class="chat"> <ul> {block:Lines}<li class="{Alt}">{block:Label} <b style="font-size:9px;text-transform:none;">{Label}</b> {/block:Label}{Line}</li>{/block:Lines} </ul> </div> {/block:Chat}
  797.  
  798. {block:Video}<div class="video">{Video-250}</div>
  799. {block:Caption}{Caption}{/block:Caption}
  800. {/block:Video}
  801.  
  802.  
  803. {block:Audio}<div style="background:transparent;width:230px;height:35px;padding:5px;">{block:AudioPlayer}<div class="audioplayer">{AudioPlayer}</div>{/block:AudioPlayer}<div style="margin-left: 45px; margin-top:-23px;">{block:TrackName}<b style="font-family:'Playfair Display', serif; font-size: 10px;text-transform:uppercase;color: #978781;">{TrackName}{/block:TrackName}</b></br>{block:Artist}<span style="font-family: 'Montserrat', arial; font-size: 8px;text-transform:uppercase;color: #c2c2c2;">{Artist}{/block:Artist}</span></div></div>{/block:Audio}
  804.  
  805. {block:Answer}
  806. <div class="asker">{Asker}</div><p style="margin-top:-10px;text-align:center;font-family:'Montserrat', arial;text-transform:uppercase;letter-spacing:5px;font-size:7px;margin-left:5px;">approached</p>
  807. <div class="question">{Question}</div>
  808. {Answer}
  809. {/block:Answer}
  810.  
  811. <div class="permalinks"><div class="date"><a href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} & {block:NoteCount}{NoteCount} NOTES {/block:NoteCount}">INFO</a></div><div class="reblogs"><a href="{ReblogParentURL}" title="via">V</a> <a href="{ReblogRootURL}" title="source">S</a> <a href="{ReblogURL}" title="reblog?">R</a></div></div>
  812.  
  813. <div class="tags">{block:HasTags}{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  814.  
  815. <div class="note">
  816. {block:PostNotes}{PostNotes}{/block:PostNotes}
  817. </div>
  818. </div>{/block:Posts}
  819.  
  820. </div>
  821.  
  822. {block:ContentSource}
  823. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  824. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  825. {/block:SourceLogo}
  826. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  827. {/block:ContentSource}
  828. </body>
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835. <div id="box1" class="popup_block">
  836. <div id="containedbox"><iframe frameborder="0" height="400" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="background-color: #000; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div></div>
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843. <div id="box2" class="popup_block2">
  844. <h1>TITLEONE.</h1><div id="containedbox2">
  845.  
  846. rules go here.
  847.  
  848.  
  849. </div></div>
  850.  
  851.  
  852.  
  853.  
  854. <div id="box3" class="popup_block2"><h1>TITLEONE.</h1><div id="containedbox3"><div id="below">
  855.  
  856. <div class="title1">TABLEONE.</div>
  857. <div class="table1">
  858. <div class="box-content">
  859.  
  860. box one content.
  861.  
  862. </li></ul>
  863.  
  864. </div>
  865. </div>
  866.  
  867.  
  868. <div class="title2">TABLETWO.</div>
  869. <div class="table2">
  870. box one content.
  871.  
  872. </div>
  873. </div>
  874.  
  875.  
  876.  
  877. </div></div>
  878.  
  879.  
  880.  
  881.  
  882. <div id="box4" class="popup_block2"><h1>TITLEONE.</h1><div id="containedbox4"><div id="linkstable2">
  883.  
  884. <a href="http://">link title</a>
  885. <a href="http://">link title</a>
  886. <a href="http://">link title</a>
  887. <a href="http://">link title</a>
  888. <a href="http://">link title</a>
  889. <a href="http://">link title</a>
  890. <a href="http://">link title</a>
  891. <a href="http://">link title</a>
  892. <a href="http://">link title</a>
  893. <a href="http://">link title</a>
  894. <a href="http://">link title</a>
  895. <a href="http://">link title</a>
  896. <a href="http://">link title</a>
  897. <a href="http://">link title</a>
  898. <a href="http://">link title</a>
  899.  
  900.  
  901. </div>
  902.  
  903. </div></div>
  904.  
  905.  
  906.  
  907.  
  908. </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!