Advertisement
Guest User

Untitled

a guest
Nov 17th, 2017
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.39 KB | None | 0 0
  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. <!-----
  12.  
  13. _(:3」∠)_ me before during & after coding
  14.  
  15. ----->
  16.  
  17. <meta name="color:text" content="#fff">
  18.  
  19. <meta name="text:Link1" content="" />
  20. <meta name="text:Link1 Title" content="link 1" />
  21. <meta name="text:Link2" content="" />
  22. <meta name="text:Link2 Title" content="link 2" />
  23. <meta name="text:Link3" content="" />
  24. <meta name="text:Link3 Title" content="link 3" />
  25. <meta name="text:Link41" content="" />
  26. <meta name="text:Link4 Title" content="link 4" />
  27. <meta name="text:Link5" content="" />
  28. <meta name="text:Link5 Title" content="link 5" />
  29. <meta name="text:Link6" content="" />
  30. <meta name="text:Link6 Title" content="link 6" />
  31.  
  32. <!---------------
  33. tooltip
  34. -------->
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js
  37. "></script>
  38.  
  39. <script src="http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  40.  
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("a[title]").style_my_tooltips({
  45. tip_follows_cursor:true,
  46. tip_delay_time:90,
  47. tip_fade_speed:700,
  48. attribute:"title"
  49. });
  50. });
  51. })(jQuery);
  52. </script>
  53.  
  54. <!---------------
  55. popup script
  56. -------->
  57.  
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60. <script>
  61. $(document).ready(function() {
  62. //
  63. $('a.poplight[href^=#]').click(function() {
  64. var popID = $(this).attr('rel'); //Get Popup Name
  65. var popURL = $(this).attr('href'); //Get Popup href to define size
  66. var query= popURL.split('?');
  67. var dim= query[1].split('&');
  68. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  69. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  70. var popMargTop = ($('#' + popID).height() + 80) / 2;
  71. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  72. //Apply Margin to Popup
  73. $('#' + popID).css({
  74. 'margin-top' : -popMargTop,
  75. 'margin-left' : -popMargLeft
  76. });
  77. $('body').append('<div id="fade"></div>');
  78. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  79. return false;
  80. });
  81. $('a.close, #fade').live('click', function() {
  82. $('#fade , .popup_block').fadeOut(function() {
  83. $('#fade, a.close').remove(); //fade them both out
  84. });
  85. return false;
  86. });
  87. });
  88. </script>
  89.  
  90. <!---------------
  91. blobs in a jar
  92. -------->
  93.  
  94.  
  95.  
  96. <!---------------
  97. sans serif
  98. -------->
  99.  
  100. <link href='https://fonts.googleapis.com/css?family=Karla:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  101. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
  102. <link href="https://fonts.googleapis.com/css?family=Poppins:300" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet">
  104. <link href="https://fonts.googleapis.com/css?family=Yantramanav" rel="stylesheet">
  105. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  106. <link href="https://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet">
  107.  
  108. <!---------------
  109. serif
  110. -------->
  111.  
  112. <link href='http://fonts.googleapis.com/css?family=Sree+Krushnadevaraya' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:700' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Ramaraja' rel='stylesheet' type='text/css'>
  115. <link href='https://fonts.googleapis.com/css?family=Radley' rel='stylesheet' type='text/css'>
  116. <link href="https://fonts.googleapis.com/css?family=Vidaloka" rel="stylesheet">
  117. <link href="https://fonts.googleapis.com/css?family=Yeseva+One" rel="stylesheet">
  118.  
  119. <!---------------
  120. cursive
  121. -------->
  122.  
  123. <link href='http://fonts.googleapis.com/css?family=League+Script' rel='stylesheet' type='text/css'>
  124. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  125. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  126. <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
  127. <link href='https://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
  128. <link href='https://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'>
  129. <link href='https://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  130. <link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet">
  131. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  132.  
  133. <!---------------
  134. thin / blocky
  135. -------->
  136.  
  137. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  138. <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet">
  139. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  140. <link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
  141.  
  142.  
  143. <style type="text/css">
  144.  
  145. @font-face{font-family:"buttercup";src:url('http://static.tumblr.com/zx3ibzm/VBMorvmrz/buttercup_sample.ttf');}
  146.  
  147. @font-face{font-family:"bakery";src:url('http://static.tumblr.com/it5srtk/L6norxb0m/bakery.ttf');}
  148.  
  149. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/it5srtk/1yeorxbk2/nightingale_sample.ttf');}
  150.  
  151. /* -------- popups -------- */
  152.  
  153. .popup_block{
  154. font-family: 'Montserrat', sans-serif;
  155. font-size:8px;
  156. line-height:150%;
  157. text-align:justify;
  158. word-spacing:2px;
  159. letter-spacing:1px;
  160. display:none;
  161. background:transparent;
  162. padding:0px;
  163. position:fixed;
  164. float:left;
  165. top:370px;
  166. left:900px;
  167. z-index: 99999;
  168. -webkit-box-shadow: 0px 0px 0px #C7C7C7;
  169. -moz-box-shadow: 0px 0px 0px #C7C7C7;
  170. border-bottom:0px solid #a7a7a7;
  171. border-top:0px solid #e3e3e5;
  172. box-shadow: 0px 0px 0px #C7C7C7;
  173. overflow-y:scroll;
  174. overflow-x:hidden;
  175. max-width:295px;
  176. max-height:510px;
  177.  
  178. }
  179.  
  180. *html #fade {position: absolute;}
  181. *html .popup_block {position: absolute;}
  182. #fade {
  183. display:none;
  184. position:fixed;
  185. left:0px;
  186. top:0px;
  187. width:100%;
  188. height:100%;
  189. z-index: 9999;
  190. background:transparent;
  191. opacity:.9;
  192. }
  193.  
  194. /* -------- hoverlink -------- */
  195.  
  196. .tooltip{
  197. display: inline;
  198. position: relative;
  199. }
  200.  
  201. #s-m-t-tooltip {
  202. color:#cbcbcb;
  203. background:url('http://i.imgur.com/gi1Ctri.png');
  204. font-family: 'anton';
  205. max-width:300px;
  206. padding-top:5px;
  207. padding-bottom:5px;
  208. padding-left:15px;
  209. padding-right:15px;
  210. margin:-30px 10px -25px 20px;
  211. font-size:8px;
  212. letter-spacing:3px;
  213. text-transform:uppercase;
  214. font-style:normal;
  215. z-index:999999999999999999999999999999999999;
  216. }
  217.  
  218. /* -------- main -------- */
  219.  
  220. body {
  221. background:#fffbfa;
  222. background-image:url('http://i.imgur.com/fKjvUtx.png');
  223. background-repeat:no-repeat;
  224. background-attachment:fixed;
  225. background-position:top left;
  226. overflow-x:hidden;
  227. overflow-y:auto;
  228. color:{color:text};
  229. font-family: 'Montserrat', sans-serif;
  230. font-size:9px;
  231. line-height:150%;
  232. text-align:justify;
  233. word-spacing:2px;
  234. letter-spacing:1px;
  235. margin:0;
  236. }
  237.  
  238. #entries {
  239. overflow-x:hidden;
  240. overflow-y:auto;
  241. position:fixed;
  242. margin-left:385px;
  243. margin-top:0px;
  244. background:transparent;
  245. text-align:justify;
  246. padding:10px;
  247. width:295px;
  248. height:470px;
  249. }
  250.  
  251. .post {
  252. width:295px;
  253. -webkit-transition: all 0.7s ease;
  254. -moz-transition: all 0.7s ease;
  255. -o-transition: all 0.7s ease;
  256. }
  257.  
  258. .post:hover{
  259. -webkit-transition: all 0.7s ease;
  260. -moz-transition: all 0.7s ease;
  261. -o-transition: all 0.7s ease;
  262. }
  263.  
  264. /* -------- images -------- */
  265.  
  266. .post img {
  267. max-width:100%;
  268. margin-top:0px;
  269. margin-bottom:0px;
  270. margin-left:6px;
  271. -webkit-filter: grayscale(30%); filter: grayscale(30%);
  272. -webkit-transition: opacity 0.8s linear;
  273. }
  274.  
  275. .post img:hover {
  276. -webkit-filter: grayscale(30%); filter: grayscale(30%);
  277. -webkit-transition: opacity 0.8s linear;
  278. opacity: 1;
  279. }
  280.  
  281. .caption img {
  282. max-width:100%;
  283. height:auto;}
  284.  
  285. img {
  286. max-width: 100%;
  287. }
  288.  
  289. .html_photoset {
  290. -webkit-filter: grayscale(50%);
  291. -webkit-transition: all .25s;
  292. ...
  293. }
  294. .html_photoset:hover {
  295. -webkit-filter: grayscale(50%);
  296. }
  297.  
  298.  
  299. /* -------- blockquote -------- */
  300.  
  301. blockquote {
  302. border-left:1px solid #ed989c;
  303. padding-left:12px;
  304. padding-top:0px;
  305. padding-bottom:0px;
  306. margin:10px;
  307. margin-top:10px;
  308. margin-bottom:5px;
  309. margin-left:8px;
  310. }
  311.  
  312. blockquote img {
  313. max-width:100%;
  314. height:auto;
  315. }
  316.  
  317. /* -------- bold / italics / small / divider -------- */
  318.  
  319. b, strong {
  320. font-family: 'montserrat';
  321. font-weight: bold;
  322. text-transform:uppercase;
  323. font-size: 11px;
  324. color:#000;
  325. letter-spacing:0px;
  326. text-shadow:1px 1px 0 #e8e8e8,
  327. -1px -1px 0 #e8e8e8,
  328. 1px -1px 0 #e8e8e8,
  329. -1px 1px 0 #e8e8e8,
  330. 0px 1px 0 #e8e8e8,
  331. 1px 0px 0 #e8e8e8,
  332. 0px -1px 0 #e8e8e8,
  333. -1px 0px 0 #e8e8e8;
  334. }
  335.  
  336. i, em {
  337. font-family: 'nightingale';
  338. text-transform: normal;
  339. text-transform:lowercase;
  340. color:#000;
  341. font-size: 8px;
  342. word-spacing:2px;
  343. text-shadow:1px 1px 0 #e8e8e8,
  344. -1px -1px 0 #e8e8e8,
  345. 1px -1px 0 #e8e8e8,
  346. -1px 1px 0 #e8e8e8,
  347. 0px 1px 0 #e8e8e8,
  348. 1px 0px 0 #e8e8e8,
  349. 0px -1px 0 #e8e8e8,
  350. -1px 0px 0 #e8e8e8;
  351. }
  352.  
  353. small {font-size:8px;}
  354.  
  355. sub, sup {font-size:8px;}
  356.  
  357. hr {width:270px;}
  358.  
  359. /* -------- selection color -------- */
  360.  
  361. ::selection {
  362. background: #000;
  363. color: #8d2c2d;
  364. }
  365. ::-moz-selection {
  366. background: #000;
  367. color: #8d2c2d;
  368. }
  369.  
  370. /* -------- headings -------- */
  371.  
  372. h1 {
  373. font-family: 'montserrat';
  374. font-weight:normal;
  375. font-size:12px;
  376. text-align:center;
  377. font-style:normal;
  378. line-height:80%;
  379. letter-spacing:1px;
  380. text-transform:uppercase;
  381. color:{color:text};
  382. }
  383.  
  384. h2 {
  385. font-size:12px;
  386. text-align:left;
  387. line-height:130%;
  388. letter-spacing:1px;
  389. font-family: 'montserrat';
  390. color:{color:text};
  391. font-weight:normal;
  392. text-transform:uppercase;
  393. padding:5px;
  394. padding-bottom:2px;
  395. }
  396.  
  397. /* -------- general link -------- */
  398.  
  399. a {
  400. text-shadow:1px 1px 0 #8d2c2d,
  401. -1px -1px 0 #8d2c2d,
  402. 1px -1px 0 #8d2c2d,
  403. -1px 1px 0 #8d2c2d,
  404. 0px 1px 0 #8d2c2d,
  405. 1px 0px 0 #8d2c2d,
  406. 0px -1px 0 #8d2c2d,
  407. -1px 0px 0 #8d2c2d;
  408. font-family: 'montserrat';
  409. font-size:11px;
  410. text-decoration:none;
  411. text-transform:uppercase;
  412. font-weight:bold;
  413. color:#fff;
  414. letter-spacing:0px;
  415. -webkit-transition: all 0.7s ease;
  416. -moz-transition: all 0.7s ease;
  417. -o-transition: all 0.7s ease;
  418. }
  419.  
  420. a:hover {
  421. color:#000;
  422. text-shadow:0px 0px 2px #000;
  423. -webkit-transition: all 0.7s ease;
  424. -moz-transition: all 0.7s ease;
  425. -o-transition: all 0.7s ease;
  426. }
  427.  
  428. /* -------- navigation -------- */
  429.  
  430. .blowinandout{
  431. -webkit-animation-name: scalex;
  432. -webkit-animation-duration:2s;
  433. -webkit-animation-iteration-count:infinite;
  434. -webkit-animation-timing-function:ease-in-out;
  435. -moz-animation-name: scale;
  436. -moz-animation-duration:2s;
  437. -moz-animation-iteration-count:infinite;
  438. -moz-animation-timing-function:ease-in-out;
  439. }
  440.  
  441. @-webkit-keyframes scalex{
  442. from {-webkit-transform: scale(1);}
  443. 45% {-webkit-transform: scale(1.15);}
  444. to {-webkit-transform: scale(1);}
  445. }
  446.  
  447. @-moz-keyframes scale{
  448. from {-webkit-transform: scale(1);}
  449. 45% {-webkit-transform: scale(1.15);}
  450. to {-webkit-transform: scale(1);}
  451. }
  452.  
  453. .blowinandout2{
  454. -webkit-animation-name: scalex;
  455. -webkit-animation-duration:3s;
  456. -webkit-animation-iteration-count:infinite;
  457. -webkit-animation-timing-function:ease-in-out;
  458. -moz-animation-name: scale;
  459. -moz-animation-duration:3s;
  460. -moz-animation-iteration-count:infinite;
  461. -moz-animation-timing-function:ease-in-out;
  462. }
  463.  
  464. @-webkit-keyframes scalex{
  465. from {-webkit-transform: scale(1);}
  466. 45% {-webkit-transform: scale(1.2);}
  467. to {-webkit-transform: scale(1);}
  468. }
  469.  
  470. @-moz-keyframes scale{
  471. from {-webkit-transform: scale(1);}
  472. 45% {-webkit-transform: scale(1.2);}
  473. to {-webkit-transform: scale(1);}
  474. }
  475.  
  476. #link1 {
  477. position:fixed;
  478. max-height:50px;
  479. max-width:285px;
  480. margin-left:442px;
  481. margin-top:480px;
  482. text-transform:uppercase;
  483. z-index:999999999999999999999999999999999999;
  484. transform: rotate(0deg);
  485. }
  486.  
  487. #link1 a{
  488. font-family:'fjalla one';
  489. position:fixed;
  490. font-size:60px;
  491. line-height:100%;
  492. color:#fff;
  493. text-decoration:none;
  494. }
  495.  
  496. #link1 a:hover {
  497. color: #d76e76;
  498. text-shadow:1px 1px 0 #fff,
  499. -1px -1px 0 #fff,
  500. 1px -1px 0 #fff,
  501. -1px 1px 0 #fff,
  502. 0px 1px 0 #fff,
  503. 1px 0px 0 #fff,
  504. 0px -1px 0 #fff,
  505. -1px 0px 0 #fff;
  506. }
  507.  
  508. #link2 {
  509. position:fixed;
  510. max-width:285px;
  511. margin-left:422px;
  512. margin-top:510px;
  513. text-transform:uppercase;
  514. text-align:center;
  515. line-height:10%;
  516. transform: rotate(0deg);
  517. }
  518.  
  519. #link2 a{
  520. position:fixed;
  521. font-size:40px;
  522. line-height:100%;
  523. color:#fff;
  524. text-decoration:none;
  525. }
  526.  
  527. #link2 a:hover {
  528. color: #d76e76;
  529. text-shadow:1px 1px 0 #fff,
  530. -1px -1px 0 #fff,
  531. 1px -1px 0 #fff,
  532. -1px 1px 0 #fff,
  533. 0px 1px 0 #fff,
  534. 1px 0px 0 #fff,
  535. 0px -1px 0 #fff,
  536. -1px 0px 0 #fff;
  537. }
  538.  
  539. #link3 {
  540. position:fixed;
  541. max-width:285px;
  542. margin-left:472px;
  543. margin-top:505px;
  544. text-transform:uppercase;
  545. text-align:center;
  546. line-height:10%;
  547. transform: rotate(-17deg);
  548. }
  549.  
  550. #link3 a{
  551. position:fixed;
  552. font-size:35px;
  553. line-height:100%;
  554. color:#fff;
  555. text-decoration:none;
  556. }
  557.  
  558. #link3 a:hover {
  559. color: #d76e76;
  560. text-shadow:1px 1px 0 #fff,
  561. -1px -1px 0 #fff,
  562. 1px -1px 0 #fff,
  563. -1px 1px 0 #fff,
  564. 0px 1px 0 #fff,
  565. 1px 0px 0 #fff,
  566. 0px -1px 0 #fff,
  567. -1px 0px 0 #fff;
  568. }
  569.  
  570. #link4 {
  571. position:fixed;
  572. max-width:285px;
  573. margin-left:553px;
  574. margin-top:540px;
  575. text-align:center;
  576. line-height:10%;
  577. transform: rotate(10deg);
  578. }
  579.  
  580. #link4 a{
  581. position:fixed;
  582. font-size:30px;
  583. line-height:100%;
  584. color:#fff;
  585. text-decoration:none;
  586. }
  587.  
  588. #link4 a:hover {
  589. color: #d76e76;
  590. text-shadow:1px 1px 0 #fff,
  591. -1px -1px 0 #fff,
  592. 1px -1px 0 #fff,
  593. -1px 1px 0 #fff,
  594. 0px 1px 0 #fff,
  595. 1px 0px 0 #fff,
  596. 0px -1px 0 #fff,
  597. -1px 0px 0 #fff;
  598. }
  599.  
  600. #link5 {
  601. position:fixed;
  602. max-width:285px;
  603. margin-left:705px;
  604. margin-top:508px;
  605. font-family:'verdana';
  606. text-transform:uppercase;
  607. text-align:center;
  608. line-height:10%;
  609. }
  610.  
  611. #link5 a{
  612. position:fixed;
  613. font-size:30px;
  614. line-height:100%;
  615. color:#fff;
  616. text-decoration:none;
  617. }
  618.  
  619. #link5 a:hover {
  620. color: #d76e76;
  621. text-shadow:1px 1px 0 #fff,
  622. -1px -1px 0 #fff,
  623. 1px -1px 0 #fff,
  624. -1px 1px 0 #fff,
  625. 0px 1px 0 #fff,
  626. 1px 0px 0 #fff,
  627. 0px -1px 0 #fff,
  628. -1px 0px 0 #fff;
  629. }
  630.  
  631. #link6 {
  632. position:fixed;
  633. max-width:285px;
  634. margin-left:715px;
  635. margin-top:533px;
  636. text-transform:uppercase;
  637. text-align:center;
  638. line-height:10%;
  639. }
  640.  
  641. #link6 a{
  642. position:fixed;
  643. font-size:30px;
  644. line-height:100%;
  645. color:#fff;
  646. text-decoration:none;
  647. font-family:times;
  648. }
  649.  
  650. #link6 a:hover {
  651. color: #d76e76;
  652. text-shadow:1px 1px 0 #fff,
  653. -1px -1px 0 #fff,
  654. 1px -1px 0 #fff,
  655. -1px 1px 0 #fff,
  656. 0px 1px 0 #fff,
  657. 1px 0px 0 #fff,
  658. 0px -1px 0 #fff,
  659. -1px 0px 0 #fff;
  660. }
  661.  
  662. /* -------- post info -------- */
  663.  
  664. @keyframes bbounce{
  665. 0% {transform:translate(0px,0px);}
  666. 50% {transform:translate(0px,10px);}
  667. 100% {transform:translate(0px, 0px);}
  668. }
  669.  
  670. @-moz-keyframes bbounce{
  671. 0% {-moz-transform:translate(0px,0px);}
  672. 50% {-moz-transform:translate(0px,10px);}
  673. 100% {-moz-transform:translate(0px,0px);}
  674. }
  675.  
  676. @-webkit-keyframes bbounce {
  677. 0% {-webkit-transform:translate(0px,0px);}
  678. 50% {-webkit-transform:translate(0px,10px);}
  679. 100% {-webkit-transform:translate(0px,0px);}
  680. }
  681.  
  682. @-o-keyframes bbounce {
  683. 0% {-o-transform:translate(0px,0px);}
  684. 50% {-o-transform:translate(0px,10px);}
  685. 100% {-o-transform:translate(0px,0px);}
  686. }
  687.  
  688. @-ms-keyframes bbounce {
  689. 0% {-ms-transform:translate(0px,0px);}
  690. 50% {-ms-transform:translate(0px,10px);}
  691. 100% {-ms-transform:translate(0px,0px);}
  692. }
  693.  
  694. .postdate {
  695. left:270px;
  696. top:25px;
  697. text-align: center;
  698. line-height:80%;
  699. width:15px;
  700. height:5px;
  701. position:relative;
  702. z-index: 999999999999999;
  703. }
  704.  
  705. .postdate a {
  706. font:'fjalla one';
  707. color:#000;
  708. font-size:10px;
  709. text-decoration:none;
  710. font-weight:normal;
  711. text-shadow:1px 1px 0 #eeced1,
  712. -1px -1px 0 #eeced1,
  713. 1px -1px 0 #eeced1,
  714. -1px 1px 0 #eeced1,
  715. 0px 1px 0 #eeced1,
  716. 1px 0px 0 #eeced1,
  717. 0px -1px 0 #eeced1,
  718. -1px 0px 0 #eeced1;
  719. }
  720.  
  721. .postdate a:hover {
  722. color:#000;
  723. text-shadow:0px 0px 2px #000;
  724. }
  725.  
  726. .postnotes {
  727. left:270px;
  728. top:35px;
  729. text-align: center;
  730. line-height:80%;
  731. width:15px;
  732. height:5px;
  733. position:relative;
  734. z-index: 999999999999999;
  735. }
  736.  
  737. .postnotes a {
  738. font:'fjalla one';
  739. color:#000;
  740. font-size:10px;
  741. text-decoration:none;
  742. font-weight:normal;
  743. text-shadow:1px 1px 0 #eeced1,
  744. -1px -1px 0 #eeced1,
  745. 1px -1px 0 #eeced1,
  746. -1px 1px 0 #eeced1,
  747. 0px 1px 0 #eeced1,
  748. 1px 0px 0 #eeced1,
  749. 0px -1px 0 #eeced1,
  750. -1px 0px 0 #eeced1;
  751. }
  752.  
  753. .postnotes a:hover {
  754. color:#000;
  755. text-shadow:0px 0px 2px #000;
  756. }
  757.  
  758. .postreblog {
  759. left:270px;
  760. top:45px;
  761. text-align: center;
  762. line-height:80%;
  763. width:15px;
  764. height:5px;
  765. position:relative;
  766. z-index: 999999999999999;
  767. }
  768.  
  769. .postreblog a {
  770. font:'fjalla one';
  771. color:#000;
  772. font-size:10px;
  773. text-decoration:none;
  774. font-weight:normal;
  775. text-shadow:1px 1px 0 #eeced1,
  776. -1px -1px 0 #eeced1,
  777. 1px -1px 0 #eeced1,
  778. -1px 1px 0 #eeced1,
  779. 0px 1px 0 #eeced1,
  780. 1px 0px 0 #eeced1,
  781. 0px -1px 0 #eeced1,
  782. -1px 0px 0 #eeced1;
  783. }
  784.  
  785. .postreblog a:hover {
  786. color:#000;
  787. text-shadow:0px 0px 2px #000;
  788. }
  789.  
  790. /* -------- tags -------- */
  791.  
  792. .tags {
  793. width:200px;
  794. margin-top:5px;
  795. margin-bottom:55px;
  796. margin-left:40px;
  797. text-align:right;
  798. letter-spacing:1px;
  799. line-height:150%;
  800. padding:8px;
  801. border:1px solid #eeced1;
  802. outline:1px dashed #eeced1;
  803. outline-offset:2px;
  804. -moz-transition-duration:0.4s;
  805. -webkit-transition-duration:0.4s;
  806. -o-transition-duration:0.4s;
  807. }
  808.  
  809. .tags a {
  810. font-family: 'roboto condensed';
  811. text-transform:none;
  812. color:{color:text};
  813. font-size:7px;
  814. font-weight:normal;
  815. -webkit-transition: all 0.4s ease-in-out;
  816. -moz-transition: all 0.4s ease-in-out;
  817. -o-transition: all 0.4s ease-in-out;
  818. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  819. }
  820.  
  821. .tags a:hover {
  822. color:#000;
  823. }
  824.  
  825. /* -------- pagination -------- */
  826.  
  827. #pagination {
  828. position:fixed;
  829. margin-top:585px;
  830. margin-left:660px;
  831. max-width:295px;
  832. }
  833.  
  834. #pagination a {
  835. text-shadow:1px 1px 0 #8d2c2d,
  836. -1px -1px 0 #8d2c2d,
  837. 1px -1px 0 #8d2c2d,
  838. -1px 1px 0 #8d2c2d,
  839. 0px 1px 0 #8d2c2d,
  840. 1px 0px 0 #8d2c2d,
  841. 0px -1px 0 #8d2c2d,
  842. -1px 0px 0 #8d2c2d;
  843. font-family: 'playfair display';
  844. font-size:27px;
  845. text-transform:uppercase;
  846. letter-spacing:2px;
  847. color:#fff;
  848. -webkit-transition: all 0.7s ease;
  849. -moz-transition: all 0.7s ease;
  850. -o-transition: all 0.7s ease;
  851. }
  852.  
  853. #pagination a:hover {
  854. color:#000;
  855. }
  856.  
  857. /* -------- asks -------- */
  858.  
  859. .asker {
  860. text-shadow:1px 1px 0 #eeced1,
  861. -1px -1px 0 #eeced1,
  862. 1px -1px 0 #eeced1,
  863. -1px 1px 0 #eeced1,
  864. 0px 1px 0 #eeced1,
  865. 1px 0px 0 #eeced1,
  866. 0px -1px 0 #eeced1,
  867. -1px 0px 0 #eeced1;
  868. font-family:'nightingale';
  869. font-size:16px;
  870. text-transform:lowercase;
  871. letter-spacing:1px;
  872. text-align:left;
  873. margin-left:20px;
  874. margin-bottom:6px;
  875. color:#9d9d9d;
  876. padding-top:0px;
  877. -moz-transition-duration:0.4s;
  878. -webkit-transition-duration:0.4s;
  879. -o-transition-duration:0.4s;
  880. }
  881.  
  882. .asker a {
  883. text-shadow:1px 1px 0 #fff,
  884. -1px -1px 0 #fff,
  885. 1px -1px 0 #fff,
  886. -1px 1px 0 #fff,
  887. 0px 1px 0 #fff,
  888. 1px 0px 0 #fff,
  889. 0px -1px 0 #fff,
  890. -1px 0px 0 #fff;
  891. font-family:'nightingale';
  892. font-size:16px;
  893. text-transform:lowercase;
  894. letter-spacing:1px;
  895. text-align:left;
  896. margin-left:20px;
  897. color:#000;
  898. background:url('');
  899. -webkit-transition: all 0.4s ease-in-out;
  900. -moz-transition: all 0.4s ease-in-out;
  901. -o-transition: all 0.4s ease-in-out;
  902. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  903. }
  904.  
  905. .asker a:hover {
  906. color:#000;
  907. text-shadow:0px 0px 2px #000;
  908. }
  909.  
  910. .question {
  911. margin-top:-10px;
  912. width:275px;
  913. color:#fff;
  914. text-shadow:1px 1px 0 #000,
  915. -1px -1px 0 #000,
  916. 1px -1px 0 #000,
  917. -1px 1px 0 #000,
  918. 0px 1px 0 #000,
  919. 1px 0px 0 #000,
  920. 0px -1px 0 #000,
  921. -1px 0px 0 #000;
  922. font-family:'fjalla one';
  923. text-transform:uppercase;
  924. font-size:8px;
  925. line-height:100%;
  926. text-align:justify;
  927. word-spacing:2px;
  928. letter-spacing:1px;
  929. background:transparent;
  930. padding:10px;
  931. border-bottom:1px dashed #000;
  932. border-right:1px dashed #000;
  933. border-bottom-right-radius:20px;
  934. -moz-transition-duration:0.4s;
  935. -webkit-transition-duration:0.4s;
  936. -o-transition-duration:0.4s;
  937. }
  938.  
  939. .answer {
  940. font-family:'montserrat';
  941. font-size:8px;
  942. text-align:justify;
  943. color:{color:text};
  944. padding-top:10px;
  945. line-height:150%;
  946. word-spacing:2px;
  947. letter-spacing:1px;
  948. }
  949.  
  950. /* -------- quote -------- */
  951.  
  952. .quote {
  953. font-family: 'montserrat';
  954. font-size:11px;
  955. font-style:normal;
  956. text-transform:normal;
  957. letter-spacing:1px;
  958. line-height:110%;
  959. color:#fff;
  960. text-align:center;
  961. }
  962.  
  963. .quotesource {
  964. font-family: 'roboto condensed';
  965. font-size:10px;
  966. font-style:normal;
  967. text-transform:normal;
  968. line-height:100%;
  969. text-align:center;
  970. margin-top:16px;
  971. color:#000;
  972. padding-bottom:10px;
  973. text-shadow:1px 1px 0 #fff,
  974. -1px -1px 0 #fff,
  975. 1px -1px 0 #fff,
  976. -1px 1px 0 #fff,
  977. 0px 1px 0 #fff,
  978. 1px 0px 0 #fff,
  979. 0px -1px 0 #fff,
  980. -1px 0px 0 #fff;
  981. }
  982.  
  983. .quotesource a {
  984. font-family: 'nightingale';
  985. font-size:11px;
  986. font-style:normal;
  987. text-transform:lowercase;
  988. line-height:100%;
  989. color:#000;
  990. }
  991.  
  992. .quotesource a:hover {
  993. color:#f3eaed;
  994. -webkit-transition: all 0.5s ease-in-out;
  995. -moz-transition: all 0.5s ease-in-out;
  996. -o-transition: all 0.5s ease-in-out;
  997. -ms-transition: all 0.5s ease-in-out;
  998. }
  999.  
  1000. /* -------- video -------- */
  1001.  
  1002. .video {
  1003. width:295px!important;
  1004. }
  1005.  
  1006. .video iframe {
  1007. width:295px!important;
  1008. }
  1009.  
  1010. /* -------- scrollbar -------- */
  1011.  
  1012. ::-webkit-scrollbar {
  1013. height:0px;
  1014. width:0px}
  1015.  
  1016. ::-webkit-scrollbar-thumb:vertical {
  1017. background-color:transparent;
  1018. height:50px;
  1019. }
  1020.  
  1021. /* -------- chat -------- */
  1022.  
  1023. .chat {
  1024. line-height:150%;
  1025. list-style:none;
  1026. }
  1027.  
  1028. .label {
  1029. font-weight:bold;
  1030. font-size:9px;
  1031. color:{color:bold};
  1032. }
  1033.  
  1034. </style>
  1035.  
  1036. <body>
  1037.  
  1038. <!-- SCM Music Player http://scmplayer.co -->
  1039. <script type="text/javascript" src="http://scmplayer.co/script.js"
  1040. data-config="{'skin':'http://static.tumblr.com/qft2cvq/w5Zn26xbc/skin-2.css','volume':42,'autoplay':false,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'rainbow','url':'https://www.youtube.com/watch?v=jL8O-zUrR2g'}]}" ></script>
  1041. <!-- SCM Music Player script end -->
  1042.  
  1043.  
  1044. <div id="link1"><a title="open the metaverse app" a href="/">*</a></div>
  1045. <div id="link2"><a title="send the calling card" a href="/ask">☆</a></div>
  1046. <div id="link3"><a title="show your new conviction" a href="/rules">★</a></div>
  1047. <div id="link4"><a title="a new palace unlocked" a href="/favs">♥</a></div>
  1048. <div id="link5"><a title="beneath the panther mask" a href="/info">*</a></div>
  1049. <div id="link6"><a title="get up / get out there" a href="/verses">;</a></div>
  1050.  
  1051. <div id="pagination">{block:Pagination}
  1052. {block:PreviousPage}<a href="{PreviousPage}">≪</a>{/block:PreviousPage}&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">≫</a>
  1053. {/block:NextPage}
  1054. {/block:Pagination}</div>
  1055.  
  1056. <div id="entries">
  1057. {block:Posts}
  1058.  
  1059. <div class="post">{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  1060.  
  1061. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1062.  
  1063. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1064.  
  1065. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1066.  
  1067. <div class="quote">{block:Quote}{Quote}<div class="quotesource">— {Source}</div>{/block:Quote}</span></div>
  1068.  
  1069. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1070.  
  1071. {block:Chat}
  1072. {block:Title}<h2>{Title}</h2>{/block:Title}
  1073. {block:Lines}{block:Label}<span class="label">{Label}</span>{/block:Label}
  1074. {Line}<p>{/block:Lines}
  1075. {/block:Chat}
  1076.  
  1077. {block:Video}<div class="video">{Video-400}</div>
  1078. {block:Caption}{Caption}{/block:Caption}
  1079. {/block:Video}
  1080.  
  1081. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1082.  
  1083. {block:Answer} <div class="asker">{Asker}</div> <div class="question">{Question}</div> <div class="answer">{Answer}</div>
  1084. {/block:Answer}
  1085.  
  1086. <div class="postdate"><a href="{Permalink}"title="{TimeAgo}">01.*</a></div>
  1087.  
  1088. <div class="postnotes"><a href="{Permalink}"title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}">02.*</a></div>
  1089.  
  1090. <div class="postreblog"><a href="{ReblogUrl}"title="reblog">03.*</a></div>
  1091.  
  1092. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  1093.  
  1094. </div>
  1095.  
  1096. {/block:Posts}
  1097. </div>
  1098.  
  1099. <!-- {block:NoRebloggedFrom}
  1100. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1101. {/block:NoRebloggedFrom} -->
  1102.  
  1103. {block:ContentSource}
  1104. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1105. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1106. {/block:SourceLogo}
  1107. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1108. {/block:ContentSource}
  1109.  
  1110. </body>
  1111.  
  1112. </div>
  1113.  
  1114. </div>
  1115.  
  1116. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement