API tools faq
paste
Advertisement
Tsunland

Untitled

Tsunland
Apr 10th, 2016
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. THEME BY
  5. █▀▀█ █▀▄▀█ █▀▀▄ ▀█▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░░█ █░▀░█ █░░█ ░█░ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░░▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. DO NOT REMOVE CREDIT
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <!-- S C R I P T S -->
  23. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24. <script>
  25. $(document).ready(function() {
  26. //
  27. $('a.poplight[href^=#]').click(function() {
  28. var popID = $(this).attr('rel'); //Get Popup Name
  29. var popURL = $(this).attr('href'); //Get Popup href to define size
  30. var query= popURL.split('?');
  31. var dim= query[1].split('&');
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  34. var popMargTop = ($('#' + popID).height() + 80) / 2;
  35. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  36. //Apply Margin to Popup
  37. $('#' + popID).css({
  38. 'margin-top' : -popMargTop,
  39. 'margin-left' : -popMargLeft
  40. });
  41. $('body').append('<div id="fade"></div>');
  42. $('#fade').css({'filter' : 'alpha(opacity=80)', 'filter' : 'blur(20px)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  43. return false;
  44. });
  45. $('a.close, #fade').live('click', function() {
  46. $('#fade , .popup_block').fadeOut(function() {
  47. $('#fade, a.close').remove(); //fade them both out
  48. });
  49. return false;
  50. });
  51. });
  52. </script>
  53.  
  54. <!-- C O L O U R S -->
  55. <meta name="color:background" content="#1d2027"/>
  56. <meta name="color:links" content="white"/>
  57. <meta name="color:linkh" content="acb64a"/>
  58. <meta name="color:title" content="white"/>
  59. <meta name="color:accent" content="#d87f2a"/>
  60. <meta name="color:blockline" content="#d87f2a"/>
  61. <meta name="color:text" content="#c6c6c6"/>
  62. <meta name="color:navlinks" content="cb5729"/>
  63. <meta name="color:bold" content="d87f2a"/>
  64. <meta name="color:italic" content="#acb64a"/>
  65. <meta name="color:decriptiontitle" content="#000"/>
  66.  
  67. <!-- L I N K S -->
  68. <meta name="text:link1URL" content="/"/>
  69. <meta name="text:link1name" content="home"/>
  70. <meta name="text:link2URL" content="/ask"/>
  71. <meta name="text:link2name" content="message"/>
  72. <meta name="text:link3name" content="bio"/>
  73. <meta name="text:link4name" content="nav"/>
  74. <meta name="text:link5name" content="rules"/>
  75. <meta name="text:link6name" content="verses"/>
  76.  
  77. <!---- C O N T R O L S --->
  78. <meta name="text:height" content="510px"/>
  79. <meta name="text:margintop" content="95px"/>
  80. <meta name="text:marginleft" content="440px"/>
  81.  
  82. <!-- R G B A C O L O U R S -->
  83. <meta name="text:backgrounds" content="rgba(29,32,39,.8)"/>
  84. <meta name="text:accent" content="rgba(172,182,75,.4)"/>
  85.  
  86. <!---- P O P U P S --->
  87. <meta name="text:box1" content="insert faq html (askbox already there)"/>
  88. <meta name="text:box2" content="insert html"/>
  89. <meta name="text:box3" content="insert html"/>
  90. <meta name="text:box4" content="insert html"/>
  91.  
  92. <!---- U P D A T E --->
  93. <meta name="text:update1text" content="words, words, words"/>
  94. <meta name="text:update2text" content="words, words, words"/>
  95. <meta name="text:update3text" content="words, words, words"/>
  96. <meta name="if:updates" content=""/>
  97.  
  98. <!-- F O N T S -->
  99. <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  100. <link href='http://fonts.googleapis.com/css?family=Playfair+Display|Antic|Raleway' rel='stylesheet' type='text/css'>
  101. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  102. <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  103. <link href='https://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>
  104.  
  105. <!---- O T H E R --->
  106. <meta name="text:url" content="insert username"/>
  107.  
  108. <!-- I M A G E S -->
  109. <meta name="image:background image" content="http://www.mediafire.com/convkey/8f89/lsv3dbcw9s00br2zg.jpg"/>
  110. <meta name="image:infosmall" content="http://static.tumblr.com/jlxoeum/ZfBnzb35b/pop.gif"/>
  111. <meta name="image:popborder" content="http://static.tumblr.com/jlxoeum/Rtanzb35v/backerdistordarkt.png"/>
  112.  
  113. <style type="text/css">
  114.  
  115. /*---- S C R O L L ---*/
  116. ::-webkit-scrollbar-thumb:vertical {
  117. background-color: transparent;
  118. border-radius: 6px;
  119. height: 10px;
  120. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  121. }
  122.  
  123. ::-webkit-scrollbar-thumb:horizontal {
  124. background-color: transparent;
  125. height:10px!important;
  126. }
  127.  
  128. ::-webkit-scrollbar {
  129. background-color: transparent;
  130. height:10px;
  131. width:12px;
  132. }
  133.  
  134. #update ::-webkit-scrollbar-thumb:vertical {
  135. background-color: transparent;
  136. height: 4px;
  137. }
  138.  
  139. #update ::-webkit-scrollbar-thumb:horizontal {
  140. background-color: transparent;
  141. height:4px!important;
  142. }
  143.  
  144. #update ::-webkit-scrollbar {
  145. background-color: transparent;
  146. height:4px;
  147. width:4px;
  148. }
  149.  
  150. /*---- S E L E C T ---*/
  151.  
  152. ::selection
  153. {
  154. opacity: 1;
  155. background: #000;
  156. color: {color:accent};
  157. }
  158.  
  159. ::-moz-selection
  160. {
  161. opacity: 1;
  162. background: #000;
  163. color: {color:accent};
  164. }
  165.  
  166. p::selection
  167. {
  168. opacity: 1;
  169. background: #000;
  170. color: {color:accent};
  171. }
  172.  
  173. p::-moz-selection
  174. {
  175. opacity: 1;
  176. background: #464133;
  177. color: {color:accent};
  178. }
  179.  
  180. /*---- T O O L T I P ---*/
  181.  
  182. div#qTip
  183. {
  184.  
  185. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  186. border-radius: 3px;
  187. text-align: center;
  188. font-family: Courier, monospace;
  189. letter-spacing: 2px;
  190. font-size: 11px;
  191. font-weight: bold;
  192. text-transform: uppercase;
  193. display: none;
  194. position: fixed;
  195. z-index: 9999999999999999999999;
  196. margin: 2px;
  197. color: rgba(0,0,0,.0);
  198. text-shadow: 0px 0px .5px {color:text};
  199. font-weight: bold;
  200. padding:5px;
  201. -webkit-transition-duration: 1s; /* Safari */
  202. transition-duration: 1s;
  203. }
  204.  
  205. /*---- P O P U P ---*/
  206. .popup_block{
  207. display:none;
  208. background-color: {text:backgrounds};
  209. background-repeat:no-repeat;
  210. color:#303030;
  211. background: url("{image:popborder}");
  212. font-family:'Alegreya Sans';
  213. font-size:10px;
  214. width:150px;
  215. height: 400px;
  216. overflow:scroll;
  217. overflow-x:hidden;
  218. padding:20px;
  219. border-radius: 10px;
  220. float:left;
  221. position:fixed;
  222. top:50%;left:50%;
  223. z-index: 99999;
  224. }
  225.  
  226.  
  227.  
  228. *html #fade {position: absolute;}
  229. *html .popup_block {position: absolute;}
  230. #fade {
  231. display:none;
  232. position:fixed;
  233. filter: blur(10px);
  234. -webkit-filter: blur(10px);
  235. -moz-filter: blur(10px);
  236. left:0px;
  237. top:0px;
  238. width:100%;
  239. height:100%;
  240. z-index:9999;
  241. background: {text:backgrounds}; /* change to #fff for solid white */
  242. -webkit-filter: grayscale(100%);
  243. -moz-filter: grayscale(100%);
  244. filter: grayscale(100%);
  245. }
  246.  
  247.  
  248.  
  249.  
  250. /*---- M A I N T H E M E ---*/
  251.  
  252. body {
  253. background: url("{image:background image}") {color:background};
  254. background-attachment: fixed;
  255. background-repeat: no-repeat;
  256. margin:0px;
  257. color:{color:text};
  258. font-family:'Source Sans Pro';
  259.  
  260. font-size: 12px;
  261. line-height:100%;
  262. }
  263.  
  264. a {
  265. color: rgba(0,0,0,.0);
  266. text-shadow: 0px 0px 1px {color:links};
  267. text-decoration: none;
  268. -webkit-transition-duration: 1s; /* Safari */
  269. transition-duration: 1s;
  270. }
  271.  
  272. a:hover{
  273. color: {color:linkh};
  274. text-shadow: 0px 0px 7px {color:linkh};
  275. text-decoration: none;
  276. -webkit-transition-duration: 1s; /* Safari */
  277. transition-duration: 1s;
  278. }
  279.  
  280. blockquote{
  281. border-left: 1px solid {color:blockline};
  282. padding: 15px;
  283. margin-left: 20px;
  284. margin-right: 10px;
  285. background: transparent;
  286. border-radius: 20px 10px 10px 20px;
  287. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  288. }
  289.  
  290. h1{
  291. color: rgba(0,0,0,.0);
  292. text-shadow: 0px 0px 1px {color:title};
  293. text-align: center;
  294. font-family: Courier, monospace;
  295. text-transform: uppercase;
  296. background-color: transparent;
  297. line-height: 100%;
  298. padding: 10px;
  299. border-radius: 20px;
  300. }
  301.  
  302. b, bold, strong {
  303. font-family: 'Fjalla One';
  304. text-transform: uppercase;
  305. font-size: 11px;
  306. }
  307.  
  308. i, italics, em {
  309. font-family: 'Pacifico', cursive;
  310. color: 2a2a2a;
  311. font-size:12px;
  312. padding-right: 1px;
  313. }
  314.  
  315.  
  316. small, sup, sub {
  317. font-size: 10px;
  318. }
  319.  
  320. small sup, small sub, small small {
  321. font-size: 10px;
  322. }
  323.  
  324.  
  325. pre {
  326. font-family: monospace;
  327. background-color: rgba(32,32,32,.5);
  328. padding: 7px;
  329. border-radius: 10px;
  330. border: 1px solid {text:accent};
  331. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  332. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  333. font-size: 11px;
  334. line-height: 100%;
  335. word-wrap: break-word;
  336. }
  337.  
  338. h2{
  339. color: {color:italic};
  340. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  341. font-family: Courier, monospace;
  342. text-align: center;
  343. line-height: 100%;
  344. text-transform: uppercase;
  345. }
  346.  
  347. h3{
  348. text-align: center;
  349. line-height: 100%;
  350. }
  351.  
  352. h1 a{
  353. text-shadow: 0px 0px 1px {color:background};
  354. }
  355.  
  356.  
  357. h1 a:hover{
  358. color: {color:linkh};
  359. text-shadow: 0px 0px 7px {color:linkh};
  360. text-decoration: none;
  361. }
  362.  
  363. h2 a{
  364. text-shadow: 0px 0px 1px {color:italic};
  365. }
  366.  
  367.  
  368. h2 a:hover{
  369. color: {color:links};
  370. text-shadow: 0px 0px 7px {color:links};
  371. text-decoration: none;
  372. }
  373.  
  374. hr{
  375. background-color:transparent;
  376. height: 1px;
  377. margin-right:10px;
  378. border: #303030 1px dashed;;
  379. border-radius: 10px;
  380.  
  381. }
  382.  
  383. #info{
  384. color: #303030;
  385. background-image:transparent;
  386.  
  387. text-shadow: 0px 0px 1px {color:links};
  388. text-align: center;
  389. font-family: 'Archivo Narrow';
  390. font-size: 16px;
  391. margin-top: -5px;
  392. text-transform: uppercase;
  393. line-height: 100%;
  394. padding: 10px;
  395. border-radius: 10px;
  396.  
  397.  
  398. }
  399.  
  400. #info a{
  401. color: rgba(0,0,0,.0);
  402. text-shadow: 0px 0px 2.5px {color:links};
  403. text-decoration: none;
  404. }
  405.  
  406. #info a:hover{
  407. color: rgba(0,0,0,.0);
  408. text-shadow: 0px 0px 2px {color:background};
  409. }
  410.  
  411. #inforite{
  412. text-align: left;
  413. margin-left: 10px;
  414. margin-top: 15px;
  415. }
  416.  
  417. #inforite a{
  418. color: {color:links};
  419. text-shadow: 0px 0px 11px {color:links};
  420. text-decoration: none;
  421. }
  422.  
  423. #inforite a:hover{
  424. color: rgba(0,0,0,.0);
  425. text-shadow: 0px 0px 2px {color:links};
  426. }
  427.  
  428. #entries {
  429. position:fixed;
  430. background: transparent;
  431. height:325px;
  432. overflow: auto;
  433. width: 350px;
  434. z-index:999;
  435. margin-top: 225px;
  436. margin-left:260px;
  437. margin-bottom:40px;
  438. text-align: justify;
  439. padding:5px;
  440. }
  441.  
  442. #posts{
  443. width:315px;
  444. padding:10px;
  445. margin-left: 2px;
  446. line-height: 110%;
  447. }
  448.  
  449. #tagooo{
  450. text-align: center;
  451. text-transform: uppercase;
  452. margin-top: 5px;
  453. font-size: 10px;
  454. }
  455.  
  456. #tagooo a {
  457. color: {color:links};
  458. text-shadow: 0px 0px 10px {color:links}, 1px 1px 4px rgba(0,0,0,.6);
  459. }
  460.  
  461. #tagooo a:hover{
  462. color: rgba(0,0,0,.0);
  463. text-shadow: 0px 0px 2px {color:links};
  464. }
  465.  
  466. /*---- N A V I G A T E ---*/
  467.  
  468. #navigate {
  469. font-size: 20px;
  470. margin-left: 420px;
  471. top: 90px;
  472. position: fixed;
  473. -ms-transform: rotate(7deg); /* IE 9 */
  474. -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  475. transform: rotate(7deg);
  476. }
  477.  
  478. #navigate2 {
  479. font-size: 20px;
  480. margin-left: 445px;
  481. top: 90px;
  482. position: fixed;
  483. -ms-transform: rotate(14deg); /* IE 9 */
  484. -webkit-transform: rotate(14deg); /* Chrome, Safari, Opera */
  485. transform: rotate(14deg);
  486. }
  487.  
  488. #navigate3 {
  489. font-size: 20px;
  490. margin-left: 470px;
  491. top: 100px;
  492. position: fixed;
  493. -ms-transform: rotate(21deg); /* IE 9 */
  494. -webkit-transform: rotate(21deg); /* Chrome, Safari, Opera */
  495. transform: rotate(21deg);
  496. }
  497.  
  498. #navigate4 {
  499. font-size: 35px;
  500. margin-left: 495px;
  501. top: 115px;
  502. position: fixed;
  503. -ms-transform: rotate(45deg); /* IE 9 */
  504. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  505. transform: rotate(45deg);
  506. }
  507.  
  508.  
  509.  
  510.  
  511. #navi a {
  512. font-family: Courier, monospace;
  513. color: {color:navlinks};
  514.  
  515. }
  516.  
  517. #navi a:hover{
  518. color: rgba(0,0,0,.0);
  519. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  520. -ms-transform: rotate(-360deg); /* IE 9 */
  521. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  522. transform: rotate(-360deg);
  523. font-size: 80%;
  524. }
  525.  
  526. #previ a {
  527. font-family: calibri;
  528. color: {color:navlinks};
  529. text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  530. }
  531.  
  532. #previ a:hover{
  533. color: rgba(0,0,0,.0);
  534. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  535. }
  536.  
  537. #previ2 {
  538. font-size: 70px;
  539. margin-left: 910px;
  540. margin-top: 30px;
  541. position: fixed;
  542. }
  543.  
  544. #previ1 {
  545. font-size: 70px;
  546. margin-left: 875px;
  547. margin-top: 30px;
  548. position: fixed;
  549. }
  550.  
  551. /*---- A N S W E R S ---*/
  552.  
  553. #asker {
  554. border-radius: 10px;
  555. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  556. font-size: 14px;
  557. padding: 7px;
  558. min-height: 70px;
  559. display: inline-block;
  560. }
  561.  
  562. #asker {
  563. float:left;
  564. margin-right:5px;
  565. }
  566.  
  567. #askiz a{
  568. color: {color:titles};
  569. }
  570.  
  571. #askon a{
  572. color: {color:navlinks};
  573. text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  574. }
  575.  
  576. #askon a:hover{
  577. color: rgba(0,0,0,.0);
  578. text-shadow: 0px 0px 4px {color:navlinks};
  579. }
  580.  
  581. #asker img{
  582. border-radius: 100%;
  583. background: rgba(0,0,0,0.0);
  584. margin-left: 10px;
  585. margin-top: -10px;
  586. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  587. }
  588.  
  589. #askiz {
  590. text-align: center;
  591. font-family: Calligraffitti;
  592. background-image: url('http://static.tumblr.com/i5bkmnv/Tj4nzjqo1/questions.png');
  593. margin-top: -27px;
  594. color: {color:titles};
  595. font-weight: bold;
  596. border-radius: 10px;
  597. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  598. font-size: 23px;
  599. padding: 7px;
  600. min-height: 100px;
  601. }
  602.  
  603. #asksh{
  604. text-align: left;
  605. text-shadow: none;
  606. text-transform: uppercase;
  607. font-weight: normal;
  608. font-family: Calibri;
  609. font-size: 14px;
  610. text-shadow: 0px 0px 20px {color:background};
  611. line-height: 100%;
  612. -ms-transform: rotate(-1.5deg); /* IE 9 */
  613. -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
  614. transform: rotate(-1.5deg);
  615. }
  616.  
  617. #askon{
  618. text-shadow: none;
  619. font-weight: bold;
  620. margin-top: -10px;
  621. text-align: left;
  622. margin-left: 15px;
  623. font-family: Calligraffitti;
  624. font-size: 27px;
  625.  
  626. }
  627.  
  628. /*---- N O T E S ---*/
  629.  
  630. ol.notes {
  631. list-style-type: none;
  632. text-transform: uppercase;
  633. margin-top: -20px;
  634. width: 500px;
  635. padding:10px;
  636. background: {text:backgrounds};
  637. margin-left: auto;
  638. margin-right: auto;
  639. border-radius: 20px;
  640. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  641. }
  642.  
  643. ol.notes a {
  644. color: {color:links};
  645. }
  646.  
  647. ol.notes a:hover{
  648. color: rgba(0,0,0,.0);
  649. text-shadow: 0px 0px 2px {color:linkh};
  650. text-decoration: none;
  651. }
  652.  
  653. ol.notes img {
  654. border-radius: 100%;
  655. margin-left: 5px;
  656. margin-top: 5px;
  657. }
  658.  
  659. /*---- M U S I C ---*/
  660.  
  661. .playerbuttonbg {
  662. position: absolute;
  663. left: 13px;
  664. top: 13px;
  665. width: 40px;
  666. height: 40px;
  667. background-color: #000;
  668. padding: 10px;
  669. -webkit-border-radius: 40px;
  670. -moz-border-radius: 40px;
  671. border-radius: 40px;
  672. opacity: .4;
  673. filter: alpha(opacity=40);
  674. -moz-opacity: 0.4;
  675. -khtml-opacity: 0.4;
  676. transition: opacity .7s ease-in-out;
  677. -moz-transition: opacity .7s ease-in-out;
  678. -webkit-transition: opacity .7s ease-in-out;
  679. }
  680.  
  681. .playerbuttonbg:hover {
  682. opacity: 1;
  683. filter: alpha(opacity=100);
  684. -moz-opacity: 1;
  685. -khtml-opacity: 1;
  686. }
  687.  
  688. .newplayerbutton {
  689. position: relative;
  690. margin-top: 10px;
  691. margin-left: 2px;
  692. width: 35px;
  693. height: 30px;
  694. overflow: hidden;
  695. }
  696.  
  697. .playerbuttonhug {
  698. position: absolute;
  699. top: 3px;
  700. left: 6px;
  701. }
  702.  
  703. .tumblr_audio_player {
  704. margin-top: -20px;
  705. height: 90px;
  706. width: 270px;
  707. -moz-transform: scale(0.60, 0.60);
  708. -webkit-transform: scale(0.60, 0.60);
  709. -o-transform: scale(0.60, 0.60);
  710. -ms-transform: scale(0.60, 0.60);
  711. transform: scale(0.60, 0.60);
  712. -moz-transform-origin: top left;
  713. -webkit-transform-origin: top left;
  714. -o-transform-origin: top left;
  715. -ms-transform-origin: top left;
  716. transform-origin: top left;
  717. }
  718.  
  719. .audioimgwrapper {
  720. position: absolute;
  721. left: 0px;
  722. top: 0px;
  723. text-transform: uppercase;
  724. -webkit-border-radius: 40px;
  725. -moz-border-radius: 40px;
  726. border-radius: 100%;
  727. overflow: hidden;
  728. border: 3px solid {color:accent};
  729. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  730. width: 79px;
  731. height: 79px;
  732. }
  733.  
  734. .audioimgwrapper img {
  735. width: 100%;
  736. -webkit-border-radius: 40px;
  737. -moz-border-radius: 40px;
  738. border-radius: 100%;
  739. }
  740.  
  741. .trackdetails {
  742. width: 370px;
  743. text-transform: uppercase;
  744. display:inline-block;
  745. color: rgba(0,0,0,.0);
  746. text-shadow: 0px 0px .5px {color:text};
  747. text-align: left;
  748. font-family: Courier, monospace;
  749. padding-top: 4px;
  750. margin-left: 90px;
  751. padding-left: 20px;
  752. min-height: 100px;
  753. border-radius: 20px;
  754. border-left: 10px solid {color:accent};
  755. background: {text:backgrounds};
  756. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  757. }
  758.  
  759. .trackdetails i {
  760. color: {color:italic};
  761. text-transform: none;
  762. font-family: Georgia;
  763. font-size: 120%;
  764. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  765. }
  766.  
  767. .audiowrapper {
  768. color: {color:bold};
  769. text-shadow: 0px 0px 1px {color:bold};
  770. position: relative;
  771. display:inline-block;
  772. }
  773.  
  774. /*---- C R E D I T
  775. do not alter this in any way ---*/
  776.  
  777. #credyo {
  778. font-family: monospace;
  779. width: 220px;
  780. background-color: {text:backgrounds};
  781. padding: 7px;
  782. border-radius: 5px;
  783. border: 1px solid {text:accent};
  784. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  785. text-align: center;
  786. font-size: 10px;
  787. line-height: 100%;
  788. text-transform: uppercase;
  789. position: fixed;
  790. z-index: 99999999999999999;
  791. text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  792. left:20px;
  793. letter-spacing:1px;
  794. bottom:20px;
  795. }
  796.  
  797. /*---- D E S C R I P T I O N
  798. ©omni themes, do not claim as your own---*/
  799.  
  800. #update #utitle{
  801. margin-left: 320px;
  802. opacity: 1;
  803. margin-top: 200px;
  804. font-family: Courier, monospace;
  805. position: fixed;
  806. font-size: 15px;
  807. color: #fff;
  808. text-shadow: 0px 0px 3px {color:decriptiontitle}; 1px 1px 4px rgba(0,0,0,.6);
  809. -ms-transform: rotate(-90deg); /* IE 9 */
  810. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  811. transform: rotate(-90deg);
  812. -webkit-transition-duration: 1s; /* Safari */
  813. transition-duration: 1s;
  814. }
  815.  
  816. #update:hover #utitle{
  817. color: rgba(0,0,0,.0);
  818. text-shadow: 0px 0px 4px {color:decriptiontitle};
  819. -webkit-transition-duration: 1s; /* Safari */
  820. transition-duration: 1s;
  821. }
  822.  
  823. #ariamap{
  824. width: 320px;
  825. height: 300px;
  826. left: 100px;
  827. top: 285px;
  828. background: none;
  829. position: fixed;
  830. }
  831.  
  832.  
  833.  
  834. #lines{
  835. margin-left: 1140px;
  836. margin-top: 200px;
  837. position: fixed;
  838. }
  839.  
  840. /* 1ST UPDATE THING */
  841.  
  842. #lines1{
  843. text-align: justify;
  844. font-size:10px;
  845. }
  846.  
  847. #lines1line{
  848. width: 40px;
  849. height: 4px;
  850. background: #8f1b1b;
  851. position: fixed;
  852. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  853. -webkit-transition-duration: 1s; /* Safari */
  854. transition-duration: 1s;
  855. }
  856.  
  857. #lines1content{
  858. width: 0px;
  859. height: 0px;
  860. opacity: 0;
  861. padding: 5px;
  862. padding-left: 45px;
  863. overflow-x: none;
  864. overflow-y: none;
  865. margin-top: 4px;
  866. position: fixed;
  867. background: transparent;
  868. border-radius: 0px 0px 20px 0px;
  869. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  870. -webkit-transition-duration: 1s; /* Safari */
  871. transition-duration: 1s;
  872. }
  873.  
  874. #lines1:hover #lines1line{
  875. width: 200px;
  876. -webkit-transition-duration: 1s; /* Safari */
  877. transition-duration: 1s;
  878. }
  879.  
  880. #lines1:hover #lines1content{
  881. width: 150px;
  882. height: 200px;
  883. opacity: 1;
  884. -webkit-transition-duration: 1s; /* Safari */
  885. transition-duration: 1s;
  886. }
  887.  
  888. /* 2ND UPDATE THING */
  889.  
  890. #lines2{
  891. text-align: justify;
  892. font-size:10px;
  893. }
  894.  
  895. #lines2line{
  896. width: 40px;
  897. height: 4px;
  898. background: #8f1b1b;
  899. position: fixed;
  900. margin-top: 10px;
  901. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  902. -webkit-transition-duration: 1s; /* Safari */
  903. transition-duration: 1s;
  904. }
  905.  
  906. #lines2content{
  907. width: 0px;
  908. height: 0px;
  909. opacity: 0;
  910. padding: 5px;
  911. padding-left: 45px;
  912. overflow-x: none;
  913. overflow-y: none;
  914. margin-top: 14px;
  915. position: fixed;
  916. background: transparent;
  917. border-radius: 0px 0px 20px 0px;
  918. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  919. -webkit-transition-duration: 1s; /* Safari */
  920. transition-duration: 1s;
  921. }
  922.  
  923. #lines2:hover #lines2line{
  924. width: 200px;
  925. -webkit-transition-duration: 1s; /* Safari */
  926. transition-duration: 1s;
  927. }
  928.  
  929. #lines2:hover #lines2content{
  930. width: 150px;
  931. height: 200px;
  932. opacity: 1;
  933. -webkit-transition-duration: 1s; /* Safari */
  934. transition-duration: 1s;
  935. }
  936.  
  937. /* 3RD UPDATE THING */
  938.  
  939. /* FOR A NEW TAB COPY FROM HERE */
  940.  
  941. #lines3{
  942. text-align: justify;
  943. font-size:10px;
  944. }
  945.  
  946. #lines3line{
  947. width: 40px; /* HOW LONG LINE IS BEFORE HOVER */
  948. height: 4px; /* HOW THICK LINE IS */
  949. background: #8f1b1b; /* LINE COLOUR */
  950. position: fixed;
  951. margin-top: 20px; /* ADD 10 */
  952. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  953. -webkit-transition-duration: 1s; /* Safari */
  954. transition-duration: 1s;
  955. }
  956.  
  957. #lines3content{
  958. width: 0px;
  959. height: 0px;
  960. opacity: 0;
  961. padding: 5px;
  962. padding-left: 45px;
  963. overflow-x: none;
  964. overflow-y: none;
  965. margin-top: 24px; /* ADD 10 */
  966. position: fixed;
  967. background: transparent; /* BOX COLOUR */
  968. border-radius: 0px 0px 20px 0px;
  969. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  970. -webkit-transition-duration: 1s; /* Safari */
  971. transition-duration: 1s;
  972. }
  973.  
  974. #lines3:hover #lines3line{
  975. width: 200px;
  976. -webkit-transition-duration: 1s; /* Safari */
  977. transition-duration: 1s;
  978. }
  979.  
  980. #lines3:hover #lines3content{
  981. width: 150px; /* WIDTH OF BOX */
  982. height: 200px; /* HEIGHT OF BOX */
  983. opacity: 1;
  984. -webkit-transition-duration: 1s; /* Safari */
  985. transition-duration: 1s;
  986. }
  987.  
  988. #snow
  989. #snow a{
  990. display:block;position: fixed;
  991. }
  992. #snow .flake {position: fixed;
  993. margin-top:0px;filter: alpha(opacity = 0);
  994. opacity:0;-webkit-transition: all 0.5s ease-out;
  995. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  996. }
  997.  
  998. #snow:hover .flake {
  999. margin-top:0px;
  1000. -webkit-transition: all 0.8s ease-out;
  1001. -moz-transition: all 0.8s ease-out;
  1002. transition: all 0.8s ease-out;
  1003. filter: alpha(opacity = 100);
  1004. filter: alpha(opacity = 100);
  1005. opacity:100;
  1006. }
  1007.  
  1008. #updates { font-size: 9px;
  1009. width: 100px;
  1010. height: auto;
  1011. padding-top: 3px;
  1012. margin-top:700px;
  1013. margin-left: 900px;
  1014. text-align: center;position: absolute;
  1015. }
  1016.  
  1017. #blizzard img{
  1018. margin-left: 1100px; margin-top:675px; position: fixed;
  1019. }
  1020.  
  1021.  
  1022. /* TO HERE */
  1023.  
  1024. /* TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE '#lines' NUMBERS WITH THE NEXT NUMBER (EG '#lines3' BECOMES '#lines4'), ET CETERA */
  1025.  
  1026. {CustomCSS}</style>
  1027.  
  1028. </head>
  1029. <body>
  1030.  
  1031.  
  1032.  
  1033. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1034.  
  1035.  
  1036. <!-- D E S C R I P T I O N & N A V I G A T I O N
  1037. ©omni themes, do not claim as your own -->
  1038.  
  1039. <div id="update">
  1040. <div id="ariamap"></div>
  1041. <div id="navi">
  1042.  
  1043. <div id="navigate">
  1044. <a href="{text:link1url}" title="{text:link1name}">❄</a>
  1045. </div>
  1046.  
  1047. <div id="navigate2">
  1048. <a href="#?w=300" rel="link2" class="poplight" title="{text:link2name}">❄</a>
  1049. </div>
  1050.  
  1051. <div id="navigate3">
  1052. <a href="#?w=300" rel="link3" class="poplight" title="{text:link3name}">❄</a>
  1053. </div>
  1054.  
  1055. <div id="navigate4">
  1056. <a href="#?w=300" rel="link4" class="poplight" title="{text:link3name}">♥</a>
  1057. </div>
  1058.  
  1059.  
  1060.  
  1061. </div></div>
  1062. <div id="up">{Description}</div>
  1063. </div>
  1064.  
  1065. <!-- U P D A T E S
  1066. ©omni themes, do not claim as your own -->
  1067.  
  1068. {block:Ifupdates}
  1069. <div id="lines">
  1070. <div id="lines1">
  1071. <div id="lines1line"></div>
  1072. <div id="lines1content">
  1073. {text:update1text}
  1074. </div>
  1075. </div>
  1076.  
  1077. <div id="lines2">
  1078. <div id="lines2line"></div>
  1079. <div id="lines2content">
  1080. {text:update2text}
  1081. </div>
  1082. </div>
  1083.  
  1084. <!-- FOR A NEW TAB COPY FROM HERE -->
  1085.  
  1086. <div id="lines3"> <!-- ID BECOMES "lines4" -->
  1087. <div id="lines3line"></div> <!-- ID BECOMES "lines4line" -->
  1088. <div id="lines3content"> <!-- ID BECOMES "lines4content" -->
  1089. {text:update3text}
  1090. </div>
  1091. </div>
  1092.  
  1093. <!-- TO HERE -->
  1094.  
  1095. <!-- TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE NUMBERS WITH THE NEXT NUMBER -->
  1096.  
  1097. </div>
  1098.  
  1099. {/block:Ifupdates}
  1100.  
  1101. <!-- P O S T S -->
  1102.  
  1103. <div id="entries">
  1104. {block:Posts}
  1105. <div id="posts">
  1106.  
  1107. <!-- {block:NoRebloggedFrom}
  1108. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1109. {/block:NoRebloggedFrom} -->
  1110.  
  1111. {block:ContentSource}<!-- {SourceURL}
  1112. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1113. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1114. {/block:ContentSource}
  1115.  
  1116. {block:Text}
  1117. {block:Title}
  1118. <h1>{Title}</h1>
  1119. {/block:Title}
  1120. {Body}
  1121. {/block:Text}
  1122.  
  1123. {block:Photo}
  1124. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1125. {block:Caption}
  1126. {Caption}
  1127. {/block:Caption}
  1128. {/block:Photo}
  1129.  
  1130. {block:Photoset}
  1131. {Photoset-400}{block:Caption}
  1132. {Caption}
  1133. {/block:Caption}
  1134. {/block:Photoset}
  1135.  
  1136. {block:Quote}
  1137. <h2>"{Quote}"</h2>
  1138. {block:Source}
  1139. <h3>—— {Source}</h3>
  1140. {/block:Source}
  1141. {/block:Quote}
  1142.  
  1143. {block:Link}
  1144. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1145. {block:Description}
  1146. {Description}
  1147. {/block:Description}
  1148. {/block:Link}
  1149.  
  1150. {block:Chat}
  1151. {block:Title}
  1152. <h1>{Title}</h1>
  1153. {/block:Title}
  1154. {block:Lines}
  1155. {block:Label}
  1156. <b>{Label}</b>
  1157. {/block:Label}{Line}<br>
  1158. {/block:Lines}
  1159. {/block:Chat}
  1160.  
  1161. {block:Video}
  1162. {Video-500}
  1163. {block:Caption}
  1164. {Caption}
  1165. {/block:Caption}
  1166. {/block:Video}
  1167.  
  1168. {block:AudioPlayer}
  1169. <div class="audiowrapper">
  1170. {block:AlbumArt}
  1171. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1172. {/block:AlbumArt}
  1173. <div class="playerbuttonbg">
  1174. <div class="newplayerbutton">
  1175. <div class="playerbuttonhug">
  1176. {AudioPlayerBlack}
  1177. </div>
  1178. </div>
  1179. </div>
  1180. <div class="trackdetails">
  1181. <i><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></i><br><hr><br>
  1182. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1183. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1184. {PlayCountWithLabel}</p>
  1185. </div>
  1186. </div>
  1187. {/block:AudioPlayer}
  1188.  
  1189. {block:Answer}
  1190. <div id="askon"><p>{Asker} begged:</div><div id="asker"></div><div id="askiz"><p><div id="asksh"><big><big>❝</big></big>&nbsp;&nbsp;{Question}&nbsp;&nbsp;<big><big>❞</big></big></p></div></div><br><blockquote>{Answer}</blockquote>
  1191. {/block:Answer}
  1192.  
  1193.  
  1194. <div id="info">
  1195. Posted <a href="{Permalink}">{TimeAgo}</a>, with <a href="{Permalink}">{NoteCount} notes</a>
  1196. </div>
  1197.  
  1198. <div id="tagooo">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1199.  
  1200. </div>
  1201.  
  1202. {PostNotes}{/block:Posts}
  1203.  
  1204. {/block:Posts}
  1205. </div>
  1206.  
  1207. <div id="previ">
  1208. <div id="previ1">
  1209. {block:PreviousPage}
  1210. <a href="{PreviousPage}">«</a>
  1211. {/block:PreviousPage}
  1212. </div>
  1213. <div id="previ2">
  1214. {block:NextPage}
  1215. <a href="{NextPage}">»</a>
  1216. {/block:NextPage}
  1217. </div>
  1218. </div>
  1219.  
  1220. </body>
  1221.  
  1222. <!-- B O X E S -->
  1223.  
  1224. <div id="link2" class="popup_block">
  1225. <div style="width: 300px; height: 300px; overflow-y: scroll; overflow-x: hidden; margin-top:235px; margin-left:0px;">
  1226. {text:box1}
  1227. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/sieglu.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></p>
  1228. </div></div>
  1229.  
  1230.  
  1231. <div id="link3" class="popup_block">
  1232. <div style="width: 300px; height: 170px; overflow-y: scroll; overflow-x: hidden; margin-top:250px; margin-left:0px;">
  1233. <p align="center">independent <strong>&amp;</strong> private<br /><em>Felicia</em><br />#sieglu</p>
  1234. <hr/>
  1235. <p align="center"><strong>TL;DR SECTION.</strong></p>
  1236. <p align="center"><strong>&bull;&nbsp;be polite and respectful!</strong><strong><br />&bull;</strong>&nbsp;Inspiration is ok but don't steal things from this blog.<br /><strong>&bull;</strong>&nbsp;oc &amp; crossover friendly.<br /><strong>&bull;</strong>&nbsp;Highly Selective.<br /><strong>&bull;</strong> You don't need to match my length.<br /><strong>&bull;</strong>&nbsp;Mun is busy RL, I won't always be here.<br /><strong>&bull;</strong>&nbsp;this blog will have a large amount of triggers.<br /><strong>&bull;</strong>&nbsp;single ship &amp; multiverse.<br /><strong>&bull;</strong>&nbsp;I don't send in guideline passwords or like rule posts to prove they have been read.<br /><strong>&bull;</strong><strong>&bull;</strong>&nbsp;no smut with people under 18.<br /><strong>&bull;</strong>&nbsp;Felicia Apologist.</p>
  1237. <hr />
  1238. <p align="center"><strong>i. WRITING.</strong></p>
  1239. <blockquote>This blog is <em>Highly Selective</em>, meaning that I will be selective with who I want to interact with. Please <strong>don't</strong> take it personaly but I cannot rp with everyone that follows me especially with my busy schedule. I usually look for two to three of the same characters to actively rp with, however exceptions are made for friends, naturally. </blockquote>
  1240. <p align="center"><strong>ii. TRIGGERS.</strong></p>
  1241. <blockquote>while i have <em> almost no triggers</em> this blog will have mentions of the following<strong>;</strong> <em>death</em>, <em>blood</em>,<em> knives</em>, <em> violence </em>, <strong>&amp;</strong><em> pyres</em>. i will attempt to remember to tag things appropriately, if i forgot something or your trigger isn't on here, <strong>PLEASE</strong> inform me so I can tag it accordingly!.</blockquote>
  1242.  
  1243. <p align="center"><strong>iii. SHIPPING.</strong></p>
  1244. <blockquote>this blog is <em>singleship</em> and already has a set endgame with Joker!</blockquote>
  1245.  
  1246. <p align="center"><strong>iv. MUSES.</strong></p>
  1247. <blockquote><strong>do not</strong> hold your muse back. If your muse wants to do something then let them do so! Most of the time I will be all for it. If it is really something outrageous you can always IM me just to be certain.</blockquote>
  1248.  
  1249. <p align="center"><strong>v. EXCLUSIVITY.</strong></p>
  1250. <blockquote>always happy to be <em>exclusive</em> with someone. If you feel like we've reached the point to become exclusive you just need to ask! Right now I only have two exclusives Joker & Kamui </blockquote></div>
  1251.  
  1252. <p align="center"><strong>vi. DISCLAIMER.</strong></p>
  1253. <blockquote>Everything on the blog was made by me.
  1254. <br>
  1255. Theme Code: omnipotenceisoverrated <br>
  1256. Art: <a href="http://www.pixiv.net/member.php?id=3212574">x</a>
  1257. </blockquote></div>
  1258. </div></div>
  1259.  
  1260. <div id="snow">
  1261. <div id="blizzard"><img src="http://static.tumblr.com/i5bkmnv/vevo5ewa3/popup.png" width="169"></div>
  1262. <div class="flake">
  1263. <div id="updates">Private and Selective Felicia
  1264. <p><a href="http://victorums.tumblr.com" title="Milady!"><img src="https://31.media.tumblr.com/6b49a5f83ba34289a930bdffbc4c2c17/tumblr_inline_o5dct1B2C71tbv4l0_500.gif" /></a><a href="/" title="Bully"><img src="https://31.media.tumblr.com/b8dc286dcc9d8015707ed90701ecbc09/tumblr_inline_o5dct33mnc1tbv4l0_500.gif" style="line-height: 1.4;" /></a></p>
  1265. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/u/65089097/Heart%20Them%20Calling.mp3&t0=hear them calling&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1266. <p></p>
  1267. </div>
  1268. </div></div>
  1269. <p></p>
  1270. <p></p>
  1271. </div>
  1272. </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!