API tools faq
paste
cordiiceps

THEME 03. BY CORDEECEPS

cordiiceps
Feb 23rd, 2021 (edited)
335
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.38 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME CREATED BY CORDEECEPS !
  4.  
  5. DO NOT STEAL, REDISTRIBUTE, USE AS A BASE, REMOVE THE CREDIT OR CLAIM AS YOUR OWN !!
  6.  
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <link rel="preconnect" href="https://fonts.gstatic.com">
  19. <link href="https://fonts.googleapis.com/css2?family=Kumar+One&display=swap" rel="stylesheet">
  20.  
  21.  
  22. <link rel="preconnect" href="https://fonts.gstatic.com">
  23. <link href="https://fonts.googleapis.com/css2?family=Barlow:ital@1&display=swap" rel="stylesheet">
  24.  
  25. <link rel="preconnect" href="https://fonts.gstatic.com">
  26. <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap" rel="stylesheet">
  27.  
  28. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  29.  
  30. <link rel="preconnect" href="https://fonts.gstatic.com">
  31. <link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@1,700&display=swap" rel="stylesheet">
  32.  
  33. <link href="https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap" rel="stylesheet">
  34.  
  35.  
  36.  
  37. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("a[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:90,
  45. tip_fade_speed:600,
  46. attribute:"title"
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52.  
  53.  
  54. <meta name="image:background" content="https://i.imgur.com/E06w0QI.jpg"/>
  55. <meta name="image:top banner" content="https://i.imgur.com/bp9GfUv.jpg"/>
  56. <meta name="image:bottom banner" content="https://i.imgur.com/bp9GfUv.jpg"/>
  57.  
  58. <meta name="color:background" content="#202020"/>
  59. <meta name="color:container bg" content="#151515"/>
  60. <meta name="color:posts" content="#151515"/>
  61. <meta name="color:permalinks" content="#101010"/>
  62. <meta name="color:text" content="#eee"/>
  63. <meta name="color:borders" content="#303030"/>
  64. <meta name="color:accent 1" content="#10c3a2"/>
  65. <meta name="color:accent 2" content="#c29e60"/>
  66. <meta name="color:accent 3" content="#cf5e4b"/>
  67. <meta name="color:bold shadow" content="#240c00"/>
  68.  
  69. <meta name="text:one" content="index"/>
  70. <meta name="text:one link" content="/"/>
  71. <meta name="text:two" content="ask"/>
  72. <meta name="text:two link" content="/ask"/>
  73. <meta name="text:three" content="link three"/>
  74. <meta name="text:three link" content="/"/>
  75. <meta name="text:four" content="link four"/>
  76. <meta name="text:four link" content="/"/>
  77.  
  78.  
  79. </head>
  80.  
  81. <style type="text/css">
  82.  
  83.  
  84. #s-m-t-tooltip {
  85. max-width:300px;
  86. margin:-20px 10px 10px 10px;
  87. background-color:{color:posts};
  88. font-family: 'Inconsolata', monospace;
  89. padding-top:3px;
  90. padding-bottom:4px;
  91. padding-left:10px;
  92. padding-right:8px;
  93. font-size:14px;
  94. letter-spacing:1px;
  95. text-transform:lowercase;
  96. color:{color:accent 2};
  97. z-index:999999999999999999999999999999999999;
  98. border-radius: 2px 2px 2px 2px;
  99. -moz-border-radius: 2px 2px 2px 2px;
  100. -webkit-border-radius: 2px 2px 2px 2px;
  101. border: 1px solid {color:accent 2};
  102. }
  103.  
  104.  
  105. ::-webkit-scrollbar {
  106. width: 0px;
  107. height: 0px;
  108. }
  109. ::-webkit-scrollbar-button {
  110. width: 0px;
  111. height: 0px;
  112. }
  113. ::-webkit-scrollbar-thumb {
  114. background: {color:container bg};
  115. border: 0px none {color:container bg};
  116. border-radius: 50px;
  117. }
  118. ::-webkit-scrollbar-thumb:hover {
  119. background: {color:container bg};
  120. }
  121. ::-webkit-scrollbar-thumb:active {
  122. background: {color:container bg};
  123. }
  124. ::-webkit-scrollbar-track {
  125. background: {color:container bg};
  126. border: 0px none {color:container bg};
  127. border-radius: 0px;
  128. }
  129. ::-webkit-scrollbar-track:hover {
  130. background: {color:container bg};
  131. }
  132. ::-webkit-scrollbar-track:active {
  133. background: {color:container bg};
  134. }
  135. ::-webkit-scrollbar-corner {
  136. background: transparent;
  137. }
  138.  
  139.  
  140. body {
  141. background-color: {color:background};
  142. font-family: 'Inconsolata', monospace;
  143. font-size: 13px;
  144. color: {color:text};
  145. letter-spacing:0.5px;
  146. }
  147.  
  148. sub, small, sup {
  149. font-size:13px;
  150. }
  151.  
  152. a {
  153. text-decoration:none;
  154. color: {color:accent 1};
  155. -webkit-transition: all 0.5s ease;
  156. -moz-transition: all 0.5s ease;
  157. -o-transition: all 0.5s ease;
  158. }
  159.  
  160. a:hover {
  161. color: {color:accent 3};
  162. }
  163.  
  164. b, strong {
  165. color: {color:accent 3};
  166. font-weight:900;
  167. }
  168.  
  169. i, em {
  170. color: {color:accent 2};
  171. font-family: 'Syne Mono', monospace;
  172. }
  173.  
  174. h1, big, h2 {
  175. line-height:35px;
  176. padding-right:0px;
  177. padding-left:0px;
  178. font-family: 'Kumar One';
  179. color: {color:accent 1};
  180. letter-spacing: 2px;
  181. text-shadow: 0px 0px 5px {color:bold shadow};
  182. }
  183.  
  184. h3 {
  185. font-size:15px;
  186. line-height:14px;
  187. text-align:left;
  188. padding:1px;
  189. font-style:italic;
  190. color: {color:accent 3};
  191. letter-spacing: 2px;
  192. overflow:visible;
  193. }
  194.  
  195. blockquote {
  196. padding:0px 10px 0px ;
  197. margin:15px 0 15px 20px;
  198. border-left: 1px solid {color:accent 2};
  199. }
  200.  
  201. blockquote img {
  202. max-width:100%;
  203. height:auto;
  204. }
  205.  
  206. img {
  207. max-width: 100%;
  208. }
  209.  
  210. #container {
  211. position:absolute;
  212. margin:auto;
  213. left:0px;
  214. right:0px;
  215. top:0px;
  216. bottom:0px;
  217. background-color: {color:container bg};
  218. height: 450px;
  219. width: 640px;
  220. overflow-y:scroll;
  221. padding:30px;
  222. border-radius: 2px 2px 2px 2px;
  223. -moz-border-radius: 2px 2px 2px 2px;
  224. -webkit-border-radius: 2px 2px 2px 2px;
  225. border: 1px solid {color:borders};
  226. z-index:9!important;
  227. background-image:url('{image:background}');
  228. background-repeat:no-repeat;
  229. }
  230.  
  231. .topbanner {
  232. position:absolute;
  233. margin:auto;
  234. left:0px;
  235. right:0px;
  236. top:-600px;
  237. bottom:0px;
  238. background-color: {color:container bg};
  239. height: 60px;
  240. width: 700px;
  241. border-radius: 2px 2px 2px 2px;
  242. -moz-border-radius: 2px 2px 2px 2px;
  243. -webkit-border-radius: 2px 2px 2px 2px;
  244. border: 1px solid {color:borders};
  245. z-index:9!important;
  246. display:block;
  247. }
  248.  
  249. .bottombanner {
  250. position:absolute;
  251. margin:auto;
  252. left:0px;
  253. right:0px;
  254. top:600px;
  255. bottom:0px;
  256. background-color: {color:container bg};
  257. height: 60px;
  258. width: 700px;
  259. border-radius: 2px 2px 2px 2px;
  260. -moz-border-radius: 2px 2px 2px 2px;
  261. -webkit-border-radius: 2px 2px 2px 2px;
  262. border: 1px solid {color:borders};
  263. display:block;
  264. z-index:9!important;
  265. }
  266.  
  267.  
  268.  
  269. .title {
  270. position:fixed;
  271. width:600px;
  272. margin-left: 20px;
  273. margin-top: -70px;
  274. font-size:20px;
  275. text-align:left;
  276. padding:1px;
  277. letter-spacing: 2px;
  278. overflow:hidden;
  279. text-transform:uppercase;
  280. }
  281.  
  282. .mainlinks {
  283. position:fixed;
  284. width:600px;
  285. margin-left:420px;
  286. margin-top: -56px;
  287. font-size:30px;
  288. text-align:left;
  289. padding:1px;
  290. letter-spacing: 2px;
  291. overflow:hidden;
  292. text-transform:uppercase;
  293. font-family: 'Kumar One';
  294. font-weight:900;
  295. }
  296.  
  297.  
  298. .description {
  299. font-size:13px;
  300. color: {color:text};
  301. text-align:justify;
  302. padding-right:20px;
  303. padding-left:20px;
  304. word-wrap: break-word;
  305. margin-top:-54px;
  306. overflow:auto;
  307. height:41px;
  308. max-width:380px;
  309. }
  310.  
  311.  
  312. .pagination {
  313. position:absolute;
  314. margin-left:300px;
  315. font-size:12px;
  316. font-weight:900;
  317. -webkit-transition: all 0.5s ease;
  318. -moz-transition: all 0.5s ease;
  319. -o-transition: all 0.5s ease;
  320. }
  321.  
  322. .pagination a:hover {
  323. color:{color:accent 2};
  324. }
  325.  
  326. .th-chevron-right {
  327. font-size:26px;
  328. }
  329.  
  330. .th-chevron-left {
  331. font-size:26px;
  332. }
  333.  
  334. .posts {
  335. width:500px;
  336. background-color: {color:posts};
  337. padding: 20px;
  338. margin-bottom:90px;
  339. margin-left:50px;
  340. margin-right:10px;
  341. border-radius: 2px 2px 2px 2px;
  342. -moz-border-radius: 2px 2px 2px 2px;
  343. -webkit-border-radius: 2px 2px 2px 2px;
  344. border: 1px solid {color:borders};
  345. }
  346.  
  347. .posts img {
  348. position:right;
  349. }
  350.  
  351. .permalinks {
  352. background-color:{color:permalinks};
  353. padding:10px;
  354. height:14px;
  355. border-radius: 2px 2px 2px 2px;
  356. -moz-border-radius: 2px 2px 2px 2px;
  357. -webkit-border-radius: 2px 2px 2px 2px;
  358. border: 1px solid {color:borders};
  359. margin-top:10px;
  360. }
  361.  
  362. .permalinks a {
  363. text-decoration:none;
  364. font-size: 12px;
  365. color: {color:accent 3}; /* blue */
  366. }
  367.  
  368. .permalinks a:hover {
  369. color: {color:accent 2};
  370. }
  371.  
  372. .reblogs {
  373. float:right;
  374. margin-top:-1px;
  375. }
  376.  
  377. .tags {
  378. text-align:left;
  379. margin-top:40px;
  380. line-height:35px;
  381. margin-right:-31px; margin-left:-31px;
  382. overflow-y:scroll;
  383. max-height:69px;
  384. }
  385.  
  386. .tags a {
  387. text-decoration:none;
  388. font-size: 12px;
  389. text-transform:uppercase;
  390. color: {color:accent 3}; /* blue */
  391. word-wrap: normal;
  392. margin-right: 10px;
  393. background:{color:posts};
  394. padding:8px;
  395. border-radius: 2px 2px 2px 2px;
  396. -moz-border-radius: 2px 2px 2px 2px;
  397. -webkit-border-radius: 2px 2px 2px 2px;
  398. border: 1px solid {color:borders};
  399. }
  400.  
  401. .tags a:hover {
  402. color: {color:accent 2};
  403. }
  404.  
  405. .asker {
  406. font-size:16px;
  407. font-weight:900;
  408. text-align:center;
  409. margin-bottom:5px;
  410. padding-bottom:3px;
  411. font-family: 'Syne Mono', monospace;
  412. text-transform: uppercase;
  413. }
  414.  
  415. .question {
  416. font-style: italic;
  417. padding-left:50px;
  418. padding-right:50px;
  419. border-bottom:1px solid {color:borders};
  420. }
  421.  
  422. .quote {
  423. line-height:25px;
  424. padding-right:0px;
  425. padding-left:0px;
  426. color: {color:accent 1};
  427. letter-spacing: 2px;
  428. text-shadow: 0px 0px 5px {color:bold shadow};
  429. font-size:20px;
  430. font-weight:900;
  431. margin-bottom:15px;
  432. }
  433.  
  434. .quotesource {
  435. font-size:12px;
  436. letter-spacing:1px;
  437. text-align:center;
  438. padding-left: 20px;
  439. padding-right: 20px;
  440. padding-bottom: 10px;
  441. }
  442.  
  443. .playbutton {
  444. position:relative;
  445. margin-top:45px;
  446. margin-left:44px;
  447. z-index:9;
  448. width:33px;
  449. height:30px;
  450. overflow:hidden;
  451. }
  452.  
  453. .albumart img {
  454. position:relative;
  455. margin-top:-75px;
  456. margin-left:0px
  457. height:120px;
  458. width:120px;
  459. -webkit-border-top-left-radius: 2px;
  460. -webkit-border-bottom-left-radius: 2px;
  461. -moz-border-radius-topleft: 2px;
  462. -moz-border-radius-bottomleft: 2px;
  463. border-top-left-radius: 2px;
  464. border-bottom-left-radius: 2px;}
  465.  
  466. .trackinfo {
  467. margin-bottom:10px;
  468. background: {color:permalinks};
  469. color: {color:text};
  470. top:-2px;
  471. position:relative;
  472. margin-left:120px;
  473. height:120px;
  474. margin-top:-120px;
  475. -webkit-border-top-right-radius: 2px;
  476. -webkit-border-bottom-right-radius: 2px;
  477. -moz-border-radius-topright: 2px;
  478. -moz-border-radius-bottomright: 2px;
  479. border-top-right-radius: 2px;
  480. border-bottom-right-radius: 2px;}
  481.  
  482. .trackname {
  483. position:relative;
  484. padding-top:30px;
  485. text-align:center;
  486. font-size:14px;
  487. text-transform:uppercase;
  488. font-weight: bold;
  489. letter-spacing:2px;}
  490.  
  491. .artist {
  492. text-align:center;
  493. font-size:12px;
  494. text-transform:uppercase;
  495. letter-spacing:4px;}
  496.  
  497. .album {
  498. text-align:center;
  499. font-style: italic;
  500. letter-spacing:4px;}
  501.  
  502. .playcount {
  503. font-weight: bold;
  504. margin-top:5px;
  505. text-align:center;
  506. letter-spacing:2px;}
  507.  
  508. .credit {
  509. z-index:9;
  510. bottom:20px;
  511. right:20px;
  512. position:fixed;
  513. padding:10px;
  514. color: {color:accent 1};
  515. }
  516.  
  517.  
  518. </style>
  519.  
  520. <body>
  521.  
  522. <div class="topbanner">
  523.  
  524. <img src="{image:top banner}">
  525.  
  526. <div class="title">
  527. <h2><a href="/">{Title}</a> </h2>
  528. </div>
  529.  
  530. </div>
  531.  
  532.  
  533.  
  534. <div class="bottombanner">
  535.  
  536. <img src="{image:bottom banner}">
  537.  
  538. <div class="mainlinks">
  539.  
  540. <a href="{text:one link}" title="{text:one}">I.</a>
  541. <a href="{text:two link}" title="{text:two}">II.</a>
  542. <a href="{text:three link}" title="{text:three}">III.</a>
  543. <a href="{text:four link}" title="{text:four}">IV.</a>
  544. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="backward."><span class="th th-chevron-left"></span></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="forward."><span class="th th-chevron-right"></span></a>
  545. {/block:NextPage}
  546. {/block:Pagination}
  547. </div>
  548.  
  549.  
  550.  
  551. <div class="description">{block:Description}{Description}{/block:Description}
  552. </div>
  553.  
  554.  
  555.  
  556. </div>
  557.  
  558.  
  559.  
  560. <div id="container">
  561.  
  562. {block:Posts}
  563.  
  564. <div class="posts">
  565.  
  566. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  567.  
  568. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  569.  
  570. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  571.  
  572. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  573.  
  574. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  575.  
  576. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  577.  
  578. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  579. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  580.  
  581. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  582.  
  583. {block:Audio}
  584. {block:AudioPlayer}
  585. <div class="playbutton">{AudioPlayerGrey}</div>
  586. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  587. <div class="trackinfo">
  588. <div class="trackname">
  589. {block:TrackName}{TrackName}{/block:TrackName}
  590. </div>
  591. <div class="artist">
  592. {block:Artist}{Artist}{/block:Artist}
  593. </div>
  594. <div class="album">
  595. {block:Album}{Album}{/block:Album}
  596. </div>
  597. <div class="playcount">
  598. {block:PlayCount}Played: {PlayCount} times{/block:PlayCount}
  599. </div>
  600. </div>
  601. {block:Caption}{Caption}{/block:Caption}
  602. {/block:AudioPlayer}
  603. {/block:Audio}
  604.  
  605. {block:Answer}
  606. <div class="asker">{Asker} whispered</div>
  607. <div class="question">{Question}</div>
  608. {Answer}
  609. {/block:Answer}
  610.  
  611. <div class="permalinks">
  612. <a href="{Permalink}">{DayOfMonthWithZero} {MonthNumberWithZero} {ShortYear} </a>
  613. {block:PermalinkPage}<a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>{/block:PermalinkPage}
  614. <div class="reblogs">{block:RebloggedFrom}
  615. <a href="{ReblogParentURL}">VIA</a>
  616. <a href="{ReblogRootURL}">SOURCE</a>
  617. {/block:RebloggedFrom}
  618. <a href="{ReblogURL}">REBLOG</a></div>
  619.  
  620. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627. </div>
  628. </div>
  629.  
  630.  
  631.  
  632. {/block:Posts}
  633.  
  634. </div>
  635.  
  636. {block:ContentSource}
  637. <!– {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  638. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  639. {/block:SourceLogo}
  640. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} –>
  641. {/block:ContentSource}
  642.  
  643. <div class="credit"><a href="https://cordeeceps.tumblr.com/" title="theme by cordeeceps"><span class="th th-alien-o"></span></a></div>
  644.  
  645. </body>
  646. </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!