API tools faq
paste
tiffxny21

retired gladio

tiffxny21
Feb 12th, 2020
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.98 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!---Soaring // Theme #6 by Schnee Themes--->
  12.  
  13. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44. <!---POP UP ASK BOX--->
  45. <script type="text/javascript"
  46. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47. <script>
  48. $(document).ready(function() {
  49. //
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel'); //Get Popup Name
  52. var popURL = $(this).attr('href'); //Get Popup href to define size
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  56. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  57. var popMargTop = ($('#' + popID).height() + 80) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  59. //Apply Margin to Popup
  60. $('#' + popID).css({
  61. 'margin-top' : -popMargTop,
  62. 'margin-left' : -popMargLeft
  63. });
  64. $('body').append('<div id="fade"></div>');
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  66. return false;
  67. });
  68. $('a.close, #fade').live('click', function() {
  69. $('#fade , .popup_block').fadeOut(function() {
  70. $('#fade, a.close').remove(); //fade them both out
  71. });
  72. return false;
  73. });
  74. });
  75. </script>
  76.  
  77.  
  78. <!---END--->
  79.  
  80. <!---COLORS--->
  81.  
  82. <meta name="color:background" content="#adadad">
  83.  
  84. <meta name="color:links" content="#9d2e4c">
  85. <meta name="color:links hover" content="#ffffff">
  86.  
  87. <meta name="color:navigation" content="#000000">
  88. <meta name="color:navigation hover" content="#ffffff">
  89.  
  90. <meta name="color:text" content="#b00000">
  91. <meta name="color:text shadow" content="#000000">
  92.  
  93. <meta name="color:blockquote" content="#a77dc2">
  94. <meta name="color:blockquote text" content="#c28ce5">
  95.  
  96. <meta name="color:numeral list" content="#ffffff">
  97. <meta name="color:bullet list" content="#ffffff">
  98. <meta name="color:list shadow" content="#000000">
  99.  
  100. <meta name="color:strikethrough" content="#f2992e">
  101. <meta name="color:strike shadow" content="#000000">
  102.  
  103. <meta name="color:header 1" content="#2b23cc">
  104. <meta name="color:header 1 shadow" content="#000000">
  105.  
  106. <meta name="color:header 2" content="#ff44dd">
  107. <meta name="color:header 2 shadow" content="#000000">
  108.  
  109. <meta name="color:header 3" content="#890000">
  110. <meta name="color:header 3 shadow" content="#000000">
  111.  
  112. <meta name="color:header 4" content="#ffffff">
  113.  
  114. <meta name="color:small" content="#ffffff">
  115. <meta name="color:small shadow" content="#000000">
  116.  
  117. <meta name="color:bold" content="#ffa781">
  118. <meta name="color:bold shadow" content="#000000">
  119.  
  120. <meta name="color:italic" content="#d7d42b">
  121. <meta name="color:italic shadow" content="#000000">
  122.  
  123. <meta name="color:ask text" content="#000000">
  124. <meta name="color:askbg" content="#c0bdbd">
  125. <meta name="color:ask border" content="#000000">
  126.  
  127. <meta name="color:info text" content="#890000">
  128. <meta name="color:info hover" content="#ffffff">
  129. <meta name="color:info bg" content="#2b2b2b">
  130. <meta name="color:info border" content="#000000">
  131.  
  132. <meta name="color:pre" content="#656565">
  133.  
  134. <meta name="color:tags" content="#000000">
  135. <meta name="color:tags hover" content="#f2992e">
  136.  
  137. <meta name="color:credit" content="#000000">
  138.  
  139. <meta name="color:tip" content="#ffffff">
  140.  
  141. <meta name="color:highlight background" content="#000000">
  142. <meta name="color:highlight text" content="#ffffff">
  143.  
  144. <!---IMAGES--->
  145.  
  146. <meta name="image:background" content="https://static.tumblr.com/jhua2co/3Xup7hxaf/soaring.png"/>
  147. <meta name="image:info" content="https://static.tumblr.com/jhua2co/10golu2gq/txt1.jpg"/>
  148. <meta name="image:pop" content="https://static.tumblr.com/jhua2co/segolu2lv/texture_02_by_forgettingyou-d4ta2in.jpg"/>
  149. <meta name="image:tip" content="https://static.tumblr.com/jhua2co/kKWolu2ng/_clock_texture_3.png"/>
  150. <meta name="image:quote" content="https://static.tumblr.com/jhua2co/DIIolu2q6/txt3.png"/>
  151. <meta name="image:credit" content="https://static.tumblr.com/jhua2co/76colu2s1/txt1.jpg"/>
  152. <meta name="image:banner" content="https://static.tumblr.com/jhua2co/5OEolr8d2/texture__2.jpg"/>
  153.  
  154. <!---CUSTOM FONTS--->
  155. <!---if you don't want these fonts, feel free to change and replace them~ --->
  156.  
  157. <link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  158. <link href='https://fonts.googleapis.com/css?family=Arima+Madurai' rel='stylesheet' type='text/css'>
  159. <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet" type="text/css">
  160. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
  161. <link href="https://fonts.googleapis.com/css?family=Flamenco" rel="stylesheet" type="text/css">
  162. <link href="https://fonts.googleapis.com/css?family=Yellowtail" rel="stylesheet" type="text/css">
  163. <link href="https://fonts.googleapis.com/css?family=Mirza" rel="stylesheet" type="text/css">
  164. <link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet" type="text/css">
  165. <link href="https://fonts.googleapis.com/css?family=Coda" rel="stylesheet" type="text/css">
  166. <link href="https://fonts.googleapis.com/css?family=Kelly+Slab" rel="stylesheet" type="text/css">
  167. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
  168. <link href="https://fonts.googleapis.com/css?family=Crushed" rel="stylesheet" type="text/css">
  169. <link href="https://fonts.googleapis.com/css?family=Passion+One" rel="stylesheet" type="text/css">
  170. <link href="https://fonts.googleapis.com/css?family=Marvel" rel="stylesheet" type="text/css">
  171. <link href="https://fonts.googleapis.com/css?family=Damion" rel="stylesheet" type="text/css">
  172. <link href="https://fonts.googleapis.com/css?family=Ruthie&display=swap" rel="stylesheet">
  173. <link href="https://fonts.googleapis.com/css?family=Mr+De+Haviland&display=swap" rel="stylesheet">
  174.  
  175.  
  176. <style type="text/css">
  177.  
  178. /*--SCROLLBAR--*/
  179.  
  180. ::-webkit-scrollbar-thumb{
  181. background-color: transparent;
  182. border-radius:0px;
  183. height:auto;
  184. }
  185.  
  186. ::-webkit-scrollbar {
  187. height:auto;
  188. width:4px;
  189. border: 1px transparent;
  190. border-radius:0px;
  191. }
  192.  
  193. /*--HIGHLIGHT COLORS--*/
  194.  
  195. ::selection {
  196. background: {color:highlight background};
  197. color: {color:highlight text};
  198. }
  199. ::-moz-selection {
  200. background: {color:highlight background};
  201. color: {color:highlight text};
  202. }
  203.  
  204. /*--CURSOR--*/
  205.  
  206. /*cursor code, change image to change cursor*/
  207. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  208.  
  209.  
  210. *,body, a:hover {cursor: url(https://66.media.tumblr.com/0fd8b6e91fb0ca37d03caa3b4bcd11cf/38ab7f2c2f5ff87e-e5/s75x75_c1/723c08833611f75081426058676578fe1174a6c0.gif), progress !important;}
  211.  
  212. /*--BLOG BUILDING--*/
  213.  
  214. /*--BACKGROUND & BODY--*/
  215.  
  216. body {
  217. background-color:{color:background};
  218. background-image: url("{image:background}"); /*can be changed, if you want to use a link instead, just delete {image:background} */
  219. font-family: calibri;
  220. font-size:11px;
  221. line-height:17px;
  222. background-position: top left;
  223. background-repeat: no-repeat;
  224. background-attachment: fixed;
  225.  
  226. color:{color:text};
  227. }
  228.  
  229. /*--LINKS--*/
  230.  
  231. a {
  232. color:{color:links};
  233. text-decoration:none;
  234. }
  235.  
  236. a:hover {
  237. color:{color:links hover};
  238. }
  239.  
  240. /*--START OF TEXT DECORATIONS--*/
  241.  
  242. /*--BOLD--*/
  243.  
  244. b, strong {
  245. color:{color:bold};
  246. text-shadow: 1px 1px 1px {color:bold shadow}; /*optional! If you don't want shadows, just delete this line!*/
  247. font-size:20px;
  248. font-family: 'Crushed';
  249. }
  250.  
  251.  
  252.  
  253. i, italic, em {
  254. font-family: 'Ruthie', cursive;
  255. font-size: 18px;
  256. font-weight:900;
  257. text-transform: italic;
  258. line-height:90%;
  259. color:{color:italic};
  260. text-shadow:0px 0px 4px #b2b2b2;
  261. text-transform:none;
  262. letter-spacing:1px;
  263.  
  264. }
  265.  
  266.  
  267. pre {
  268. font-size: 12px;
  269. border-left: 3px solid #925a87;
  270. padding: 5px;
  271. font-family: courier new;
  272. font-style: none;
  273. background: {color:pre} url('');
  274. text-transform: uppercase;
  275. text-align:left;
  276. white-space: pre-wrap;
  277. white-space: -moz-pre-wrap;
  278. white-space: -pre-wrap;
  279. white-space: -o-pre-wrap;
  280. word-wrap: break-word;
  281. }
  282.  
  283.  
  284.  
  285. /*--STRIKETHROUGH--*/
  286.  
  287. strike, strikethrough {
  288. color:{color:strikethrough};
  289. text-shadow: 1px 1px 1px {color:strike shadow}; /*optional! If you don't want shadows, just delete this line!*/
  290. font-size:16px;
  291. font-family:'Flamenco';
  292. }
  293.  
  294. /*--SMALL TEXT--*/
  295.  
  296. small, sub, sup {
  297. color:{color:small};
  298. text-shadow: 1px 1px 1px {color:small shadow}; /*optional! If you don't want shadows, just delete this line!*/
  299. font-size:11px;
  300. font-family:'Coda';
  301. }
  302.  
  303. /*--HEADER 1 (aka post title)--*/
  304.  
  305. h1 {
  306. font-size: 30px;
  307. color: {color:header1};
  308. text-shadow: 1px 1px 1px {color:header 1 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  309. font-family: 'Damion';
  310. }
  311.  
  312. /*--HEADER 2 (header used IN posts)--*/
  313.  
  314. h2 {
  315. font-family:'Mirza';
  316. font-size:30px;
  317. color: {color:header2};
  318. text-shadow: 1px 1px 1px {color:header 2 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  319. text-align:center;
  320. line-height:25px;
  321. padding:0 6px 0 6px;
  322. }
  323.  
  324. /*--HEADER 3 (aka quote source)--*/
  325.  
  326. h3 {
  327. font-size: 30px;
  328. color: {color:link};
  329. text-shadow: 1px 1px 1px {color:header 1 shadow}; /*optional! If you don't want shadows, just delete this line!*/
  330. font-family: 'Coming Soon';
  331. text-transform: uppercase;
  332. }
  333.  
  334. /*--HEADER 4 (aka banners)--*/
  335.  
  336. h4 {
  337. background-image: url("{image:banner}");
  338. background-repeat: repeat;
  339. background-attachment: fixed;
  340. border-left: solid 1px #9b9b9b;
  341. border-top: solid 1px #9b9b9b;
  342. border-right: solid 1px #9b9b9b;
  343. border-bottom: solid 1px #9b9b9b;
  344. padding:1px;
  345. color:#e6e6e6;
  346. text-shadow:1px 1px 0px #000,
  347. 1px -1px 0px #000,
  348. -1px -1px 0px #000,
  349. -1px 1px 0px #000,
  350. 0px 1px 0px #000,
  351. 0px -1px 0px #000,
  352. 1px 0px 0px #000,
  353. -1px 0px 0px #000;
  354. font-size:20px;
  355. font-family:'Dancing Script';
  356. text-transform:none;
  357. letter-spacing:1px;
  358. text-align:center;}
  359.  
  360. /*--END OF TEXT DECORATIONS--*/
  361.  
  362.  
  363. /*--START OF POSTS--*/
  364.  
  365. /*--CONTAINER--*/
  366.  
  367. #container {
  368. position:absolute;
  369. top:61px;
  370. left:652px;
  371. /* If you want a border, just add 'border: _px solid #color;' */
  372. height:524px;
  373. width:460px;
  374. word-wrap: break-word;
  375. z-index:999;
  376. overflow-y:scroll;
  377. background:transparent;
  378. }
  379.  
  380. /*--POSTS--*/
  381.  
  382. .posts {
  383. width:430px;
  384. padding:5px;
  385. margin-bottom:30px;
  386. }
  387.  
  388. /*--BLOCKQUOTE--*/
  389.  
  390. blockquote {
  391. padding:2px 7px;
  392. margin:3px 0 3px 8px;
  393. font-size:15px;
  394. border-left: solid 3px {color:blockquote};
  395. color:{color:blockquotetext};
  396. text-shadow: 1px 1px 1px #000;
  397. font-family:'Arima Madurai';
  398. }
  399.  
  400. blockquote img {
  401. max-width:100%;
  402. height:auto;
  403. }
  404.  
  405. img {
  406. max-width: 100%;
  407. }
  408.  
  409. /*--LIST--*/
  410.  
  411. /*--ORDERED LIST (NUMERALS)--*/
  412.  
  413. ol {
  414. list-style-type:upper-roman;
  415. font-family:'Gruppo';
  416. font-size:20px;
  417. color: {color:numeral list};
  418. }
  419.  
  420. /*--UNORDERED LIST (BULLETS)--*/
  421.  
  422. ul {
  423. list-style-type:square;
  424. font-family:'Marvel';
  425. font-size:20px;
  426. color: {color:bullet list};
  427. }
  428.  
  429. /*--END OF POSTS--*/
  430.  
  431. /*--START OF NAVIGATION--*/
  432.  
  433.  
  434. /*--SCATTERED LINKS--*/
  435.  
  436. .link1 {
  437. position: fixed;
  438. top: 620px;
  439. left: 1210px;
  440. transform:rotate(20deg);
  441. }
  442.  
  443. .link1 a {
  444. font-family: 'Kelly Slab';
  445. font-size: 120px;
  446. color: {color:navigation};
  447. text-shadow: 0px 0px 8px #ddcbc3;
  448. }
  449.  
  450. .link1 a:hover {
  451. color: {color:navigation hover};
  452. }
  453.  
  454. .link2 {
  455. position: fixed;
  456. top: 100px;
  457. left: 480px;
  458. transform:rotate(-15deg);
  459. }
  460.  
  461. .link2 a {
  462. font-family: 'Kelly Slab';
  463. font-size: 100px;
  464. color: {color:navigation};
  465. text-shadow: 0px 0px 8px #ddcbc3;
  466. }
  467.  
  468. .link2 a:hover {
  469. color: {color:navigation hover};
  470. }
  471.  
  472. .link3 {
  473. position: fixed;
  474. top: 350px;
  475. left: 275px;
  476. transform:rotate(30deg);
  477. }
  478.  
  479. .link3 a {
  480. font-family: 'Kelly Slab';
  481. font-size: 100px;
  482. color: {color:navigation};
  483. text-shadow: 0px 0px 8px #ddcbc3;
  484. }
  485.  
  486. .link3 a:hover {
  487. color: {color:navigation hover};
  488. }
  489.  
  490. .link4 {
  491. position: fixed;
  492. top: 530px;
  493. left: 450px;
  494. transform:rotate(-40deg);
  495. }
  496.  
  497. .link4 a {
  498. font-family: 'Kelly Slab';
  499. font-size: 100px;
  500. color: {color:navigation};
  501. text-shadow: 0px 0px 8px #ddcbc3;
  502. }
  503.  
  504. .link4 a:hover {
  505. color: {color:navigation hover};
  506. }
  507.  
  508. .link5 {
  509. position: fixed;
  510. top: 400px;
  511. left: 1130px;
  512. transform:rotate(30deg);
  513. }
  514.  
  515. .link5 a {
  516. font-family: 'Kelly Slab';
  517. font-size: 100px;
  518. color: {color:navigation};
  519. text-shadow: 0px 0px 8px #ddcbc3;
  520. }
  521.  
  522. .link5 a:hover {
  523. color: {color:navigation hover};
  524. }
  525.  
  526. .link6 {
  527. position: fixed;
  528. top: 50px;
  529. left: 1130px;
  530. transform:rotate(-40deg);
  531. }
  532.  
  533. .link6 a {
  534. font-family: 'Kelly Slab';
  535. font-size: 100px;
  536. color: {color:navigation};
  537. text-shadow: 0px 0px 8px #ddcbc3;
  538. }
  539.  
  540. .link6 a:hover {
  541. color: {color:navigation hover};
  542. }
  543.  
  544. .link7 {
  545. position: fixed;
  546. top: 220px;
  547. left: 1200px;
  548. transform:rotate(-40deg);
  549. }
  550.  
  551. .link7 a {
  552. font-family: 'Kelly Slab';
  553. font-size: 100px;
  554. color: {color:navigation};
  555. text-shadow: 0px 0px 8px #ddcbc3;
  556. }
  557.  
  558. .link7 a:hover {
  559. color: {color:navigation hover};
  560. }
  561.  
  562. /*--CREDIT. DO NOT REMOVE--*/
  563.  
  564. #credit {
  565. bottom:10px;
  566. left:10px;
  567. font-size:15px;
  568. position:fixed;
  569. color: {color:credit};
  570. text-shadow: 0px 0px 8px #fff;
  571. font-family:'Marvel';
  572. border: 1px solid #000;
  573. padding:3px 7px 3px 8px;
  574. text-transform:none;
  575. z-index:999999999999;
  576. letter-spacing:2px;
  577. border-radius:5px;
  578. }
  579.  
  580. /*--PAGINATION--*/
  581.  
  582. .pagination {
  583. top: 35px;
  584. left: 800px;
  585. position: fixed;
  586. text-align: left;
  587. letter-spacing:1px;
  588. text-transform:none;
  589.  
  590. }
  591.  
  592. .pagination a {
  593. color: {color:link};
  594. text-transform:none;
  595. font-family:'Lobster Two';
  596. letter-spacing:0px;
  597. font-size:16px;
  598. }
  599.  
  600. .pagination a:hover{
  601. color:{color:link hover};
  602. -webkit-transition:all .5s ease-in-out;
  603. -moz-transition:all .5s ease-in-out;
  604. transition:all .5s ease-in-out;
  605. }
  606.  
  607. /*--END OF NAVIGATION--*/
  608.  
  609. /*--START OF MISC--*/
  610.  
  611.  
  612. /*--TOOLTIP--*/
  613.  
  614. #s-m-t-tooltip {
  615. max-width:300px;
  616. padding:3px 7px 3px 8px;
  617. margin:-20px 0px 0px 20px;
  618. background-color:{color:background};
  619. background-image:url("https://static.tumblr.com/jhua2co/cDnoihunq/01.jpg"); /* remove link and replace with "{image:tip}" if you don't want a gif */
  620. background-repeat:repeat;
  621. background-attachment:fixed;
  622. border:1px solid #000000;
  623. color:#000000;
  624. font-size:13px;
  625. font-family:'Oswald';
  626. text-transform:none;
  627. z-index:999999999999;
  628. letter-spacing:2px;
  629. }
  630.  
  631. /*--ASKS--*/
  632.  
  633. /* ASK DESIGN */
  634.  
  635. #asker {
  636. font-family: 'Montserrat', sans-serif;
  637. text-transform:uppercase;
  638. font-style:normal;
  639. text-shadow: 0px 0px 1px #111;
  640. margin-left:65px;
  641. margin-top:-45px;
  642. font-size:13px;
  643. }
  644.  
  645. #asker a {
  646. font-family: 'Mr De Haviland', cursive;
  647. text-transform:none;
  648. font-style:normal;
  649. text-shadow: 0px 0px 1px #111;
  650. font-size:30px;
  651. }
  652.  
  653. #askerline {
  654. font-family: 'Montserrat', sans-serif;
  655. color:#925a87;
  656. font-size:9px;
  657. text-transform:uppercase;
  658. margin-left:65px;
  659. text-shadow: 0px 0px 1px #111;
  660. }
  661.  
  662. #question {
  663. background-image: url('');
  664. background-repeat:repeat;
  665. margin-top:12px;
  666. width:420px;
  667. background-color:#202020;
  668. border-left: solid 2px #925a87;
  669. border-right: solid 2px #925a87;
  670. padding:7px;
  671. text-transform:uppercase;
  672. text-align:center;
  673. letter-spacing:1px;
  674. font-size:7px;
  675. font-weight:900;
  676. font-family:trebuchet ms;
  677. color:#fff;
  678. text-shadow:0 0 1px #000;
  679. }
  680.  
  681. #answer {
  682. margin-top:20px;
  683. }
  684.  
  685.  
  686. iframe#ask_form {
  687. min-height:270px;
  688.  
  689.  
  690. }
  691.  
  692. /*--QUOTE--*/
  693.  
  694. .quotemarkleft {
  695. font-size: 80px;
  696. font-family: 'Fredericka the Great';
  697. font-weight: bold;
  698. line-height: 100px;
  699. position: relative;
  700. margin: 0px 0 -70px 30px;
  701. color: #7c373d;
  702. opacity: 0.9;
  703. }
  704.  
  705. .quotemarkright {
  706. font-family: 'Fredericka the Great';
  707. font-size: 80px;
  708. font-weight: bold;
  709. padding-right: 0px;
  710. line-height: 30px;
  711. text-align: right;
  712. position: relative;
  713. margin:0 30px 0 -10px;
  714. color: #7c373d;
  715. opacity: 0.97;
  716. }
  717.  
  718.  
  719. #quote {
  720. background:url("{image:quote}");
  721. background-repeat:repeat;
  722. background-attachment:fixed;
  723. font-family:'Risque';
  724. color:{color:ask text};
  725. font-size:12px;
  726. text-align:center;
  727. line-height:200%;
  728. padding:5px;
  729. padding-top:12px;
  730. padding-bottom:8px;
  731. }
  732.  
  733. .qsource{
  734. padding-top:3px;
  735. padding-bottom:1px;
  736. font-family:'Risque';
  737. font-size:15px;
  738. text-align:right;
  739. }
  740.  
  741. /*--NOTES--*/
  742.  
  743. .note {
  744. text-transform:none;
  745. word-wrap: break-word;
  746. font-style:normal;
  747. letter-spacing:0px;
  748. width: 250px;
  749. font-size: 12px;
  750. text-align:left;
  751. line-height:90%;
  752. margin-left:-10px;
  753. }
  754.  
  755. .note li {
  756. list-style-type:none;
  757. padding:10px 25px 10px 25px;
  758. text-align:left;
  759. margin:0px;
  760. -moz-transition-duration:0.5s;
  761. -webkit-transition-duration:0.5s;
  762. -o-transition-duration:0.5s;
  763. }
  764.  
  765. /*--INFO--*/
  766.  
  767. #info {
  768. font-family: 'Pompiere';
  769. width:430px;
  770. height:auto;
  771. margin-top:5px;
  772. padding-top:5px;
  773. margin-left:auto;
  774. margin-right:auto;
  775. padding-top:7px;
  776. font-size:25px;
  777. color:{color:info text};
  778. text-transform:none;
  779. letter-spacing:1px;
  780. font-style:normal;
  781. text-align:center;
  782. padding:4px;
  783. background-image:url("{image:info}"); /* remove link and replace with "{image:info}" if you don't want a gif */
  784. background-repeat:repeat;
  785. background-attachment:fixed;
  786. border:solid {color:info border} 1px;
  787. }
  788.  
  789.  
  790. #info a {
  791. color:{color:info text};
  792. }
  793.  
  794. #info a:hover {
  795. color:{color:info hover};
  796. margin-right: auto;
  797. -webkit-transition:all .1s ease-in-out;
  798. -moz-transition:all .1s ease-in-out;
  799. }
  800.  
  801. /*--TAGS--*/
  802.  
  803. .tags {
  804. text-align:left;
  805. }
  806.  
  807. .tags a {
  808. text-decoration:none;
  809. font-size: 11px;
  810. color:{color:tags};
  811. font-family:arial;
  812. }
  813.  
  814. .tags a:hover {
  815. color:{color:tags hover};
  816. }
  817.  
  818. /*--END OF MISC--*/
  819.  
  820. /*--START OF POP UP BOXES--*/
  821.  
  822.  
  823. /*--POP UP BOX--*/
  824.  
  825. .popup_block {
  826. text-align:justify;
  827. width: 200px;
  828. max-height: 480px;
  829. overflow-y:scroll;
  830. overflow-x:hidden;
  831. display:none;
  832. background:url('{image:pop}');
  833. padding:20px;
  834. float:left;
  835. position:fixed;
  836. top:45%;
  837. left:895px;
  838. z-index: 99999;
  839. -webkit-box-shadow: 0px 0px 20px #000;
  840. -moz-box-shadow: 0px 0px 20px #000;
  841. box-shadow: 0px 0px 20px #000;
  842. }
  843.  
  844. /*--FADE--*/
  845.  
  846. *html #fade {position: absolute;}
  847. *html .popup_block {position: absolute;}
  848. #fade {
  849. display:none;
  850. position:fixed;
  851. left:0px;
  852. top:0px;
  853. width:100%;
  854. height:100%;
  855. z-index:9999;
  856. background:#000;
  857. opacity:0.5;
  858. }
  859.  
  860. /*--END OF BUILDING--*/
  861.  
  862. </style>
  863.  
  864. <body>
  865.  
  866. <!---FILL IT IN--->
  867.  
  868. <!---LINKS--->
  869. <div id="sidebar">
  870. <div class="link1"><a href="#?w=400" rel="update" class="poplight" title="updates">★</a></div>
  871. <div class="link2"><a href="/" title="refresh">I</a></div>
  872. <div class="link3"><a href="#?w=400" rel="askbox" class="poplight" title="ask">II</a></div>
  873. <div class="link4"><a href="#?w=400" rel="box2" class="poplight" title="laws">III</a></div>
  874. <div class="link5"><a href="#?w=400" rel="box3" class="poplight" title="about">IV</a></div>
  875. <div class="link6"><a href="#?w=400" rel="box4" class="poplight" title="navigation">V</a></div>
  876. <div class="link7"><a href="#?w=400" rel="box5" class="poplight" title="verses">VI</a></div>
  877. </div>
  878. </div>
  879.  
  880. <!---CREDIT--->
  881.  
  882. <div id="credit"><a href="https://fazbearsources.tumblr.com/">❄</a></div>
  883.  
  884. <!---PAGINATION--->
  885.  
  886. <div class="pagination">
  887.  
  888. <center>{block:Pagination}
  889.  
  890. {block:PreviousPage}<a href="{PreviousPage}" title="newer posts">advance</a>{/block:PreviousPage} &nbsp;&nbsp; <b>/</b> &nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" title="older posts">retreat</a><br />{/block:NextPage}
  891.  
  892.  
  893.  
  894.  
  895.  
  896. {/block:Pagination}</div></center></div>
  897. </div></div></div>
  898.  
  899. </div>
  900.  
  901. <!---ASK--->
  902.  
  903. <div id="askbox" class="popup_block">
  904. <h2>INQUIRIES.</h2>
  905. <br>
  906. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="290" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  907. </center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
  908. </div>
  909.  
  910. </div></div></div></div></div></div></div></div></div></div>
  911.  
  912. </div>
  913.  
  914. <!---UPDATES--->
  915.  
  916. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  917. <div id="update" class="popup_block">
  918. <h2>Information.</h2>
  919. <h4>Gladiolus Amicitia</h4>
  920. <center><small>
  921. Indie. Private. Selective. Final Fantasy XV.<br>
  922. Canon & Canon Divergent.<br>
  923. Multiverse. Nonship.<br>
  924. Secondary Blog.
  925.  
  926. <br><br>
  927.  
  928. ᴘʟᴇᴀsᴇ ʀᴇᴀᴅ ʀᴜʟᴇs!
  929.  
  930. <br><br>
  931.  
  932.  
  933. <h4>Tracking</h4>
  934.  
  935. <a href="https://www.tumblr.com/tagged/scutoxamorisxdivini">#𝘴𝘤𝘶𝘵𝘰𝘹𝘢𝘮𝘰𝘳𝘪𝘴𝘹𝘥𝘪𝘷𝘪𝘯𝘪</a>
  936.  
  937.  
  938.  
  939. <h4>Updates</h4>
  940. memes: 00<br>
  941. starters: 00<br>
  942. drafts: 00<br>
  943. queue: 00</small></center>
  944. </div>
  945. </div>
  946. <!--END OF BOX -->
  947.  
  948. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  949. <div id="box2" class="popup_block">
  950. <h2>Law to Abide.</h2>
  951.  
  952. <center>
  953. This blog is private, selective, & low activity due to time constraints.<br>
  954. Here are a few rules to this blog, please respect them.<br><br>
  955. </center>
  956.  
  957. <h4>Before following me.</h4>
  958. <small>Please, trim your roleplays. I am not 100% follow back. I am picky with whom I follow. If there are too many ooc posts, I will not follow. Original Characters, please make sure that you have a biography on your blog. Otherwise, we won’t be interacting. This doesn’t mean I don’t want to interact with you. Personal blogs will be blocked. Also, you will be followed by benedictusxlunaris which is my main to this secondary blog.</small>
  959.  
  960. <h4>Interaction.</h4>
  961. <small>If you have thoughts on what to rp, by all means, come into my IM’s to discuss anything. If you don’t have anything in mind, just toss me a meme to start something up. If you choose to continue an ask, please feel free to respond to the ask. I place the question in new text for that reason. Do not send me shippy starters or memes if we haven’t hinted or discussed it prior.</small>
  962.  
  963. <h4>Format.</h4>
  964. <small>I do use icons in my responses only, but you don’t have to. I’d appreciate it if you used small text, but it’s not a requirement. Huge gifs, normal text, & one-liners are my pet peeves. I will take the liberty to turn text into small when I reblog for the sake of keeping my blog’s format. Paragraphs are REQUIRED! I am not a grammar nazi, but please give me something to work with. Anything under a para will be ignored. You do not need to have the same length as my posting, but it would be nice if you did.</small>
  965.  
  966. <h4>Thread Tracking.</h4>
  967. <small>I do have a thread tracker to keep tabs on what’s owed & what I owe. These will be updated as soon as something starts up between us. To keep my thread tracker clean if it’s been more than a month without any activity it will be moved over to my archive.</small>
  968.  
  969. <h4>Regarding nsfw.</h4>
  970. <small>Anything containing dark themes & triggers will not be placed under a ‘read more’. As for sexual encounters, they will be. However, it is highly unlikely smut will be happening on this blog at the moment. All will be tagged appropriately. If you are under the age of 18, please do not even attempt anything sexual with my muse. You will automatically be blocked. I don't have any triggers or topics I'll refuse to write. This blog may be trigger heavy.</small>
  971.  
  972. <h4>Regarding Ships.</h4>
  973. <small>This blog is nonship currently. This may change in the future!</small>
  974.  
  975. <h4>No Godmodding.</h4>
  976. <small>This is a simple rule & probably something everyone has mentioned. I do accept it a bit to push a thread onward. However, if you do take control of my character & I’ve already given a warning, I’ll have to block you.</small>
  977.  
  978. <h4>Regarding Hate.</h4>
  979. <small>
  980. <a href="https://alphaxreyes.tumblr.com/pledge">This RPer took the Roleplay Anti-Hate Pledge</a>. This blog is ANTI-HATE ! NO HATE will be responded to no matter what. Vague blogging. It is not tolerated. If I see it, I will unfollow you without question. It will definitely be PERMANENT. This is nothing against anyone. I just don’t appreciate things like this.</small>
  981.  
  982. <h4>Reminder or Pestering.</h4>
  983. <small>If I don’t reply to you for more than 1 to 3 days without notice on any thread, the chances I might have forgotten. Please point me to the thread I need to reply. If I am STILL not replying after the reminder, it means you are now violating a rule.</small>
  984.  
  985. <h4>Mun ≠ Muse.</h4>
  986. <small>Mun is not the muse. Don’t get offended by my muses actions or words. In no way is it directed towards you, the mun.</small>
  987.  
  988. <br><br>
  989.  
  990. <center><small><i>Rules are subject to change...</i></small></center>
  991. </div>
  992. </div>
  993. <!--END OF BOX -->
  994.  
  995.  
  996. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  997. <div id="box3" class="popup_block">
  998. <h2>About.</h2>
  999.  
  1000. <h4>Title/Quote/Whatever you want here.</h4>
  1001. <small><blockquote>This is your about page!! Fill it in as long as you want!! </small></blockquote>
  1002.  
  1003. <h4>Title/Quote/Whatever you want here.</h4>
  1004. <small><blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam fermentum turpis vitae feugiat. Mauris efficitur turpis dapibus nunc mollis maximus. Integer quam lectus, aliquam nec vestibulum convallis, pretium non ante. Aenean arcu augue, laoreet nec vestibulum vel, feugiat id nisl. Suspendisse ut eros consequat, auctor felis sed, fermentum dolor. Nam ut nisi velit. Sed vulputate risus at lacus gravida blandit.
  1005. <br><br>
  1006. In hac habitasse platea dictumst. Sed fringilla cursus est. Sed id massa vel nisl blandit posuere. Fusce ut nulla non mi lobortis sodales. In vitae lacus porttitor, vehicula magna id, laoreet tellus. In hac habitasse platea dictumst. Vestibulum tristique felis vel nisi posuere efficitur. Nunc malesuada auctor accumsan. Quisque enim augue, vehicula sit amet interdum ut, efficitur et enim.
  1007. </small></blockquote>
  1008.  
  1009. <h4>Title/Quote/Whatever you want here.</h4>
  1010. <small><blockquote>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet odio id enim semper efficitur. Praesent commodo urna in porta viverra. Integer tincidunt dapibus eros rhoncus sagittis. Etiam sit amet vestibulum justo. Donec egestas turpis quis luctus volutpat. Mauris tincidunt nibh eget orci luctus lobortis. Donec egestas hendrerit interdum. Curabitur pretium leo a libero posuere aliquam. Ut sed metus ut dui finibus varius. Sed odio tellus, porttitor non auctor at, commodo at est. Maecenas libero arcu, ultrices et mi sed, suscipit placerat risus.</small></blockquote>
  1011.  
  1012. <h4>Title/Quote/Whatever you want here.</h4>
  1013. <small><blockquote>Aliquam feugiat efficitur arcu, id aliquam mauris dapibus sit amet. Aliquam erat volutpat. Donec quis libero nulla. Ut tristique elementum nulla. Sed ante diam, condimentum ac odio et, aliquam efficitur arcu. Phasellus eget ex velit. Sed eu eros eu dui pulvinar fermentum. Aliquam aliquet semper mauris, dictum dictum risus molestie interdum.
  1014. </small></blockquote>
  1015. </div>
  1016. </div>
  1017. <!--END OF BOX -->
  1018.  
  1019. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1020. <div id="box4" class="popup_block">
  1021. <h2>Navigation.</h2>
  1022. <blockquote><small>This is your stats page! Fill in with your muse's name, age, birthday, relationships, everything basically~</small></blockquote>
  1023. </div>
  1024. </div>
  1025. <!--END OF BOX -->
  1026.  
  1027. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1028. <div id="box5" class="popup_block">
  1029. <h2>Verses.</h2>
  1030. <center><small>Put whatever you want here!</small></center>
  1031. </div>
  1032. </div>
  1033. <!--END OF BOX -->
  1034.  
  1035. <div id="container">
  1036.  
  1037. {block:Posts}
  1038.  
  1039. <div class="posts">
  1040.  
  1041. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1042.  
  1043. {block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1044.  
  1045. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1046.  
  1047. <center>{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1048.  
  1049. {block:Quote}<div id="quote"><h1>❝ {Quote} ❞</h1>{block:Source}<br><br> <div style="text-align: right;"><h3>━ {Source}</h3></div></div>{/block:Source}{/block:Quote}
  1050.  
  1051. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>{block:Description}{Description}{/block:Description}{/block:Link}
  1052.  
  1053. {block:Chat}{block:Title}<h2>{Title}</h2></a>{/block:Title}
  1054. {block:Lines}<i>{block:Label}{Label}{/block:Label}</i>&nbsp;{Line}<p>{/block:Lines}{/block:Chat}
  1055.  
  1056. <center>{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1057.  
  1058. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1059.  
  1060. <!---ASK && ANSWER--->
  1061.  
  1062. {block:Answer}
  1063. <img src="https://i.imgur.com/rplibdH.png" style="margin-top:20px; margin-left:10px; max-width:50px; " draggable="false">
  1064. <div id="asker"> {asker} </div>
  1065. <div id="askerline"> sent a question. </div>
  1066. <div id="question">{question}</div>
  1067. <div id="answer"> <p>{answer} </div>
  1068. {/block:Answer}
  1069.  
  1070. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">✦</a>
  1071. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount} notes">✦</a> ━ {/block:NoteCount}
  1072.  
  1073. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">✧</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">✧</a>{/block:ContentSource} ━ {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="reblog">★</a> </div>
  1074.  
  1075. {block:HasTags}
  1076. <div class="tags">
  1077. <center> {block:Tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:Tags} </div></center>
  1078. {/block:HasTags}
  1079. </div>
  1080.  
  1081. <div class="postnote">
  1082. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1083.  
  1084. {/block:Posts}
  1085.  
  1086. </body>
  1087.  
  1088. <!-- SCRIPTS -->
  1089.  
  1090. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1091. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1092.  
  1093. <script>
  1094. (function($){
  1095. $(document).ready(function(){
  1096. $("[title]").style_my_tooltips({
  1097. tip_follows_cursor:true,
  1098. tip_delay_time:90,
  1099. tip_fade_speed:600,
  1100. attribute:"title"});
  1101. });})(jQuery);
  1102. </script>
  1103.  
  1104. </div>
  1105. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!