API tools faq
paste
Advertisement
Tsunland

Untitled

Tsunland
Dec 23rd, 2015
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.81 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='http://fonts.googleapis.com/css?family=Arimo' rel='stylesheet' type='text/css'>
  100. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  101. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  102.  
  103. <!---- O T H E R --->
  104. <meta name="text:url" content="insert username"/>
  105.  
  106. <!-- I M A G E S -->
  107. <meta name="image:background image" content="http://www.mediafire.com/convkey/8f89/lsv3dbcw9s00br2zg.jpg"/>
  108. <meta name="image:infosmall" content="http://static.tumblr.com/jlxoeum/ZfBnzb35b/pop.gif"/>
  109. <meta name="image:popborder" content="http://static.tumblr.com/jlxoeum/Rtanzb35v/backerdistordarkt.png"/>
  110.  
  111. <style type="text/css">
  112.  
  113. /*---- S C R O L L ---*/
  114. ::-webkit-scrollbar-thumb:vertical {
  115. background-color: transparent;
  116. border-radius: 6px;
  117. height: 10px;
  118. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb:horizontal {
  122. background-color: transparent;
  123. height:10px!important;
  124. }
  125.  
  126. ::-webkit-scrollbar {
  127. background-color: transparent;
  128. height:10px;
  129. width:12px;
  130. }
  131.  
  132. #update ::-webkit-scrollbar-thumb:vertical {
  133. background-color: transparent;
  134. height: 4px;
  135. }
  136.  
  137. #update ::-webkit-scrollbar-thumb:horizontal {
  138. background-color: transparent;
  139. height:4px!important;
  140. }
  141.  
  142. #update ::-webkit-scrollbar {
  143. background-color: transparent;
  144. height:4px;
  145. width:4px;
  146. }
  147.  
  148. /*---- S E L E C T ---*/
  149.  
  150. ::selection
  151. {
  152. opacity: 1;
  153. background: #000;
  154. color: {color:accent};
  155. }
  156.  
  157. ::-moz-selection
  158. {
  159. opacity: 1;
  160. background: #000;
  161. color: {color:accent};
  162. }
  163.  
  164. p::selection
  165. {
  166. opacity: 1;
  167. background: #000;
  168. color: {color:accent};
  169. }
  170.  
  171. p::-moz-selection
  172. {
  173. opacity: 1;
  174. background: #464133;
  175. color: {color:accent};
  176. }
  177.  
  178. /*---- T O O L T I P ---*/
  179.  
  180. div#qTip
  181. {
  182. background-image: url({image:infosmall});
  183. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  184. border-radius: 3px;
  185. text-align: center;
  186. font-family: Courier, monospace;
  187. letter-spacing: 2px;
  188. font-size: 11px;
  189. font-weight: bold;
  190. text-transform: uppercase;
  191. display: none;
  192. position: fixed;
  193. z-index: 9999999999999999999999;
  194. margin: 2px;
  195. color: rgba(0,0,0,.0);
  196. text-shadow: 0px 0px .5px {color:text};
  197. font-weight: bold;
  198. padding:5px;
  199. -webkit-transition-duration: 1s; /* Safari */
  200. transition-duration: 1s;
  201. }
  202.  
  203. /*---- P O P U P ---*/
  204. .popup_block{
  205. display:none;
  206. background-color: {text:backgrounds};
  207. color:#7a7a7a;
  208. background: url("{image:popborder}");
  209. font-family:'Alegreya Sans';
  210. font-size:10px;
  211. height: 400px;
  212. overflow:scroll;
  213. overflow-x:hidden;
  214. padding:20px;
  215. border-radius: 10px;
  216. float:left;
  217. position:fixed;
  218. top:50%;left:50%;
  219. z-index: 99999;
  220. }
  221.  
  222.  
  223.  
  224. *html #fade {position: absolute;}
  225. *html .popup_block {position: absolute;}
  226. #fade {
  227. display:none;
  228. position:fixed;
  229. filter: blur(10px);
  230. -webkit-filter: blur(10px);
  231. -moz-filter: blur(10px);
  232. left:0px;
  233. top:0px;
  234. width:100%;
  235. height:100%;
  236. z-index:9999;
  237. background: {text:backgrounds}; /* change to #fff for solid white */
  238. -webkit-filter: grayscale(100%);
  239. -moz-filter: grayscale(100%);
  240. filter: grayscale(100%);
  241. }
  242.  
  243.  
  244.  
  245. /*---- M A I N T H E M E ---*/
  246.  
  247. body {
  248. background: url("{image:background image}") {color:background};
  249. background-attachment: fixed;
  250. background-repeat: no-repeat;
  251. margin:0px;
  252. color:{color:text};
  253. font-family:'Alegreya Sans';
  254.  
  255. font-size: 14px;
  256. line-height:100%;
  257. }
  258.  
  259. a {
  260. color: rgba(0,0,0,.0);
  261. text-shadow: 0px 0px 1px {color:links};
  262. text-decoration: none;
  263. -webkit-transition-duration: 1s; /* Safari */
  264. transition-duration: 1s;
  265. }
  266.  
  267. a:hover{
  268. color: {color:linkh};
  269. text-shadow: 0px 0px 7px {color:linkh};
  270. text-decoration: none;
  271. -webkit-transition-duration: 1s; /* Safari */
  272. transition-duration: 1s;
  273. }
  274.  
  275. blockquote{
  276. border-left: 1px solid {color:blockline};
  277. padding: 15px;
  278. margin-left: 20px;
  279. margin-right: 10px;
  280. background: transparent;
  281. border-radius: 20px 10px 10px 20px;
  282. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  283. }
  284.  
  285. h1{
  286. color: rgba(0,0,0,.0);
  287. text-shadow: 0px 0px 1px {color:title};
  288. text-align: center;
  289. font-family: Courier, monospace;
  290. text-transform: uppercase;
  291. background-color: {text:accent};
  292. line-height: 100%;
  293. padding: 10px;
  294. border-radius: 20px;
  295. }
  296.  
  297. b, strong {
  298. font-family: Courier, monospace;
  299. text-transform: uppercase;
  300. letter-spacing: 3px;
  301. color: {color:bold};
  302. font-weight: normal;
  303. text-shadow: 0px 0px 2.5px {color:bold}, 0px 0px 5px {color:bold};
  304. font-size: 100%;
  305. }
  306.  
  307. i, em {
  308. color: {color:italic};
  309. font-family: Georgia;
  310. font-size: 120%;
  311. text-shadow: 0px 0px 2.5px {color:italic}, 0px 0px 5px {color:italic};
  312. }
  313.  
  314. pre {
  315. font-family: monospace;
  316. background-color: rgba(32,32,32,.5);
  317. padding: 7px;
  318. border-radius: 10px;
  319. border: 1px solid {text:accent};
  320. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  321. text-shadow: 1px 1px 3px rgba(0,0,0,.4);
  322. font-size: 11px;
  323. line-height: 100%;
  324. word-wrap: break-word;
  325. }
  326.  
  327. h2{
  328. color: #154751;
  329. text-shadow: 0px 0px 1px {color:title};
  330. font-family: Courier, monospace;
  331. text-align: center;
  332. line-height: 100%;
  333. text-transform: uppercase;
  334. }
  335.  
  336. h3{
  337. text-align: center;
  338. line-height: 100%;
  339. }
  340.  
  341. h1 a{
  342. text-shadow: 0px 0px 1px {color:background};
  343. }
  344.  
  345.  
  346. h1 a:hover{
  347. color: {color:linkh};
  348. text-shadow: 0px 0px 7px {color:linkh};
  349. text-decoration: none;
  350. }
  351.  
  352. h2 a{
  353. text-shadow: 0px 0px 1px {color:italic};
  354. }
  355.  
  356.  
  357. h2 a:hover{
  358. color: {color:links};
  359. text-shadow: 0px 0px 7px {color:links};
  360. text-decoration: none;
  361. }
  362.  
  363. hr{
  364. background: url({image:popborder});
  365. height: 10px;
  366. margin-right:10px;
  367. border: none;
  368. border-radius: 10px;
  369. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  370. }
  371.  
  372. #info{
  373. color: rgba(0,0,0,.0);
  374. background-image: url('http://static.tumblr.com/i5bkmnv/n47nzt7nq/postinfo.png');
  375.  
  376. text-shadow: 0px 0px 1px {color:links};
  377. text-align: center;
  378. font-family: 'Archivo Narrow';
  379. font-size: 16px;
  380. margin-top: -5px;
  381. text-transform: uppercase;
  382. line-height: 100%;
  383. padding: 10px;
  384. border-radius: 10px;
  385.  
  386. background-color: {text:accent};
  387. }
  388.  
  389. #info a{
  390. color: rgba(0,0,0,.0);
  391. text-shadow: 0px 0px 2.5px {color:links};
  392. text-decoration: none;
  393. }
  394.  
  395. #info a:hover{
  396. color: rgba(0,0,0,.0);
  397. text-shadow: 0px 0px 2px {color:background};
  398. }
  399.  
  400. #inforite{
  401. text-align: left;
  402. margin-left: 10px;
  403. margin-top: 15px;
  404. }
  405.  
  406. #inforite a{
  407. color: {color:links};
  408. text-shadow: 0px 0px 11px {color:links};
  409. text-decoration: none;
  410. }
  411.  
  412. #inforite a:hover{
  413. color: rgba(0,0,0,.0);
  414. text-shadow: 0px 0px 2px {color:links};
  415. }
  416.  
  417. #entries {
  418. width: 405px;
  419. height: {text:height};
  420. overflow: scroll;
  421. overflow-x: hidden;
  422. border-radius: 30px;
  423. margin-top: {text:margintop};
  424. margin-left: {text:marginleft};
  425. }
  426.  
  427. #posts{
  428. width: 385px;
  429. padding:10px;
  430. background: transparent;
  431. margin-top: 10px;
  432. margin-bottom: 30px;
  433. margin-left: auto;
  434. margin-right: auto;
  435. border-radius: 20px;
  436. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  437. }
  438.  
  439. #tagooo{
  440. text-align: center;
  441. text-transform: uppercase;
  442. margin-top: 5px;
  443. font-size: 10px;
  444. }
  445.  
  446. #tagooo a {
  447. color: #7389cf;
  448. text-shadow: 0px 0px 10px #fff, 1px 1px 4px rgba(0,0,0,.6);
  449. }
  450.  
  451. #tagooo a:hover{
  452. color: rgba(0,0,0,.0);
  453. text-shadow: 0px 0px 2px {color:links};
  454. }
  455.  
  456. /*---- N A V I G A T E ---*/
  457.  
  458. #navigate {
  459. font-size: 70px;
  460. margin-left: 800px;
  461. top: 390px;
  462. position: fixed;
  463. -ms-transform: rotate(7deg); /* IE 9 */
  464. -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
  465. transform: rotate(7deg);
  466. }
  467.  
  468. #navigate2 {
  469. font-size: 50px;
  470. margin-left: 990px;
  471. top: 340px;
  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. #navigate3 {
  479. font-size: 40px;
  480. margin-left: 940px;
  481. top: 410px;
  482. position: fixed;
  483. -ms-transform: rotate(-9deg); /* IE 9 */
  484. -webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
  485. transform: rotate(-9deg);
  486. }
  487.  
  488. #navigate4 {
  489. font-size: 50px;
  490. margin-left: 980px;
  491. top: 470px;
  492. position: fixed;
  493. -ms-transform: rotate(17deg); /* IE 9 */
  494. -webkit-transform: rotate(17deg); /* Chrome, Safari, Opera */
  495. transform: rotate(17deg);
  496. }
  497.  
  498. #navigate5 {
  499. font-size: 40px;
  500. margin-left: 870px;
  501. top: 510px;
  502. position: fixed;
  503. -ms-transform: rotate(-27deg); /* IE 9 */
  504. -webkit-transform: rotate(-27deg); /* Chrome, Safari, Opera */
  505. transform: rotate(-27deg);
  506. }
  507.  
  508. #navi a {
  509. font-family: Courier, monospace;
  510. color: {color:navlinks};
  511. text-shadow: 0px 0px 5px #589fac, 1px 1px 4px rgba(0,0,0,.6);
  512. }
  513.  
  514. #navi a:hover{
  515. color: rgba(0,0,0,.0);
  516. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  517. -ms-transform: rotate(-360deg); /* IE 9 */
  518. -webkit-transform: rotate(-360deg); /* Chrome, Safari, Opera */
  519. transform: rotate(-360deg);
  520. font-size: 80%;
  521. }
  522.  
  523. #previ a {
  524. font-family: calibri;
  525. color: {color:navlinks};
  526. text-shadow: 0px 0px 5px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  527. }
  528.  
  529. #previ a:hover{
  530. color: rgba(0,0,0,.0);
  531. text-shadow: 0px 0px 4px rgba(255,255,255,.3);
  532. }
  533.  
  534. #previ2 {
  535. font-size: 70px;
  536. margin-left: 910px;
  537. margin-top: 30px;
  538. position: fixed;
  539. }
  540.  
  541. #previ1 {
  542. font-size: 70px;
  543. margin-left: 500px;
  544. margin-top: -560px;
  545. position: fixed;
  546. }
  547.  
  548. /*---- A N S W E R S ---*/
  549.  
  550. #asker {
  551. border-radius: 10px;
  552. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  553. font-size: 14px;
  554. padding: 7px;
  555. min-height: 70px;
  556. display: inline-block;
  557. }
  558.  
  559. #asker {
  560. float:left;
  561. margin-right:5px;
  562. }
  563.  
  564. #askiz a{
  565. color: {color:titles};
  566. }
  567.  
  568. #askon a{
  569. color: {color:navlinks};
  570. text-shadow: 0px 0px 30px {color:navlinks}, 1px 1px 4px rgba(0,0,0,.6);
  571. }
  572.  
  573. #askon a:hover{
  574. color: rgba(0,0,0,.0);
  575. text-shadow: 0px 0px 4px {color:navlinks};
  576. }
  577.  
  578. #asker img{
  579. border-radius: 100%;
  580. background: rgba(0,0,0,0.0);
  581. margin-left: 10px;
  582. margin-top: -10px;
  583. box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  584. }
  585.  
  586. #askiz {
  587. text-align: center;
  588. font-family: Calligraffitti;
  589. background-image: url('http://static.tumblr.com/i5bkmnv/uXRnztada/questions.png');
  590. margin-top: -27px;
  591. color: #fff;
  592. font-weight: bold;
  593. border-radius: 10px;
  594. text-shadow: 1px 1px 3px #333, 0px 0px 15px {color:titles};
  595. font-size: 23px;
  596. padding: 7px;
  597. min-height: 100px;
  598. }
  599.  
  600. #asksh{
  601. text-align: left;
  602. text-shadow: none;
  603. text-transform: uppercase;
  604. font-weight: normal;
  605. font-family: Calibri;
  606. font-size: 14px;
  607. text-shadow: 0px 0px 20px {color:background};
  608. line-height: 100%;
  609. -ms-transform: rotate(-1.5deg); /* IE 9 */
  610. -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
  611. transform: rotate(-1.5deg);
  612. }
  613.  
  614. #askon{
  615. text-shadow: none;
  616. font-weight: bold;
  617. margin-top: -10px;
  618. text-align: left;
  619. margin-left: 15px;
  620. font-family: Calligraffitti;
  621. font-size: 27px;
  622.  
  623. }
  624.  
  625. /*---- N O T E S ---*/
  626.  
  627. ol.notes {
  628. list-style-type: none;
  629. text-transform: uppercase;
  630. margin-top: -20px;
  631. width: 500px;
  632. padding:10px;
  633. background: {text:backgrounds};
  634. margin-left: auto;
  635. margin-right: auto;
  636. border-radius: 20px;
  637. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  638. }
  639.  
  640. ol.notes a {
  641. color: {color:links};
  642. }
  643.  
  644. ol.notes a:hover{
  645. color: rgba(0,0,0,.0);
  646. text-shadow: 0px 0px 2px {color:linkh};
  647. text-decoration: none;
  648. }
  649.  
  650. ol.notes img {
  651. border-radius: 100%;
  652. margin-left: 5px;
  653. margin-top: 5px;
  654. }
  655.  
  656. /*---- M U S I C ---*/
  657.  
  658. .playerbuttonbg {
  659. position: absolute;
  660. left: 13px;
  661. top: 13px;
  662. width: 40px;
  663. height: 40px;
  664. background-color: #000;
  665. padding: 10px;
  666. -webkit-border-radius: 40px;
  667. -moz-border-radius: 40px;
  668. border-radius: 40px;
  669. opacity: .4;
  670. filter: alpha(opacity=40);
  671. -moz-opacity: 0.4;
  672. -khtml-opacity: 0.4;
  673. transition: opacity .7s ease-in-out;
  674. -moz-transition: opacity .7s ease-in-out;
  675. -webkit-transition: opacity .7s ease-in-out;
  676. }
  677.  
  678. .playerbuttonbg:hover {
  679. opacity: 1;
  680. filter: alpha(opacity=100);
  681. -moz-opacity: 1;
  682. -khtml-opacity: 1;
  683. }
  684.  
  685. .newplayerbutton {
  686. position: relative;
  687. margin-top: 10px;
  688. margin-left: 2px;
  689. width: 35px;
  690. height: 30px;
  691. overflow: hidden;
  692. }
  693.  
  694. .playerbuttonhug {
  695. position: absolute;
  696. top: 3px;
  697. left: 6px;
  698. }
  699.  
  700. .tumblr_audio_player {
  701. margin-top: -20px;
  702. height: 90px;
  703. width: 270px;
  704. -moz-transform: scale(0.60, 0.60);
  705. -webkit-transform: scale(0.60, 0.60);
  706. -o-transform: scale(0.60, 0.60);
  707. -ms-transform: scale(0.60, 0.60);
  708. transform: scale(0.60, 0.60);
  709. -moz-transform-origin: top left;
  710. -webkit-transform-origin: top left;
  711. -o-transform-origin: top left;
  712. -ms-transform-origin: top left;
  713. transform-origin: top left;
  714. }
  715.  
  716. .audioimgwrapper {
  717. position: absolute;
  718. left: 0px;
  719. top: 0px;
  720. text-transform: uppercase;
  721. -webkit-border-radius: 40px;
  722. -moz-border-radius: 40px;
  723. border-radius: 100%;
  724. overflow: hidden;
  725. border: 3px solid {color:accent};
  726. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  727. width: 79px;
  728. height: 79px;
  729. }
  730.  
  731. .audioimgwrapper img {
  732. width: 100%;
  733. -webkit-border-radius: 40px;
  734. -moz-border-radius: 40px;
  735. border-radius: 100%;
  736. }
  737.  
  738. .trackdetails {
  739. width: 370px;
  740. text-transform: uppercase;
  741. display:inline-block;
  742. color: rgba(0,0,0,.0);
  743. text-shadow: 0px 0px .5px {color:text};
  744. text-align: left;
  745. font-family: Courier, monospace;
  746. padding-top: 4px;
  747. margin-left: 90px;
  748. padding-left: 20px;
  749. min-height: 100px;
  750. border-radius: 20px;
  751. border-left: 10px solid {color:accent};
  752. background: {text:backgrounds};
  753. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  754. }
  755.  
  756. .trackdetails i {
  757. color: {color:italic};
  758. text-transform: none;
  759. font-family: Georgia;
  760. font-size: 120%;
  761. text-shadow: 0px 0px 10px {color:italic}, 0px 0px 20px {color:italic};
  762. }
  763.  
  764. .audiowrapper {
  765. color: {color:bold};
  766. text-shadow: 0px 0px 1px {color:bold};
  767. position: relative;
  768. display:inline-block;
  769. }
  770.  
  771. /*---- C R E D I T
  772. do not alter this in any way ---*/
  773.  
  774. #credyo {
  775. font-family: monospace;
  776. width: 220px;
  777. background-color: {text:backgrounds};
  778. padding: 7px;
  779. border-radius: 5px;
  780. border: 1px solid {text:accent};
  781. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  782. text-align: center;
  783. font-size: 10px;
  784. line-height: 100%;
  785. text-transform: uppercase;
  786. position: fixed;
  787. z-index: 99999999999999999;
  788. text-shadow: 1px 0px 2px rgba(114,111,64,.7);
  789. left:20px;
  790. letter-spacing:1px;
  791. bottom:20px;
  792. }
  793.  
  794. /*---- D E S C R I P T I O N
  795. ©omni themes, do not claim as your own---*/
  796.  
  797. #update #utitle{
  798. margin-left: 320px;
  799. opacity: 1;
  800. margin-top: 200px;
  801. font-family: Courier, monospace;
  802. position: fixed;
  803. font-size: 15px;
  804. color: #fff;
  805. text-shadow: 0px 0px 3px {color:decriptiontitle}; 1px 1px 4px rgba(0,0,0,.6);
  806. -ms-transform: rotate(-90deg); /* IE 9 */
  807. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  808. transform: rotate(-90deg);
  809. -webkit-transition-duration: 1s; /* Safari */
  810. transition-duration: 1s;
  811. }
  812.  
  813. #update:hover #utitle{
  814. color: rgba(0,0,0,.0);
  815. text-shadow: 0px 0px 4px {color:decriptiontitle};
  816. -webkit-transition-duration: 1s; /* Safari */
  817. transition-duration: 1s;
  818. }
  819.  
  820. #ariamap{
  821. width: 320px;
  822. height: 300px;
  823. left: 100px;
  824. top: 285px;
  825. background: none;
  826. position: fixed;
  827. }
  828.  
  829.  
  830.  
  831. #lines{
  832. margin-left: 804px;
  833. margin-top: 200px;
  834. position: fixed;
  835. }
  836.  
  837. /* 1ST UPDATE THING */
  838.  
  839. #lines1{
  840. text-align: justify;
  841. font-size:10px;
  842. }
  843.  
  844. #lines1line{
  845. width: 40px;
  846. height: 4px;
  847. background: #589fac;
  848. position: fixed;
  849. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  850. -webkit-transition-duration: 1s; /* Safari */
  851. transition-duration: 1s;
  852. }
  853.  
  854. #lines1content{
  855. width: 0px;
  856. height: 0px;
  857. opacity: 0;
  858. padding: 5px;
  859. padding-left: 45px;
  860. overflow-x: none;
  861. overflow-y: none;
  862. margin-top: 4px;
  863. position: fixed;
  864. background: transparent;
  865. border-radius: 0px 0px 20px 0px;
  866. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  867. -webkit-transition-duration: 1s; /* Safari */
  868. transition-duration: 1s;
  869. }
  870.  
  871. #lines1:hover #lines1line{
  872. width: 200px;
  873. -webkit-transition-duration: 1s; /* Safari */
  874. transition-duration: 1s;
  875. }
  876.  
  877. #lines1:hover #lines1content{
  878. width: 150px;
  879. height: 200px;
  880. opacity: 1;
  881. -webkit-transition-duration: 1s; /* Safari */
  882. transition-duration: 1s;
  883. }
  884.  
  885. /* 2ND UPDATE THING */
  886.  
  887. #lines2{
  888. text-align: justify;
  889. font-size:10px;
  890. }
  891.  
  892. #lines2line{
  893. width: 40px;
  894. height: 4px;
  895. background: #589fac;
  896. position: fixed;
  897. margin-top: 10px;
  898. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  899. -webkit-transition-duration: 1s; /* Safari */
  900. transition-duration: 1s;
  901. }
  902.  
  903. #lines2content{
  904. width: 0px;
  905. height: 0px;
  906. opacity: 0;
  907. padding: 5px;
  908. padding-left: 45px;
  909. overflow-x: none;
  910. overflow-y: none;
  911. margin-top: 14px;
  912. position: fixed;
  913. background: transparent;
  914. border-radius: 0px 0px 20px 0px;
  915. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  916. -webkit-transition-duration: 1s; /* Safari */
  917. transition-duration: 1s;
  918. }
  919.  
  920. #lines2:hover #lines2line{
  921. width: 200px;
  922. -webkit-transition-duration: 1s; /* Safari */
  923. transition-duration: 1s;
  924. }
  925.  
  926. #lines2:hover #lines2content{
  927. width: 150px;
  928. height: 200px;
  929. opacity: 1;
  930. -webkit-transition-duration: 1s; /* Safari */
  931. transition-duration: 1s;
  932. }
  933.  
  934. /* 3RD UPDATE THING */
  935.  
  936. /* FOR A NEW TAB COPY FROM HERE */
  937.  
  938. #lines3{
  939. text-align: justify;
  940. font-size:10px;
  941. }
  942.  
  943. #lines3line{
  944. width: 40px; /* HOW LONG LINE IS BEFORE HOVER */
  945. height: 4px; /* HOW THICK LINE IS */
  946. background:#589fac; /* LINE COLOUR */
  947. position: fixed;
  948. margin-top: 20px; /* ADD 10 */
  949. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  950. -webkit-transition-duration: 1s; /* Safari */
  951. transition-duration: 1s;
  952. }
  953.  
  954. #lines3content{
  955. width: 0px;
  956. height: 0px;
  957. opacity: 0;
  958. padding: 5px;
  959. padding-left: 45px;
  960. overflow-x: none;
  961. overflow-y: none;
  962. margin-top: 24px; /* ADD 10 */
  963. position: fixed;
  964. background: transparent; /* BOX COLOUR */
  965. border-radius: 0px 0px 20px 0px;
  966. box-shadow: 1px 1px 3px rgba(0,0,0,.4);
  967. -webkit-transition-duration: 1s; /* Safari */
  968. transition-duration: 1s;
  969. }
  970.  
  971. #lines3:hover #lines3line{
  972. width: 200px;
  973. -webkit-transition-duration: 1s; /* Safari */
  974. transition-duration: 1s;
  975. }
  976.  
  977. #lines3:hover #lines3content{
  978. width: 150px; /* WIDTH OF BOX */
  979. height: 200px; /* HEIGHT OF BOX */
  980. opacity: 1;
  981. -webkit-transition-duration: 1s; /* Safari */
  982. transition-duration: 1s;
  983. }
  984.  
  985. /* TO HERE */
  986.  
  987. /* 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 */
  988.  
  989. {CustomCSS}</style>
  990.  
  991. </head>
  992. <body>
  993.  
  994.  
  995.  
  996. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  997.  
  998.  
  999. <!-- D E S C R I P T I O N & N A V I G A T I O N
  1000. ©omni themes, do not claim as your own -->
  1001.  
  1002. <div id="update">
  1003. <div id="ariamap"></div>
  1004. <div id="navi">
  1005.  
  1006. <div id="navigate">
  1007. <a href="{text:link1url}" title="{text:link1name}">一</a>
  1008. </div>
  1009.  
  1010. <div id="navigate2">
  1011. <a href="#?w=610" rel="link2" class="poplight" title="{text:link2name}"> 二</a>
  1012. </div>
  1013.  
  1014. <div id="navigate3">
  1015. <a href="#?w=610" rel="link3" class="poplight" title="{text:link3name}">三</a>
  1016. </div>
  1017.  
  1018. <div id="navigate4">
  1019. <a href="#?w=610" rel="link4" class="poplight" title="{text:link4name}"> 四</a>
  1020. </div>
  1021.  
  1022. <div id="navigate5">
  1023. <a href="#?w=610" rel="link5" class="poplight" title="{text:link5name}">五</a>
  1024.  
  1025.  
  1026. </div></div>
  1027. <div id="up">{Description}</div>
  1028. </div>
  1029.  
  1030. <!-- U P D A T E S
  1031. ©omni themes, do not claim as your own -->
  1032.  
  1033. {block:Ifupdates}
  1034. <div id="lines">
  1035. <div id="lines1">
  1036. <div id="lines1line"></div>
  1037. <div id="lines1content">
  1038. {text:update1text}
  1039. </div>
  1040. </div>
  1041.  
  1042. <div id="lines2">
  1043. <div id="lines2line"></div>
  1044. <div id="lines2content">
  1045. {text:update2text}
  1046. </div>
  1047. </div>
  1048.  
  1049. <!-- FOR A NEW TAB COPY FROM HERE -->
  1050.  
  1051. <div id="lines3"> <!-- ID BECOMES "lines4" -->
  1052. <div id="lines3line"></div> <!-- ID BECOMES "lines4line" -->
  1053. <div id="lines3content"> <!-- ID BECOMES "lines4content" -->
  1054. {text:update3text}
  1055. </div>
  1056. </div>
  1057.  
  1058. <!-- TO HERE -->
  1059.  
  1060. <!-- TO CREATE A NEW TAB, COPY AND PASTE FROM WHERE SHOWN, FOLLOW THE INSTRUCTIONS AND REPPLACE THE NUMBERS WITH THE NEXT NUMBER -->
  1061.  
  1062. </div>
  1063.  
  1064. {/block:Ifupdates}
  1065.  
  1066. <!-- P O S T S -->
  1067.  
  1068. <div id="entries">
  1069. {block:Posts}
  1070. <div id="posts">
  1071.  
  1072. <!-- {block:NoRebloggedFrom}
  1073. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1074. {/block:NoRebloggedFrom} -->
  1075.  
  1076. {block:ContentSource}<!-- {SourceURL}
  1077. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1078. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1079. {/block:ContentSource}
  1080.  
  1081. {block:Text}
  1082. {block:Title}
  1083. <h1>{Title}</h1>
  1084. {/block:Title}
  1085. {Body}
  1086. {/block:Text}
  1087.  
  1088. {block:Photo}
  1089. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1090. {block:Caption}
  1091. {Caption}
  1092. {/block:Caption}
  1093. {/block:Photo}
  1094.  
  1095. {block:Photoset}
  1096. {Photoset-400}{block:Caption}
  1097. {Caption}
  1098. {/block:Caption}
  1099. {/block:Photoset}
  1100.  
  1101. {block:Quote}
  1102. <h2>"{Quote}"</h2>
  1103. {block:Source}
  1104. <h3>—— {Source}</h3>
  1105. {/block:Source}
  1106. {/block:Quote}
  1107.  
  1108. {block:Link}
  1109. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1110. {block:Description}
  1111. {Description}
  1112. {/block:Description}
  1113. {/block:Link}
  1114.  
  1115. {block:Chat}
  1116. {block:Title}
  1117. <h1>{Title}</h1>
  1118. {/block:Title}
  1119. {block:Lines}
  1120. {block:Label}
  1121. <b>{Label}</b>
  1122. {/block:Label}{Line}<br>
  1123. {/block:Lines}
  1124. {/block:Chat}
  1125.  
  1126. {block:Video}
  1127. {Video-500}
  1128. {block:Caption}
  1129. {Caption}
  1130. {/block:Caption}
  1131. {/block:Video}
  1132.  
  1133. {block:AudioPlayer}
  1134. <div class="audiowrapper">
  1135. {block:AlbumArt}
  1136. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1137. {/block:AlbumArt}
  1138. <div class="playerbuttonbg">
  1139. <div class="newplayerbutton">
  1140. <div class="playerbuttonhug">
  1141. {AudioPlayerBlack}
  1142. </div>
  1143. </div>
  1144. </div>
  1145. <div class="trackdetails">
  1146. <i><big>{block:TrackName}<p>{TrackName}{/block:TrackName}</big></i><br><hr><br>
  1147. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  1148. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  1149. {PlayCountWithLabel}</p>
  1150. </div>
  1151. </div>
  1152. {/block:AudioPlayer}
  1153.  
  1154. {block:Answer}
  1155. <div id="askon"><p>{Asker} Wishes:</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>
  1156. {/block:Answer}
  1157.  
  1158.  
  1159. <div id="info">
  1160. Posted <a href="{Permalink}">{TimeAgo}</a>, with <a href="{Permalink}">{NoteCount} notes</a>
  1161. </div>
  1162.  
  1163. <div id="tagooo">{block:HasTags}{block:Tags} <big><strong>⤜</strong></big><a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1164.  
  1165. </div>
  1166.  
  1167. {PostNotes}{/block:Posts}
  1168.  
  1169. {/block:Posts}
  1170. </div>
  1171.  
  1172. <div id="previ">
  1173. <div id="previ1">
  1174. {block:PreviousPage}
  1175. <a href="{PreviousPage}">«</a>
  1176. {/block:PreviousPage}
  1177. </div>
  1178. <div id="previ2">
  1179. {block:NextPage}
  1180. <a href="{NextPage}">»</a>
  1181. {/block:NextPage}
  1182. </div>
  1183. </div>
  1184.  
  1185. </body>
  1186.  
  1187. <!-- B O X E S -->
  1188.  
  1189. <div id="link2" class="popup_block">
  1190. <div style="width: 400px; height: 320px; overflow-y: scroll; overflow-x: hidden; margin-top:25px; margin-left:0px;">
  1191. {text:box1}
  1192. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/proximityxshot.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>
  1193. </div></div>
  1194.  
  1195.  
  1196. <div id="link3" class="popup_block">
  1197. <div style="width: 400px; height: 320px; overflow-y: scroll; overflow-x: hidden; margin-top:25px; margin-left:0px;">
  1198. <p>This is an independent Fire Emblem If blog for Takumi, the Second Prince of Hoshido.</p>
  1199. <p><span style="font-size: 14.4444446563721px; line-height: 21.7777786254883px;"><strong>General Rules;</strong><br /></span></p>
  1200. - I have generalized anxiety disorder, and sometimes it is very hard for me to approach people. It isn’t that I don’t want to rp with you, it’s more of that I am very nervous and anxious a lot of the time. But please, I love talking to you all, I’m just not that good at it sometimes ;w;; <p>
  1201.  
  1202. -I am willing to roleplay with pretty much anybody. But I’d like for us to be mutuals, and I’d prefer it if all my interactions were with fire emblem related blogs.(including awakening, shadow dragon, etc) For a friend, I will roleplay outside the fandom but because I still don’t know Takumi super well due to fates not being localized yet, I want to stay in fandom for the most part<p>
  1203.  
  1204. -I will roleplay with OCs. I love them, and I’m always interested in what they have to say and how they interact with the canon characters! <3<p>
  1205.  
  1206. -Mun as of right now, is not of age to be doing NSFW threads. As I stated in my about, this may change, but only after I am 18. Also, I hc Takumi as demisexual, so my muse really, really will have to be close with yours for a long time for the thread to come to that. <p>
  1207.  
  1208. -Do not push your ships onto my muse. If you want to do something shippy, talk to me about it first.<p>
  1209.  
  1210. -Do not kill/torture my muse without my permission. I will drop the thread if you do this. <p>
  1211.  
  1212. -Please, please tell me if I ever make you uncomfortable in any way. Do not be afraid to approach me. I want to know if I’ve done wrong. <p>
  1213.  
  1214. -I do drama club and I also have a job, so sometimes during the year I cannot be as active as others. My life is just too hectic for it and I also have to try to worry about my schoolwork. <p>
  1215.  
  1216. -I will not tolerate any bullying. If I found out any of my rp partners are sending hate, or making rude comments towards others, I will delete our thread and unfollow them. End of story. <p>
  1217.  
  1218. -And last but not least, when fates does get localized, my muse for Takumi may change here and there, since he, like many characters before him may be changed in the North American release. <p>
  1219. </div></div>
  1220. </div></div>
  1221.  
  1222. <div id="link4" class="popup_block">
  1223. <div style="width: 400px; height: 320px; overflow-y: scroll; overflow-x: hidden; margin-top:25px; margin-left:0px;">
  1224. <p><h2>Prince of Light Takumi;&nbsp;</h2></p>
  1225. <blockquote>
  1226. <p><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="http://proximityxshot.tumblr.com/private/124380114440/tumblr_nro119O4CP1uamjx2">Second Prince of Hoshido</a> </em>| About</span></p>
  1227. <p><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/tagged/%3Bheadcanons">Legends be told</a> </em>| Headcanons</span></p>
  1228. <p><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/tagged/%3Bmusings">Inner Ghosts</a> </em>| Musings</span></p>
  1229. </blockquote>
  1230. <p><h2>Thousand Words; | Character Gallery</h2></p>
  1231. <blockquote>
  1232. <p><span style="line-height: 21.7778px;">&nbsp;&raquo;<em> <a href="/">Prince of Light</a></em> |Takumi</span></p>
  1233. </blockquote>
  1234. <p><h2>Things in Life; | M<span style="line-height: 21.7778px;">iscellaneous Gallery</span></h2></p>
  1235. <blockquote>
  1236. <p><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/">Appreciation</a></em> | Interests</span></p>
  1237. <p><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/">Archery</a></em> | Skills</span></p>
  1238. </blockquote>
  1239. <p><h2><span style="line-height: 21.7778px;">Miscellaneous</span>;&nbsp;</h2></p>
  1240. <blockquote>
  1241. <p style="line-height: 21.7778px;"><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/">Inquiries&nbsp;</a></em><br /></span><span style="line-height: 21.7778px;">&nbsp; &nbsp; &nbsp; &nbsp;</span><span style="line-height: 21.7778px;">&raquo; Anonymous</span></p>
  1242. <p style="line-height: 21.7778px;"><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/">Poetry</a> </em>| Drabbles</span></p>
  1243. <p style="line-height: 21.7778px;"><span style="line-height: 21.7778px;">&nbsp;&raquo; Offerings | Gifts</span></p>
  1244. <p style="line-height: 21.7778px;"><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/">Propoganda</a> </em>| Promotions</span></p>
  1245. <p style="line-height: 21.7778px;"><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="/">Regulations&nbsp;</a></em>
  1246. <p style="line-height: 21.7778px;"><span style="line-height: 21.7778px;">&nbsp;&raquo; <em><a href="http://proximityxshot.tumblr.com/private/124380353705/tumblr_nro16vwBPN1uamjx2">Bri | About the Mun &nbsp;</a></em>
  1247. </blockquote>
  1248. <p></p>
  1249.  
  1250. </div></div>
  1251.  
  1252. <div id="link5" class="popup_block">
  1253. <div style="width: 400px; height: 320px; overflow-y: scroll; overflow-x: hidden; margin-top:25px; margin-left:0px;">
  1254. A lil exclusive page!
  1255. <p></p>
  1256. </div>
  1257. </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!