API tools faq
paste
elsaofarendelle

cxnscience

elsaofarendelle
Oct 7th, 2024
35
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet">
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Timmana" rel="stylesheet">
  9.  
  10. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  11.  
  12. <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC" rel="stylesheet">
  15.  
  16. <link href="https://fonts.googleapis.com/css2?family=Grechen+Fuemen&family=Qwitcher+Grypen:wght@400;700&family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
  17.  
  18. <link href="https://fonts.googleapis.com/css2?family=Grechen+Fuemen&family=Protest+Strike&family=Qwitcher+Grypen:wght@400;700&family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
  19.  
  20.  
  21. <!--- tooltips --->
  22.  
  23. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  25. <script>
  26. (function($){
  27. $(document).ready(function(){
  28. $("[title]").style_my_tooltips();
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33.  
  34. </style>
  35.  
  36.  
  37. <title>{Title}</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  41.  
  42.  
  43. <!-------------------------------------------
  44. Code by wintersovereign.
  45. Don't copy or distribute.
  46. Don't claim as your own.
  47. -------------------------------------------->
  48.  
  49. <meta name="image:background" content=""/>
  50. <meta name="image:sidebar" content=""/>
  51.  
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. iframe#tumblr_controls {
  57. white-space:nowrap;
  58. -webkit-filter: invert(100%);
  59. -moz-filter: invert(100%);
  60. -o-filter: invert(100%);
  61. -ms-filter: invert(100%);
  62. filter: invert(100%);
  63. opacity:.2;transition: .8s ease-in-out;
  64. -webkit-transition: .8s ease-in-out;
  65. -moz-transition: .8s ease-in-out;
  66. -o-transition: .8s ease-in-out;
  67. }
  68.  
  69. /* --- CURSOR START --- */
  70.  
  71. *, body, a, a:hover {cursor: url("https://64.media.tumblr.com/fe64ba4a06e883d78d496b638c830b01/tumblr_inline_mv6kooD6Ku1r63cto.png"), auto;}
  72.  
  73. /* --- CURSOR END --- */
  74.  
  75. /* --- FONTS START --- */
  76.  
  77. @font-face { font-family: "starfish"; src: url('https://dl.dropboxusercontent.com/s/pmqlfb0lqbvflrn/Starfish.ttf'); format("truetype");}
  78.  
  79. @font-face { font-family: 'lumierlight'; src: url('lumierlight-webfont.woff2') format('woff2'), url('lumierlight-webfont.woff') format('woff');}
  80.  
  81.  
  82.  
  83.  
  84. /* --- FONTS END --- */
  85.  
  86.  
  87. /* --- SCROLLBAR START ---*/
  88.  
  89. ::-webkit-scrollbar-thumb{
  90. background-color: #283f44;
  91. border: none;
  92. height:auto;
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. height:auto;
  97. width:5px;
  98. background-color: transparent;
  99. border:2px solid transparent;
  100. }
  101.  
  102. /* --- SCROLLBAR END --- */
  103.  
  104.  
  105. /* --- TOOLTIPS START --- */
  106.  
  107. #s-m-t-tooltip{
  108. max-width:300px;
  109. margin:15px;
  110. padding:2px 8px;
  111. background: #283f44;
  112. border: 1px dotted #a2a7a6;
  113. color: #a2a7a6;
  114. border-radius:0px;
  115. z-index:9999999999999;
  116. font-size:12px;
  117. font-family: "Silkscreen", sans-serif;
  118. font-weight:bold;
  119. text-transform:normal;
  120. box-shadow: 2px 2px 5px #000;
  121. -webkit-transition:all 0.7s;
  122. -moz-transition:all 0.7s;
  123. -ms-transition:all 0.7s;
  124. -o-transition:all 0.7s;
  125. transition:all 0.7s;
  126. }
  127.  
  128. /* --- TOOLTIPS END --- */
  129.  
  130.  
  131. /* --- BODY START ---*/
  132.  
  133. body {
  134. background:#1b3835;
  135. background-image:url({image:background});
  136. background-attachment: fixed;
  137. background-repeat: no-repeat;
  138. background-position:0px 0px;
  139. margin:0px;
  140. color:#fff;
  141. font-family: 'Cormorant Garamond', serif;
  142. font-size:12px;
  143. line-height:120%;
  144. word-wrap: break-word;
  145. }
  146.  
  147. blockquote {
  148. padding-left:5px;
  149. border-left:2px solid;
  150. border-color: #283f44;
  151. border-radius:6px;
  152. }
  153.  
  154. a {
  155. color: #fff;
  156. text-decoration:none;
  157. -webkit-transition:all 0.5s ease-in-out;
  158. -moz-transition:all 0.5s ease-in-out;
  159. -o-transition:all 0.5s ease-in-out;
  160. -ms-transition:all 0.5s ease-in-out;
  161. transition:all 0.5s ease-in-out;
  162. }
  163.  
  164.  
  165. img {none;}
  166.  
  167. h1 {
  168. font-family: "Protest Strike", sans-serif;
  169. text-transform:none;
  170. font-size:25px;
  171. line-height:30px;
  172. letter-spacing:0px;
  173. text-align:center;
  174. font-style:normal;
  175. color: #283f44;
  176. }
  177.  
  178. h2 {
  179. color: #283f44;
  180. text-transform: none;
  181. letter-spacing:1px;
  182. font-family: "Protest Strike", sans-serif;
  183. font-size:17px;
  184. }
  185.  
  186. hr {
  187. border-color: #283f44;
  188. border-width: .5px;
  189. }
  190.  
  191. #fixerupper {
  192. width:500px;
  193. margin:0 auto -12px auto;
  194. }
  195.  
  196. #container {
  197. width:350px;
  198. height:570px;
  199. margin-left:555px;
  200. margin-top:15px;
  201. position:fixed;
  202. overflow-y:scroll;
  203. overflow-x:hidden;
  204. padding-left:50px;
  205. padding-right:-5px;
  206. padding-top:17px;
  207. padding-bottom:10px;
  208. z-index:50
  209. }
  210.  
  211. #post {
  212. background: none;
  213. width:300px;
  214. padding-bottom:30px;
  215. padding: 30px;
  216. text-align: justify;
  217. margin-top:0px;
  218. line-height: 100%;
  219. }
  220.  
  221.  
  222. #post img {
  223. padding: 0;
  224. max-width:100%;
  225. width: auto;
  226. height: auto;
  227. }
  228.  
  229. #post video {
  230. padding: 0;
  231. max-width:100%;
  232. width: auto;
  233. height: auto;
  234. }
  235.  
  236. pre {
  237. font-family: 'lumierlight';
  238. font-size:10px;
  239. color:#530053;
  240. letter-spacing:1px;
  241. text-align:center;
  242. text-transform:uppercase;
  243. padding:6px;
  244. background:url('');
  245. background-repeat:repeat;;
  246. }
  247.  
  248.  
  249. b {
  250. text-transform: bold;
  251. color: #eee;
  252. text-shadow: 0px 0px 3px #fff;
  253. letter-spacing:1px;
  254. font-family: "Protest Strike", sans-serif;
  255. font-size:17px;
  256. line-height:100%;
  257. }
  258.  
  259. i {
  260. text-transform: italic;
  261. color: #eee;
  262. text-shadow: 1px 1px 1px #fff;
  263. text-shadow: -1px -1px -1px #fff;
  264. letter-spacing:1px;
  265. font-family: "Qwitcher Grypen", cursive;
  266. font-size:23px;
  267. line-height:100%;
  268. }
  269.  
  270. sub, small, sup {
  271. font-size: 12px;
  272. }
  273.  
  274. /* --- BODY END --- */
  275.  
  276.  
  277. /* --- SIDEBAR START ---*/
  278.  
  279. #sidebar{
  280. position: fixed;
  281. top: 80px;
  282. width:150px;
  283. height:70px;
  284. left: 830px;
  285. padding:20px;
  286. }
  287.  
  288. #sidebarimage img{
  289. width: 260px;
  290. height:209px;
  291. padding:10px;
  292. border:2px none #634911;
  293. margin-top:70px;
  294. margin-left:43px;
  295. background:transparent;
  296. background-image:{image:sidebarimage};
  297. }
  298.  
  299. #nav {
  300. position:fixed;
  301. overflow:hidden;
  302. margin-top:150px;
  303. margin-left:315px;
  304. }
  305.  
  306. #link1 a , #link2 a, #link3 a
  307.  
  308. #title {
  309. font-family:times;
  310. text-align:center;
  311. width:300px;
  312. margin-top:5px;
  313. margin-left:200px;
  314. text-transform:uppercase;
  315. font-style:normal;
  316. font-size:20px;
  317. color:#fff;
  318. }
  319.  
  320. #description {
  321. background:none;
  322. width:130px;
  323. height:300px;
  324. overflow-y:scroll;
  325. overflow-x:hidden;
  326. margin-top:-200px;
  327. margin-left:118px;
  328. padding: 12px;
  329. padding-right:10px;
  330. text-align:justify;
  331. font-style: none;
  332. font-family: 'Cormorant Garamond', serif;
  333. font-size:11px;
  334. color: #fff;
  335. text-shadow: none;
  336. letter-spacing:1px;
  337. line-height:155%;
  338. }
  339.  
  340. #pagination {
  341. font-family: "Protest Strike", sans-serif;
  342. width:500px;
  343. font-size:15px;
  344. margin-top:75px;
  345. margin-left:-195px;
  346. padding-left:5px;
  347. letter-spacing:3px;
  348. text-align:center;
  349. text-transform:uppercase;
  350. }
  351.  
  352. #pagination a {
  353. color:#a2a7a6;
  354. }
  355.  
  356. /* --- SIDEBAR END ---*/
  357.  
  358.  
  359. /* --- LINKS START --- */
  360.  
  361. #links {
  362. width:100px;
  363. position:fixed;
  364. margin-left:-340px;
  365. margin-top:-215px;
  366. padding:8px;
  367. }
  368.  
  369. #links a{
  370. min-width:60px;
  371. background: #283f44;
  372. border: 1px dotted #a2a7a6;
  373. color: #a2a7a6;
  374. display:inline-block;
  375. margin:4px;
  376. font-size:9px
  377. font-family: 'lumierlight';
  378. text-align:center;
  379. text-transform:uppercase;
  380. padding-top:2px;
  381. line-height:155%;
  382. }
  383.  
  384. /* --- LINKS END --- */
  385.  
  386.  
  387. /* --- CREDIT START --- */
  388.  
  389. .credit{
  390. position:fixed;
  391. font-size:20px;
  392. right:40px;
  393. bottom:20px;
  394. z-index:51;
  395. }
  396.  
  397. .credit a {
  398. font-family: "starfish";
  399. text-decoration:none;
  400. text-transform:uppercase;
  401. color:#a2a7a6;
  402. text-shadow: -1px -1px -1px #000;
  403. text-shadow: 1px 1px 1px #fff;
  404. -moz-transition-duration:.7s;
  405. -webkit-transition-duration:.7s;
  406. -o-transition-duration:.7s;
  407. }
  408.  
  409. /* --- CREDIT END --- */
  410.  
  411.  
  412. /* --- POST NOTES START --- */
  413.  
  414. .note {
  415. padding:0px 20px 0px 20px;
  416. background-color:transparent;
  417. text-transform:lowercase;
  418. letter-spacing:0px;
  419. font-size: 11px;
  420. font-style:normal;
  421. text-align:left;
  422. line-height:120%;
  423. }
  424.  
  425. .note li {
  426. list-style-type:none;
  427. padding:5px 25px 5px 25px;
  428. text-align:left;
  429. margin-right:30px;
  430. margin-top:-50px;
  431. }
  432.  
  433. #info {
  434. height:20px;
  435. text-align:center;
  436. margin-top:25px;
  437. padding-top:10px;
  438. padding:15px;
  439. padding-bottom:1px;
  440. text-transform:normal;
  441. font-style:none;
  442. font-size:12px;
  443. font-family: "Protest Strike", sans-serif;
  444. background: #283f44;
  445. border: 1px dotted #a2a7a6;
  446. color: #a2a7a6;
  447. background-repeat:repeat;
  448. background-attachment:fixed;
  449. line-height:60%;
  450. }
  451.  
  452. #info a{
  453. color: #a2a7a6;
  454. }
  455.  
  456. #tags {
  457. font-family: 'Cormorant Garamond', serif;
  458. text-align:center;
  459. margin-top:5px;
  460. padding-bottom:0px;
  461. text-transform:none;
  462. font-style:none;
  463. font-size:12px;
  464. }
  465.  
  466. #tags a {
  467. color: #a4a4a4;
  468. }
  469.  
  470. /* --- POST NOTES END --- */
  471.  
  472.  
  473. /* --- ASK & AUDIO START --- */
  474.  
  475. .ask {
  476. background: #283f44;
  477. border: 1px dotted #a2a7a6;
  478. color: #a2a7a6;
  479. padding:15px;
  480. margin-bottom:15px;
  481. margin-top:10px;
  482. }
  483.  
  484. .askheader {
  485. }
  486.  
  487. .asker {
  488. color: #d0d0d0;
  489. text-shadow: -1px -1px -1px #1e1e1d;
  490. text-shadow: 1px 1px 1px #1e1e1d;
  491. font-family: "Protest Strike", sans-serif;
  492. font-size:18px;
  493. line-height:20px;
  494. text-align:center;
  495. padding-bottom:5px;
  496. }
  497.  
  498. .answer {
  499. color: #fff;
  500. }
  501.  
  502. .chat {
  503. list-style:none;
  504. margin-top:15px;
  505. margin-bottom:0px;
  506. font-size:10px;
  507. margin-left:0px;
  508. }
  509.  
  510. .chat ul {
  511. line-height:18px;
  512. margin-top:0px;
  513. list-style:none;
  514. padding:0px;
  515. letter-spacing:2px;
  516. font-size:10px;
  517. margin-bottom:0px;
  518. text-transform:normal;
  519. }
  520.  
  521. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  522. background-color: #283f44;
  523. padding:3px 8px 3px 8px;
  524. color: #1e1e1d;
  525. border-bottom: none
  526. }
  527.  
  528. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  529. background-color: #none;
  530. padding:3px 8px 3px 8px;
  531. color: #1e1e1d;
  532. border-bottom: none;
  533. }
  534.  
  535. .audio{
  536. background: #283f44;
  537. border: 1px dotted #a2a7a6;
  538. color: #a2a7a6;
  539. padding:15px;
  540. height:70px;
  541. font-size:8px;
  542. overflow:hidden;
  543. }
  544.  
  545. .video {
  546. width:300px!important;
  547. }
  548.  
  549. .video iframe {
  550. width:300px!important;
  551. }
  552.  
  553. /* --- ASK & AUDIO END --- */
  554.  
  555. {CustomCSS}</style></head><body>
  556.  
  557. <div id="fixerupper">
  558.  
  559. <div id="sidebar">
  560.  
  561. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  562.  
  563. <div class="credit">
  564. <a href="https://wintersovereign.tumblr.com/">W</a>
  565. </div>
  566.  
  567. <div id="title"></div>
  568.  
  569. <div id="description">
  570. <center><p>Take the straight && narrow path, and if you start to slide . . .</p>
  571. </center>
  572. </div>
  573.  
  574. <div id="links">
  575. <center>
  576. <a href="/">home</a>
  577. <a href="/messages">ask</a>
  578. <a href="/archive">past</a>
  579. <a href="/rules">rules</a>
  580. <a href="/about">about</a>
  581. <a href="/verses">verses</a>
  582. <a href="http://tumblr.com/dashboard">dash</a>
  583. </center>
  584. </div>
  585.  
  586. <div id="scrollbar">{scrollbar}</div>
  587.  
  588. <div id="pagination">
  589. <center> {block:Pagination}
  590. <div id="pagination">
  591. {block:PreviousPage}
  592. <a href="{PreviousPage}"><big>«</big></a>
  593. {/block:PreviousPage}
  594. {block:JumpPagination length="5"}
  595. {block:CurrentPage}
  596. <span class="current_page">{PageNumber}</span>
  597. {/block:CurrentPage}
  598. {block:JumpPage}
  599. <a class="jump_page" href="{URL}">{PageNumber}</a>
  600. {/block:JumpPage}
  601. {/block:JumpPagination}
  602. {block:NextPage}
  603. <a href="{NextPage}"><big>»</big></a>
  604. {/block:NextPage}
  605. </div>
  606. {/block:Pagination}</center>
  607. </div>
  608.  
  609. {block:HasPages}{block:Pages}
  610.  
  611. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  612.  
  613. </div></center>
  614.  
  615.  
  616. </div>
  617.  
  618. <div id="container">{block:Posts}<div id="post">
  619.  
  620. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  621. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><i>Continue Reading</i></center></a></p><a name="more"></a>{/block:More}
  622.  
  623. {block:blockquote}{/block:blockquote}
  624.  
  625. {block:ContentSource}
  626. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  627. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  628. {/block:SourceLogo}
  629. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  630. {/block:ContentSource}
  631.  
  632. {block:Photo}
  633. <center>{LinkOpenTag}<img src="{PhotoURL-highres}" width="300px" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  634. {/block:Photo}
  635.  
  636. {block:Photoset}
  637. <center>{Photoset}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  638. {/block:Photoset}
  639.  
  640. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  641.  
  642. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  643.  
  644. {block:Chat}
  645. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  646. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label"><b>{Label}</b> </span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  647. {/block:Chat}
  648.  
  649. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  650. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  651.  
  652. {block:Video}<div class="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  653.  
  654. {block:Answer}
  655. <div class="askheader"><img src="" draggable="false"></div>
  656. <div class="ask"><div class="asker">{Asker}<font color=#d0d0d0> said:</font></div><p>{Question}</div><div class="answer">{Answer}</div>
  657. {/block:Answer}
  658.  
  659.  
  660. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">posted</a> &nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} &nbsp; {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">source</a> {/block:RebloggedFrom}&nbsp;<a href="{ReblogURL}" target="_blank" class="details" >reblog</a> {/block:Date}</div>
  661.  
  662. <div id="tags">
  663. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  664.  
  665. </div>
  666. {block:PostNotes}{PostNotes}{/block:PostNotes}
  667. {/block:Posts}</div>
  668.  
  669. </body>
  670.  
  671.  
  672. </html>
Advertisement
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!