API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 12th, 2016
212
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <head><title>{Title}</title>
  6.  
  7.  
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel');
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39.  
  40.  
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45.  
  46. <!-----------This theme was done by Julie of @rosegaia ! Please tell me if you want a piece of code from this theme I'll be glad to help you out. Actually if you're reading this, I guess you could always take something and I wouldn't know. So, well, shrug, do what you want. Glad you'd be interested enough to check my html :) ------------>
  47.  
  48.  
  49. <!--------default variables-------->
  50. <meta name="color:background" content="#ffffff"/>
  51. <meta name="color:text" content="#333333"/>
  52. <meta name="color:links" content="#5b5b5b"/>
  53. <meta name="color:links hover" content="#c9c9c9"/>
  54. <meta name="color:scrollbar bg" content="#ffffff"/>
  55. <meta name="color:scrollbar" content="#eeeeee">
  56.  
  57. <meta name="image:sidebar image" content=""/>
  58. <meta name="image:background image" content=""/>
  59.  
  60. <meta name="text:link 1 title" content="link">
  61. <meta name="text:link 1 url" content=" ">
  62. <meta name="text:link 2 title" content="link">
  63. <meta name="text:link 2 url" content=" ">
  64.  
  65. <meta name="if:show link 1" content="1" />
  66. <meta name="if:show link 2" content="1" />
  67. <meta name="if:show sidebar image" content="1" />
  68.  
  69.  
  70. <!------------------------TOOLTIPS SCRIPT--------------------->
  71.  
  72. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  75. <script>
  76. (function($){
  77. $(document).ready(function(){
  78. $("[title]").style_my_tooltips({
  79. tip_follows_cursor:true,
  80. tip_delay_time:200,
  81. tip_fade_speed:300
  82. });
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <link href="https://fonts.googleapis.com/css?family=Damion|Droid+Serif|Lakki+Reddy" rel="stylesheet">
  88.  
  89. <link href="https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:400i" rel="stylesheet">
  90. <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  91. <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
  92. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  93.  
  94. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond|Open+Sans" rel="stylesheet">
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Aref+Ruqaa|Cantarell|Droid+Serif|Merriweather:900|Niconne|Permanent+Marker" rel="stylesheet">
  97. <!-------------------------------------------------------------------->
  98.  
  99. <style type="text/css">
  100.  
  101. /*----------tooltips---------*/
  102.  
  103. #s-m-t-tooltip {
  104. max-width:300px;
  105. margin:15px;
  106. padding:5px;
  107. border:1px solid #eeeeee;
  108. border-radius:0px;
  109. background:#ffffff;
  110. color:{color:text};
  111. z-index:999999;
  112. font-size:7px;
  113. font-style:none;
  114. font-weight:lighter;
  115. letter-spacing:2px;
  116. font-family:helvetica;
  117. text-transform:uppercase;
  118. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  119. }
  120.  
  121.  
  122. /*----------scrollbar---------*/
  123.  
  124. ::-webkit-scrollbar-thumb:vertical {
  125. height:9px;
  126. border:0px solid #ae9fa7 ;
  127. background-color:#400px ;
  128. }
  129. ::-webkit-scrollbar-thumb:horizontal {
  130. background-color:#400px ;
  131. }
  132. ::-webkit-scrollbar {
  133. width:1px;
  134.  
  135. border:10px ;
  136.  
  137.  
  138.  
  139. }
  140. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  141. display:block;
  142. height:8px;
  143. background-color:#400px ;
  144. }
  145.  
  146.  
  147. /*----------basics---------*/
  148.  
  149. body {
  150. background:{color:background};
  151. background: url(http://i.imgur.com/yIttTJU.gif);
  152. background-repeat: no-repeat;
  153. background-attachment:top left;
  154. margin:0px;
  155. font-family: 'Droid Serif', serif;
  156. font-size:12px;
  157. text-shadow:0px 0px 2px #eee;
  158. color: white;
  159. text-align:center;
  160.  
  161. }
  162.  
  163. blockquote {
  164. padding-left:10px;
  165. border-left:1px solid;
  166. border-color:#eeeeee;
  167. margin:10px;
  168. }
  169.  
  170. b, strong {
  171.  
  172. font-family: 'Permanent Marker', cursive;
  173. font-size:13px;
  174. text-align:center;
  175.  
  176. line-height:100%;
  177. letter-spacing:1px;
  178. color: #eee ; /* font color */
  179. text-shadow: 1px 1px 0px black;
  180.  
  181. }
  182.  
  183. i, em {
  184. text-transform:italic;
  185. color:#eee ;
  186. font-size:13px;
  187. font-family: 'Permanent Marker', cursive;
  188. text-shadow: 1px 1px 0px black;
  189.  
  190.  
  191. }
  192.  
  193. a {
  194. font-family: 'Permanent Marker', cursive;
  195. text-decoration:none;
  196. outline:none;
  197. -moz-outline-style:none;
  198. color:white;
  199. font-size : 13px;
  200. -moz-transition-duration:0.5s;
  201. -webkit-transition-duration:0.5s;
  202. -o-transition-duration:0.5s;
  203.  
  204. }
  205.  
  206. a:hover {
  207. text-decoration:none;
  208. outline:none;
  209. -moz-outline-style:none;
  210. color:white;
  211. font-size : 15px;
  212.  
  213. }
  214.  
  215. img {
  216. opacity:1;
  217. text-decoration:none;
  218. }
  219.  
  220. h1 {
  221. font-size:15px;
  222. font-weight:bold;
  223. text-shadow: 1px 1px 0px black;
  224. }
  225. small, sup
  226. {
  227. font-size: 13px;
  228. }
  229. h3 {
  230.  
  231. text-transform:uppercase;
  232. text-shadow:0px 0px 5px #eee;
  233. color: white;
  234. text-align:center;
  235. border-radius:4px;
  236. background-repeat:repeat;
  237. background-attachment:fixed;
  238. line-height:100%;
  239. padding:6px 8px;
  240. font-size:8px;
  241. letter-spacing:1px;
  242. background-image:url('http://i.imgur.com/boJu5HD.gif');
  243. }
  244.  
  245. /*----------posts---------*/
  246.  
  247.  
  248. .posts {
  249.  
  250. width:250px;
  251. padding-bottom:60px;
  252. margin-top:20px;
  253. }
  254.  
  255. .entries {
  256.  
  257. position:absolute;
  258. height:318px;
  259. width:288px;
  260. left:485px;
  261. top:158px;
  262. text-align:left;
  263. padding:2px;
  264. border: px solid #424242;
  265.  
  266. z-index:999;
  267. overflow-x:hidden;
  268. overflow-y:auto;
  269.  
  270. margin-left:0px;
  271.  
  272. }
  273.  
  274. img {
  275. -webkit-filter: grayscale(100%);
  276. z-index: -9999999999999999999999999px;
  277. -webkit-transition: all 0.9s ease-in-out;
  278. -moz-transition: all 0.9s ease-in-out;
  279. -o-transition: all 0.9s ease-in-out;
  280. -ms-transition: all 0.9s ease-in-out;
  281. transition: all 0.9s ease-in-out;
  282. }
  283.  
  284. img:hover {
  285. -webkit-filter: grayscale(0%);
  286. z-index: -9999999999999999999999999px;
  287. -webkit-transition: all 0.9s ease-in-out;
  288. -moz-transition: all 0.9s ease-in-out;
  289. -o-transition: all 0.9s ease-in-out;
  290. -ms-transition: all 0.9s ease-in-out;
  291. transition: all 0.9s ease-in-out;
  292. }
  293.  
  294.  
  295. .posts img, .posts li, .posts blockquote {
  296. max-width: 100%;
  297. }
  298.  
  299. .posts li {
  300. list-style: square;
  301. }
  302.  
  303. blockquote img {
  304. max-width:250px!important;
  305. max-height:250px!important;
  306. }
  307.  
  308.  
  309. /*----------post info---------*/
  310.  
  311. .info {
  312.  
  313. text-transform:uppercase;
  314. font-family: 'Lakki Reddy', cursive;
  315. font-size:6px;
  316. text-align:center;
  317.  
  318. line-height:100%;
  319. letter-spacing:1px;
  320. color: #eee ; /* font color */
  321. text-shadow: 1px 1px 0px black;
  322. background:transparent;
  323. background-image: url('http://i.imgur.com/ccwOzW4.gif');
  324. border-radius:4px;
  325. text-transform:none;
  326. font-size:12px;
  327. width:250px;
  328. padding:10px;
  329. position:relative;
  330. overflow-x:hidden;
  331. overflow-y:scroll;
  332. }
  333. info hover {
  334. font-size : 10px;
  335. }
  336.  
  337. .tags {
  338. margin-top:5px;
  339. font-size:10px;
  340. letter-spacing:1px;
  341. font-style:italic;
  342. text-shadow: 1px 1px 0px black;
  343. }
  344.  
  345. .tags a {
  346. margin-right:8px;
  347. font-size:10px;
  348.  
  349.  
  350. }
  351.  
  352. .tags hover {
  353. font-size : 12px;
  354. color:#eeeeee;
  355.  
  356.  
  357.  
  358. }
  359.  
  360.  
  361. /*----------post notes---------*/
  362.  
  363. ol.notes {
  364. padding:0px;
  365. margin:25px 0px 0px -10px;
  366. list-style-type:none;
  367. }
  368.  
  369. ol.notes li.note {
  370. padding:10px;
  371. }
  372.  
  373. ol.notes li.note img.avatar {
  374. vertical-align:-4px;
  375. margin-right:10px;
  376. width:16px;
  377. height:16px;
  378. }
  379.  
  380. ol.notes li.note span.action {
  381. font-weight:none;
  382. }
  383.  
  384. ol.notes li.note .answer_content {
  385. font-weight:normal;
  386. }
  387.  
  388. ol.notes li.note blockquote {
  389. padding:4px 10px;
  390. margin:10px 0px 0px 25px;
  391. }
  392.  
  393. ol.notes li.note blockquote a {
  394. text-decoration:none;
  395. }
  396.  
  397. /*----------sidebar---------*/
  398.  
  399. .sidebar {
  400. position:fixed;
  401. width:150px;
  402. margin-left:-350px;
  403. top:250px;
  404. }
  405.  
  406. .sidebarimage {
  407. width:150px;
  408. }
  409.  
  410. .sidebarimage img {
  411. width:150px;
  412. margin-bottom:10px;
  413. }
  414.  
  415. .sidetitle {
  416. margin-top:5px;
  417. font-size:14px;
  418. text-transform:uppercase;
  419. font-weight:bold;
  420. width:150px;
  421. text-align:center;
  422. }
  423.  
  424. .description {
  425. width:150px;
  426. text-align:center;
  427. margin-top:10px;
  428. }
  429.  
  430.  
  431. /*----------links---------
  432. #links {
  433. position:fixed;
  434. font-family: "Times New Roman", Georgia, Serif;
  435.  
  436. color:#000000 ;
  437. width:30px;
  438. top: 165px;
  439. left:235px;
  440. font-size:25px;
  441. text-transform:uppercase;
  442. text-align:center;
  443. font-style:bold;
  444. line-height:280%;
  445. -webkit-transform: rotate(330deg);
  446. -moz-transform: rotate(450deg);
  447. -o-transform: rotate(450deg);
  448. }
  449.  
  450. #links a {
  451. font-family: "Times New Roman", Georgia, Serif;
  452.  
  453. line-height:150%;
  454. padding:1px;
  455. margin-top:1px;
  456. margin-left:30px;
  457. color:#eee ;
  458. -moz-transition-duration:.7s;
  459. -webkit-transition-duration:.7s;
  460. -o-transition-duration:.7s;
  461. -webkit-filter: blur(1px);
  462. filter: blur(1px);
  463. }
  464.  
  465. #links a:hover {
  466. color:#eeeeee;
  467. font-size:30px;
  468. -moz-transition-duration:.5s;
  469. -webkit-transition-duration:.5s;
  470. -o-transition-duration:.5s;
  471. -webkit-filter: blur(0px);
  472. filter: blur(0px);
  473. }
  474.  
  475. #links img{
  476.  
  477. -webkit-filter: grayscale(0%)!important;
  478. }
  479.  
  480. */
  481.  
  482. /*----------dinks---------*/
  483.  
  484. #dinks {
  485. position:fixed;
  486. font-family: "Times New Roman", Georgia, Serif;
  487.  
  488. color:#000000 ;
  489. width:30px;
  490. top: 165px;
  491. left:235px;
  492. font-size:25px;
  493. text-transform:uppercase;
  494. text-align:center;
  495. font-style:bold;
  496. line-height:280%;
  497.  
  498. }
  499.  
  500. #dinks a{
  501. font-family: "Times New Roman", Georgia, Serif;
  502.  
  503. line-height:150%;
  504. padding:1px;
  505. margin-top:1px;
  506. margin-left:30px;
  507. color:#eee ;
  508.  
  509. }
  510.  
  511.  
  512. #dinks img{
  513.  
  514. -webkit-filter: grayscale(0%)!important;
  515. }
  516.  
  517.  
  518. /*----------cinks---------*/
  519. #cinks {
  520. position:fixed;
  521. font-family: "Times New Roman", Georgia, Serif;
  522.  
  523. color:#000000 ;
  524. width:30px;
  525. top: 75px;
  526. left:545px;
  527. font-size:25px;
  528. text-transform:uppercase;
  529. text-align:center;
  530. font-style:bold;
  531. line-height:280%;
  532.  
  533. }
  534.  
  535. #cinks a {
  536. font-family: "Times New Roman", Georgia, Serif;
  537. line-height:150%;
  538. padding:1px;
  539. margin-top:1px;
  540. margin-left:30px;
  541. color:#eee ;
  542.  
  543. }
  544. #cinks img{
  545.  
  546. -webkit-filter: grayscale(0%)!important;
  547. }
  548.  
  549.  
  550.  
  551.  
  552. /*----------ninks---------*/
  553.  
  554. #ninks {
  555. position:fixed;
  556. font-family: "Times New Roman", Georgia, Serif;
  557.  
  558. color:#000000 ;
  559. width:30px;
  560. top: 75px;
  561. left:445px;
  562. font-size:25px;
  563. text-transform:uppercase;
  564. text-align:center;
  565. font-style:bold;
  566. line-height:280%;
  567.  
  568. }
  569.  
  570. #ninks a {
  571. font-family: "Times New Roman", Georgia, Serif;
  572. line-height:150%;
  573. padding:1px;
  574. margin-top:1px;
  575. margin-left:30px;
  576. color:#eee ;
  577.  
  578. }
  579. #ninks img{
  580.  
  581. -webkit-filter: grayscale(0%)!important;
  582. }
  583.  
  584.  
  585.  
  586. /*----------sinks---------*/
  587.  
  588. #sinks {
  589. position:fixed;
  590. font-family: "Times New Roman", Georgia, Serif;
  591.  
  592. color:#000000 ;
  593. width:30px;
  594. top: 165px;
  595. left:235px;
  596.  
  597. top: 75px;
  598. left:665px;
  599. font-size:25px;
  600. text-transform:uppercase;
  601. text-align:center;
  602. font-style:bold;
  603. line-height:280%;
  604.  
  605. }
  606.  
  607. #sinks a {
  608. font-family: "Times New Roman", Georgia, Serif;
  609. line-height:150%;
  610. padding:1px;
  611. margin-top:1px;
  612. margin-left:30px;
  613. color:#eee ;
  614.  
  615. }
  616.  
  617. #sinks img{
  618.  
  619. -webkit-filter: grayscale(0%)!important;
  620. }
  621.  
  622.  
  623.  
  624. /*----------ainks---------*/
  625.  
  626. /*
  627.  
  628. #ainks {
  629. position:fixed;
  630. font-family: "Times New Roman", Georgia, Serif;
  631.  
  632. color:#000000 ;
  633. width:30px;
  634. top: 250px;
  635. left:860px;
  636. font-size:25px;
  637. text-transform:uppercase;
  638. text-align:center;
  639. font-style:bold;
  640. line-height:280%;
  641. -webkit-transform: rotate(380deg);
  642. -moz-transform: rotate(450deg);
  643. -o-transform: rotate(450deg);
  644. }
  645.  
  646. #ainks a {
  647. font-family: "Times New Roman", Georgia, Serif;
  648. line-height:150%;
  649. padding:1px;
  650. margin-top:1px;
  651. margin-left:30px;
  652. color:#eee ;
  653. -moz-transition-duration:.7s;
  654. -webkit-transition-duration:.7s;
  655. -o-transition-duration:.7s;
  656. -webkit-filter: blur(1px);
  657. filter: blur(1px);
  658. }
  659.  
  660. #ainks a:hover {
  661. color:#eeeeee;
  662. font-size:30px;;
  663. -moz-transition-duration:.5s;
  664. -webkit-transition-duration:.5s;
  665. -o-transition-duration:.5s;
  666. -webkit-filter: blur(0px);
  667. filter: blur(0px);
  668.  
  669. }
  670.  
  671.  
  672. */
  673.  
  674.  
  675.  
  676.  
  677.  
  678. /*----------pagination---------*/
  679.  
  680.  
  681. .pagination {
  682. position: fixed;
  683. font-family: CASTELLAR;
  684. color:#90989f ;
  685. width:130px;
  686. font-size:15px;
  687. text-transform:normal;
  688. top: 650px;
  689. left:875px;
  690. padding-left:5px;
  691. letter-spacing:1px;
  692. font-style:normal;
  693. text-align:left;
  694. }
  695.  
  696.  
  697.  
  698. /*----------quotes---------*/
  699.  
  700. .quote {
  701. text-transform:uppercase;
  702. font-size:12px;
  703. font-weight:bold;
  704. text-align:center;
  705. }
  706.  
  707. .quotesource {
  708. text-align:center;
  709. margin-top:10px;
  710. }
  711.  
  712.  
  713. /*----------chat---------*/
  714.  
  715. .chat {
  716. line-height:20px;
  717. list-style:none;
  718. }
  719.  
  720. .line.odd {
  721. background:#fafafa;
  722. margin-bottom:2px;
  723. padding:5px;
  724. list-style:none;
  725. font-size:10px;
  726. }
  727.  
  728. .line.even {
  729. background:#ffffff;
  730. margin-bottom:2px;
  731. padding:5px;
  732. list-style:none;
  733. font-size:10px;
  734. }
  735.  
  736. .label {
  737. padding-right:1px;
  738. text-transform:uppercase;
  739. font-weight:bold;
  740. color:{color:links};
  741. }
  742.  
  743.  
  744. /*----------questions---------*/
  745.  
  746. .question {
  747.  
  748.  
  749. text-align:center;
  750. color:#fff;
  751. background:transparent;
  752. background-image: url('http://i.imgur.com/ccwOzW4.gif');
  753. border-radius:4px;
  754. border-radius:4px;
  755. text-transform:none;
  756. font-size:11px;
  757. width:250px;
  758. padding:10px;
  759. position:relative;
  760. overflow-x:hidden;
  761. overflow-y:scroll;
  762. }
  763.  
  764.  
  765. }
  766.  
  767. .asker {
  768. text-transform:uppercase;
  769. }
  770.  
  771. .answer {
  772. padding:1px;
  773. margin-top:-1px;
  774. }
  775.  
  776. /*----------audio---------*/
  777.  
  778.  
  779. /*----------credit---------*/
  780.  
  781. .credit {
  782. font-size:8px;
  783. position:fixed;
  784. font-weight:bold;
  785. bottom:5px;
  786. right:15px;
  787. z-index:10;
  788. text-align:right;
  789. letter-spacing:1px;
  790. padding:2px;
  791. }
  792.  
  793. .credit a {
  794. color:{color:links};
  795. text-decoration:none;
  796. }
  797.  
  798. .credit a:hover {
  799. color:{color:links hover};
  800. text-decoration:none;
  801. }
  802.  
  803. /* the sidebar */
  804.  
  805. #sidethingy {
  806. z-index: 1;
  807. position:absolute;
  808. left:1150px;
  809. top: 10px;
  810. height:310px;
  811. overflow-y:hidden;
  812. overflow-x:hidden;
  813. width:153px;
  814. letter-spacing:1px;
  815. font-size:8px !important;
  816. text-align:justify;
  817.  
  818.  
  819.  
  820. }
  821.  
  822.  
  823. /* pop up links */
  824.  
  825.  
  826. .popup_block{
  827. display: none;
  828. background:transparent;
  829. padding: 20px;
  830. float: left;
  831. position: fixed;
  832. top: 50%;
  833. left: 50%;
  834. z-index: 9999999999999;
  835. font-family: 'Droid Serif', serif;
  836. font-size:12px;
  837. text-shadow:0px 0px 2px #eee;
  838. color: white;
  839. text-align:center;
  840. line-height:100%;
  841.  
  842. }
  843.  
  844. *html #fade {
  845. position: absolute;
  846. }
  847.  
  848. *html .popup_block {
  849. position: absolute;
  850. }
  851.  
  852. #fade {
  853. display: none;
  854. position: fixed;
  855. left: 0;
  856. top: 0;
  857. width: 100%;
  858. height: 100%;
  859. z-index: 9999999999999;
  860. opacity: 0;
  861. }
  862.  
  863. *html #fade {
  864. position: absolute;
  865. }
  866.  
  867. #fade {
  868. display:none;
  869. position:fixed;
  870. left:0px;
  871. top:0px;
  872. width:100%;
  873. height:100%;
  874. z-index:99999999;
  875. }
  876.  
  877. #poph {
  878. font-size:10px;
  879. letter-spacing:3px;
  880. font-family: 'Droid Serif', serif;
  881. font-size:12px;
  882. text-shadow:0px 0px 2px #eee;
  883. color: white;
  884. text-align:center;
  885. color:transparent;
  886. line-height:100%;
  887. text-transform:uppercase;
  888. }
  889.  
  890. #popdatass {
  891. width: 265px;
  892. height: 303px;
  893. margin-top:0px;
  894. margin-left:0px;
  895. z-index:999;
  896. padding: 5px;
  897. position:fixed;
  898. overflow-y:auto;
  899. overflow-x:hidden;
  900. padding-top:5px;
  901. font-family: 'Droid Serif', serif;
  902. font-size:12px;
  903. text-shadow:0px 0px 2px #eee;
  904. color: white;
  905. text-align:center;
  906. }
  907.  
  908. #askpopup {
  909. width: 255px;
  910. height:311px;
  911. margin-top:2px;
  912. margin-left:3px;
  913. z-index:9999999;
  914. padding: 10px;
  915. position:fixed;
  916. color:#bababa;
  917. overflow-y:auto;
  918. text-transform:lowercase;
  919. overflow-x:hidden;
  920. padding-top:-20px;
  921. text-align:justify;
  922. }
  923.  
  924.  
  925. #popdatass2 {
  926. width: 198px;
  927. top: 320px;
  928. height: 180px;
  929. text-transform:lowercase;
  930. margin-top:0px;
  931. margin-left:0px;
  932. z-index:999;
  933. padding: 5px;
  934. position:fixed;
  935. overflow-y:auto;
  936. overflow-x:hidden;
  937. padding-top:5px;
  938.  
  939. font-family: 'Droid Serif', serif;
  940. font-size:12px;
  941. text-shadow:0px 0px 2px #eee;
  942. color: white;
  943. text-align:center;
  944. }
  945.  
  946. #raichu {
  947.  
  948. font-size:10px;
  949. letter-spacing:3px;
  950. font-family: 'Kotta One', serif;
  951. top: 190px;
  952. left:815px;
  953. color:transparent;
  954. line-height:100%;
  955. text-transform:uppercase;
  956. margin-top:0px;
  957. margin-left:0px;
  958. z-index:999;
  959. padding: 5px;
  960. position:fixed;
  961. }
  962. #raichu img{
  963.  
  964.  
  965. -webkit-filter: grayscale(0%)!important;
  966. }
  967.  
  968.  
  969.  
  970. </style>
  971. </head>
  972.  
  973. <body>
  974. <div class="container">
  975.  
  976. <div class="credit">
  977. <a title="theme" href="http://rosegaia.tumblr.com/" target="_blank">Julie</a></div>
  978.  
  979.  
  980. <div class="sidebar">
  981.  
  982. {block:IfShowSidebarImage}
  983. <div class="sidebarimage">
  984. <a href="/"><img src="{image:sidebar image}">
  985. </a></div>
  986. {/block:IfShowSidebarImage}
  987.  
  988. <div id="raichu">
  989.  
  990. <a href="https://haued.tumblr.com/" title="H O M E " >
  991. <img src="http://i.imgur.com/oimsSF8.gif" width="" height="">
  992. </a><br>
  993.  
  994. </div>
  995.  
  996.  
  997.  
  998. <div id="sinks"> <a href="#?w=480" rel="box3" class="poplight" title="A B O U T "><img src="http://i.imgur.com/qIgBaaC.gif" width="" height=""></a></div>
  999.  
  1000.  
  1001. <div id="cinks">
  1002. <a href="#?w=300" rel="rules" class="poplight" title=" R U L E S "><img src="http://i.imgur.com/YYz5QIi.gif" width="" height=""></a>
  1003. </div>
  1004.  
  1005. <div id="ninks">
  1006. <a href="#?w=480" rel="box4" class="poplight" title=" V E R S E S "><img src="http://i.imgur.com/X8j0Eso.gif" width="" height=""></a>
  1007. </div>
  1008.  
  1009. <div id="dinks">
  1010. <a href="#?w=480" rel="askbox" class="poplight" title=" A S K B O X "><img src="http://i.imgur.com/Dv563Ao.gif" width="" height=""></a>
  1011. </div>
  1012.  
  1013. <div id="ainks">
  1014. <a href="#?w=480" rel="box5" class="poplight"><img src="http://i.imgur.com/qIgBaaC.gif" width="" height=""></a>
  1015. </div>
  1016.  
  1017.  
  1018. <div id="sidethingy">
  1019.  
  1020. <center> <br> <br><h3>A &nbsp; FUTURE &nbsp; MASTER &nbsp; IN &nbsp; WAITING</h3>
  1021. Independent <strong> & </strong>Game-verse based
  1022. <br> <i> Hau </i>
  1023. <br> of Pokemon Sun/Moon
  1024. <br> <strong> Canon</strong> based with future canons.
  1025.  
  1026.  
  1027.  
  1028. <Center> <h3>AN&nbsp; OPTIMIST &nbsp;THROUGH&nbsp; THE&nbsp; DARKNESS </h3></Center>
  1029.  
  1030. written by <strong> Julie </strong><br>
  1031. Started <strong> 12.12.2016 </strong><br>
  1032.  
  1033.  
  1034. </div>
  1035. </Center>
  1036.  
  1037.  
  1038.  
  1039.  
  1040. <div class="pagination">
  1041. {block:Pagination}
  1042. {block:PreviousPage}
  1043. <a href="{PreviousPage}"> <--- </a>{/block:PreviousPage}&nbsp;
  1044.  
  1045. {block:NextPage}
  1046. <a href="{NextPage}">
  1047.  
  1048.  
  1049.  
  1050. ---> </a>
  1051.  
  1052. {/block:NextPage}
  1053. {/block:Pagination}
  1054. </div>
  1055.  
  1056. </div>
  1057.  
  1058.  
  1059. <div class="entries">
  1060. {block:Posts}
  1061. <div class="posts">
  1062.  
  1063. {block:Text}
  1064. <h1>{block:Title}{Title}{/block:Title}</h1>
  1065. {Body}{/block:Text}
  1066.  
  1067.  
  1068. {block:Photo}
  1069. {LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  1070. {block:Caption}{Caption}{/block:Caption}
  1071. {/block:Photo}
  1072.  
  1073.  
  1074. {block:Photoset}
  1075. {Photoset-250}
  1076. {block:Caption}{Caption}{/block:Caption}
  1077. {/block:Photoset}
  1078.  
  1079.  
  1080. {block:Quote}
  1081. <div class="quote">"{Quote}"</div>
  1082. {block:Source}<div class="quotesource"> — {Source}</div>
  1083. {/block:Source}{/block:Quote}
  1084.  
  1085.  
  1086. {block:Link}
  1087. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1088. {block:Description}{Description}{/block:Description}
  1089. {/block:Link}
  1090.  
  1091.  
  1092. {block:Chat}
  1093. {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>
  1094. {/block:Chat}
  1095.  
  1096.  
  1097. {block:Audio}
  1098. {block:AudioPlayer}
  1099. <div class="audiowrapper">
  1100. <div class="playerbuttonbg">
  1101. <div class="playerbutton">
  1102. <div class="playerbuttonhug">
  1103. {AudioPlayerGrey}
  1104. </div></div></div>
  1105.  
  1106. <div class="trackdetails">
  1107. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1108.  
  1109. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1110.  
  1111. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1112. {/block:AudioPlayer}
  1113.  
  1114. {block:Caption}
  1115. <div class="caption">{Caption}</div>
  1116. {/block:Caption}
  1117. {/block:Audio}
  1118.  
  1119.  
  1120. {block:Video}
  1121. {Video-500}
  1122. {block:Caption}{Caption}{/block:Caption}
  1123. {/block:Video}
  1124.  
  1125.  
  1126. {block:Answer}
  1127. <div class="question">
  1128. <div class="asker"><b>{Asker} said:</b></div>
  1129. {Question}</div><br>
  1130. <div class="answer">
  1131. {Answer}</div>
  1132. {/block:Answer}
  1133.  
  1134.  
  1135. <div class="info">
  1136. {block:Date}
  1137. <b><a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  1138. {/block:Date}
  1139.  
  1140. &nbsp;&nbsp;
  1141. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1142. &nbsp;&nbsp;
  1143.  
  1144. {block:RebloggedFrom}
  1145. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  1146. {block:ContentSource}
  1147. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">/ src</a>
  1148. {/block:ContentSource}
  1149. {/block:RebloggedFrom}
  1150.  
  1151. <a href="{ReblogURL}" target="_blank" class="details">/ reblog</a>
  1152. </div>
  1153.  
  1154.  
  1155. {block:HasTags}
  1156. <div class="tags">
  1157. {block:Tags}
  1158. <a href="{TagURL}">#{Tag}</a>
  1159. {/block:Tags}
  1160. </div>
  1161. {/block:HasTags}
  1162.  
  1163. </div>
  1164.  
  1165.  
  1166. {block:PostNotes}
  1167. {PostNotes}
  1168. {/block:PostNotes}
  1169.  
  1170. {/block:Posts}
  1171.  
  1172. {block:ContentSource}
  1173. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1174. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1175. {/block:SourceLogo}
  1176. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1177. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1178.  
  1179. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  1180. </body>
  1181. </div>
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189.  
  1190.  
  1191.  
  1192. <div id="askbox" class="popup_block">
  1193. <div style="background: #bfbfbf ; height: 325px; width: 305px; position:fixed; left:480px; top:155px;">
  1194. <div id="askpopup">
  1195.  
  1196. <center><h3>Hey what's up ! Talk to me ! </h3> </center>
  1197.  
  1198. <br>
  1199.  
  1200. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/haued.tumblr.com" width="100%" style="height: 250px;"></iframe>
  1201. </div>
  1202. </div>
  1203. </div></div></div></div></div></div></div></div></div></div></div>
  1204.  
  1205.  
  1206.  
  1207.  
  1208.  
  1209. <div id="rules" class="popup_block">
  1210. <div style="background: #bfbfbf ;height: 325px; width: 295px; position:fixed; left:480px; top:155px;">
  1211. <div id="popdatass">
  1212. <br>
  1213.  
  1214. <div class="title" style="text-align: center;"><strong><h3> RULES</h3><em> ! &nbsp;</em></strong><strong><em>☄&nbsp;☄</em></strong></div>
  1215. <div class="title" style="text-align: center;">
  1216. <ul>
  1217. <li>I am selective! As I follow a large amount of people, sometimes I dont always have the time to roleplay with you or answer your asks immediately, but I will usually get to them after a while!&nbsp;<strong><br /><br /></strong></li>
  1218. <li>I only rp with mutuals! If im not your mutual then chances are that I won&rsquo;t reply to you or roleplay with you or calls<br /><br /></li>
  1219. <li>this <strong>INCLUDES asks, replies, etc. </strong>Please do not <strong>harass</strong> me if you are a non-mutual or<strong> expect me to reply to asks</strong>/etc.&nbsp;</li>
  1220. </ul>
  1221. <ul>
  1222. <li>If I unfollow you and you&rsquo;re a great friend I interact with its probably a mistake! Go ahead and remind me!</li>
  1223. </ul>
  1224. <ul>
  1225. <li><span style="line-height: 1.4;">If I </span><strong style="line-height: 1.4;">drop a thread,</strong><span style="line-height: 1.4;"> just </span><strong style="line-height: 1.4;">drop a reminder</strong><span style="line-height: 1.4;"> to tell me to pick it up again! </span></li>
  1226. </ul>
  1227. <ul>
  1228. <li><strong>Smut is not okay! He's 11 in his canon verse.</strong> &nbsp;</li>
  1229. </ul>
  1230. <ul>
  1231. <li>Replies might be slow since I am currently in school and that take&rsquo;s priority.&nbsp;</li>
  1232. </ul>
  1233. <ul>
  1234. <li>That being said, I <strong>roleplay any type of nsfw, such as blood, gore and mature topics</strong>. But I will <strong>tag</strong> accordingly.</li>
  1235. </ul>
  1236. <ul>
  1237. <li>I roleplay with ALL developped muses. OC or Canon.<strong> But only if we are mutuals.&nbsp;</strong></li>
  1238. </ul>
  1239. <ul>
  1240. <li>I&rsquo;m probably going to unfollow you if <strong>you reblog passive aggressive posts or posts that support one thing by bashing an acceptable target</strong>( like people saying colored representation is good because all white men must die, etc. Not only is this inaccurate (colored rep is a not a correct term) but this is vastly unrelated to roleplaying. This example is just a strawman to illustrate. ) Either way, I find roleplaying to be a hobby, not a way of life OR a way to advance your social agenda. There are times and places to do it, and if you feel like your roleplaying blog is one of those, I will unfollow you.&nbsp;</li>
  1241. </ul>
  1242. <ul>
  1243. <li>I will read rules but sending in passwords can be iffy to me,&nbsp;</li>
  1244. </ul>
  1245. <ul>
  1246. <li>I can easily do background image requests <strong>for friends !</strong> Do not be afraid to ask! </li>
  1247. </ul>
  1248. <p>Silly/Important things</p>
  1249. <ul>
  1250. <li><span style="line-height: 1.4;">I'm Julie! Pronouns are : he/she/they, its fine to whatever you wish to call me, it doesn't faze me, nor do i rarely notice &nbsp;</span></li>
  1251. </ul>
  1252. <ul>
  1253. <li><span style="line-height: 1.4;">We&rsquo;re here to have fun ! So go ahead and unfollow if something offends you here !</span></li>
  1254. </ul>
  1255. <ul>
  1256. <li><span style="line-height: 1.4;">I won't tag spoilers of the main game, so beware ! If its about upcoming games Ill tag spoilers accordingly</span></li>
  1257. </ul>
  1258. <ul>
  1259. <li><span style="line-height: 1.4;">I may do crack at times&nbsp;</span></li>
  1260. </ul>
  1261. <p>okay if you did get this far, I&rsquo;d love it if you send me <em>&lsquo;<strong>"Malasadas are the best ! "</strong>&nbsp;&rsquo;</em> .</p>
  1262. <p>You don&rsquo;t <em><strong>have</strong> </em>to but its something fun to know you did ! Not at all required to roleplay with me.&nbsp;</p>
  1263. </div>
  1264.  
  1265.  
  1266.  
  1267. </div>
  1268. </div>
  1269. </div></div></div></div></div></div></div></div></div></div></div>
  1270.  
  1271.  
  1272.  
  1273. <div id="box3" class="popup_block">
  1274. <div style="background: #bfbfbf ; height: 325px; width: 305px; position:fixed; left:480px; top:155px;">
  1275. <div id="popdatass">
  1276. <br>
  1277.  
  1278.  
  1279. <div class="title" style="text-align: center;"><em><strong><a href="http://.">ABOUT</a>&nbsp;</strong></em></div>
  1280. <div class="title" style="text-align: center;"></div>
  1281. <div class="title" style="text-align: center;"><img src="https://68.media.tumblr.com/5f29545217092832ee59c3767512ee56/tumblr_inline_oi3dj9h2hX1uaaip6_500.gif" /> <br />
  1282. <p><a href="http://."><strong>Name</strong> </a>: Hau /&nbsp;<span style="color: #000000; font-family: sans-serif; font-size: 12.7px; text-align: start;"></span><strong style="color: #000000; font-family: sans-serif; font-size: 12.7px; text-align: start;">ハウ</strong></p>
  1283. <p>&nbsp;<a href="http://."><strong>Allegiance</strong> </a>: An Alolan resident, currently traveling and <em>TRAINING &nbsp;</em>himself to get strong enough to be the Island Kahuna of Melemele Island. He has currently beat his island challenge and is seeking to <em>USURP </em>the current champion of the new Alolan Pokemon League, a dear friend to him. Has plans to visit Kanto in order to <em>SEARCH </em>for his father. &nbsp;</p>
  1284. <p><a href="http://."><strong> Gender</strong> </a>: Male</p>
  1285. <p><a href="/"><strong>Gender Pronoun</strong></a> : Male</p>
  1286. <p><a href="http://."><strong>Age</strong> </a>: &nbsp;11</p>
  1287. <p><a href="http://."><strong>Personality</strong> </a>: Hau is <em>IMPOSSIBLY DETERMINED</em>, enthusiastic about almost all things that his life. Although at times, Hau&rsquo;s life doesn&rsquo;t seem so filled with sunshine and rainbows, he quite usually finds a way to <em>SMILE THROUGH THE DARKNESS</em> and offer his support to both his friends and himself.&nbsp;</p>
  1288. <p>In battle, he tends to be one of the <em>FREER </em>minds out there, willing to try more out-there strategies, but it typically more focused than he lets on. However, he is just as content letting his pokemon, ( and himself ) lounge around and simply explore, or when its time to eat.&nbsp;</p>
  1289. <p>He does enjoy pointing out gaps in logic, or noting ( <em>OUT LOUD</em> ) quirks that his friends might not let on about themselves. He is naturally observant like such.&nbsp;</p>
  1290. <p>He is, however, burdened in life. Though its not common knowledge except by close friends, he understands he needs strength if he is to ever find his father. But that doesn&rsquo;t deter him, content with leading life with a wide smile, even if it is stressful measuring up to be the grandson to a Kahuna.&nbsp;</p>
  1291. <p>Has a great <em>LOVE</em> of Malasadas !&nbsp;</p>
  1292. </div>
  1293.  
  1294.  
  1295.  
  1296. </div>
  1297. </div>
  1298. </div>
  1299. </div></div></div></div></div></div></div></div></div></div></div>
  1300.  
  1301.  
  1302.  
  1303. <div id="box4" class="popup_block">
  1304. <div style="background: #bfbfbf ; height: 325px; width: 305px; position:fixed; left:480px; top:155px;">
  1305. <div id="popdatass">
  1306. <br>
  1307.  
  1308. <div class="title" style="text-align: center;"><strong>VERSES<em> ! &nbsp;</em></strong><strong><em>☄&nbsp;☄</em></strong></div>
  1309. <div class="title" style="text-align: center;"></div>
  1310. <div class="title" style="text-align: center;">
  1311. <h3>TO KAHUNA &amp;&amp; BEYOND ! ( Main )&nbsp;</h3>
  1312. &nbsp;</div>
  1313. <div class="title" style="text-align: center;"></div>
  1314. <div class="title" style="text-align: center;">
  1315. <p><img src="https://68.media.tumblr.com/014424fda63de4f0b177635ebcf7f76f/tumblr_inline_oi3ekc1WPq1uaaip6_500.gif" /></p>
  1316. <p><strong>FRESH</strong> from his island challenge, he <strong>STRIVES</strong> through <em>Alola</em>, focused on <strong>IMPROVING</strong> his skills (<a href="."> and maybe sampling more treats than he lets on </a>). HE <strong>DREAMS</strong> of finally being strong to travel to <em>Kanto</em> and <strong>SEARCH</strong> for his <em>father</em>, one day reuniting their <strong>BROKEN</strong> FAMILY. but, for now, <strong>EXPLORATION</strong> and training is his <strong>MUSE</strong>, and <strong>BREEZE</strong> through to challenge his closest friends for <strong>ALOLAN</strong> <strong>CHAMPION</strong>.&nbsp;</p>
  1317. <p><em><strong>more tbt.&nbsp;</strong></em></p>
  1318. <p><span style="line-height: 19.6px;">&nbsp;</span></p>
  1319. </div>
  1320.  
  1321.  
  1322. </div>
  1323. </div>
  1324. </div>
  1325. </div></div></div></div></div></div></div></div></div></div></div>
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331. </div>
  1332.  
  1333. <div id="box5" class="popup_block">
  1334. <div style="background: #bfbfbf ; height: 325px; width: 305px; position:fixed; left:480px; top:155px; z-index: 999999999;">
  1335. <div id="popdatass2">
  1336. <br>
  1337.  
  1338. <div align="center">
  1339.  
  1340.  
  1341. </div>
  1342.  
  1343.  
  1344. </div>
  1345. </div>
  1346. </div>
  1347. </div></div></div></div></div></div></div></div></div></div></div>
  1348.  
  1349.  
  1350. </div></div></div></div></div></div></div></div></div></div>
  1351.  
  1352.  
  1353. </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!