API tools faq
paste
bbrose

Lucky

bbrose
Jan 20th, 2020 (edited)
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.99 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. <!---LUCKY // THEME #23 by UCHIHASOURCES--->
  12.  
  13. <!---POPUP BOXES--->
  14.  
  15. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script>
  17. $(document).ready(function() {
  18. //
  19. $('a.poplight[href^=#]').click(function() {
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21. var popURL = $(this).attr('href'); //Get Popup href to define size
  22. var query= popURL.split('?');
  23. var dim= query[1].split('&');
  24. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  25. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  26. var popMargTop = ($('#' + popID).height() + 80) / 2;
  27. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  28. //Apply Margin to Popup
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39. $('#fade, a.close').remove(); //fade them both out
  40. });
  41. return false;
  42. });
  43. });
  44. </script>
  45.  
  46. <!---POP UP ASK BOX--->
  47. <script type="text/javascript"
  48. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49. <script>
  50. $(document).ready(function() {
  51. //
  52. $('a.poplight[href^=#]').click(function() {
  53. var popID = $(this).attr('rel'); //Get Popup Name
  54. var popURL = $(this).attr('href'); //Get Popup href to define size
  55. var query= popURL.split('?');
  56. var dim= query[1].split('&');
  57. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  58. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  59. var popMargTop = ($('#' + popID).height() + 80) / 2;
  60. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  61. //Apply Margin to Popup
  62. $('#' + popID).css({
  63. 'margin-top' : -popMargTop,
  64. 'margin-left' : -popMargLeft
  65. });
  66. $('body').append('<div id="fade"></div>');
  67. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  68. return false;
  69. });
  70. $('a.close, #fade').live('click', function() {
  71. $('#fade , .popup_block').fadeOut(function() {
  72. $('#fade, a.close').remove(); //fade them both out
  73. });
  74. return false;
  75. });
  76. });
  77. </script>
  78.  
  79. <!---POP UP TABS--->
  80.  
  81. <script>
  82.  
  83. $(document).ready(function(){
  84. $("ul#tabs li").click(function(e){
  85. if (!$(this).hasClass("active")) {
  86. var tabNum = $(this).index();
  87. var nthChild = tabNum+1;
  88. $("ul#tabs li.active").removeClass("active");
  89. $(this).addClass("active");
  90. $("ul#tab li.active").removeClass("active");
  91. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  92. }
  93. });
  94. });
  95.  
  96. </script>
  97.  
  98. <!---DROP DOWN MENU--->
  99.  
  100. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  101. <script type="text/javascript">
  102. $(document).ready(function(){
  103. $(".links_body").hide();
  104. $(".links_head").click(function(){
  105. $(this).next(".links_body").slideToggle('fast');
  106. }); }); </script>
  107. <style type="text/css">
  108. .links_list { margin:0px; padding:0px; width:100%;}
  109. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  110. .links_body { padding:10px; text-align:left; display:none;}
  111. </style>
  112.  
  113.  
  114. <!---END--->
  115.  
  116.  
  117. <!---COLORS--->
  118.  
  119. <meta name="color:background" content="#131c1c">
  120.  
  121. <meta name="color:links" content="#1c6c6c">
  122. <meta name="color:links hover" content="#ffffff">
  123.  
  124. <meta name="color:navigation" content="#8cf1d6">
  125. <meta name="color:navigation hover" content="#ffffff">
  126.  
  127. <meta name="color:text" content="#0c7a52">
  128.  
  129. <meta name="color:blockquote" content="#75c9ba">
  130. <meta name="color:blockquote text" content="#75c9ba">
  131.  
  132. <meta name="color:numeral list" content="#7fcab1">
  133. <meta name="color:bullet list" content="#baf0e0">
  134.  
  135. <meta name="color:strikethrough" content="#7fb49a">
  136.  
  137. <meta name="color:header 1" content="#3e7f6e">
  138. <meta name="color:header 2" content="#30bf8f">
  139. <meta name="color:header 3" content="#8dd8bf">
  140. <meta name="color:header 4" content="#d7abc0">
  141.  
  142. <meta name="color:small" content="#ffffff">
  143. <meta name="color:bold" content="#22d5b4">
  144. <meta name="color:italic" content="#2bd7a3">
  145.  
  146. <meta name="color:ask text" content="#97f1e0">
  147. <meta name="color:ask bg" content="#222222">
  148. <meta name="color:ask border" content="#000000">
  149.  
  150. <meta name="color:quote text" content="#b2f5df">
  151.  
  152. <meta name="color:info hover" content="#ffffff">
  153.  
  154. <meta name="color:tags" content="#b67194">
  155. <meta name="color:tags hover" content="#ffffff">
  156.  
  157. <meta name="color:credit" content="#000000">
  158.  
  159. <meta name="color:tip" content="#fffeff">
  160.  
  161. <meta name="color:highlight background" content="#b2f5df">
  162. <meta name="color:highlight text" content="#ffb9d0">
  163.  
  164. <!---IMAGES--->
  165.  
  166. <meta name="image:background" content="https://static.tumblr.com/0u5zp0a/Kzyr7qo9q/_23_-lucky.png"/>
  167.  
  168. <meta name="image:tags" content="https://static.tumblr.com/0u5zp0a/qS2r7qo98/abstractmessy5.jpg"/>
  169.  
  170. <meta name="image:ask" content="https://static.tumblr.com/0u5zp0a/qS2r7qo98/abstractmessy5.jpg"/>
  171.  
  172. <meta name="image:banner" content="https://static.tumblr.com/0u5zp0a/qS2r7qo98/abstractmessy5.jpg"/>
  173.  
  174. <meta name="image:tip" content="https://static.tumblr.com/0u5zp0a/qS2r7qo98/abstractmessy5.jpg"/>
  175.  
  176. <!---CUSTOM FONTS--->
  177. <!---if you don't want these fonts, feel free to change and replace them~ --->
  178.  
  179. <link href='https://fonts.googleapis.com/css?family=Trochut' rel='stylesheet' type='text/css'>
  180. <link href="https://fonts.googleapis.com/css?family=Ranga" rel="stylesheet" type="text/css">
  181. <link href="https://fonts.googleapis.com/css?family=Vast+Shadow" rel="stylesheet" type="text/css">
  182. <link href="https://fonts.googleapis.com/css?family=Gruppo" rel="stylesheet" type="text/css">
  183. <link href="https://fonts.googleapis.com/css?family=Qwigley" rel="stylesheet" type="text/css">
  184. <link href="https://fonts.googleapis.com/css?family=Encode+Sans+Condensed" rel="stylesheet" type="text/css">
  185. <link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet" type="text/css">
  186. <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
  187. <link href="https://fonts.googleapis.com/css?family=Rochester" rel="stylesheet">
  188. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  189. <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet" type="text/css">
  190. <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet" type="text/css">
  191. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  192. <link href="https://fonts.googleapis.com/css?family=Wire+One" rel="stylesheet">
  193. <link href="https://fonts.googleapis.com/css?family=Federo" rel="stylesheet">
  194. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  195. <link href="https://fonts.googleapis.com/css?family=Advent+Pro" rel="stylesheet">
  196. <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
  197. <link href="https://fonts.googleapis.com/css?family=Norican" rel="stylesheet">
  198.  
  199.  
  200.  
  201. <style type="text/css">
  202.  
  203.  
  204. /*--SCROLLBAR--*/
  205.  
  206. ::-webkit-scrollbar-thumb{
  207. background-color: transparent;
  208. border-radius:0px;
  209. height:auto;
  210. }
  211.  
  212. ::-webkit-scrollbar {
  213. height:auto;
  214. width:4px;
  215. border: 1px transparent;
  216. border-radius:0px;
  217. }
  218.  
  219. /*--HIGHLIGHT COLORS--*/
  220.  
  221. ::selection {
  222. background: {color:highlight background};
  223. color: {color:highlight text};
  224. }
  225. ::-moz-selection {
  226. background: {color:highlight background};
  227. color: {color:highlight text};
  228. }
  229.  
  230. /*--CURSOR--*/
  231.  
  232. *,body, a:hover {cursor: url(https://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress !important;}
  233.  
  234. /*--BLOG BUILDING--*/
  235.  
  236. /*--BACKGROUND & BODY--*/
  237.  
  238. body {
  239. background-color:{color:background};
  240. background-image: url("{image:background}"); /*can be changed, if you want to use a link instead, just delete {image:background} */
  241. font-family:'Economica';
  242. background-position: top left;
  243. background-repeat: no-repeat;
  244. background-attachment: fixed;
  245. font-size:20px;
  246. color:{color:text};
  247. }
  248.  
  249. /*--LINKS--*/
  250.  
  251. a {
  252. color:{color:links};
  253. text-decoration:none;
  254. }
  255.  
  256. a:hover {
  257. color:{color:links hover};
  258. }
  259.  
  260. /*--START OF TEXT DECORATIONS--*/
  261.  
  262. /*--BOLD--*/
  263.  
  264. b, strong {
  265. color:{color:bold};
  266. font-size:15px;
  267. font-family: 'Abril Fatface';
  268. }
  269.  
  270. /*--ITALICS--*/
  271.  
  272. i, em {
  273. color:{color:italic};
  274. font-size:17px;
  275. font-family: 'Rochester';
  276. }
  277.  
  278. /*--STRIKETHROUGH--*/
  279.  
  280. strike, strikethrough {
  281. color:{color:strikethrough};
  282. font-size:17px;
  283. font-family:'Ranga';
  284. }
  285.  
  286. /*--SMALL TEXT--*/
  287.  
  288. small, sub, sup {
  289. color:{color:small};/
  290. font-size:20px;
  291. font-family:'Encode Sans Condensed';
  292. }
  293.  
  294. /*--HEADER 1 (aka post title)--*/
  295.  
  296. h1 {
  297. font-size: 40px;
  298. color: {color:header 1};
  299. font-family: 'Wire One';
  300. line-height:120%;
  301. }
  302.  
  303. /*--HEADER 2 (header used IN posts)--*/
  304.  
  305. h2 {
  306. font-family:'Federo';
  307. font-size:30px;
  308. color: {color:header 2};
  309. text-align:center;
  310. line-height:100%;
  311. padding:0 6px 0 6px;
  312. }
  313.  
  314. /*--HEADER 3 (aka quote source)--*/
  315.  
  316. h3 {
  317. font-size: 30px;
  318. color: {color:header 3};
  319. font-family: 'Qwigley';
  320. text-transform: none;
  321. }
  322.  
  323. /*--HEADER 4 (aka banners)--*/
  324.  
  325. h4 {
  326. background-image: url("{image:banner}");
  327. background-repeat: repeat;
  328. background-attachment: fixed;
  329. border:1px solid white;
  330. outline:1px dotted white;
  331. outline-offset: 2px;
  332. padding:5px;
  333. color:{color:header 4};
  334. font-size:15px;
  335. font-family:'Economica';
  336. text-transform:none;
  337. letter-spacing:1px;
  338. text-align:center;}
  339.  
  340. /*--END OF TEXT DECORATIONS--*/
  341.  
  342.  
  343. /*--START OF POSTS--*/
  344.  
  345. /*--CONTAINER--*/
  346.  
  347. #container {
  348. position:absolute;
  349. top:65px;
  350. left:475px;
  351. /* If you want a border, just add 'border: _px solid #color;' */
  352. height:560px;
  353. width:540px;
  354. word-wrap: break-word;
  355. z-index:999;
  356. overflow-y:scroll;
  357. background:transparent;
  358. -webkit-mask-image: -webkit-gradient(
  359. linear, center 90%, center bottom,
  360. from(rgba(0,0,0,10)),
  361. to(rgba(10,0,0,0)));
  362. }
  363.  
  364. /*--POSTS--*/
  365.  
  366. .posts {
  367. width:500px;
  368. padding:10px;
  369. margin-bottom:30px;
  370. }
  371.  
  372. /*--BLOCKQUOTE--*/
  373.  
  374. blockquote {
  375. padding:2px 7px;
  376. margin:3px 0 3px 8px;
  377. font-size:15px;
  378. border-left: solid 3px {color:blockquote};
  379. color:{color:blockquote text};
  380. font-family:'Advent Pro';
  381. border-radius: 10px 0px 0px 10px;
  382. -moz-border-radius: 10px 0px 0px 10px;
  383. -webkit-border-radius: 10px 0px 0px 10px;
  384. }
  385.  
  386. blockquote img {
  387. max-width:100%;
  388. height:auto;
  389. opacity:1;
  390. }
  391.  
  392.  
  393. img {
  394. max-width: 100%;
  395. opacity:1;
  396. }
  397.  
  398.  
  399. /*--LIST--*/
  400.  
  401. /*--ORDERED LIST (NUMERALS)--*/
  402.  
  403. ol {
  404. list-style-type:upper-roman;
  405. font-family:'Vast Shadow';
  406. font-size:15px;
  407. color: {color:numeral list};
  408. }
  409.  
  410. /*--UNORDERED LIST (BULLETS)--*/
  411.  
  412. ul {
  413. list-style-type:square;
  414. font-family:'Cinzel';
  415. font-size:15px;
  416. color: {color:bullet list};
  417. }
  418.  
  419. /*--END OF POSTS--*/
  420.  
  421. /*--START OF UPDATE BOX--*/
  422.  
  423. #updates {
  424. position:absolute;
  425. text-align:center;
  426. /* to add a border, just add: "border: _px solid #color" */
  427. left:505px;
  428. top:720px;
  429. height:150px;
  430. width:470px;
  431. overflow-y:scroll;
  432. -webkit-mask-image: -webkit-gradient(
  433. linear, center 80%, center bottom,
  434. from(rgba(0,0,0,20)),
  435. to(rgba(20,0,0,0)));
  436. }
  437. /*--END OF UPDATE BOX--*/
  438.  
  439.  
  440. /*--START OF NAVIGATION--*/
  441.  
  442.  
  443. /*--SCATTERED LINKS--*/
  444.  
  445.  
  446. /*--LINK 1--*/
  447.  
  448. .link1 {
  449. position: fixed;
  450. top: 50px;
  451. left: 145px;
  452. opacity:1;
  453. }
  454.  
  455. .link1 a {
  456. font-family: 'Federo';
  457. font-size: 45px;
  458. color: {color:navigation};
  459. }
  460.  
  461. .link1 a:hover {
  462. color: {color:navigation hover};
  463. }
  464.  
  465. /*--LINK 2--*/
  466.  
  467. .link2 {
  468. position: fixed;
  469. top: 150px;
  470. left: 215px;
  471. opacity:1;
  472. -webkit-transform: rotate(45deg);
  473. -moz-transform: rotate(45deg);
  474. -o-transform: rotate(45deg);
  475. }
  476.  
  477. .link2 a {
  478. font-family: 'Federo';
  479. font-size: 45px;
  480. color: {color:navigation};
  481. }
  482.  
  483. .link2 a:hover {
  484. color: {color:navigation hover};
  485. }
  486.  
  487. /*--LINK 3--*/
  488.  
  489. .link3 {
  490. position: fixed;
  491. top: 260px;
  492. left: 185px;
  493. opacity:1;
  494. -webkit-transform: rotate(-45deg);
  495. -moz-transform: rotate(-45deg);
  496. -o-transform: rotate(-45deg);
  497. }
  498.  
  499. .link3 a {
  500. font-family: 'Federo';
  501. font-size: 50px;
  502. color: {color:navigation};
  503. }
  504.  
  505. .link3 a:hover {
  506. color: {color:navigation hover};
  507. }
  508.  
  509. /*--LINK 4--*/
  510.  
  511. .link4 {
  512. position: fixed;
  513. top: 380px;
  514. left: 240px;
  515. opacity:1;
  516. -webkit-transform: rotate(0deg);
  517. -moz-transform: rotate(0deg);
  518. -o-transform: rotate(0deg);
  519. }
  520.  
  521. .link4 a {
  522. font-family: 'Federo';
  523. font-size: 50px;
  524. color: {color:navigation};
  525. }
  526.  
  527. .link4 a:hover {
  528. color: {color:navigation hover};
  529. }
  530.  
  531. /*--LINK 5--*/
  532.  
  533. .link5 {
  534. position: fixed;
  535. top: 490px;
  536. left: 195px;
  537. opacity:1;
  538. -webkit-transform: rotate(15deg);
  539. -moz-transform: rotate(15deg);
  540. -o-transform: rotate(15deg);
  541. }
  542.  
  543. .link5 a {
  544. font-family: 'Federo';
  545. font-size: 50px;
  546. color: {color:navigation};
  547. }
  548.  
  549. .link5 a:hover {
  550. color: {color:navigation hover};
  551. }
  552.  
  553. /*--LINK 6--*/
  554.  
  555. .link6 {
  556. position: fixed;
  557. top: 50px;
  558. left: 340px;
  559. opacity:1;
  560. -webkit-transform: rotate(15deg);
  561. -moz-transform: rotate(15deg);
  562. -o-transform: rotate(15deg);
  563. }
  564.  
  565. .link6 a {
  566. font-family: 'Federo';
  567. font-size: 50px;
  568. color: {color:navigation};
  569. }
  570.  
  571. .link6 a:hover {
  572. color: {color:navigation hover};
  573. }
  574.  
  575. /*--LINK 7--*/
  576.  
  577. .link7 {
  578. position: fixed;
  579. top: 115px;
  580. left: 395px;
  581. opacity:1;
  582. -webkit-transform: rotate(-45deg);
  583. -moz-transform: rotate(-45deg);
  584. -o-transform: rotate(-45deg);
  585. }
  586.  
  587. .link7 a {
  588. font-family: 'Federo';
  589. font-size: 50px;
  590. color: {color:navigation};
  591. }
  592.  
  593. .link7 a:hover {
  594. color: {color:navigation hover};
  595. }
  596.  
  597. /*--CREDIT. DO NOT REMOVE--*/
  598.  
  599. #credit {
  600. bottom:5px;
  601. left:-5px;
  602. font-size:15px;
  603. position:fixed;
  604. color: {color:credit};
  605. font-family:'Marvel';
  606. padding:3px 7px 3px 8px;
  607. background-color:transparent;
  608. text-transform:none;
  609. z-index:999999999999;
  610. letter-spacing:2px;
  611. border-radius:5px;
  612. }
  613.  
  614. /*--PAGINATION--*/
  615.  
  616. .pagination {
  617. left:560px;
  618. top:655px;
  619. position: fixed;
  620. width:300px;
  621. font-size:50px;
  622. text-shadow: 2px 2px 3px {color:navigation shadow};
  623. }
  624.  
  625. .pagination a {
  626. color: {color:link};
  627. text-shadow: 2px 2px 2px {color:navigation shadow}
  628. font-family:'Gruppo';
  629. }
  630.  
  631. .pagination a:hover{
  632. color:{color:link hover};
  633. }
  634.  
  635. /*--END OF NAVIGATION--*/
  636.  
  637. /*--START OF MISC--*/
  638.  
  639.  
  640. /*--TOOLTIP--*/
  641.  
  642. #s-m-t-tooltip {
  643. max-width:300px;
  644. padding:3px 7px 3px 8px;
  645. margin:-20px 0px 0px 20px;
  646. background-color:{color:background};
  647. background-image:url("{image:tip}");
  648. background-repeat:repeat;
  649. background-attachment:fixed;
  650. border:1px solid white;
  651. outline:1px dotted white;
  652. outline-offset: 2px;
  653. border-radius: 0px;
  654. text-shadow: 1px 1px 1px #000;
  655. color:{color:tip};
  656. font-size:15px;
  657. font-family:'Unica One';
  658. text-transform:none;
  659. z-index:999999999999;
  660. letter-spacing:2px;
  661. }
  662.  
  663. /*--ASKS--*/
  664.  
  665. .asker {
  666. text-transform:none;
  667. font-family: 'Norican', cursive;
  668. padding-top:5px;
  669. max-width:380px;
  670. margin-top:-5px;
  671. font-size:35px;
  672. margin-left:9px;
  673. }
  674.  
  675. #asker a{
  676. color: {color:links};
  677. font-family: 'Norican', cursive;
  678. letter-spacing: 1px;
  679. font-size:20px;
  680. text-shadow: 1px 1px 1px {color:text shadow};
  681. }
  682.  
  683. #asker a:hover {
  684. color: {color:links hover};
  685. letter-spacing: 1px;
  686. }
  687.  
  688. .askeru {
  689. margin-top:-5px;
  690. margin-left:50px;
  691. text-transform:none;
  692. font-size:30px; }
  693.  
  694. #ask {
  695. font-family: 'Antic';
  696. font-size:20px;
  697. text-align:center;
  698. padding-top: 5px;
  699. margin-left:5px;
  700. text-transform:auto;
  701. line-height:190%;
  702. padding:8px;
  703. background:url("{image:ask}");
  704. background-repeat:repeat;
  705. background-attachment:fixed;
  706. background-color: {color:ask bg};
  707. color:{color:ask text};
  708. text-shadow: 1px 1px 1px {color:bold shadow};
  709. border:1px {color:ask border} solid;
  710. }
  711.  
  712. .ans {
  713. text-align:left;
  714. padding:10px;
  715.  
  716. }
  717.  
  718. /*--QUOTE--*/
  719.  
  720. .quotemarkleft {
  721. font-size: 80px;
  722. font-family: 'Qwigley';
  723. font-weight: bold;
  724. line-height: 100px;
  725. position: relative;
  726. margin: 0px 0 -70px 30px;
  727. color: {color:small};
  728. opacity: 0.9;
  729. }
  730.  
  731. .quotemarkright {
  732. font-family: 'Qwigley';
  733. font-size: 80px;
  734. font-weight: bold;
  735. padding-right: 0px;
  736. line-height: 30px;
  737. text-align: right;
  738. position: relative;
  739. margin:0 30px 0 -10px;
  740. color: {color:small};
  741. opacity: 0.97;
  742. }
  743.  
  744.  
  745. #quote {
  746. font-family:'Allura';
  747. color:{color:quote text};
  748. font-size:35px;
  749. text-align:center;
  750. line-height:200%;
  751. padding:5px;
  752. padding-top:12px;
  753. padding-bottom:8px;
  754. }
  755.  
  756. .qsource{
  757. padding-top:3px;
  758. padding-bottom:1px;
  759. font-family:'Trochut';
  760. font-size:15px;
  761. text-align:right;
  762. }
  763.  
  764. /*--NOTES--*/
  765.  
  766. .note {
  767. word-wrap: break-word;
  768. width: 250px;
  769. font-size: 12px;
  770. text-align:left;
  771. line-height:90%;
  772. margin-left:-10px;
  773. }
  774.  
  775. .note li {
  776. list-style-type:none;
  777. padding:10px 25px 10px 25px;
  778. text-align:left;
  779. margin:0px;
  780. -moz-transition-duration:0.5s;
  781. -webkit-transition-duration:0.5s;
  782. -o-transition-duration:0.5s;
  783. }
  784.  
  785. /*--INFO--*/
  786.  
  787. #info {
  788. font-family: 'Trochut';
  789. width:280px;
  790. height:auto;
  791. margin-top:5px;
  792. padding-top:5px;
  793. margin-left:auto;
  794. margin-right:auto;
  795. padding-top:7px;
  796. font-size:20px;
  797. color:{color:info text};
  798. text-transform:none;
  799. letter-spacing:1px;
  800. font-style:normal;
  801. text-align:center;
  802. border-bottom:1px solid gray;
  803. }
  804.  
  805.  
  806. #info a {
  807. color:{color:info text};
  808. text-shadow: 1px 1px 1px {color:navigation shadow}
  809. }
  810.  
  811. #info a:hover {
  812. color:{color:info hover};
  813. margin-right: auto;
  814. -webkit-transition:all .1s ease-in-out;
  815. -moz-transition:all .1s ease-in-out;
  816. }
  817.  
  818. /*--TAGS--*/
  819.  
  820. .tags {
  821. text-align:left;
  822. border:1px solid white;
  823. outline:1px dotted white;
  824. outline-offset: 2px;
  825. max-width:300px;
  826. padding:9px 9px 9px 9px;
  827. margin:-20px 0px 0px 20px;
  828. background-color:{color:background};
  829. background-image:url("{image:tags}");
  830. background-repeat:repeat;
  831. background-attachment:fixed;
  832. }
  833.  
  834. .tags a {
  835. text-decoration:none;
  836. font-size: 11px;
  837. color:{color:tags};
  838. font-family: 'Lato', sans-serif;
  839. }
  840.  
  841. .tags a:hover {
  842. color:{color:tags hover};
  843. }
  844.  
  845. /*--END OF MISC--*/
  846.  
  847. /*--START OF POP UP BOXES--*/
  848.  
  849.  
  850. /*--POP UP BOX--*/
  851.  
  852. .popup_block {
  853. text-align:justify;
  854. width: 200px;
  855. max-height: 300px;
  856. overflow-y:scroll;
  857. overflow-x:hidden;
  858. display:none;
  859. background-color:#1e1e1e;
  860. border:1px solid white;
  861. outline:1px dotted white;
  862. outline-offset: 2px;
  863. padding:20px;
  864. float:left;
  865. position:fixed;
  866. top:50%;left:50%;
  867. z-index: 99999;
  868. -webkit-box-shadow: 0px 0px 20px #000;
  869. -moz-box-shadow: 0px 0px 20px #000;
  870. box-shadow: 0px 0px 20px #000;
  871. }
  872.  
  873. /*--FADE--*/
  874.  
  875. *html #fade {position: absolute;}
  876. *html .popup_block {position: absolute;}
  877. #fade {
  878. display:none;
  879. position:fixed;
  880. left:0px;
  881. top:0px;
  882. width:100%;
  883. height:100%;
  884. z-index:9999;
  885. background:#000;
  886. opacity:0.5;
  887. }
  888.  
  889.  
  890.  
  891. /*--END OF BUILDING--*/
  892.  
  893. </style>
  894.  
  895. <body>
  896.  
  897. <!---FILL IT IN--->
  898.  
  899. <!---LINKS--->
  900.  
  901. <div id="sidebar">
  902.  
  903. <div class="link1">
  904. <a href="/" title="Refresh.">✦</a></div>
  905. </div>
  906. </div>
  907.  
  908. <div class="link2">
  909. <a href="#?w=300" rel="askbox" class="poplight" title="Ask.">✦</a>
  910. </div>
  911. </div>
  912.  
  913. <div class="link3">
  914. <a href="#?w=300" rel="box2" class="poplight" title="Law.">✦</a>
  915. </div>
  916. </div>
  917.  
  918. <div class="link4">
  919. <a href="#?w=300" rel="box3" class="poplight" title="About.">✦</a>
  920. </div>
  921. </div>
  922.  
  923. <div class="link5">
  924. <a href="#?w=300" rel="box4" class="poplight" title="Information.">✦</a>
  925. </div>
  926. </div>
  927.  
  928. <div class="link6">
  929. <a href="#?w=300" rel="box5" class="poplight" title="Verses.">✦</a>
  930. </div>
  931. </div>
  932.  
  933. <div class="link7">
  934. <a href="#?w=300" rel="box6" class="poplight" title="Relationships.">✦</a>
  935.  
  936. </div>
  937. </div>
  938.  
  939. <!---CREDIT--->
  940.  
  941. <div id="credit"><a href="https://uchihasources.tumblr.com/" title="uchihasources"><img src="https://static.tumblr.com/jrwgidj/Px5qe8yl8/2.png" style="height:50px;width:50px;padding-right:5px;padding-bottom:0px;"></a></div>
  942.  
  943. <div class="pagination">
  944.  
  945. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous page">«</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}" title="next page">»</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  946. </div></div></div>
  947.  
  948. </div>
  949.  
  950.  
  951. <!---ASK--->
  952.  
  953. <div id="askbox" class="popup_block">
  954. <div class="popupcontent">
  955. <center><h1>Ask Title Here</h1></center>
  956. <br>
  957. <Center><iframe frameborder="0" scrolling="yes" width="300px" height="290" src="https://www.tumblr.com/ask_form/{url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  958. </center></div>
  959. </div>
  960. </div>
  961.  
  962. </div></div></div></div></div></div></div></div></div></div>
  963. </div>
  964. </div>
  965.  
  966. <!---UPDATES--->
  967.  
  968. <div id="updates">
  969. <center><h2>#updatebox</h2></center>
  970. <h4>Banner Text</h4>
  971. <center><small>This is your updates box!! Fill it in as long as you want! You can add or remove sections if you'd like!</small></center>
  972. <h4>Banner Text</h4>
  973. <center><small>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.</small></center>
  974. <h4>Banner Text</h4>
  975. <center><small>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.</small></center>
  976. <br><br>
  977. </div>
  978. </div>
  979.  
  980. <!---POP UP BOX ONE--->
  981.  
  982. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  983. <div id="box2" class="popup_block">
  984. <div class="popupcontent">
  985. <div id="popuptext">
  986. <h1>Rules.</h1>
  987. <h4>Sub Category Title</h4>
  988. <small><li>This is your rules page!! Fill it in as long as you want! You can add or remove sections if you'd like!</small>
  989. <h4>Sub Category Title</h4>
  990. <small><li>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.</small>
  991. <h4>Sub Category Title</h4>
  992. <small><li>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.</small>
  993. <h4>Sub Category Title</h4>
  994. <small><li>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.</small>
  995. <h4>Sub Category Title</h4>
  996. <small><li>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.</small>
  997. <h4>Sub Category Title</h4>
  998. <small><li>Praesent ultricies suscipit tempus. Sed euismod vestibulum aliquet. Mauris non magna massa. Nam eget ipsum ac dui iaculis ultrices non at eros. Sed pulvinar sem iaculis viverra hendrerit. Aliquam ut velit et ex varius tristique eget nec est. Aenean interdum lobortis arcu vitae semper.</small>
  999. </div>
  1000. </div>
  1001. </div>
  1002. </div>
  1003. <!--END OF BOX -->
  1004.  
  1005. <!---POP UP BOX TWO--->
  1006.  
  1007. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1008. <div id="box3" class="popup_block">
  1009. <div class="popupcontent">
  1010. <div id="popuptext">
  1011. <h1>About.</h1>
  1012. <h4>Title/Quote/Whatever you want here.</h4>
  1013. <blockquote>This is your about page!! Fill it in as long as you want!! </blockquote>
  1014. <h4>Title/Quote/Whatever you want here.</h4>
  1015. <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.
  1016. <br><br>
  1017. 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.
  1018. </blockquote>
  1019. <h4>Title/Quote/Whatever you want here.</h4>
  1020. <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.</blockquote>
  1021. <h4>Title/Quote/Whatever you want here.</h4>
  1022. <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.
  1023. </blockquote>
  1024. </div>
  1025. </div>
  1026. </div>
  1027. <!--END OF BOX -->
  1028.  
  1029. <!---POP UP BOX THREE--->
  1030.  
  1031. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1032. <div id="box4" class="popup_block">
  1033. <div class="popupcontent">
  1034. <div id="popuptext">
  1035. <h1>Stats.</h1>
  1036. <blockquote><small>This is your stats page! Fill in with your muse's name, age, birthday, relationships, everything basically~</small></blockquote>
  1037. </div>
  1038. </div>
  1039. </div>
  1040. </div>
  1041. <!--END OF BOX -->
  1042.  
  1043. <!---POP UP BOX FOUR--->
  1044.  
  1045. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1046. <div id="box5" class="popup_block">
  1047. <div class="popupcontent">
  1048. <h1>Verses.</h1>
  1049. <blockquote><small>Verses can go in here!</small></blockquote>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. <!--END OF BOX -->
  1056.  
  1057. <!--START OF BOX (FOR MORE, COPY FROM 'START' TO 'END')-->
  1058. <div id="box6" class="popup_block">
  1059. <div id="popuptext">
  1060. <div class="popupcontent">
  1061. <h1>Free Box.</h1>
  1062. <blockquote><small>Anything can go in here!</small></blockquote>
  1063. </div></div></div></div></div>
  1064. <!--END OF BOX -->
  1065.  
  1066.  
  1067. <!---CONTAINER--->
  1068.  
  1069. <div id="container">
  1070.  
  1071. <!---POSTS--->
  1072.  
  1073. {block:Posts}
  1074.  
  1075. <div class="posts">
  1076.  
  1077. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1078.  
  1079. <!---PHOTO POST--->
  1080.  
  1081. {block:Photo}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1082.  
  1083. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1084.  
  1085. <center>{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  1086.  
  1087. <!---QUOTE POST--->
  1088.  
  1089. {block:Quote}<div id="quote">❝ {Quote} ❞{block:Source}<br><br> <div style="text-align: right;"><h3>━ {Source}</h3></div></div>{/block:Source}{/block:Quote}
  1090.  
  1091. <!---LINK POST--->
  1092.  
  1093. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}</h3></a>{block:Description}{Description}{/block:Description}{/block:Link}
  1094.  
  1095. <!---CHAT POST--->
  1096.  
  1097. {block:Chat}{block:Title}<h1>{Title}</h1></a>{/block:Title}
  1098. {block:Lines}<i>{block:Label}{Label}{/block:Label}</i>&nbsp;{Line}<p>{/block:Lines}{/block:Chat}
  1099.  
  1100. <!---VIDEO POST--->
  1101.  
  1102. <center>{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}</center>
  1103.  
  1104. <!---AUDIO POST--->
  1105.  
  1106. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1107.  
  1108. <!---ASK && ANSWER--->
  1109.  
  1110. {block:Answer}
  1111. <center>{asker}</center>
  1112. <div id="ask">{question}<br><div style="text-align: right;"></div></div>
  1113. <br>
  1114. {Answer}{/block:Answer}
  1115.  
  1116. <!---INFO--->
  1117.  
  1118. <div id="info">
  1119.  
  1120. <div style="margin-top:20px;
  1121. margin-left:228px;
  1122. position:absolute;
  1123. -ms-transform: rotate(70deg);
  1124. -webkit-transform: rotate(70deg);
  1125. transform: rotate(70deg);
  1126. z-index:99999; width:35px;">
  1127.  
  1128. <a href="{Permalink}" title="{Month} {DayofMonth}{DayofMonthSuffix} {Year}" style="font-size:19px; color:{color:links};">★</a>{/block:Date} </div>
  1129.  
  1130. <div style="margin-top:10px;
  1131. margin-left:250px;
  1132. position:absolute;
  1133. -ms-transform: rotate(0deg);
  1134. -webkit-transform: rotate(-50deg);
  1135. transform: rotate(40deg);
  1136. z-index:99999;
  1137. width:30px;
  1138. ">{block:NoteCount}
  1139.  
  1140. <a href="{Permalink}" title={NoteCountwithLabel} style="font-size:15px; color:{color:links};">★</a> {/block:NoteCount}</div>
  1141.  
  1142. <div style="margin-top:30px;
  1143. margin-left:260px;
  1144. position:absolute;
  1145. -ms-transform: rotate(0deg);
  1146. -webkit-transform: rotate(0deg);
  1147. transform: rotate(-90deg);
  1148. z-index:99999;
  1149. width:20px;">
  1150.  
  1151. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}" style="font-size:15px; color:{color:links};">★</a>{/block:RebloggedFrom}</div>
  1152.  
  1153. <div style="margin-top: 45px;
  1154. margin-left:230px;
  1155. position:absolute;
  1156. -ms-transform: rotate(70deg);
  1157. -webkit-transform: rotate(70deg);
  1158. transform: rotate(70deg);
  1159. z-index:99999;
  1160. width:25px;
  1161. ">
  1162.  
  1163. {block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}" style="font-size:15px; color:{color:links};">★</a>{/block:ContentSource} </div>
  1164. </div>
  1165.  
  1166. <br><br><br>
  1167.  
  1168. <!---TAGS--->
  1169.  
  1170. {block:HasTags}
  1171. <div style="margin-top:-50px;
  1172. margin-left:-10px;">
  1173. <div class="tags">
  1174. <center> {block:Tags} <a href="{TagURL}" title="{Tag}">&nbsp; #{Tag} </a> {/block:Tags} </div></center></div>
  1175. {/block:HasTags}
  1176. </div>
  1177.  
  1178. <!---NOTES--->
  1179.  
  1180. <div class="postnote">
  1181. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1182.  
  1183. {/block:Posts}
  1184.  
  1185.  
  1186. </body>
  1187.  
  1188. <!-- SCRIPTS -->
  1189.  
  1190. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1191. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1192.  
  1193. <script>
  1194. (function($){
  1195. $(document).ready(function(){
  1196. $("[title]").style_my_tooltips({
  1197. tip_follows_cursor:true,
  1198. tip_delay_time:90,
  1199. tip_fade_speed:600,
  1200. attribute:"title"});
  1201. });})(jQuery);
  1202. </script>
  1203.  
  1204. </div>
  1205. </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!