API tools faq
paste
Advertisement
cordiiceps

THEME 01 / V.01 BY CORDEECEPS

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