API tools faq
paste
Advertisement
alicescreed

clrifter

alicescreed
Sep 20th, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <!-- custom theme for CLRIFTER by ANACOMMISSIONS 9.19.2019 -->
  9. <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! -->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />
  14.  
  15. {/block:Description}
  16.  
  17. <meta name="text:link1title" content="link1 title">
  18. <meta name="text:link2title" content="link2 title">
  19. <meta name="text:link3title" content="link3 title">
  20. <meta name="text:link4title" content="link4 title">
  21. <meta name="text:link5title" content="link5 title">
  22. <meta name="text:musicplayer" content="music player">
  23.  
  24. <meta name="image:background" content="">
  25. <meta name="image:infobackground" content="">
  26.  
  27. <meta name="color:text" content="#d7d7d7">
  28. <meta name="color:scrollbar" content="#616996">
  29. <meta name="color:bold" content="#616996">
  30. <meta name="color:italic" content="#616996">
  31. <meta name="color:links" content="#b2b3c0">
  32. <meta name="color:borders" content="#575757">
  33. <meta name="color:hover link" content="#ffffff">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond|Homemade+Apple&display=swap" rel="stylesheet">
  36.  
  37. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:200,
  45. tip_fade_speed:300
  46. }
  47. );
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56. body {
  57. font-family: 'Cormorant Garamond', serif;
  58. color: {color:text};
  59. font-size: 12px;
  60. letter-spacing: 0px;
  61. background-color: #000;
  62. background-image: url('{image:background}');
  63. background-position: absolute;
  64. background-attachment: fixed;
  65. line-height: 120%;
  66. background-repeat: no-repeat;
  67. text-align: justify;
  68. }
  69.  
  70. #s-m-t-tooltip{
  71. position: absolute;
  72. z-index: 999999999999999999999999999999999999999999999999999999999999;
  73. margin-top: 10px;
  74. margin-left: 5px;
  75. display: block;
  76. background-image: url('{image:infobackground}');
  77. background-position: center;
  78. text-align: center;
  79. color: #fff;
  80. font-style: italic;
  81. font-family: 'Homemade Apple', cursive;
  82. letter-spacing: 1px;
  83. border: 1px {color:borders};
  84. border-style: solid;
  85. padding: 5px;
  86. font-size: 20px;
  87. margin-bottom: 5px;
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb:vertical {
  91. background-color: {color:scrollbar};
  92. height:auto;
  93. }
  94.  
  95. ::-webkit-scrollbar-thumb:horizontal {
  96. background-color: {color:scrollbar};
  97. height:2px;
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101. height:2px;
  102. width:2px;
  103. background-color: transparent;
  104. }
  105.  
  106.  
  107. a {
  108. text-decoration: none;
  109. color: {color:links};
  110. font-size: 14pt;
  111. line-height: 19pt;
  112. font-weight: bold;
  113. transition-duration: 0.6s;
  114. -moz-transition-duration: 0.6s;
  115. -webkit-transition-duration: 0.6s;
  116. -o-transition-duration: 0.6s;
  117. font-family: 'Homemade Apple', cursive;
  118. letter-spacing: 1px;
  119. text-shadow: 1px 1px 5px #000;
  120. }
  121.  
  122.  
  123. a:hover {
  124. text-decoration: none;
  125. filter:blur(1px);
  126. color: {color:hover link};
  127. transition-duration: 0.6s;
  128. -moz-transition-duration: 0.6s;
  129. -webkit-transition-duration: 0.6s;
  130. -o-transition-duration: 0.6s;
  131. font-family:'Homemade Apple', cursive;
  132. }
  133.  
  134. small, sup, sub {
  135. font-size: 100%;
  136. }
  137.  
  138. b, strong {
  139. text-shadow: 1px 1px 5px #000;
  140. padding-left: 2px;
  141. padding-right: 2px;
  142. color:{color:bold};
  143. letter-spacing: 0px;
  144. font-size: 15px;
  145. font-family: arial;
  146. }
  147.  
  148. i, em {
  149. text-shadow: 1px 1px 5px #000;
  150. color:{color:italic};
  151. font-style: italic;
  152. letter-spacing: 1px;
  153. padding-left:5px;
  154. padding-right: 5px;
  155. padding-top: 10px;
  156. padding-bottom: 10px;
  157. font-size: 20px;
  158. font-family:'Homemade Apple', cursive;
  159. }
  160.  
  161.  
  162.  
  163.  
  164. h2 {
  165. text-shadow: 1px 1px 5px #000;
  166. font-family: 'Homemade Apple', cursive;
  167. font-size: 120%;
  168. font-weight: bold;
  169. line-height: 120%;
  170. letter-spacing: 1px;
  171. }
  172.  
  173.  
  174. #info {
  175. margin-top: -50px;
  176. background-color: grey;
  177. padding: 20px;
  178. background-image: url('{image:infobackground}');
  179. background-position: center;
  180. text-align: center;
  181. color: #fff;
  182. opacity: 0;
  183. letter-spacing: 1px;
  184. text-shadow: 1px 1px 4px #000;
  185. transition-duration: 0.6s;
  186. -moz-transition-duration: 0.6s;
  187. -webkit-transition-duration: 0.6s;
  188. -o-transition-duration: 0.6s;
  189. border: 1px {color:borders};
  190. border-style: solid;
  191. }
  192.  
  193. #sidebarh1 {
  194. background-image: url('{image:infobackground}');
  195. text-align: center;
  196. color: #fff;
  197. font-family: 'Homemade Apple', cursive;
  198. border: 1px {color:borders};
  199. border-style: solid;
  200. padding: 10px;
  201. line-height: 110%;
  202. font-size: 16px;
  203. background-position: center;
  204. margin-bottom: 5px;
  205. }
  206.  
  207. #h1 {
  208. color: white;
  209. background-position: center;
  210. text-shadow: 1px 1px 5px #000;
  211. background-image: url('{image:infobackground}');
  212. text-align: center;
  213. font-family: 'Homemade Apple', cursive;
  214. border: 1px {color:borders};
  215. border-style: solid;
  216. padding: 5px;
  217. line-height: 120%;
  218. font-size: 22px;
  219. margin-bottom: 5px;
  220. }
  221.  
  222. h1 {
  223. font-family: 'Homemade Apple', cursive;
  224. font-size: 20pt;
  225. line-height: 21pt;
  226. color: white;
  227. font-weight: normal;
  228. text-align: center;
  229. }
  230.  
  231. #sidebar {
  232. margin-left: 200px;
  233. width: 130px;
  234. font-size: 11px;
  235. height: auto;
  236. margin-top: 345px;
  237. position: fixed;
  238. background-color: transparent;
  239. padding: 10px;
  240. }
  241.  
  242. #description {
  243. height: 115px;
  244. padding-right: 5px;
  245. overflow: auto;
  246. }
  247.  
  248. #audio {
  249. text-align: center;
  250. font-size: 8pt;
  251. line-height: 9pt;
  252. }
  253.  
  254.  
  255. #musicinfo {
  256.  
  257. text-transform: uppercase;
  258. margin-top:10px;
  259. }
  260.  
  261. blockquote {
  262. transform: rotate(1deg);
  263. border-left: 1px solid {Color:bold};
  264. border-right: 1px solid {Color:bold};
  265. padding: 5px;
  266. border-radius: 5px;
  267. background-color: #101010;
  268. }
  269.  
  270. blockquote img {
  271. max-width: auto;
  272. }
  273.  
  274.  
  275. ol.notes {
  276. text-align: left;
  277. list-style: upper-roman;
  278. padding: 10px;
  279.  
  280. }
  281.  
  282. #post:hover #info {
  283. opacity: 1;
  284. transition-duration: 0.6s;
  285. -moz-transition-duration: 0.6s;
  286. -webkit-transition-duration: 0.6s;
  287. -o-transition-duration: 0.6s;
  288. margin-top: 0px;
  289. }
  290.  
  291. #info a {
  292. font-family: 'Cormorant Garamond', serif;
  293. font-size: 20px;
  294. color: white;
  295. }
  296.  
  297. #info a:hover {
  298. color: {color:bold};
  299. }
  300.  
  301. #credit {
  302. right:10px;
  303. bottom:7px;
  304. padding:5px;
  305. font-size:10px;
  306. position:fixed;
  307. background-image: url('{image:infobackground}');
  308. text-align: center;
  309. font-style: italic;
  310. font-family: 'Homemade Apple', cursive;
  311. letter-spacing: 1px;
  312. border: 1px {color:borders};
  313. border-style: solid;
  314. padding: 5px;
  315. font-size: 120%;
  316. margin-bottom: 5px;
  317. transition-duration: 0.6s;
  318. -moz-transition-duration: 0.6s;
  319. -webkit-transition-duration: 0.6s;
  320. -o-transition-duration: 0.6s;
  321. }
  322.  
  323.  
  324. #credit a {
  325. font-family: 'Homemade Apple', cursive;
  326. color:#fff;
  327. padding:5px;
  328. letter-spacing:1px;
  329. text-decoration:none;
  330. font-weight:bold;
  331. }
  332.  
  333. #tags a {
  334. font-size: 11px;
  335. color:{color:text};
  336. }
  337.  
  338. #post {
  339. width: 400px;
  340. margin-bottom: 20px;
  341. }
  342.  
  343. #posts {
  344. width: 400px;
  345. height: 480px;
  346. padding-right: 10px;
  347. position: absolute;
  348. margin-left: 410px;
  349. margin-top: 110px;
  350. overflow: auto;
  351. }
  352.  
  353.  
  354.  
  355. #links {
  356. position: fixed;
  357. margin-top: 450px;
  358. text-align: left;
  359. width: 200px;
  360. font-size: 13pt;
  361. line-height: 6pt;
  362. margin-left: 525px;
  363. font-family: 'Homemade Apple', cursive;
  364. }
  365.  
  366. #links a {
  367. color: {color:navlinks};
  368. font-weight: bold;
  369. font-family: 'Homemade Apple', cursive;
  370. text-transform: uppercase;
  371. }
  372.  
  373. #links a:hover {
  374. color: {color:bold};
  375. font-style: normal;
  376. }
  377.  
  378. #navlinks { font-family: 'Cormorant Garamond', serif;
  379. position: fixed;
  380. margin-top: 90px;
  381. margin-left: 880px;
  382. }
  383.  
  384. #navlinks a{
  385. font-family: 'Cormorant Garamond', serif;
  386. font-size: 25px;
  387. color:{color:text};
  388. transition-duration: 0.6s;
  389. -moz-transition-duration: 0.6s;
  390. -webkit-transition-duration: 0.6s;
  391. -o-transition-duration: 0.6s;
  392. }
  393.  
  394. #navlinks a:hover{
  395. color:{color:links};
  396. letter-spacing: 2px;
  397. transition-duration: 0.6s;
  398. -moz-transition-duration: 0.6s;
  399. -webkit-transition-duration: 0.6s;
  400. -o-transition-duration: 0.6s;
  401. }
  402.  
  403. #pages {
  404. text-align: center;
  405. margin-top: 5px;
  406. }
  407.  
  408. #navsection {
  409. font-family: 'Cormorant Garamond', serif;
  410. }
  411.  
  412. #link1 {
  413. position: fixed;
  414. margin-top: -60px;
  415. margin-left: -40px;
  416. }
  417.  
  418. #link2 {
  419. position: fixed;
  420. margin-top: -40px;
  421. margin-left: -30px;
  422. }
  423.  
  424.  
  425. #link3 {
  426. position: fixed;
  427. margin-top: -20px;
  428. margin-left: -20px;
  429. }
  430.  
  431. #link4 {
  432. position: fixed;
  433. margin-top: 0px;
  434. margin-left: 0px;
  435. }
  436.  
  437. #link5 {
  438. position: fixed;
  439. margin-top: 20px;
  440. margin-left: 20px;
  441. }
  442.  
  443. #fade {
  444. display: none;
  445. background: #fff;
  446. position: fixed;
  447. left: 0;
  448. top: 0;
  449. width: 100%;
  450. height: 100%;
  451. opacity: .50;
  452. z-index: 9999;
  453. }
  454.  
  455. .popup_block{
  456. display: none;
  457. padding: 20px;
  458. position: fixed;
  459. top: 50%;
  460. left: 50%;
  461. z-index: 99999;
  462. background-color: #c9c0c8;
  463. }
  464.  
  465. img.btn_close {
  466. float: right;
  467. margin: -55px -55px 0 0;
  468. }
  469.  
  470. *html #fade {
  471. position: absolute;
  472. }
  473.  
  474. *html .popup_block {
  475. position: absolute;
  476. }
  477.  
  478. #hoverinfo {
  479. opacity: 1;
  480. transition-duration: 0.6s;
  481. -moz-transition-duration: 0.6s;
  482. -webkit-transition-duration: 0.6s;
  483. -o-transition-duration: 0.6s;
  484. }
  485.  
  486. #info:hover #hoverinfo {
  487. opacity: 1;
  488. transition-duration: 0.6s;
  489. -moz-transition-duration: 0.6s;
  490. -webkit-transition-duration: 0.6s;
  491. -o-transition-duration: 0.6s;
  492. }
  493.  
  494. #music {
  495. position: fixed;
  496. width: 200px;
  497. margin-top:75px;
  498. opacity: .5;
  499. transition-duration: 0.6s;
  500. -moz-transition-duration: 0.6s;
  501. -webkit-transition-duration: 0.6s;
  502. -o-transition-duration: 0.6s;
  503. margin-left: 400px;
  504. }
  505.  
  506. #music:hover {
  507. transition-duration: 0.6s;
  508. -moz-transition-duration: 0.6s;
  509. -webkit-transition-duration: 0.6s;
  510. -o-transition-duration: 0.6s;
  511. opacity: 1;
  512. }
  513.  
  514. #btitle {
  515. text-transform: uppercase;
  516. font-weight: bold;
  517. background-image: url('{image:infobackground}');
  518. text-align: center;
  519. color: #fff;
  520. border: 1px {color:borders};
  521. text-shadow: 1px 1px 1px #000;
  522. border-style: solid;
  523. padding: 10px;
  524. line-height: 110%;
  525. font-size: 11px;
  526. background-position: center;
  527. margin-bottom: 5px;
  528. }
  529.  
  530. </style>
  531.  
  532. </head>
  533.  
  534. <body>
  535.  
  536. <div id="music">
  537. <img src="https://static.tumblr.com/n9vj50j/cxEn20wqg/12.gif" style="margin-right: 2px;"> {text:musicplayer}
  538. </div>
  539.  
  540. <div id="navlinks">
  541.  
  542. <div id="link1"> <a href="#?w=500" rel="ask" class="poplight" title="{text:link1title}">I.</a> </div>
  543.  
  544. <div id="link2"> <a href="#?w=500" rel="submit" class="poplight" title="{text:link2title}">II.</a> </div>
  545.  
  546. <div id="link3"> <a href="#?w=500" rel="about" class="poplight" title="{text:link3title}">III.</a> </div>
  547.  
  548. <div id="link4"><a href="#?w=500" rel="nav" class="poplight" title="{text:link4title}">IV.</a> </div>
  549.  
  550. <div id="link5"><a href="#?w=500" rel="rules" class="poplight" title="{text:link5title}">V.</a> </div>
  551.  
  552. </div>
  553.  
  554.  
  555. <div id="sidebar">
  556. <div id="btitle">{title}</div>
  557. <div id="description">
  558. {description}</div>
  559. <div id="pages"> {block:Pagination}
  560. {block:PreviousPage}
  561. <a href="{PreviousPage}">fall</a> /
  562. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise</a>
  563. {/block:NextPage}
  564. {/block:Pagination}</div>
  565. </div>
  566.  
  567.  
  568.  
  569. <div id="posts">{block:Posts}<div id="post">
  570.  
  571.  
  572.  
  573. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  574.  
  575. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  576.  
  577. {Caption} {/block:Caption}{/block:Photo}
  578.  
  579. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  580.  
  581. {/block:Photoset}
  582.  
  583. {block:Quote}<div id="h1">{Quote}</div>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  584.  
  585. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  586.  
  587. {Description}{/block:Description}{/block:Link}
  588.  
  589. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  590.  
  591. <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  592.  
  593. {block:Audio}
  594. <div id="audio">
  595. {block:TrackName}
  596. <div id="musicinfo" style="margin-top: 5px;">
  597. {AudioPlayerGrey} <br>
  598. {TrackName} by
  599. {/block:TrackName}
  600. {block:Artist}
  601. {Artist}
  602. {/block:Artist}
  603.  
  604. </div>
  605. </div>
  606. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  607. {/block:Audio}
  608.  
  609.  
  610. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  611.  
  612. {block:Answer}
  613. <div id="sidebarh1">
  614. <img src="https://pngimg.com/uploads/moon/moon_PNG51.png" width="50px"><p>
  615. {Asker} asked <br>
  616. <span style="font-weight: normal;font-family: 'Cormorant Garamond', serif; color: {color:text}; font-size: 10px;">" {Question} "</span>
  617. </table>
  618. </div>
  619. {Answer}{/block:Answer}
  620.  
  621. <div id="info">
  622. <div id="hoverinfo">
  623. <a title="{TimeAgo}">➹</a> <a href="{Permalink}" title="{NoteCount} notes">➹</a> <a href="{ReblogURL}" title="reblog">➹</a>
  624. <div id="tags">
  625. {block:HasTags}{block:Tags} <a href="{TagURL}" style="font-family:'Cormorant Garamond', serif; font-size: 9px; line-height: 13px;">#{Tag} </a>
  626. {/block:Tags}{/block:HasTags}
  627. </div>
  628. </div>
  629. </div>
  630.  
  631. </div>
  632. {block:PostNotes}<Div style="width: 400px;">
  633.  
  634.  
  635. {PostNotes}</div>{/block:PostNotes}
  636. {/block:Posts}</div>
  637.  
  638. <div id="credit">
  639. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  640. </div>
  641.  
  642.  
  643.  
  644.  
  645.  
  646. </body>
  647.  
  648.  
  649.  
  650. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!