API tools faq
paste
Advertisement
munnie

lays in here

munnie
Jul 1st, 2015
353
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.68 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>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function() {
  7. //
  8. $('a.poplight[href^=#]').click(function() {
  9. var popID = $(this).attr('rel'); //Get Popup Name
  10. var popURL = $(this).attr('href'); //Get Popup href to define size
  11. var query= popURL.split('?');
  12. var dim= query[1].split('&');
  13. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  14. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  15. var popMargTop = ($('#' + popID).height() + 80) / 2;
  16. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  17. //Apply Margin to Popup
  18. $('#' + popID).css({
  19. 'margin-top' : -popMargTop,
  20. 'margin-left' : -popMargLeft
  21. });
  22. $('body').append('<div id="fade"></div>');
  23. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  24. return false;
  25. });
  26. $('a.close, #fade').live('click', function() {
  27. $('#fade , .popup_block').fadeOut(function() {
  28. $('#fade, a.close').remove(); //fade them both out
  29. });
  30. return false;
  31. });
  32. });
  33. </script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script>
  38.  
  39. (function($){
  40.  
  41. $(document).ready(function(){
  42.  
  43. $("a[title]").style_my_tooltips({
  44.  
  45. tip_follows_cursor:true,
  46.  
  47. tip_delay_time:90,
  48.  
  49. tip_fade_speed:600,
  50.  
  51. attribute:"title"
  52.  
  53. });
  54.  
  55. });
  56.  
  57. })(jQuery);
  58.  
  59. </script>
  60. <!--basic tooltip from tutorial-baby! Enjoy-->
  61. <style>
  62. .tooltip{
  63. display: inline;
  64. position: relative;
  65. }
  66. #s-m-t-tooltip {
  67. max-width:300px; /*how big the tooltip can be at most*/
  68. padding:3px 3px 3px 3px; /*padding inside tooltip*/
  69. margin:20px 7px -2px 20px; /*distance from word*/
  70. background-color:#281b24; /*background color*/
  71. border:1px solid #dddbdc; /*border info*/
  72. font-family:calibri; /*tooltip font*/
  73. font-size:9px; /*tooltip font size*/
  74. letter-spacing:0px; /*tooltip letter spacing*/
  75. text-transform:uppercase; /*makes the tooltip title uppercase*/
  76. color:#dddbdc; /*tooltip font color*/
  77. z-index:999999999999999999999999999999999999;
  78. }
  79. </style>
  80.  
  81. <title>{Title}</title>
  82. <link rel="shortcut icon" href="{Favicon}">
  83. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  84. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  85. {block:AskEnabled}
  86. {/block:AskEnabled}
  87.  
  88.  
  89.  
  90. <meta name="color:Background" content="#1c2123"/>
  91. <meta name="color:Text" content="#5e2c30"/>
  92. <meta name="color:Link" content="#b8b8b8"/>
  93. <meta name="color:border" content="#cdebec"/>
  94. <meta name="color:scrollbar" content="#c2c1b9">
  95. <meta name="color:Link Hover" content="#cdebec"/>
  96.  
  97. <meta name="image:sidebar" content=""/>
  98.  
  99. <meta name="text:link 1" content="01."/>
  100. <meta name="text:link 1 url" content="/"/>
  101. <meta name="text:link 2" content="02."/>
  102. <meta name="text:link 2 url" content="/"/>
  103. <meta name="text:link 3" content="03."/>
  104. <meta name="text:link 3 url" content="/"/>
  105. <meta name="text:link 4" content="04."/>
  106. <meta name="text:link 4 url" content="/"/>
  107.  
  108. <style type="text/css">
  109.  
  110. ::selection {
  111. background-color: #a6a9a6;
  112. color: #bec4be;
  113. }
  114. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  115. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  116.  
  117. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  118.  
  119. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  120.  
  121. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  122.  
  123. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  124.  
  125. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  126.  
  127. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  128.  
  129. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  130.  
  131. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  132.  
  133. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  134.  
  135. @font-face {font-family:"type_writer";src: url('https://dl.dropboxusercontent.com/u/67800931/type_writer.ttf');}
  136.  
  137. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  138.  
  139. @font-face {font-family:"lisbon";src: url('https://dl.dropboxusercontent.com/u/67800931/lisbon-script.otf');}
  140.  
  141. @font-face {font-family: 'pixel'; src: local('04b24'), url('https://dl.dropboxusercontent.com/u/67800931/04b_24__.ttf') format('woff'); }
  142. *, body, a, a:hover {cursor: url(hhttp://orig04.deviantart.net/286e/f/2015/166/3/1/2s8p6xj_copia_by_bubulae-d8xeajo.png), auto;}
  143.  
  144. #musicplayer {
  145. opacity: .0;
  146. margin-left: 930px;
  147. margin-top: 200px;
  148. position: fixed;
  149. opacity: .7;
  150. z-index: 999999;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb{
  154. background-color: {color:scrollbar};
  155. border: 2px solid {color:background};
  156. height:auto;
  157. }
  158.  
  159. ::-webkit-scrollbar {
  160. height:auto;
  161. width:9px;
  162. background-color: {color:scrollbar};
  163. border: 4px solid {color:background};
  164. }
  165.  
  166.  
  167. /*----------------------------------------
  168. Update Tab #3 (CSS) by Incedo
  169. http://incedothemes.tumblr.com
  170. Please do not remove the credit.
  171. Instructions @ http://incedothenes.tumblr.com/tab
  172. Updated 12/23/14
  173. ------------------------------------------*/
  174.  
  175.  
  176. blockquote {
  177. border-left:2px solid #bec4be;
  178. padding-left:5px;
  179. margin:5px;
  180. text-align: justify;
  181. }
  182.  
  183.  
  184. #tumblr_controls:hover {
  185. opacity: 1;
  186. -webkit-transition: opacity 0.7s linear;
  187. -webkit-transition: all 0.5s ease-out;
  188. -moz-transition: all 0.5s ease-out;
  189. transition: all 0.5s ease-out;
  190. }
  191.  
  192. i, em {
  193. color: #bec4be;
  194. letter-spacing: 1px;
  195. font-family: "bebas neue";
  196. text-transform:uppercase;
  197. font-size: 12px;
  198. }
  199. @font-face { font-family: "bangalore"; src: url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); }
  200. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  201.  
  202.  
  203. i, cite, em, var, address, dfn {
  204. font-style: italic;
  205. }
  206. strong, b { font-family: "bebas neue"; font-size: 18px; text-transform: uppercase;}
  207. h1 {
  208. font-weight:normal;
  209. font-size:24px;
  210. text-align:center;
  211. font-style:normal;
  212. line-height:100%;
  213. letter-spacing:1px;
  214. text-transform:normal;
  215. color:#bec4be;
  216. padding:2px;
  217. font-family: tinytots;
  218. }
  219.  
  220. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  221.  
  222. h2 {
  223. font-size:20px;
  224. text-align:center;
  225. line-height:100%;
  226. letter-spacing:-0.5px;
  227. color:#bec4be;
  228. font-weight:bold;
  229. font-family: 'tinytots',
  230. text-shadow: 2px 1px #63647a;
  231. text-transform:lowercase;
  232. padding:5px;
  233. padding-bottom:2px;
  234. }
  235.  
  236. hr {
  237. width:50%;
  238. border: 1px solid #63647a;
  239. }
  240. pre {
  241. font-family:silkscreen;
  242. text-transform:lowercase;
  243. font-size:8px;
  244. color:#bec4be;
  245. padding:1px;
  246. text-align:center;
  247. background-color:#bec4be;
  248. width:100%;
  249. white-space:pre-wrap;
  250. word-wrap:break-word;
  251. }
  252. /* Hover Title Style */
  253.  
  254. #s-m-t-tooltip{
  255. max-width:250px;
  256. margin-top:25px;
  257. margin-left:15px;
  258. padding-left:4px;
  259. padding-right:4px;
  260. z-index:9999999;
  261. background-color: {color:Tooltip Background};
  262. color: {color:Tooltip Text};
  263. font-family:'dixel';
  264. font-size:8px;
  265. letter-spacing:0px;
  266. text-transform:uppercase;
  267. text-align:center;
  268. line-height:14px;
  269. border-left: 3px solid {color:Tooltip Border};
  270. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  271. }
  272.  
  273.  
  274. small, sub, sup {font-size:10px; }
  275.  
  276.  
  277. }
  278. img, a img {
  279. width: 50%;
  280. border-width: 0;
  281. }
  282.  
  283. .popup_block{
  284. display:none;
  285. background:#392d35;
  286. padding:20px;
  287. border:1px solid #bec4be; /* if you want a solid white pop-up, delete this */
  288. float:left;
  289. position:fixed;
  290. top:50%;left:50%;
  291. z-index: 99999;
  292. -webkit-box-shadow: 0px 0px 20px #d4d1d3; /* delete for solid white */
  293. -moz-box-shadow: 0px 0px 20px #d4d1d3; /* delete for solid white */
  294. box-shadow: 0px 0px 20px #d4d1d3; /* delete for solid white */
  295. }
  296.  
  297. *html #fade {position: absolute;}
  298. *html .popup_block {position: absolute;}
  299. #fade {
  300. display:none;
  301. position:fixed;
  302. left:0px;
  303. top:0px;
  304. width:100%;
  305. height:100%;
  306. z-index:9999;
  307. background:#000; /* change to #fff for solid white */
  308. opacity:0.5; /* change to opacity:1; */
  309. }
  310.  
  311.  
  312. body {
  313. background-image:url(http://orig04.deviantart.net/76fe/f/2015/180/b/d/sin_ttulo_1_copia_by_bubulae-d8za09z.png);
  314. background-attachment: fixed;
  315. background-image:stretch;
  316. background-repeat: no-repeat;
  317. background-image:cover;
  318. background-position:left top;
  319. font-family: helvetica;
  320. font-size: 12px;
  321. text-align: center;
  322. color:#e4e3e4;font-family: 'calibri', sans-serif;
  323. font-size:12px;
  324. line-height:105%;
  325. }
  326. .tags {
  327. font-style:italic;
  328. font-family:tinytots;
  329. width:230px;
  330. text-transform:uppercase;
  331. font-style:normal;
  332. color:#e4e3e4;
  333. letter-spacing:3px;
  334. font-size:8px;
  335. text-align:center;
  336. padding:2px;
  337. -moz-transition-duration:0.5s;
  338. -webkit-transition-duration:0.5s;
  339. -o-transition-duration:0.5s;
  340. }
  341.  
  342. .tags a {
  343. color:#e4e3e4;
  344. text-transform: uppercase;
  345. letter-spacing:1px;
  346. padding:1px;
  347. }
  348.  
  349. .tags a:hover {
  350. color:#a797a1;
  351. }
  352.  
  353.  
  354.  
  355. #post:hover .tags {
  356. opacity:1;
  357. -moz-transition-duration:0s;
  358. -webkit-transition-duration:0s;
  359. -o-transition-duration:0s;
  360. }
  361. a {
  362. text-decoration: none;
  363. outline: none;
  364. -moz-outline-style: none;
  365. color: #a797a1;
  366. -moz-transition-duration: 0.5s;
  367. -webkit-transition-duration: 0.5s;
  368. -o-transition-duration: 0.5s;
  369. text-transform: none;
  370. }
  371. a:hover {
  372. text-decoration:none;
  373. outline:none;
  374. -moz-outline-style:none;
  375. color:{color:link hover};
  376. }
  377.  
  378. img {
  379. border:none;
  380. }
  381.  
  382. blockquote {
  383. padding-left:5px;
  384. border-left:2px solid;
  385. }
  386.  
  387. blockquote blockquote {
  388. padding-left:5px;
  389. border-left:2px solid;
  390. }
  391.  
  392. #theme {
  393. width:240px;
  394. margin:0 auto -12px auto;
  395. }
  396.  
  397. #post {
  398. width: 250px;
  399. padding-left: 5px;
  400. padding-right: 5px;
  401. margin-bottom: 10px;
  402. padding-bottom: 20px;
  403. }
  404.  
  405.  
  406. #entries {
  407. padding:10px;
  408. left:650px;
  409. top:220px;
  410. position:fixed;
  411. background-color:transparent;
  412. width:245px;
  413. height:350px;
  414. overflow-x:scroll;
  415. scroll:left;
  416. overflow-x:hidden;
  417. }
  418.  
  419. #sidebar {
  420. color:{color:text};
  421. position:fixed;
  422. width:91px;
  423. height:auto;
  424. margin-top:0px;
  425. margin-left:0px;
  426. text-align:left;
  427. }
  428.  
  429. #sidebarimage img {
  430. width:100px;
  431. margin-top:0px;
  432. margin-bottom:0px;
  433. padding:-1px;
  434. outline-offset:4px;
  435. }
  436.  
  437. #links {
  438. position:fixed;
  439. margin-top:-60px;
  440. margin-left:522px;
  441. font-size:14px;
  442. width:200px;
  443. }
  444.  
  445. #links a{
  446. margin-top:3px;
  447. margin-left:2px;
  448. color:#dfddde;
  449. -moz-transition-duration:.7s;
  450. -webkit-transition-duration:.7s;
  451. -o-transition-duration:.7s;
  452. }
  453.  
  454. #links a:hover {
  455. color:#b09ba9;
  456. -moz-transition-duration:.4s;
  457. -webkit-transition-duration:.4s;
  458. -o-transition-duration:.4s;
  459.  
  460. }
  461. #alink{
  462. font-size: 36px;
  463. margin-left: 20px;
  464. margin-top: 200px;
  465.  
  466. }
  467. #alink a{
  468. color: #564b52;
  469. }
  470. #blink{
  471. font-size: 48px;
  472. margin-left: 50px;
  473. margin-top: 5px;
  474. }
  475. #clink{
  476. font-size: 36px;
  477. margin-left: 110px;
  478. margin-top: -30px;
  479. }
  480. #clink a{
  481. color: #685f65;
  482. text-shadow: 0px 0px 1px #fff;
  483. }
  484.  
  485. #dlink{
  486. font-size: 36px;
  487. margin-left: -10px;
  488. margin-top: 5px;
  489. }
  490. #dlink a{
  491. color: #33272f;
  492. text-shadow: 0px 0px 1px #fff;
  493. }
  494.  
  495. #info {
  496. color: #d3d0d2;
  497. text-shadow: 0px 0px 2px #150d12;
  498. font-family: silkscreen;
  499. font-style: normal;
  500. opacity: 1;
  501. width: 230px;
  502. line-height: 120%;
  503. background: url('http://orig04.deviantart.net/d005/f/2015/180/c/7/sin_ttulo_2_copia_by_bubulae-d8za0xo.png');
  504. font-size: 8px;
  505. text-align: center;
  506. border-bottom: solid #bec4be 1px;
  507. border-top: solid #bec4be 1px;
  508. padding: 10px;
  509. margin-bottom: 5px;
  510. margin-top: 0px;
  511. -moz-transition-duration: 0.8s;
  512. -webkit-transition-duration: 0.8s;
  513. -o-transition-duration: 0.8s;
  514.  
  515. }
  516. #info a {
  517. color: #b3c0c4;
  518. }
  519.  
  520. /* AUDIO */
  521.  
  522. .album {
  523. background-repeat: no-repeat;
  524. background-position: center;
  525. position: absolute;
  526. width: 86px;
  527. height: 86px;
  528. background-size: 60px;
  529. overflow: hidden;
  530. background-color: {color:Track Background};
  531. -moz-transition:all ease-in-out 0.7s;
  532. -webkit-transition:all ease-in-out 0.7s;
  533. -o-transition:all ease-in-out 0.7s;
  534. transition:all ease-in-out 0.7s;
  535. }
  536.  
  537. .album img {
  538. width: 86px;
  539. height: 86px;
  540. overflow: hidden;
  541. -moz-transition:all ease-in-out 0.7s;
  542. -webkit-transition:all ease-in-out 0.7s;
  543. -o-transition:all ease-in-out 0.7s;
  544. transition:all ease-in-out 0.7s;
  545. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  546. {/block:ifMonochrome}
  547. {block:ifFade}opacity:.5;{/block:ifFade}
  548. }
  549.  
  550. .album img:hover {
  551. -moz-transition:all ease-in-out 0.7s;
  552. -webkit-transition:all ease-in-out 0.7s;
  553. -o-transition:all ease-in-out 0.7s;
  554. transition:all ease-in-out 0.7s;
  555. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  556. {/block:ifMonochrome}
  557. {block:ifFade}opacity:1;{/block:ifFade}
  558. }
  559.  
  560. .player {
  561. width: 10px;
  562. height: 11px;
  563. overflow: hidden;
  564. padding: 4px 21px 21px 4px;
  565. margin-top: 27px;
  566. margin-left: 26px;
  567. position: absolute;
  568. background-color: #fff;
  569. opacity: 0.5;
  570. z-index: 10;
  571. -webkit-transition: all 0.4s linear;
  572. -moz-transition: all 0.4s linear;
  573. -o-transition: all 0.4s linear;
  574. -moz-border-radius: 30px;
  575. -webkit-border-radius: 30px;
  576. border-radius: 30px;
  577. }
  578.  
  579. .album:hover .player {
  580. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  581. }
  582.  
  583. .track {
  584. margin-left: 90px;
  585. min-height: 80px;
  586. max-height: 100px;
  587. overflow: auto;
  588. font-family:dixel;
  589. font-size: 8px;
  590. padding: 3px;
  591. color: {color:Track Text};
  592. text-transform: uppercase;
  593. letter-spacing: 1px;
  594. background: {color:Track Background};
  595. }
  596.  
  597.  
  598. /* QUESTION */
  599.  
  600. #ask {
  601. {block:if250}max-width:250px;{/block:if250}
  602. {block:if400}max-width:400px;{/block:if400}
  603. {block:if500}max-width:500px;{/block:if500}
  604. }
  605.  
  606. .as {
  607. min-height: auto;
  608. padding: 5px;
  609. padding-bottom:8px;
  610. background-color: {color:Ask Background};
  611. }
  612.  
  613. .aske {
  614. margin-top:5px;
  615. font-family:'bebas neue';
  616. font-size:18px;
  617. line-height:13px;
  618. text-align:center;
  619. border-bottom:dashed 1px {color:Tooltip Border};
  620. text-transform:none;
  621. color: {color:asker text};
  622. background-color: {color:Ask Background};
  623. -moz-transition:all ease-in-out 0.7s;
  624. -webkit-transition:all ease-in-out 0.7s;
  625. -o-transition:all ease-in-out 0.7s;
  626. transition:all ease-in-out 0.7s; ;
  627. }
  628.  
  629. .aske:hover {
  630. -moz-transition:all ease-in-out 0.7s;
  631. -webkit-transition:all ease-in-out 0.7s;
  632. -o-transition:all ease-in-out 0.7s;
  633. transition:all ease-in-out 0.7s;
  634. }
  635.  
  636. .que {
  637. font-family: ppixel;
  638. font-size: 8px;
  639. text-align:center;
  640. text-transform:uppercase;
  641. color: {color:ask text};
  642. }
  643.  
  644. .ans {
  645. font-family:trebuchet ms;
  646. font-size:9px;
  647. color: {color:ask text};
  648. }
  649.  
  650.  
  651. #credit {
  652. font-size:9px;
  653. font-family:cambria;
  654. font-style:italic;
  655. letter-spacing:1px;
  656. -moz-transition-duration:0.5s;
  657. -webkit-transition-duration:0.5s;
  658. -o-transition-duration:0.5s;
  659. }
  660.  
  661. #credit a {
  662. background-color:#bec4be;
  663. padding:5px;
  664. border:1px solid #bec4be;
  665. position:fixed;
  666. right:15px;
  667. bottom:10px
  668. }
  669.  
  670. #credit a:hover {
  671. color:#191818;
  672. background-color:#191818;
  673. }
  674.  
  675. #popuplinks {
  676. padding: 10px;
  677. background-color:#A7A7A7;
  678. color:white;
  679. text-align:center;
  680. border-spacing:5px;
  681. -moz-transition-duration:0.5s;
  682. -webkit-transition-duration:0.5s;
  683. -o-transition-duration:0.5s;
  684. }
  685.  
  686.  
  687.  
  688. .asker {
  689. min-height:auto;
  690. padding:5px;
  691. padding-bottom:0px;
  692. background-color: transparent;
  693. }
  694.  
  695. .askerino {
  696. margin-top:5px;
  697. margin-left:5px;
  698. font-family: 'bebas neue';
  699. color: #dad8d9;
  700. text-shadow: 0 0 2px #d1ced0;
  701. font-size:22px;
  702. text-align:left;
  703. text-transform:uppercase;
  704. background-color: transparent;
  705. }
  706.  
  707. .askerino a {
  708. color: #dad8d9;
  709. }
  710.  
  711. .askerino a:hover {
  712. color:#aea9ad;
  713. text-shadow: 0.2em ;
  714. }
  715.  
  716. .askertop {
  717. margin-top:-20px;
  718. width: 385px;
  719. background-color:#aea9ad;
  720. height:25px;
  721. border-radius:2px;
  722. background-image:url('http://orig04.deviantart.net/d005/f/2015/180/c/7/sin_ttulo_2_copia_by_bubulae-d8za0xo.png');
  723. }
  724.  
  725. .question {
  726. margin-top:5px;
  727. font-family: vdj;
  728. font-size: 8px;
  729. letter-spacing: 1px;
  730. margin-left:-5px;
  731. width:250px;
  732. padding:9px;
  733. text-align:center;
  734. color:#5c4259;
  735. background-color:#f1f5f5;
  736. border-left:2px solid #5c4259;
  737. border-right:2px solid #5c4259;
  738. border-radius: 4px;
  739. text-transform:none;
  740. line-height:120%;
  741. }
  742.  
  743. .answer {
  744. text-align:left;
  745. padding-left:0px;
  746. padding-right:0px;
  747. margin-top:0px;
  748. }
  749.  
  750. #pagination {
  751. margin-top: 20px;
  752. margin-left: -100px;
  753. color: #bec4be;
  754. font-style: bold;
  755. text-shadow: 0px 0px 4px #bec4be;
  756. }
  757.  
  758. {CustomCSS}</style></head><body>
  759.  
  760. <a title="the sun - the naked & famous"><div id="musicplayer">
  761. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="15" height="15">
  762. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf">
  763. <param name="bgcolor" value="#b0acaf">
  764. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/sy4kmqu9zizkoeq/The%20Sun%20%28Lyrics%29%20Video%20-%20The%20Naked%20and%20Famous.mp3?
  765. &amp;width=15&amp;height=15&amp;loop=1&amp;autoplay=1&amp;volume=50&amp;showslider=0&amp;buttonwidth=15&amp;bgcolor=b0acaf&amp;bgcolor1=b0acaf&amp;bgcolor2=b0acaf&amp;buttoncolor=fbfbfb&amp;buttonovercolor=fbfbfb">
  766. </object>
  767. </div>
  768.  
  769.  
  770.  
  771.  
  772. <div id="links">
  773. <div id="alink"><a href="#?w=350" a title="inquire." rel="box2" class="poplight" >◆</a></div>
  774. <div id="blink"><a href="#?w=350" a title="rules." rel="box3" class="poplight">◆</a></div>
  775. <div id="clink"><a href="#?w=350" a title="about."rel="box4" class="poplight">◆</a></div>
  776. <div id="dlink"><a title="back."a href="/">◆</a></div>
  777. </div>
  778.  
  779. <div id="questions">
  780. </div>
  781. <div id="theme">
  782.  
  783.  
  784. <div id="question"></div>
  785.  
  786. <p></p><br><br>
  787. <div id="pagination"><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><<</a>{/block:PreviousPage}{/block:Pagination}
  788. {block:Pagination}{block:NextPage} <a href="{NextPage}">>></a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div></div>
  789.  
  790. <div id="entries">{block:Posts}<div id="post">
  791.  
  792. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  793.  
  794. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  795.  
  796. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  797.  
  798. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  799.  
  800. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  801.  
  802. {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}
  803.  
  804. <!-- AUDIO POSTS -->
  805. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  806.  
  807. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  808.  
  809. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  810. {Album}{/block:Album}</div>
  811.  
  812. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  813.  
  814. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  815. {/block:Audio}
  816.  
  817. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  818.  
  819. {block:Answer}<div id="ask"><div class="asker"><div class="askerino">{ASKER} quested &mdash;</div><div class="askertop"></div><div class="question">❛ {Question} .</div></div></div><div class="answer">{Answer}</div>{/block:answer}
  820.  
  821.  
  822. {block:Date}<div id="info"><a href="{Permalink}" style="">{TimeAgo}</a> {block:NoteCount} <font color=#cdebec font-size=12px><big>★</big></font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">from</a>{/block:RebloggedFrom}
  823. {block:ContentSource} ■ <a title="{SourceTitle}" href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  824. {block:HasTags}
  825. <div class="tags">
  826. {block:Tags} <a href="{TagURL}"> ❝ — {Tag}</a>{/block:Tags}</div>
  827. {/block:HasTags}
  828. <div class="postnote">
  829. {block:PostNotes}{PostNotes}{/block:PostNotes}
  830. </div>
  831. </div>
  832. {/block:Posts}
  833.  
  834. </div>
  835. </div>
  836.  
  837. <div id="box2" class="popup_block">
  838. <div id="content">
  839. <center>
  840. <img src="http://orig03.deviantart.net/1fdc/f/2015/180/e/a/sasa_by_bubulae-d8zak4a.png">
  841. </p>
  842.  
  843. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="330"></iframe>
  844. </div>
  845.  
  846. </center>
  847. </div>
  848.  
  849.  
  850.  
  851.  
  852. <div id="box3" class="popup_block">
  853. <div id="content">
  854. <center>
  855. <img src="http://orig02.deviantart.net/51b1/f/2015/180/6/2/asas_by_bubulae-d8zak4i.png">
  856. <center>
  857. <div style="overflow:auto; height:300px;">
  858. <div style="padding:10px;"><div align="left">
  859. <blockquote>
  860. <p><strong>RULING,</strong></p>
  861. <p>☛&nbsp;❛ this blog tracks the tag <strong>#droetonae.</strong></p>
  862. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛&nbsp;this blog is&nbsp;<strong>singleship,&nbsp;</strong>always guided by&nbsp;<strong>chemistry.</strong></span></p>
  863. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛ this blog is&nbsp;<strong>selective&nbsp;</strong>&amp;&nbsp;<strong>private.&nbsp;</strong>this means my interactions are close only to&nbsp;<strong>mutuals,&nbsp;</strong>unless stated otherwise previously.</span></p>
  864. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛&nbsp;i consider roleplaying&nbsp;<strong>a hobby,&nbsp;</strong>rushing does no effect on me, so please, try to avoid this action. i will always take&nbsp;<strong>responsability&nbsp;</strong>on replying you, unless for some reason i prefer to&nbsp;<strong>drop the thread</strong>, in this case, i will make sure&nbsp;<strong>to notice you.</strong></span></p>
  865. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛ mun is&nbsp;<strong>underage</strong>, nsfw is not tolerated, unless&nbsp;<strong>extremely special cases.</strong></span></p>
  866. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛&nbsp;<strong>anon hate&nbsp;</strong>is not tolerated.</span></p>
  867. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛ the icon style, headcanons, writing style, graphics, etc. are not for&nbsp;<strong>public use&nbsp;</strong>unless stated otherwise by me.</span></p>
  868. </blockquote>
  869. <p><span style="line-height: 19.6000003814697px;"></span></p>
  870. <blockquote>
  871. <p><strong><span style="line-height: 19.6000003814697px;">BLACKLISTING,</span></strong></p>
  872. <p><span style="line-height: 19.6000003814697px;">☛&nbsp;❛ blacklist is under these&nbsp;<strong>triggers,&nbsp;</strong>i would highly appreciate if you tagged these.</span></p>
  873. <p><strong><span style="line-height: 19.6000003814697px;">&nbsp; &nbsp; &nbsp; &nbsp;negativity tw, relatives death tw, spoilers tw,&nbsp;</span></strong></p>
  874. <p><strong><span style="line-height: 19.6000003814697px;">&nbsp; &nbsp; &nbsp; &nbsp;</span></strong><span style="line-height: 19.6000003814697px;">or</span><strong><span style="line-height: 19.6000003814697px;"> also&nbsp;</span></strong><span style="line-height: 19.6000003814697px;">i would extremely appreciate if you tagged instead as</span></p>
  875. <p><span style="line-height: 19.6000003814697px;">&nbsp; <strong>#sekhmet don't watch&nbsp;</strong>or&nbsp;<strong>#tw for sekhmet.&nbsp;</strong>or also&nbsp;<strong>#munnie don't watch.</strong></span></p>
  876. </blockquote>
  877. <p><span style="line-height: 19.6000003814697px;"></span></p>
  878. <blockquote>
  879. <p><span style="line-height: 19.6000003814697px;"><strong>ACCLARATIONS &amp; CREDITS.</strong></span></p>
  880. <p><span style="line-height: 19.6000003814697px;"><span style="line-height: 19.6000003814697px;">☛&nbsp;❛ the <strong>background image</strong> for the theme is made by<strong> @bara-chan</strong> on deviantart, the theme edit is made by <strong>me,</strong> as well as the <strong>coding,</strong> with the exception that the coding for the ask is provided by <strong>@cosmicunit</strong> on tumblr <strong>!</strong> the art used on the <strong>icons,<em> none of them are mine.</em> </strong>will be credited on a future.&nbsp;, the screenshots used on these are taken by me, from various xmen films.</span></span></p>
  881. </blockquote>
  882. </div>
  883. </div>
  884. </div>
  885. </div>
  886.  
  887.  
  888. </center>
  889. </div>
  890.  
  891.  
  892. <div id="box4" class="popup_block">
  893.  
  894. <div id="content">
  895. <center>
  896. <img src="http://orig08.deviantart.net/b9c8/f/2015/180/f/0/sin_ttulo_3_copia_by_bubulae-d8zak48.png">
  897.  
  898. <center>
  899. <div style="overflow:auto; height:200px;">
  900. <div style="padding:10px;"><div align="left"><p><img src="https://36.media.tumblr.com/8d7bfe71e866816ab0187c9163389898/tumblr_inline_nqierwoz1x1txnb0j_500.png" /></p><p><strong style="line-height: 1.4;">full name:</strong><span style="line-height: 1.4;"> clarice ferguson.</span></p>
  901. <p><strong>nicknames:</strong> blink.</p>
  902. <p><strong>gender:</strong> cis-female.</p>
  903. <p><strong>orientation:</strong> panromantic demisexual.</p>
  904. <p><strong>age:</strong> unknow.</p>
  905. <p><strong>personality traits:</strong>&nbsp;Due to her very loud appearance, Clarice is a very shy and quiet person. Most of the activities she participates in involve some degree of seclusion, including reading and academic study. She is quite kind, though at times she can be somewhat naive due to her limited interaction with others.</p>
  906. <p><strong>habilities:</strong>&nbsp;<span style="line-height: 21px;">clarice can create teleportation portals. she can maintain multiple portals at once, opening and closing them at will. when she closes the portal, any object in the portal is cut off. she primarily uses these powers for defense and transportation.</span></p>
  907. </div>
  908. </div>
  909. </div>
  910. </div>
  911.  
  912. <!-- QUESTION POSTS -->
  913. {block:Answer}
  914. <div id="ask">
  915. <div class="as">
  916. <div class="aske">{Asker}</div>
  917. <div class="que">{Question}</div>
  918. </div>
  919. </div>
  920. <div class="ans">{Answer}</div>
  921. {/block:Answer}
  922. </div>
  923.  
  924. </body>
  925.  
  926. </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!