API tools faq
paste
Advertisement
fatblackcat

wxrmonger

fatblackcat
Nov 20th, 2015
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <meta name="description" content="{MetaDescription}" />
  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'); //Get Popup Name
  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"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></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. <link href='https://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'>
  41.  
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48.  
  49. (function($){
  50.  
  51. $(document).ready(function(){
  52.  
  53. $("a[title]").style_my_tooltips({
  54.  
  55. tip_follows_cursor:true,
  56.  
  57. tip_delay_time:90,
  58.  
  59. tip_fade_speed:600,
  60.  
  61. attribute:"title"
  62.  
  63. });
  64.  
  65. });
  66.  
  67. })(jQuery);
  68.  
  69. </script>
  70. <!--basic tooltip from tutorial-baby! Enjoy-->
  71. <style>
  72.  
  73. #s-m-t-tooltip {
  74. max-width:300px; /*how big the tooltip can be at most*/
  75. border-radius: 2px; /*change your border radius*/
  76. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  77. margin:20px 7px -2px 20px; /*distance from word*/
  78. background-color:{color:link title hover bg}; /*background color*/
  79. border:1px solid {color:link title hover border}; /*border info*/
  80. font-family:times; /*tooltip font*/
  81. font-size:9px; /*tooltip font size*/
  82. letter-spacing:2px; /*tooltip letter spacing*/
  83. text-transform:uppercase; /*makes the tooltip title uppercase*/
  84. color:{color:link title color}; /*tooltip font color*/
  85. z-index:999999999999999999999999999999999999;
  86. }
  87. </style>
  88.  
  89. <!---- this is theme 52 by Hollywhood
  90. please don't remove the credit
  91. thank you
  92. --->
  93.  
  94. <meta name="color:Background" content="#ffffff"/>
  95. <meta name="color:Text" content="#9B9B9B"/>
  96. <meta name="color:bold" content="#9B9B9B"/>
  97. <meta name="color:Link" content="#b8b8b8"/>
  98. <meta name="color:Link Hover" content="#eeeeee"/>
  99. <meta name="color:Custom Link" content="#b8b8b8"/>
  100. <meta name="color:Custom Link Hover" content="#eeeeee"/>
  101. <meta name="color:blockquote" content="#eeeeee"/>
  102. <meta name="color:border" content="#EEEEEE"/>
  103. <meta name="color:scrollbar" content="#999999">
  104. <meta name="color:post info bg" content="#ffffff">
  105. <meta name="color:link title hover bg" content="#ffffff">
  106. <meta name="color:link title hover border" content="#ffffff">
  107. <meta name="color:link title color" content="#b690e7">
  108. <meta name="color:audio bg" content="#b690e7">
  109. <meta name="color:ask bg" content="#b690e7">
  110. <meta name="color:ask border" content="#b690e7">
  111.  
  112. <meta name="text:bg url" content=""/>
  113.  
  114. <meta name="text:tag symbol" content="#">
  115. <meta name="text:pagi back" content="♙">
  116. <meta name="text:pagi forward" content="♟">
  117.  
  118. <meta name="text:post width" content="450px"/>
  119. <meta name="text:cont height" content="450px"/>
  120. <meta name="text:cont width" content="455px"/>
  121. <meta name="text:cont left" content=""/>
  122. <meta name="text:cont top" content=""/>
  123.  
  124. <meta name="text:alinks symbol" content="❄"/>
  125. <meta name="text:alinks size" content="20px"/>
  126. <meta name="text:alinks top axis" content="135px"/>
  127. <meta name="text:alinks left axis" content="977px"/>
  128.  
  129. <meta name="text:blinks symbol" content="❄"/>
  130. <meta name="text:blinks size" content="20px"/>
  131. <meta name="text:blinks top axis" content="178px"/>
  132. <meta name="text:blinks left axis" content="1049px"/>
  133.  
  134. <meta name="text:clinks symbol" content="❄"/>
  135. <meta name="text:clinks size" content="20px"/>
  136. <meta name="text:clinks top axis" content="226px"/>
  137. <meta name="text:clinks left axis" content="965px"/>
  138.  
  139. <meta name="text:dlinks symbol" content="❋"/>
  140. <meta name="text:dlinks size" content="20px"/>
  141. <meta name="text:dlinks top axis" content="283px"/>
  142. <meta name="text:dlinks left axis" content="1015px"/>
  143.  
  144. <meta name="text:elinks symbol" content="❋"/>
  145. <meta name="text:elinks size" content="20px"/>
  146. <meta name="text:elinks top axis" content="344px"/>
  147. <meta name="text:elinks left axis" content="967px"/>
  148.  
  149. <meta name="text:flinks symbol" content="❋"/>
  150. <meta name="text:flinks size" content="20px"/>
  151. <meta name="text:flinks top axis" content="400px"/>
  152. <meta name="text:flinks left axis" content="1011px"/>
  153.  
  154. <meta name="text:glinks symbol" content="♥"/>
  155. <meta name="text:glinks size" content="50px"/>
  156. <meta name="text:glinks top axis" content="250px"/>
  157. <meta name="text:glinks left axis" content="120px"/>
  158.  
  159. <style type="text/css">
  160.  
  161. ::-webkit-scrollbar-thumb{
  162. background-color: {color:scrollbar};
  163. height:auto;
  164. }
  165.  
  166. ::-webkit-scrollbar {
  167. height:auto;
  168. width:4px;
  169.  
  170. }
  171.  
  172.  
  173. iframe#tumblr_controls {
  174. white-space:nowrap;
  175. -webkit-filter: invert(100%);
  176. -moz-filter: invert(100%);
  177. -o-filter: invert(100%);
  178. -ms-filter: invert(100%);
  179. filter: invert(100%);
  180. opacity:.2;transition: .8s ease-in-out;
  181. -webkit-transition: .8s ease-in-out;
  182. -moz-transition: .8s ease-in-out;
  183. -o-transition: .8s ease-in-out;
  184. }
  185.  
  186. h1 {
  187. font-weight:normal;
  188. font-size:20px;
  189. text-align:center;
  190. font-style:normal;
  191. line-height:100%;
  192. letter-spacing:1px;
  193. text-transform:normal;
  194. color:{color:bold};
  195. font-family: 'Amatic SC', cursive;
  196. }
  197.  
  198. h2 {
  199. font-size:15px;
  200. text-align:center;
  201. line-height:100%;
  202. letter-spacing:-0.5px;
  203. color:{color:bold};
  204. font-weight:bold;
  205. padding:5px;
  206. padding-bottom:2px;
  207. font-family: 'Amatic SC', cursive;
  208. }
  209.  
  210. #quote {
  211. font-size: 15pt;
  212. text-align: center;
  213. line-height: 100%;
  214. font-family: 'Amatic SC', cursive;
  215. }
  216.  
  217. blockquote {
  218. border-left:1px solid #ccc;
  219. padding:6px;
  220. margin:9px 2px 0px 9px
  221. }
  222.  
  223. body {
  224. background:{color:background};
  225. margin:0px;
  226. color:{color:text};
  227. font-family:times;
  228. font-size:12px;
  229. line-height:120%;
  230. background-image:url({text:bg url});
  231. background-attachment: fixed;
  232. background-image:stretch;
  233. background-repeat: no-repeat;
  234. background-image:cover;
  235. background-position:left top;
  236. }
  237.  
  238. a {
  239. text-decoration:none;
  240. outline:none;
  241. -moz-outline-style:none;
  242. color:{color:link};
  243. -moz-transition-duration:0.5s;
  244. -webkit-transition-duration:0.5s;
  245. -o-transition-duration:0.5s;
  246. }
  247.  
  248. a:hover {
  249. outline:none;
  250. -moz-outline-style:none;
  251. color:{color:link hover};
  252. }
  253.  
  254. b, strong{
  255. color: {color:bold};
  256. font-weight: bold;
  257. }
  258.  
  259. i, em, strong {
  260. color: {color:text};
  261.  
  262. }
  263.  
  264. blockquote {
  265. border-left:2px solid;
  266. border-color:{color:blockquote};
  267. padding-left:5px;
  268. margin:5px;
  269. border-radius:7px;
  270. }
  271.  
  272. img {
  273. border:none;
  274. }
  275.  
  276. #theme {
  277. width:500px;
  278. margin:0 auto -12px auto;
  279. }
  280.  
  281. #post {
  282. width:{text:post width};
  283. padding-bottom:30px;
  284. margin-top:20px;
  285. }
  286.  
  287. #entries {
  288. padding:10px;
  289. left:{text:cont left};
  290. top:{text:cont top};
  291. position:fixed;
  292. background-color:transparent;
  293. width:{text:cont width};
  294. height:{text:cont height};
  295. padding: 20px;
  296.  
  297. overflow-x:scroll;
  298. scroll:left;
  299. overflow-x:hidden;
  300. }
  301.  
  302. #line {
  303. width:500px;
  304. height:1px;
  305. margin-top:-6px;
  306. background-color:{color:border};
  307. }
  308.  
  309.  
  310. #links {
  311. position:fixed;
  312. font-family:times;
  313. width:130px;
  314. margin-top:15px;
  315. margin-left:0px;
  316. font-size:10px;
  317. letter-spacing:-1px;
  318. text-align:center;
  319. line-height:200%;
  320. }
  321.  
  322. #links a{
  323. line-height:200%;
  324. padding:1px;
  325. margin-top:1px;
  326. margin-left:4px;
  327. margin-right:4px;
  328. color:{color:link};
  329. -moz-transition-duration:.7s;
  330. -webkit-transition-duration:.7s;
  331. -o-transition-duration:.7s;
  332. }
  333.  
  334. #links a:hover {
  335. color: {color:link hover};
  336. -moz-transition-duration:.4s;
  337. -webkit-transition-duration:.4s;
  338. -o-transition-duration:.4s;
  339.  
  340. }
  341.  
  342. #description {
  343. position:fixed;
  344. width:180px;
  345. font-family:times;
  346. top:50px;
  347. left:40px;
  348. text-align:center;
  349. text-transform:uppercase;
  350. font-size:8px;
  351. color: {color:text};
  352. letter-spacing:1px;
  353. line-height:115%;
  354. padding: 3px;
  355.  
  356. }
  357.  
  358. #description a {
  359. color:{color:link};
  360. }
  361.  
  362. #description a:hover {
  363. color:{color:link hover};
  364. }
  365.  
  366. #pagination {
  367. font-size:20px;
  368. margin-top:575px;
  369. margin-left:250px;
  370. position:fixed;
  371. text-align:center;
  372. text-shadow: 0 0 0.3em #fff;
  373. }
  374.  
  375. #pagination a {
  376. color:{color:link};
  377. -moz-transition-duration:.4s;
  378. -webkit-transition-duration:.4s;
  379. -o-transition-duration:.4s;
  380. }
  381.  
  382. #pagination a:hover {
  383. color: {color:link hover};
  384. -moz-transition-duration:.4s;
  385. -webkit-transition-duration:.4s;
  386. -o-transition-duration:.4s;
  387.  
  388. }
  389.  
  390. #alinks {
  391. position:fixed;
  392. font-family:times;
  393. width:10px;
  394. top:{text:alinks top axis};
  395. left:{text:alinks left axis};
  396. font-size:{text:alinks size};
  397. text-transform:lowercase;
  398. text-align:center;
  399. line-height:170%;
  400. text-shadow: 0 0 0.3em #dbdbe4;
  401.  
  402. }
  403.  
  404. #alinks a{
  405. line-height:200%;
  406. padding:1px;
  407. margin-top:1px;
  408. margin-left:4px;
  409. margin-right:4px;
  410. color:{color:custom link};
  411. -moz-transition-duration:.7s;
  412. -webkit-transition-duration:.7s;
  413. -o-transition-duration:.7s;
  414. }
  415.  
  416. #alinks a:hover {
  417. color: {color:custom link hover};
  418. -moz-transition-duration:.4s;
  419. -webkit-transition-duration:.4s;
  420. -o-transition-duration:.4s;
  421.  
  422. }
  423.  
  424. #blinks {
  425. position:fixed;
  426. font-family:times;
  427. width:10px;
  428. top:{text:blinks top axis};
  429. left:{text:blinks left axis};
  430. font-size:{text:blinks size};
  431. text-transform:lowercase;
  432. text-align:center;
  433. line-height:170%;
  434.  
  435. }
  436.  
  437. #blinks a{
  438. line-height:200%;
  439. padding:1px;
  440. margin-top:1px;
  441. margin-left:4px;
  442. margin-right:4px;
  443. color:{color:custom link};
  444. text-shadow: 0 0 0.3em #dbdbe4;
  445. -moz-transition-duration:.7s;
  446. -webkit-transition-duration:.7s;
  447. -o-transition-duration:.7s;
  448. }
  449.  
  450. #blinks a:hover {
  451. color: {color:custom link hover};
  452. -moz-transition-duration:.4s;
  453. -webkit-transition-duration:.4s;
  454. -o-transition-duration:.4s;
  455.  
  456. }
  457.  
  458. #clinks {
  459. position:fixed;
  460. font-family:cambria;
  461. width:10px;
  462. top:{text:clinks top axis};
  463. left:{text:clinks left axis};
  464. font-size:{text:clinks size};
  465. text-transform:lowercase;
  466. text-align:center;
  467. line-height:170%;
  468. text-shadow: 0 0 0.3em #dbdbe4;
  469. }
  470.  
  471. #clinks a{
  472. line-height:200%;
  473. padding:1px;
  474. margin-top:1px;
  475. margin-left:4px;
  476. margin-right:4px;
  477. color:{color:custom link};
  478. -moz-transition-duration:.7s;
  479. -webkit-transition-duration:.7s;
  480. -o-transition-duration:.7s;
  481. }
  482.  
  483. #clinks a:hover {
  484. color: {color:custom link hover};
  485. -moz-transition-duration:.4s;
  486. -webkit-transition-duration:.4s;
  487. -o-transition-duration:.4s;
  488.  
  489. }
  490.  
  491. #dlinks {
  492. position:fixed;
  493. font-family:cambria;
  494. width:10px;
  495. top:{text:dlinks top axis};
  496. left:{text:dlinks left axis};
  497. font-size:{text:dlinks size};
  498. text-transform:lowercase;
  499. text-align:center;
  500. line-height:170%;
  501. text-shadow: 0 0 0.3em #dbdbe4;
  502. }
  503.  
  504. #dlinks a{
  505. line-height:200%;
  506. padding:1px;
  507. margin-top:1px;
  508. margin-left:4px;
  509. margin-right:4px;
  510. color:{color:custom link};
  511. -moz-transition-duration:.7s;
  512. -webkit-transition-duration:.7s;
  513. -o-transition-duration:.7s;
  514. }
  515.  
  516. #dlinks a:hover {
  517. color: {color:custom link hover};
  518. -moz-transition-duration:.4s;
  519. -webkit-transition-duration:.4s;
  520. -o-transition-duration:.4s;
  521.  
  522. }
  523.  
  524. #elinks {
  525. position:fixed;
  526. font-family:cambria;
  527. width:10px;
  528. top:{text:elinks top axis};
  529. left:{text:elinks left axis};
  530. font-size:{text:elinks size};
  531. text-transform:lowercase;
  532. text-align:center;
  533. line-height:170%;
  534. text-shadow: 0 0 0.3em #dbdbe4;
  535. }
  536.  
  537. #elinks a{
  538. line-height:200%;
  539. padding:1px;
  540. margin-top:1px;
  541. margin-left:4px;
  542. margin-right:4px;
  543. color:{color:custom link};
  544. -moz-transition-duration:.7s;
  545. -webkit-transition-duration:.7s;
  546. -o-transition-duration:.7s;
  547. }
  548.  
  549. #elinks a:hover {
  550. color: {color:custom link hover};
  551. -moz-transition-duration:.4s;
  552. -webkit-transition-duration:.4s;
  553. -o-transition-duration:.4s;
  554.  
  555. }
  556.  
  557. #flinks {
  558. position:fixed;
  559. font-family:cambria;
  560. width:10px;
  561. top:{text:flinks top axis};
  562. left:{text:flinks left axis};
  563. font-size:{text:flinks size};
  564. text-transform:lowercase;
  565. text-align:center;
  566. line-height:170%;
  567. text-shadow: 0 0 0.3em #dbdbe4;
  568. }
  569.  
  570. #flinks a{
  571. line-height:200%;
  572. padding:1px;
  573. margin-top:1px;
  574. margin-left:4px;
  575. margin-right:4px;
  576. color:{color:custom link};
  577. -moz-transition-duration:.7s;
  578. -webkit-transition-duration:.7s;
  579. -o-transition-duration:.7s;
  580. }
  581.  
  582. #flinks a:hover {
  583. color: {color:custom link hover};
  584. -moz-transition-duration:.4s;
  585. -webkit-transition-duration:.4s;
  586. -o-transition-duration:.4s;
  587.  
  588. }
  589.  
  590. #glinks {
  591. position:fixed;
  592. font-family:cambria;
  593. width:10px;
  594. top:{text:glinks top axis};
  595. left:{text:glinks left axis};
  596. font-size:{text:glinks size};
  597. text-transform:lowercase;
  598. text-align:center;
  599. line-height:170%;
  600. text-shadow: 0 0 0.3em #dbdbe4;
  601. }
  602.  
  603. #glinks a{
  604. line-height:200%;
  605. padding:1px;
  606. margin-top:1px;
  607. margin-left:4px;
  608. margin-right:4px;
  609. color:{color:custom link};
  610. -moz-transition-duration:.7s;
  611. -webkit-transition-duration:.7s;
  612. -o-transition-duration:.7s;
  613. }
  614.  
  615. #glinks a:hover {
  616. color: {color:custom link hover};
  617. -moz-transition-duration:.4s;
  618. -webkit-transition-duration:.4s;
  619. -o-transition-duration:.4s;
  620.  
  621. }
  622.  
  623. #info {
  624. font-family:times;
  625. width:500px;
  626. margin-top:5px;
  627. padding-top:7px;
  628. font-size:11px;
  629. color:{color:link hover};
  630. letter-spacing:1px;
  631. font-style:normal;
  632. text-align:center;
  633. -moz-transition-duration:0.2s;
  634. -webkit-transition-duration:0.2s;
  635. -o-transition-duration:0.2s;
  636. }
  637.  
  638. #info a {
  639. color:{color:link};
  640. background: {color:post info bg};
  641. padding:3px;
  642. font-style:normal;
  643. }
  644.  
  645. #info a:hover {
  646. color:{color:link hover};
  647. -moz-transition-duration:0.2s;
  648. -webkit-transition-duration:0.2s;
  649. -o-transition-duration:0.2s;
  650. }
  651.  
  652. .tags {
  653. font-family:times;
  654. font-style:normal;
  655. width:500px;
  656. text-transform:normal;
  657. font-style:normal;
  658. line-height:120%;
  659. margin-top:15px;
  660. font-size:11px;
  661. text-align:center;
  662. -moz-transition-duration:0.2s;
  663. -webkit-transition-duration:0.2s;
  664. -o-transition-duration:0.2s;
  665. }
  666. .tags a{
  667. color:{color:link};
  668. }
  669. .tags a:hover{
  670. color:{color:link hover};
  671. }
  672.  
  673. .audio{
  674. background-color:{color:audio bg};
  675. height:65px;
  676. overflow:hidden;
  677. }
  678.  
  679. .question {
  680. padding:9px;
  681. text-align:left;
  682. text-transform:italic;
  683. color:{color:text};
  684. background-color: {color:ask bg};
  685. border-left:3px solid {color:ask border};
  686. border-radius:7px;
  687. line-height:120%;
  688. }
  689.  
  690. .answer {
  691. text-align:left;
  692. padding:7px;
  693. color:{color:text};
  694. }
  695.  
  696. #credit {
  697. font-size:9px;
  698. font-family:cambria;
  699. font-style:italic;
  700. letter-spacing:1px;
  701. -moz-transition-duration:0.5s;
  702. -webkit-transition-duration:0.5s;
  703. -o-transition-duration:0.5s;
  704. }
  705.  
  706. #credit a {
  707. background-color:#fff;
  708. padding:5px;
  709. border:1px solid #e9e9e9;
  710. position:fixed;
  711. right:15px;
  712. bottom:10px
  713. }
  714.  
  715. #credit a:hover {
  716. color:#fff;
  717. background-color:#191919;
  718. }
  719.  
  720. #fade { /*--Transparent background layer--*/
  721. display: none; /*--hidden by default--*/
  722. background: #fff;
  723. position: fixed; left: 0; top: 0;
  724. width: 100%; height: 100%;
  725. opacity: .80;
  726. z-index: 99999;
  727. }
  728. .popup_block{
  729.  
  730. display: none; /*--hidden by default--*/
  731. background-image:url("http://41.media.tumblr.com/1fb8c53fffc11fe871f10f702ddf5b39/tumblr_ny3mf5MEQy1uimum4o1_1280.png");
  732. height:430px;
  733. padding: 5px;
  734. border: 3px solid #6d0c13;
  735. text-align:center;
  736. float: left;
  737. font-size: 12px;
  738. position: fixed;
  739. top: 55%; left: 55%;
  740. z-index: 999999;
  741. /*--CSS3 Box Shadows--*/
  742. -webkit-box-shadow: 0px 0px 20px #000;
  743. -moz-box-shadow: 0px 0px 20px #000;
  744. box-shadow: 0px 0px 20px #000;
  745. /*--CSS3 Rounded Corners--*/
  746. -webkit-border-radius: 2px;
  747. -moz-border-radius: 2px;
  748. border-radius: 10px;
  749. }
  750. img.btn_close {
  751. float: right;
  752. margin: -2px -2px 0 0;
  753. }
  754. /*--Making IE6 Understand Fixed Positioning--*/
  755. *html #fade {
  756. position: absolute;
  757. }
  758. *html .popup_block {
  759. position: absolute;
  760. }
  761.  
  762. /************** FLAGS UPDATES TAB **************/
  763. /* tutorial by deanlirium|tumblr (clarence.tk) */
  764.  
  765. #flags {
  766. position:fixed;
  767. top:100px; /* distance from the top of the page - adjust as you wish! */
  768. left:-10px;
  769. text-align:left;
  770. /* the text is in all caps - delete this line and it won't be */
  771. color:#2e2a2b; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  772. font-size:8px; /* adjust font size */
  773. letter-spacing:1px;
  774. z-index:2147483607;
  775. font-family:calibri;}
  776.  
  777.  
  778. #flag1 {
  779. border:solid 6px #6d0c13; /* flag color */
  780. border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  781. padding-left:10px;
  782. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  783. height:0px;
  784. position:absolute;
  785. -moz-transition:all 0.7s ease-out;
  786. -webkit-transition:all 0.7s ease-out;
  787. -o-transition:all 0.7s ease-out;}
  788.  
  789. #flag1:hover {
  790. width:180px;} /* lenght of the OPEN flag */
  791.  
  792. #upd1 {
  793. position:absolute;
  794. width:110px;
  795. padding:10px;
  796. padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  797. left:-180px;
  798. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  799. opacity:0;
  800. -moz-transition:all 0.7s ease-out;
  801. -webkit-transition:all 0.7s ease-out;
  802. -o-transition:all 0.7s ease-out;}
  803.  
  804. #flag1:hover #upd1{
  805. left:0px;
  806. opacity:1;}
  807.  
  808. /* following is the coding for the other flags - same as above! */
  809.  
  810. #flag2 {
  811. border:solid 6px #ad545e;
  812. margin-top:20px;
  813. position:absolute;
  814. border-right:solid 6px transparent;
  815. padding-left:10px;
  816. width:20px;
  817. height:0px;
  818. -moz-transition:all 0.7s ease-out;
  819. -webkit-transition:all 0.7s ease-out;
  820. -o-transition:all 0.7s ease-out;}
  821.  
  822. #flag2:hover {
  823. width:180px;}
  824.  
  825. #upd2 {
  826. position:absolute;
  827. width:110px;
  828. padding:10px;
  829. padding-left:60px;
  830. left:-180px;
  831. margin-top:6px;
  832. opacity:0;
  833. -moz-transition:all 0.7s ease-out;
  834. -webkit-transition:all 0.7s ease-out;
  835. -o-transition:all 0.7s ease-out;}
  836.  
  837. #flag2:hover #upd2{
  838. left:0px;
  839. opacity:1;}
  840.  
  841. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  842.  
  843. #flag3 {
  844. border:solid 6px #e7c0c4;
  845. position:absolute;
  846. margin-top:40px; /* this one! */
  847. border-right:solid 6px transparent;
  848. padding-left:10px;
  849. width:20px;
  850. height:0px;
  851. -moz-transition:all 0.7s ease-out;
  852. -webkit-transition:all 0.7s ease-out;
  853. -o-transition:all 0.7s ease-out;}
  854.  
  855. #flag3:hover {
  856. width:180px;}
  857.  
  858. #upd3 {
  859. position:absolute;
  860. width:110px;
  861. padding:10px;
  862. padding-left:60px;
  863. left:-180px;
  864. margin-top:6px;
  865. opacity:0;
  866. -moz-transition:all 0.7s ease-out;
  867. -webkit-transition:all 0.7s ease-out;
  868. -o-transition:all 0.7s ease-out;}
  869.  
  870. #flag3:hover #upd3{
  871. left:0px;
  872. opacity:1;}
  873.  
  874. /* to here */
  875.  
  876. {CustomCSS}</style></head><body>
  877.  
  878. <div id="flags">
  879. <div id="flag1"><div id="upd1">
  880.  
  881. <i>So that means there's no need to pretend any more.</i></p>
  882. Indie RP blog of Katsuragi of 07 Ghost ,be sure to read the About and Rules for further information!</p>
  883. <b>AUTOPLAY WARNING</b>
  884.  
  885. </div></div>
  886.  
  887. <div id="flag2"><div id="upd2">
  888.  
  889. <b>Tracks:</b> wxrmonger</p>
  890.  
  891. </div></div>
  892.  
  893. <!---- if you want more flags, copy from here ---->
  894.  
  895. <div id="flag3"><div id="upd3">
  896. <b>OTHER BLOGS BY THIS MUN:</b></p>
  897.  
  898. <b>✘</b> <a href="http://relikoftime.tumblr.com">Relikt (07-GHOST)</a></p>
  899. <b>✘</b> <a href="http://exiled-mirroredgoddess.tumblr.com">Monsers and Lucy (Fandomless OC)</a>
  900.  
  901. </div></div>
  902.  
  903. <!---- to here and change the numbers according to your css! ---->
  904.  
  905. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  906.  
  907. </div>
  908.  
  909.  
  910. <div id="theme">
  911.  
  912. <div id="sidebar">
  913.  
  914. <div id="sidebarimage">
  915. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  916.  
  917. <div id="alinks"><a href="/" title="office">{text:alinks symbol}</a></div>
  918. <div id="blinks"><a href="#?w=530" rel="a" class="poplight" title="colonel">{text:blinks symbol}</a></div>
  919. <div id="clinks"><a href="#?w=530" rel="r" class="poplight" title="etiquette">{text:clinks symbol}</a></div>
  920. <div id="dlinks"><a href="#?w=530" rel="q" class="poplight" title="inquiries">{text:dlinks symbol}</a></div>
  921. <div id="elinks"><a href="/submit" title="refreshments">{text:elinks symbol}</a></div>
  922. <div id="flinks"><a href="/mun" title="begleiter">{text:flinks symbol}</a></div>
  923. <div id="glinks"><a href="/relationship" title="Bonds">{text:glinks symbol}</a></div>
  924.  
  925.  
  926. {block:Pagination}
  927. <div id="pagination">
  928.  
  929. {block:PreviousPage}<a href="{PreviousPage}" title="back">{text:pagi back}</a>{/block:PreviousPage}
  930. {block:NextPage}— <a href="{NextPage}" title="forth">{text:pagi forward}</a>{/block:NextPage}
  931. </div>{/block:Pagination}
  932.  
  933. </div></div>
  934.  
  935.  
  936.  
  937. <div id="entries">{block:Posts}<div id="post">
  938.  
  939. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  940.  
  941. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  942.  
  943. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  944.  
  945. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  946.  
  947. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  948.  
  949. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  950.  
  951. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  952. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  953.  
  954. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  955.  
  956. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;&nbsp; {ASKER}:<br><i>&nbsp;&nbsp; {Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  957.  
  958. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  959. {/block:Date} {block:NoteCount}&nbsp; <a href="{Permalink}">♥ {NoteCount} </a> {/block:NoteCount}
  960. &nbsp;
  961. {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} </br>
  962. </div>
  963.  
  964. <div id="line"></div>
  965.  
  966. {block:HasTags}
  967. <div class="tags">
  968. {block:Tags} <a href="{TagURL}"> {text:tag symbol} {Tag} &nbsp; </a> {/block:Tags}</div>
  969. {/block:HasTags}
  970. <div class="postnote">
  971. {block:PostNotes}{PostNotes}{/block:PostNotes}
  972. </div>
  973.  
  974. </div>
  975.  
  976. {/block:Posts}
  977.  
  978.  
  979. </div>
  980. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</a></div> </div></div>
  981.  
  982. </body>
  983.  
  984. <div id="q" class="popup_block">
  985. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px;font-size:11px;font-family:'times new roman';margin-left:260px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 265px;">
  986. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/wxrmonger.tumblr.com" width="100%"></iframe></p>
  987.  
  988. <h1>How nice of you to talk to me!</h1></p>
  989.  
  990. </div></div></div></div>
  991.  
  992. <div id="r" class="popup_block">
  993. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px;font-size:11px;font-family:'times new roman';margin-left:260px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 265px;">
  994. <h1>Etiquette</h1></p>
  995.  
  996. <h2>Katsuragi</h2>
  997.  
  998. <b>1.</b> <b>THIS RP BLOG MAY CONTAIN SPOILERS OF THE 07-GHOST MANGA</b>, I will do my best not to be explicit about it but be warned!</p>
  999.  
  1000. <b>2.</b> Although Katsuragi is gentle and polite to everyone he meets, including his foes, <b>HE IS NO FOOL.</b> As well as that, he is cunning and manipulative and can trick people to <b>OBTAIN WHAT HE WANTS.</b></p>
  1001.  
  1002. <b>3.</b> <b>I AM UNDERAGE SO NO SMUT PLEASE!</b> However gore and violence is more than accepted!</p>
  1003.  
  1004. <b>4.</b> If Katsuragi does not like your character, <b>IT DOES NOT MEAN I DON’T LIKE THEM!</b></p>
  1005.  
  1006. <b>5.</b> This is based on the current Katsuragi, shown to the viewers, however I will mention the real Katsuragi sometimes.</p>
  1007.  
  1008. <b>6.</b> This is a <b>MULTIVERSE</b> and <b>MULTISHIP FRIENDLY</b> blog, however shipping will be based on <b>CHEMISTRY</b> and mun consent. <b>OTHER OCS, CROSSOVERS AND AUS ARE AWESOME</b> and are more than welcome.</p>
  1009.  
  1010. <b>7.</b> Katsuragi has a mixed opinion on love, stating himself that he will remove both love and hate. To add to that, he is an aromantic asexual. <b>But do not lose hope over starting a romantic relationship with him, it is just that romance is not his top priority! Just let the chemistry floooow~</b></p>
  1011.  
  1012. <b>8.</b> Although he is a very light-hearted character, because of his story and how I portray him, <b>there will be a lot of dark undertones-keep that in mind With the dark themes being- insanity, obsession, dark thoughts, hallucinations, voices in head, etc and etc..</b></p>
  1013.  
  1014. <h2>General Etiquette</h2>
  1015.  
  1016. <b>1.</b> <b>ANON HATE, SPAMMING AND GENERAL HARASSMENT WILL NOT BE TOLERATED. SO ARE GODMODDING AND GENERAL RPING NO-NOS!</b></p>
  1017.  
  1018. <b>2.</b> <b>BEING SELECTIVE IS SOMETHING I HAVE YET TO DECIDE SO FOR NOW ANYTHING GOES! STARTERS FOR ME AND ASKING ME BEFOREHAND IS MORE THAN WELCOME</b> and <b>PERSONAL BLOGS WILL NOT BE FOLLOWED</b> unless you have content that is related to Katsuragi.</p>
  1019.  
  1020. <b>3.</b> <b>I AM COMPLETELY FINE WITH PLOTTING AND WINGING IT! </b></p>
  1021.  
  1022. <b>4.</b> <b>MY WRITING STYLE IS AROUND PARAGRAPH TO NOVELLA.</b> Initially I was not into novella but now that I am getting better at writing, I feel like I can extend my writing limit~! <b>Note that I can often go over the amount of text than your reply, it’s a writing habit of mine so don’t take it as if I am competing with you or anything.</b></p>
  1023.  
  1024. <b>5.</b> <b>ALL ICONS AND ART ARE DRAWN BY ME</b> unless stated otherwise. <b>DRAWING MEMES AND REQUESTS ARE OKAY</b> as long as it is related to your muse, my muses or the blog in general. Otherwise, ask on my personal blog.</p>
  1025.  
  1026. <b>6.</b> <b>PLEASE DO NOT GET INVOLVED IN ANY THREADS THAT ARE NOT YOURS!</b> Liking is okay though!</p>
  1027.  
  1028. <b>7.</b> <b>GO AHEAD AND SEND IN MEMES!</b> I will love you forever for it!</p>
  1029.  
  1030. <b>8.</b> <b>I EXPECT TO SEE A RULES AND ABOUT PAGE ON YOUR BLOG!</b> This goes for other OCs too; please make them constructive and at least realistic-weaknesses, flaws etc. However if you do need help developing them to become better then feel free to ask for general tips!</p>
  1031.  
  1032. <b>9.</b> If you have a problem with something, just politely tell me privately!</p>
  1033.  
  1034. <b>10.</b> If required or requested, <b>I WILL PUT TRIGGERS</b> or place things under a read more.</p>
  1035.  
  1036. <b>11.</b> <b>I have no expectations for RP threads, icons are not obligatory-</b> meaning just because I use icons, don’t feel obligated to use icons as well, <b>I am patient with threads-</b> Your life comes first always and often ideas don’t sprout straight away and <b>I am lenient with thread cutting-</b> However I expect that you cut them before they get out of hand, not necessarily after each reply.</p>
  1037.  
  1038. 12. There is no need to stress, we’re doing this for fun after all~</p>
  1039.  
  1040. <h2>The mun</h2>
  1041.  
  1042. <b>1.</b> <b>OOC TAG IS <a href="/">{</a>OutOfDisguises<a href="/">}</a></b></p>
  1043.  
  1044. <b>2.</b> <b>I AM A FUCKING NERD SO DO NOT FEAR ME!</b></p>
  1045.  
  1046. <b>3.</b> <b>SKYPE IS AVAILABLE ON REQUEST! AS WELL AS THAT IF TIME ALLOWS THEN WE COULD DEFINITELY PLAY GAMES TOGETHER!</b> I can play SMITE, Minecraft, Town of Salem and TF2 with you, so send in the required details and I could form a party!</p>
  1047.  
  1048. <b>4.</b> <b>MY TIMEZONE IS EASTERN STANDARD TIME, ADELAIDE, AUSTRALIA.</b> I wouldn’t mind at the moment using private messaging or Skype as a way of contact and communication.</p>
  1049.  
  1050. <b>5.</b> I am generally free during the weekdays around 6:00 to 8:00 while I am available all day in the weekends, except for Saturday mornings because I have fencing training.</p>
  1051.  
  1052. <b>6.</b> <b>MY GRAMMAR IS SOMETHING I’M NOT CONFIDENT IN, THAT I CAN ADMIT.</b> Over time I hope I do improve and become more confident in writing so do bear with me and I do expect basic grammar from you all.</p>
  1053.  
  1054. <b>7.</b> <b>PLEASE BEAR WITH ME</b> if I take too long, get too paranoid, shy or awkward. <b>PLEASE DO SEND SOME CONSTRUCTIVE AND PASSIVE FEEDBACK, it will help me!</b></p>
  1055.  
  1056. <b>8.</b> <b>YES WE CAN DO THE FRIENDSHIP! FRIENDSHIP IS VERY NICE.</b></p>
  1057.  
  1058. <b>9.</b> <b>I AM ABLE TO TALK OR INTERACT WITH YOU ANY TIME! RP WISE OR JUST A CASUAL OOC CHAT!</b> I’m normally lurking around playing games or drawing with my tablet on SAI!</p>
  1059.  
  1060.  
  1061. </div></div></div></div>
  1062.  
  1063. <div id="a" class="popup_block">
  1064. <div style="background-color:#transparent; width:76px;padding:10px;text-align:normal; text-style:normal; letter-spacing:1px;font-size:11px;font-family:'times new roman';margin-left:260px; margin-top:25px; overflow-x:scroll;scroll:left;overflow-x:hidden;height:350px ; width: 265px;">
  1065. <h1>Files</h1>
  1066. <a href="/about" title="Katsuragi"><div style="font-size:15px; text-align:center;">ID tag</a></div></p>
  1067. <a href="/aboutmore" title="Landkarte"><div style="font-size:15px; text-align:center;">Pre Surgery files</a></div></p>
  1068. <a href="/versesandaus" title="Verses and AUs"><div style="font-size:15px; text-align:center;">Verses and AUs</a></div></p>
  1069. <a href="/tagged/headcanon" title="Headcanons"><div style="font-size:15px; text-align:center;">Additional files</a></div></p>
  1070.  
  1071. </div></div></div></div>
  1072.  
  1073. </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!