API tools faq
paste
Advertisement
ardenthemes

tintin .

ardenthemes
Jul 23rd, 2018
451
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.36 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.  
  49. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  51. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  52.  
  53. <script>
  54. $(document).ready(function(){
  55. $('.photo-slideshow').pxuPhotoset({
  56. lightbox: true,
  57. rounded: false,
  58. gutter: '3px',
  59. borderRadius: '0px',
  60. photoset: '.photo-slideshow',
  61. photoWrap: '.photo-data',
  62. photo: '.pxu-photo'
  63. });
  64. });
  65. </script>
  66.  
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("a[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:90,
  75. tip_fade_speed:600,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81. <style>
  82. .tooltip{
  83. display: inline;
  84. position: relative;
  85. }
  86. #s-m-t-tooltip {
  87. max-width:230px;
  88. border-radius: 0px;
  89. padding:3px 4px 5px 4px;
  90. margin:-20px 20px 0px 0px;
  91. background-color:#c3bfa8;
  92. font-family: 'Montserrat', sans-serif;
  93. font-size:7px;
  94. letter-spacing:2px;
  95. text-transform:uppercase;
  96. color:#909090;
  97. z-index:99999999999;
  98. }
  99. </style>
  100.  
  101. <script type="text/javascript"
  102. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  103. <script>
  104. $(document).ready(function() {
  105. //
  106. $('a.poplight[href^=#]').click(function() {
  107. var popID = $(this).attr('rel'); //Get Popup Name
  108. var popURL = $(this).attr('href'); //Get Popup href to define size
  109. var query= popURL.split('?');
  110. var dim= query[1].split('&');
  111. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  112. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  113. var popMargTop = ($('#' + popID).height() + 80) / 2;
  114. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  115. //Apply Margin to Popup
  116. $('#' + popID).css({
  117. 'margin-top' : -popMargTop,
  118. 'margin-left' : -popMargLeft
  119. });
  120. $('body').append('<div id="fade"></div>');
  121. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  122. return false;
  123. });
  124. $('a.close, #fade').live('click', function() {
  125. $('#fade , .popup_block, .popup_block2, .popup_block3').fadeOut(function() {
  126. $('#fade, a.close').remove(); //fade them both out
  127. });
  128. return false;
  129. });
  130. });
  131. </script>
  132.  
  133.  
  134. <title>GREAT SNAKES !</title>
  135. <link rel="shortcut icon" href="{Favicon}">
  136. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  137.  
  138. </head>
  139.  
  140. <style type="text/css">
  141.  
  142. ::-webkit-scrollbar {
  143. width: 2px;
  144. height: 2px;
  145. }
  146. ::-webkit-scrollbar-button {
  147. width: 0px;
  148. height: 0px;
  149. }
  150. ::-webkit-scrollbar-thumb {
  151. background: transparent;
  152. border: 0px none transparent;
  153. border-radius: 0px;
  154. }
  155. ::-webkit-scrollbar-thumb:hover {
  156. background: transparent;
  157. }
  158. ::-webkit-scrollbar-thumb:active {
  159. background: transparent;
  160. }
  161. ::-webkit-scrollbar-track {
  162. background: transparent;
  163. border: 0px none transparent;
  164. border-radius: 2px;
  165. }
  166. ::-webkit-scrollbar-track:hover {
  167. background: transparent;
  168. }
  169. ::-webkit-scrollbar-track:active {
  170. background: transparent;
  171. }
  172. ::-webkit-scrollbar-corner {
  173. background: transparent;
  174. }
  175.  
  176.  
  177.  
  178. /*LINKS TABLE BY PAINTHEMES.TUMBLR.COM*/
  179.  
  180. #below{width:250px;}
  181.  
  182. .title1, .title2, .title3, .title4, .title5{
  183. display:inline-block;
  184. height:10px;
  185. line-height:10px;
  186. width:220px;
  187. padding:10px;
  188. margin-top:10px;
  189. overflow:hidden;
  190. opacity:1;
  191. cursor:help;
  192. font-family: times;
  193. font-size: 10px;
  194. line-height: 10.5px;
  195. background-color: #c3c0aa;
  196. text-transform: uppercase;
  197. text-decoration: none;
  198. text-align:center;
  199. font-weight: lighter;
  200. color: #d46010;
  201. padding: 1px 0px 2px 3px;
  202. letter-spacing: 2px;
  203. }
  204.  
  205. .table1, .table2, .table3, .table4, .table5{
  206. height:auto;
  207. display:none;
  208. opacity:1;
  209. font-family:times;
  210. color: #2d2d2d;
  211. letter-spacing:1px;
  212. font-size:10px;
  213. width:200px;
  214. padding:10px;
  215. line-height:20px;
  216. }
  217.  
  218. .table1 a, .table2 a, .table3 a, .table4 a, .table5 a{
  219. padding:5px;
  220. margin:3px;
  221. -o-transition-transition: all 0.8s ease-out;
  222. -webkit-transition: all 0.8s ease-out;
  223. -moz-transition: all 0.8s ease-out;
  224. transition: all 0.8s ease-out;}
  225.  
  226.  
  227. .table1 a:hover, .table2 a:hover, .table3 a:hover, .table4 a:hover, .table5 a:hover{
  228. color:#556190;
  229. -o-transition-transition: all 0.8s ease-out;
  230. -webkit-transition: all 0.8s ease-out;
  231. -moz-transition: all 0.8s ease-out;
  232. transition: all 0.8s ease-out;
  233. }
  234.  
  235.  
  236. #linkstable{width:200px;}
  237.  
  238. #linkstable a{
  239. position:relative;
  240. width:50px;
  241. padding:0px;
  242. text-align:center;
  243. color:#660066;
  244. display:inline-block;
  245. margin-top:5px;
  246. font-family:times;
  247. text-transform:uppercase;
  248. font-size:8px;
  249. letter-spacing:2px;
  250. -webkit-transition: opacity 0.7s linear;
  251. -webkit-transition: all 0.7s ease-in-out;
  252. -moz-transition: all 0.7s ease-in-out;
  253. -o-transition: all 0.7s ease-in-out;
  254. }
  255.  
  256. #linkstable a:hover{
  257. color:#336633;
  258. letter-spacing:5px;
  259. -webkit-transition: opacity 0.7s linear;
  260. -webkit-transition: all 0.7s ease-in-out;
  261. -moz-transition: all 0.7s ease-in-out;
  262. -o-transition: all 0.7s ease-in-out;
  263. }
  264.  
  265.  
  266.  
  267. #linkstable2{width:200px}
  268. #linkstable2 a{
  269. position:relative;
  270. width:60px;
  271. padding:6px;
  272. background:#c3bfa8;
  273. border:0px solid #000;
  274. color:#71706f;
  275. text-align:center;
  276. display:inline-block;
  277. margin-top:5px;
  278. margin-right:3px;
  279. font-family:times;
  280. text-transform:uppercase;
  281. font-size:8px;
  282. letter-spacing:0px;
  283. -webkit-transition: opacity 0.7s linear;
  284. -webkit-transition: all 0.7s ease-in-out;
  285. -moz-transition: all 0.7s ease-in-out;
  286. -o-transition: all 0.7s ease-in-out;
  287. }
  288. #linkstable2 a:hover{
  289. color:#000;
  290. text-align:center;
  291. border:0px solid #978781;
  292. letter-spacing:1px;
  293. box-shadow:inset 200px 0px 0px 0px #c3bfa8;
  294. -webkit-transition: opacity 0.7s linear;
  295. -webkit-transition: all 0.7s ease-in-out;
  296. -moz-transition: all 0.7s ease-in-out;
  297. -o-transition: all 0.7s ease-in-out;
  298. }
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311.  
  312.  
  313.  
  314. body {
  315. font-family: times;
  316. font-size: 10px;
  317. text-transform:lowercase;
  318. color: #2d2d2d;
  319. background:#c3c0aa;
  320. background-image:url('https://i.imgur.com/3ZeFu8I.png');
  321. background-attachment: fixed;
  322. background-repeat: no-repeat;
  323. background-position: top left;
  324.  
  325. }
  326.  
  327.  
  328. a {
  329. text-transform:uppercase;
  330. font-size:7px;
  331. letter-spacing:1px;
  332. text-decoration:none;
  333. font-family: 'Montserrat', sans-serif;
  334. color:#a56a41;
  335. -webkit-transition: all 0.7s ease;
  336. -moz-transition: all 0.7s ease;
  337. -o-transition: all 0.7s ease;
  338. }
  339.  
  340. a:hover {
  341. color:#6f6964;
  342. }
  343.  
  344.  
  345.  
  346.  
  347. b, strong {
  348. font-family: times;
  349. font-size: 10px;
  350. text-transform: uppercase;
  351. text-decoration: none;
  352. font-weight: lighter;
  353. color: #d66110;
  354. padding: 1px 0px 2px 3px;
  355. letter-spacing: 2px;
  356. }
  357.  
  358. i, em {
  359. font-family: times;
  360. font-size: 9px;
  361. color:#d85d3c;
  362. text-transform: uppercase;
  363. font-weight: normal;
  364. letter-spacing: 2px;
  365. }
  366.  
  367. sub, sup {
  368. font-family: times;
  369. font-size: 10px;
  370. text-transform:lowercase;
  371. color: #2d2d2d;
  372. }
  373.  
  374. blockquote {
  375. padding:0px 10px;
  376. margin:5px 0px 0px 10px;
  377. border-left:1px solid #6f6964;
  378. }
  379.  
  380. blockquote img {
  381. max-width:100%;
  382. height:auto;
  383. }
  384.  
  385. img {
  386. max-width: 100%;
  387. }
  388.  
  389. h1 {
  390. font-family: times;
  391. font-size: 10px;
  392. line-height: 10.5px;
  393. background-color: #c3c0ac;
  394. text-transform: uppercase;
  395. text-decoration: none;
  396. font-weight: lighter;
  397. color: #d46010;
  398. padding: 1px 0px 2px 3px;
  399. letter-spacing: 2px;
  400. }
  401.  
  402. faqsubtitle {
  403. font-size:10px;
  404. text-align:justify;
  405. color:#978781;
  406. text-transform:uppercase;
  407. font-family:'Playfair Display', serif;
  408. }
  409.  
  410. rulestitle {
  411. font-size:12px;
  412. text-align:left;
  413. margin-left:15px;
  414. color:#a8a6a2;
  415. text-transform:uppercase;
  416. font-family:'Playfair Display', serif;
  417. }
  418.  
  419. #container {
  420. position:absolute;
  421. left:570px;
  422. height:344px;
  423. overflow-y:scroll;
  424. background:#c3c0aa;
  425. width:240px;
  426. top:200px;
  427. opacity:1;
  428. -webkit-transition: all 0.7s ease;
  429. -moz-transition: all 0.7s ease;
  430. -o-transition: all 0.7s ease;
  431. }
  432.  
  433. #container:hover {
  434. opacity:1;
  435. }
  436.  
  437. .posts {
  438. width:240px;
  439. padding:2px;
  440. margin-bottom:7px;
  441. text-align:center;
  442. }
  443.  
  444.  
  445. .permalinks {
  446. background-color:#c3c0ac;
  447. padding:3px 10px 5px 10px;
  448. height:12px;
  449. opacity:.5;
  450. -webkit-transition: all 0.7s ease;
  451. -moz-transition: all 0.7s ease;
  452. -o-transition: all 0.7s ease;
  453. }
  454.  
  455. .permalinks:hover {
  456. opacity:1;
  457. }
  458.  
  459. .permalinks a {
  460. text-decoration:none;
  461. font-size: 6px;
  462. color:#a56a41;
  463. }
  464.  
  465. .permalinks a:hover {
  466. color:#a56a41;
  467. }
  468.  
  469. .date {
  470. float:left;
  471. }
  472.  
  473. .reblogs {
  474. float:right;
  475. margin-top:-1px;
  476. }
  477.  
  478.  
  479. .tags {
  480. text-align:center;
  481. margin-top:10px;
  482. padding:0px 10px 10px 0px;
  483. text-decoration:none;
  484. font-size:5px;
  485. letter-spacing:1px;
  486. font-family: 'Montserrat', sans-serif;
  487. text-transform:uppercase;
  488. color:#a56a41;
  489. opacity:.3;
  490. -webkit-transition: all 0.7s ease;
  491. -moz-transition: all 0.7s ease;
  492. -o-transition: all 0.7s ease;
  493. }
  494.  
  495. .tags:hover {
  496. text-align:center;
  497. opacity:1;
  498. }
  499.  
  500. .tags a {
  501. padding:5px;
  502. font-size:6px;
  503. }
  504.  
  505. .tags a:hover {
  506. color:#a56a41;
  507. }
  508. .chat ul {list-style: none; margin-bottom: 5; padding:0;}
  509. .chat li:nth-of-type(odd){background-color: #282828;padding:5px;
  510. }
  511. .chat li:nth-of-type(even){background-color: #333333;padding:5px;
  512. }
  513.  
  514.  
  515. #sidebar {
  516. position:fixed;
  517. left:423px;
  518. top:200px;
  519. height:343px;
  520. width:120px;
  521. background:#c3c0aa;
  522. overflow-y:scroll;
  523. overflow-x:hidden;
  524. opacity:1;
  525. -webkit-transition: all 1s ease-in-out;
  526. -moz-transition: all 1s ease-in-out;
  527. -o-transition: all 1s ease-in-out;
  528. -ms-transition: all 1s ease-in-out;
  529. transition: all 1s ease-in-out;
  530.  
  531. }
  532.  
  533. #sidebar:hover {
  534. opacity:1;
  535. }
  536.  
  537. #description {
  538. font-size:10px;
  539. color:#bcb9b8;
  540. text-align:right;
  541. padding:10px; padding-top:5px;
  542. text-align: center;
  543. font-family:arial;
  544. font-size:8px;
  545. line-height:150%;
  546. color: #71706f;
  547. word-spacing:1px; letter-spacing:1px;
  548. }
  549.  
  550. #sideimage img {
  551. max-width:250px;
  552. margin-left:10px;
  553.  
  554. }
  555.  
  556. #links {
  557. font-size:12px;
  558. padding:10px;
  559. text-align:right;
  560. }
  561.  
  562. #links a {
  563. display:inline-block;
  564. color:#a56a41;
  565. padding-left:10px;
  566. -webkit-transition: all 0.7s ease;
  567. -moz-transition: all 0.7s ease;
  568. -o-transition: all 0.7s ease;
  569. }
  570.  
  571. #links a:hover {
  572. color:#dddddd;
  573. letter-spacing:1px;
  574. }
  575.  
  576. #pagination {
  577. position:fixed;
  578. top:178px;
  579. left:440px;
  580. }
  581.  
  582. #pagination a {
  583.  
  584. font-family: times;
  585. font-size: 10px;
  586. line-height: 10.5px;
  587. background-color: #c3c0aa;
  588. text-transform: uppercase;
  589. text-decoration: none;
  590. font-weight: lighter;
  591. color: #000000;
  592. padding: 1px 0px 2px 3px;
  593. letter-spacing: 2px;
  594. -webkit-transition: all 0.7s ease;
  595. -moz-transition: all 0.7s ease;
  596. -o-transition: all 0.7s ease;
  597. }
  598.  
  599. #pagination a:hover {
  600. color:#ffffff;
  601. }
  602.  
  603. .asker {
  604. font-size:15px;
  605. font-family: Courier,monospace;
  606. text-transform: uppercase;
  607. text-align:center;
  608. margin-bottom:5px;
  609. padding-bottom:3px;
  610. }
  611.  
  612. .question {
  613. font-style: none;
  614. padding-left:50px;
  615. padding-right:50px;
  616. border-top:1px solid #d5a381;
  617. padding-top:10px;
  618. text-align:center;
  619. padding-bottom:20px;
  620. }
  621.  
  622. .quote {
  623. font-size:12px;
  624. color:#978781;
  625. text-transform:uppercase;
  626. font-family:'Playfair Display', serif;
  627. letter-spacing:1px;
  628. text-align:left;
  629. margin-bottom:5px;
  630. padding:13px;
  631. }
  632.  
  633. .quotesource {
  634. font-size:7px;
  635. letter-spacing:1px;
  636. text-align:right;
  637. margin-bottom:5px;
  638. font-family:'Montserrat', serif;
  639. text-transform:uppercase;
  640. }
  641.  
  642. .video {
  643. width:250px!important;}
  644.  
  645. .video iframe {
  646. width:250px!important;}
  647.  
  648. .audioplayer {
  649. width: 27px;
  650. height: 27px;
  651. padding-bottom: 3px;
  652. margin-right:10px;
  653. z-index: 99999;
  654. left: 0px;
  655. top: 0px;}
  656.  
  657. .soundcloud_audio_player {
  658. width: 100%;}
  659.  
  660. .tumblr_audio_player {
  661. width: 100%;
  662. margin-top:5px;
  663. margin-left:5px;}
  664.  
  665.  
  666. .popup_block{
  667. display:none;
  668. padding:20px;
  669. float:left;
  670. position:fixed;
  671. top:395px;left:715px;
  672. height:300px;width:190px;
  673. background:#c3bfa8;
  674. z-index: 99999999999999;
  675. }
  676.  
  677. .popup_block2{
  678. display:none;
  679. padding:0px 10px 10px 10px;
  680. float:left;
  681. position:fixed;
  682. top:410px;left:725px;
  683. height:330px;width:200px;
  684. z-index: 99999999999999;
  685. background:#c3bfa8;
  686. color:white;
  687. font-family:times;
  688. font-size:10px;
  689. color: #2d2d2d;
  690. word-spacing:2px;
  691. text-align:justify;
  692. opacity:1;
  693. }
  694.  
  695. *html #fade {position: absolute;}
  696. *html .popup_block, .popup_block2 {position: absolute;}
  697. #fade {
  698. display:none;
  699. position:fixed;
  700. left:0px;
  701. top:0px;
  702. width:100%;
  703. height:100%;
  704. z-index:999;
  705. }
  706.  
  707. #containedbox {
  708. line-height:150%;
  709. position:absolute;
  710. width:220px;
  711. height:200px;
  712. left:10px;
  713. top:10px;}
  714.  
  715. #containedbox2 {
  716. line-height:150%;
  717. position:absolute;
  718. width:220px;
  719. height:310px;
  720. overflow-y:scroll;overflow-x:hidden;
  721. left:15px;
  722. top:30px;}
  723.  
  724. #containedbox3 {
  725. line-height:150%;
  726. position:absolute;
  727. width:220px;
  728. height:300px;
  729. overflow-y:scroll;overflow-x:hidden;
  730. left:10px;
  731. top:30px;}
  732.  
  733. #containedbox4 {
  734. line-height:150%;
  735. position:absolute;
  736. width:220px;
  737. height:300px;
  738. overflow-y:scroll;overflow-x:hidden;
  739. left:10px;
  740. top:30px;}
  741.  
  742.  
  743. #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;}
  744.  
  745. #assets:hover {opacity:.9;}
  746.  
  747. </style>
  748.  
  749. <script src="jquery.js"></script>
  750. <script>
  751. $(document).ready(function(){
  752. $(".title1").click(function(){
  753. $(".table1").slideToggle("fast");});});
  754. $(document).ready(function(){
  755. $(".title2").click(function(){
  756. $(".table2").slideToggle("fast");});});
  757. $(document).ready(function(){
  758. $(".title3").click(function(){
  759. $(".table3").slideToggle("fast");});});
  760. $(document).ready(function(){
  761. $(".title4").click(function(){
  762. $(".table4").slideToggle("fast");});});
  763. </script>
  764.  
  765. <body>
  766.  
  767. <div id="assets"><a href="http://assetrelocation.tumblr.com/" title="basecode by bria // edited by arden ">ar</a></div>
  768.  
  769.  
  770. <div id="sidebar">
  771.  
  772. <div id="description">
  773.  
  774.  
  775. <a href="/" title="LINKTITLE1.">1</a> ∙
  776. <a href="#?w=200" rel="box1" class="poplight" title="LINKTITLE2">2</a> ∙
  777. <a href="#?w=225" rel="box2" class="poplight" title="LINKTITLE3">3</a> ∙
  778. <a href="#?w=225" rel="box3" class="poplight" title="LINKTITLE4">4</a> ∙
  779. <a href="#?w=225" rel="box4" class="poplight" title="LINKTITLE5">5</a>
  780.  
  781. <br>
  782. <p><sub> here you can <b>add whatever you like</b><br>
  783.  
  784. also look just up from here and you can name your links
  785. </sub>
  786.  
  787.  
  788. </p>
  789.  
  790.  
  791. </div>
  792.  
  793. </div>
  794.  
  795. <div id="pagination">{block:Pagination}
  796. {block:PreviousPage}<a href="{PreviousPage}" style="margin-right:10px;">prev</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">next</a>
  797. {/block:NextPage}
  798. {/block:Pagination}</div>
  799.  
  800. <div id="container">
  801.  
  802. {block:Posts}
  803.  
  804. <div class="posts">
  805.  
  806. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  807.  
  808. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="250px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  809. {block:Photoset}<center>{Photoset}</center></br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  810.  
  811. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  812.  
  813. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  814.  
  815. {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}
  816.  
  817. {block:Video}<div class="video">{Video-250}</div>
  818. {block:Caption}{Caption}{/block:Caption}
  819. {/block:Video}
  820.  
  821.  
  822. {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}
  823.  
  824. {block:Answer}
  825. <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;">asked</p>
  826. <div class="question">{Question}</div>
  827. {Answer}
  828. {/block:Answer}
  829.  
  830. <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>
  831.  
  832. <div class="tags">{block:HasTags}{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  833.  
  834. <div class="note">
  835. {block:PostNotes}{PostNotes}{/block:PostNotes}
  836. </div>
  837. </div>{/block:Posts}
  838.  
  839. </div>
  840.  
  841. {block:ContentSource}
  842. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  843. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  844. {/block:SourceLogo}
  845. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  846. {/block:ContentSource}
  847. </body>
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854. <div id="box1" class="popup_block">
  855. <div id="containedbox"><iframe frameborder="0" height="400" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/reportin.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>
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862. <div id="box2" class="popup_block2">
  863. <h1>GUIDELINES !</h1><div id="containedbox2">
  864.  
  865. <p><b>START.</b> this is a roleplay blog for tintin of Hergé’s les aventures de tintin comics. please read the stats page, and about page for more information. this blog is <b>MUTUALLY EXCLUSIVE,</b> meaning i only interact with, or follow back those that i can see myself interacting with. don’t take it personal. Multiship + Muiltiverse are welcomed.</p><p><b>NSFW.</b> not safe for work theme will appear on this blog. including what i believe to be the most prevalent, <b>GORE.</b> everything will be tagged accordingly. if you have any sort of triggers, feel free to let me know.</p><p><b>OTHER.</b> might not use icons for certain replies, i use double small text. upon request, i may change the size to grant my writing partners wish. MAINS &amp; <b>EXCLUSIVES</b> are accepted upon request. i don’t bite. <b>MOSTLY, DO NOT STEAL HEADCANONS, OR ANY CONTENT FROM THIS BLOG.</b> or i’ll fuck you up.</p><p><b>SHIPPING.</b> of course, shipping is accepted when the ship MAKES SENSE.</p><p><b>LASTLY.</b> i’m mason. I’m nineteen years old and i have a ton of other blogs that need my attention. you can keep in contact with me on my skype, which again, is available upon request.</p><p><b>EXCLUSIVES.</b> i will not write with any other versions of these characters. they will also take top priority for starter calls and plotting purposes.</p><ul><li>girlslueth - nancy drew.<br></li><li>phonyus - holden caulfield.</li><li>seafaird - captain archibald haddock.</li><li>meddlingheels - daphne blake.</li><li>drivur - fred jones.</li><li>viduamor - natya romanova.</li><li>profiling - spencer reid.</li><li>tcmbraider - lara croft.</li><li>astralord - peter quill.</li><li>curseclaw - barbara minerva.</li><li>casefile - jennifer jareau.</li><li>pinuped - pin up girl killer.</li><li>fastiell - dashiell parr.</li><li>properlycool - eleventh doctor.</li></ul>
  866.  
  867.  
  868. </div></div>
  869.  
  870.  
  871.  
  872.  
  873. <div id="box3" class="popup_block2"><div id="containedbox3"><div id="below">
  874.  
  875. <div class="title1">ONE . </div>
  876. <div class="table1">
  877. <div class="box-content">
  878.  
  879. <figure data-orig-height="60" data-orig-width="200"><img src="https://78.media.tumblr.com/6ad45329921f269eb802af7e7c9681cc/tumblr_inline_pcbbnhqWxO1w38un9_540.png" data-orig-height="60" data-orig-width="200"></figure>
  880.  
  881. <p><b>HOW TO BE AN EXPLORER OF THE WORLD : ONE. ALWAYS BE LOOKING. (NOTICE THE GROUND BENEATH YOUR FEET.). TWO. CONSIDER EVERYTHING IS ALIVE &amp; ANIMATE. THREE. EVERYTHING IS INTERESTING. LOOK CLOSER. FOUR. ALTER YOUR COURSE OFTEN. FIVE. OBSERVE FOR LONG DURATIONS (AND SHORT ONES). SIX. NOTICE THE STORIES GOING ON AROUND YOU. SEVEN. NOTICE PATTERNS. MAKE CONNECTIONS. EIGHT. DOCUMENT YOUR FINDINGS (FIELD NOTES) IN A VARIETY OF WAYS. NINE. INCORPORATE INDETERMINANCY. TEN. OBSERVE MOVEMENT. ELEVEN. CREATE A PERSONAL DIALOGUE WITH YOUR ENVIRONMENT. TALK TO IT. TWELVE. TRACE THINGS BACK TO THEIR ORIGINS. THIRTEEN. USE ALL OF YOUR SENSES IN YOUR INVESTIGATIONS.</b></p>
  882.  
  883. </div>
  884. </div>
  885.  
  886.  
  887. <div class="title2">TWO . </div>
  888. <div class="table2">
  889. <div class="box-content">
  890. <p><b>NAME.</b> &nbsp;TINTIN. full name unknown / augustin. &nbsp; keeps his true identity a secret. &nbsp; tintin is merely a pen name + one he uses to secure anonymity. &nbsp;titles are as such. &nbsp;Corporal Ali-Bhai. Wonder Boy. Great Heart. General Haranochi. Alvaro. THE WORLDS GREATEST BOY REPORTER.<br></p><p><b>VISAGE.</b> &nbsp;classified ginger. light brown hair. well kept. dark green eyes. semi athletic build. rosey red cheeks. freckles scattered along body including face. natural red lips. stands 6'0 tall. few scars across body due to risky adventures.</p><p><b>WHO IS TINTIN ?</b> belgian reporter, adventurer, and traveler. ( borderline detective / sleuth.) . cultured, worldly, utterly responsible. well educated, intelligent and selfless with morals that cannot be compromised. he is efficient and again, responsible. does not smoke, does not drink, is athletic. skilled driver of almost any vehicle. including tanks, motorcycle, cars, helicopters and speedboats. animal lover, people lover. enemy of the mafia. fearless. boy reporter extraordinaire.</p><p><b>COMPANION.</b> &nbsp;snowy. wire fox terrier. as white as snow as given his name. brave and bold, eager for adventure and mischief. he is loyal, faithful to tintin. has saved his life on numerous occasions. there is never a time where he does not act as his owners’ shadow.</p>
  891.  
  892. </div>
  893. </div>
  894.  
  895. <div class="title3">THREE . </div>
  896. <div class="table3">
  897. <div class="box-content">
  898. <p><b>FULL NAME:</b> Augustin / Tintin / read above for more information.</p><p><b>NICKNAMES:</b> Corporal Ali-Bhai. Wonder Boy, Great Heart, General Haranochi, Alvaro, The world’s greatest boy reporter, Sweetheart over seas.</p><p><b>AGE:</b> 23.</p><p><b>BIRTH DATE:</b> ▆▆▆ .<br></p><p><b>GENDER:</b> Cis Male.</p><p><b>ROMANTIC ORIENTATION:</b> Demiromantic.</p><p><b>SEXUAL ORIENTATION:</b> Pansexual</p><p><b>RELIGION:</b> None.</p><p><b>SPOKEN LANGUAGE:</b> English, French, Dutch, German. some Japanese + Chinese. some Spanish, some Latin.</p><p><b>OCCUPATION:</b> official : Reporter / Investigative Journalist.</p><p><b>FAMILY:</b> ▆▆▆ . ▆▆▆ . <br></p><p><b>RELATIONSHIP STATUS:</b> in a committed relationship with <a href="http://girlslueth.tumblr.com/">NANCY DREW</a>, &nbsp;relationship is public. ( main verse ship )</p><p><b>EYE DETAILS:</b> deep sea green in color , often wide with a spark .</p><p><b>HAIR DETAILS:</b> classified ginger / a light orangish brown.</p><p><b>HEIGHT:</b> 6'0</p><p><b>BODY DETAILS:</b> semi athletic build. rosey red cheeks. freckles scattered along body including face. natural red lips. few scars across body due to risky adventures. scar on left shoulder from being shot.</p><p><b>TATTOOS + PIERCINGS:</b> none and none.</p>
  899.  
  900. </div>
  901. </div>
  902.  
  903. <div class="title4">FOUR . </div>
  904. <div class="table4">
  905. <div class="box-content">
  906. <b>001. TINTIN IS NATURALLY LUCKY.</b>&nbsp;&nbsp; &nbsp; he has evaded death more times than he himself realizes. it is luck on his side. to name a few instances: one. a member of the mafia attempted to shoot tintin, in which their gun jammed. two. tintin and his dog were chained from their ankles to a dumbbell, once tossed into the water they floated up immediately as in some miracle the dumbbells had been accidentally switched to wooden ones. he has been shot, ran over, stabbed, nearly beheaded, thrown off of a cliff, poisoned, knocked out via chloroform, near assassinated via sniper, nearly drowned, all on more than one occasion.</p><b>002. MORE ON SNOWY.</b>&nbsp;&nbsp; &nbsp; as stated above, snowy is an all white unmarked wire fox terrier. he is brave and bold, eager for adventure and mischief. he is loyal, faithful to tintin. he has saved tintins life on more than one occasion. there is never a time when he does not act as his owners shadow. and if he’s seen without tintin: &nbsp; &nbsp; TINTINS IN TROUBLE. now, something important to note is in the comics, snowy can speak and is acknowledged, in my canon, snowy can speak but chooses to speak to certain people. the few who have heard the dog’s voice are people snowy grows to trust / sees tintin trusting. so? SNOWY CAN SPEAK AND COMMUNICATE.</p>
  907.  
  908. </div>
  909. </div>
  910. </div>
  911.  
  912.  
  913.  
  914.  
  915. </div></div>
  916.  
  917.  
  918.  
  919.  
  920. <div id="box4" class="popup_block2"><h1>NAVIGATION !</h1><div id="containedbox4"><div id="linkstable2">
  921.  
  922. <a href="http://">link title</a>
  923. <a href="http://">link title</a>
  924. <a href="http://">link title</a>
  925. <a href="http://">link title</a>
  926. <a href="http://">link title</a>
  927. <a href="http://">link title</a>
  928. <a href="http://">link title</a>
  929. <a href="http://">link title</a>
  930. <a href="http://">link title</a>
  931. <a href="http://">link title</a>
  932. <a href="http://">link title</a>
  933. <a href="http://">link title</a>
  934. <a href="http://">link title</a>
  935. <a href="http://">link title</a>
  936. <a href="http://">link title</a>
  937.  
  938.  
  939. </div>
  940.  
  941. </div></div>
  942.  
  943.  
  944.  
  945.  
  946. </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!