alicescreed

diversestimulation-2

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