API tools faq
paste
Advertisement
sagecodes

renée theme

sagecodes
Jun 20th, 2021
780
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. </head>
  12.  
  13. <!-- fonts -->
  14. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  16.  
  17. <!--customizations-->
  18. <meta name="color:background" content="#F8F7FF"/>
  19. <meta name="color:accent" content="#EDB88B"/>
  20. <meta name="color:hover" content="#CD5334"/>
  21. <meta name="color:title" content="#CD5334"/>
  22. <meta name="color:shadow" content="#7E3E2F"/>
  23. <meta name="color:border" content="#E7E6ED"/>
  24. <meta name="color:posts" content="#FFFFFF"/>
  25.  
  26. <meta name="image:sidebar"content="https://static.tumblr.com/4axxyct/8Uoquzok5/110359-17__1_.jpg"/>
  27.  
  28. <meta name="text:link 1 url"content="/"/>
  29. <meta name="text:link 1"content="link 1"/>
  30.  
  31. <meta name="text:link 2 url"content="/"/>
  32. <meta name="text:link 2"content="link 2"/>
  33.  
  34. <meta name="text:link 3 url"content="/"/>
  35. <meta name="text:link 3"content="link 3"/>
  36.  
  37. <meta name="text:link 4 url"content="/"/>
  38. <meta name="text:link 4"content="link 4"/>
  39.  
  40.  
  41. <!--tooltips script by malihu-->
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:90,
  48. tip_fade_speed:700,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55. <style type="text/css">
  56. .links_head {text-align:center;cursor:help;}
  57. .links_body {text-align:center;padding:3px;}
  58. </style>
  59.  
  60. <link rel="preconnect" href="https://fonts.gstatic.com">
  61. <link href="https://fonts.googleapis.com/css2?family=Molle:ital@1&family=Poppins&display=swap" rel="stylesheet">
  62. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/5.15.0/css/font-awesome.min.css">
  63.  
  64. <style type="text/css">
  65.  
  66. #s-m-t-tooltip {
  67. max-width:300px;
  68. border-radius: 0px;
  69. padding:4px;
  70. margin:5px 10px 5px 0px;
  71. color:accent;
  72. border:1px solid {color:border};
  73. font-family: ‘Poppins’, sans-serif;
  74. font-size:10px;
  75. letter-spacing:1px;
  76. background:#fff;
  77. z-index:99999;}
  78.  
  79. /* tumblr controls */
  80. .iframe-controls--desktop {
  81. position:fixed;
  82. top:0px;
  83. right:0px;
  84. z-index:214748364789123456789;
  85. filter:invert(100%);
  86. -webkit-filter:invert(100%);
  87. -webkit-transform:scale(0.6,0.6);
  88. -webkit-transform-origin: 100% 0%;
  89. -ms-transform-origin:100% 0%;
  90. -ms-transform:scale(0.6,0.6);
  91. transform:scale(0.6,0.6);
  92. transform-origin:100% 0%;}
  93.  
  94. /* scrollbar by help-with-coding */
  95. ::-moz-selection {
  96. color: black;
  97. background:{color:accent};}
  98.  
  99. ::selection {
  100. color: black;
  101. background:{color:accent};}
  102.  
  103. ::-webkit-scrollbar {
  104. width:2px;
  105. background:{color:background};}
  106.  
  107. ::-webkit-scrollbar-thumb {
  108. background:{color:accent};
  109. border:1px solid {color:accent};
  110. padding:1px;}
  111.  
  112. /* colors */
  113. body {
  114. background-color:{color:background};
  115. font-family:Poppins, sans-serif;
  116. font-size:12PX;
  117. color:#2E282A;}
  118.  
  119. a {
  120. text-decoration:none;
  121. color:{color:accent};
  122. -webkit-transition: all 0.7s ease;
  123. -moz-transition: all 0.7s ease;
  124. -o-transition: all 0.7s ease;}
  125. a:hover {
  126. color:{color:hover};}
  127.  
  128. b, strong {
  129. color:#F1C09E;}
  130. i, em {
  131. color:#F1C09E;}
  132.  
  133. blockquote {
  134. padding:2px 7px;
  135. margin:3px 0 3px 8px;
  136. border-left:1px solid #FAD8D6;}
  137.  
  138. blockquote img {
  139. max-width:100%;
  140. height:auto;}
  141.  
  142. img {
  143. max-width:100%;}
  144.  
  145. h1 {
  146. font-family:Molle, cursive;
  147. color:{color:title};
  148. text-shadow: 2px 2px {color:shadow};
  149. font-size:40px;
  150. line-height:20px;
  151. text-align:left;
  152. padding:0px}
  153.  
  154. #icons {
  155. color:#000;}
  156.  
  157. .description {
  158. font-size:12px;
  159. color:000;
  160. text-align:left;
  161. padding:0px}
  162.  
  163. .links {
  164. font-size:12px;
  165. padding:30px;}
  166. .links a {
  167. display:inline-block;
  168. color:#EDB88B;
  169. padding-top:10px;
  170. -webkit-transition: all 0.7s ease;
  171. -moz-transition: all 0.7s ease;
  172. -o-transition: all 0.7s ease;}
  173. .links a:hover {
  174. color:{color:hover};}
  175.  
  176. /* pagination (next / previous page) */
  177. .pagination {
  178. position:fixed;
  179. text-align:center;}
  180. .pagination a {
  181. color:{color:hover};
  182. font-size:30px;
  183. -webkit-transition: all 0.7s ease;
  184. -moz-transition: all 0.7s ease;
  185. -o-transition: all 0.7s ease;}
  186. .pagination a:hover {
  187. color:{color:accent};}
  188.  
  189. /* post types */
  190. #container {
  191. position:absolute;
  192. left:500px;}
  193.  
  194. .posts {
  195. width:540px;
  196. background-color:{color:posts};
  197. padding:30px;
  198. margin-top:30px;
  199. margin-bottom:20px;
  200. border:1px solid {color:border}}
  201.  
  202. .asker {
  203. font-size:13px;
  204. color:#F1C09E;
  205. font-style:bold;
  206. text-transform:uppercase;}
  207.  
  208. .question {
  209. font-style:bold;
  210. border:1px solid {color:border};
  211. background:{color:background};
  212. padding-left:10px;
  213. padding-bottom:5px;}
  214.  
  215. .quote {
  216. font-family:Poppins !important;
  217. font-size:15px;
  218. color:#F1C09E;
  219. text-transform:uppercase;
  220. letter-spacing:1px;
  221. text-align:center;
  222. border-bottom:1px solid {color:accent};
  223. margin-bottom:5px;
  224. padding-bottom:3px;}
  225.  
  226. .npf_quote {
  227. font-family:Poppins !important;
  228. font-size:15px;
  229. color:#F1C09E;
  230. text-transform:uppercase;
  231. letter-spacing:1px;
  232. text-align:center;
  233. border-bottom:1px solid {color:accent};
  234. margin-bottom:5px;
  235. padding-bottom:3px}
  236.  
  237. .quotesource {
  238. font-size:10px;
  239. font-style:italic;
  240. letter-spacing:1px;
  241. text-align:center;
  242. margin-bottom:5px;}
  243.  
  244. /* tags */
  245. .tags {
  246. text-align:left;}
  247. .tags a {
  248. text-decoration:none;
  249. text-transform:uppercase;
  250. font-size:9px;
  251. color:{color:accent};}
  252. .tags a:hover {
  253. color:{color:hover};}
  254.  
  255. /* sidebar */
  256. #sidebar {
  257. position:fixed;
  258. left:100px;
  259. top:100px;
  260. height:100px;
  261. width:270px;}
  262.  
  263. #sidebar img {
  264. max-width:250px;
  265. max-height:250px;
  266. margin-left:0px;}
  267.  
  268. svg {
  269. width:10px;
  270. height:auto;
  271. opacity:.5;
  272. padding:1px;
  273. display:block;
  274. overflow:visible;}
  275.  
  276. /* like / reblog by shy themes */
  277. .controls a {
  278. position:relative;
  279. display:inline-block;
  280. overflow:hidden;
  281. padding:5px;
  282. width:12px;
  283. height:12px;}
  284.  
  285. .controls a:hover {
  286. color:{color:hover};}
  287.  
  288. .controls .reblog {
  289. opacity:.93;}
  290. .controls .reblog svg {
  291. width:9px;
  292. margin-top:1px;}
  293.  
  294. .controls .like .liked + svg {
  295. opacity:1;}
  296. .controls .like .liked + svg path {
  297. fill:#ec5a5a;}
  298. .controls .like .like_button {
  299. position:relative;}
  300. .controls .like .like_button iframe {
  301. position:absolute;
  302. top:0;
  303. left:0;
  304. bottom:0;
  305. right:0;
  306. z-index:2;
  307. opacity:0;}
  308.  
  309. /* notes */
  310. .permalinks {
  311. text-align:left;}
  312. .permalinks a {
  313. text-decoration:none;
  314. font-size:10px;
  315. color:{color:accent};}
  316. .permalinks a:hover {
  317. color:{color:hover};}
  318.  
  319. .sfm input {
  320. margin-top:4px;
  321. padding-left:5px;
  322. padding-right:20px;
  323. display:fixed;
  324. font-family:Poppins;
  325. font-size:10px;
  326. letter-spacing:2px;
  327. border:1px solid {color:hover};}
  328.  
  329. ol.notes {
  330. font-size:10px;
  331. text-align:left;
  332. list-style-type:none;}
  333. ol.notes li.note {
  334. margin-bottom:5px;
  335. font-size:10px;}
  336. {block:PostNotes}
  337. <div class=“notes”>{PostNotes}</div>
  338. {/block:PostNotes}
  339.  
  340. /* sidebar dropdown menu by tim beckett */
  341. .menu {
  342. display: fixed;
  343. margin: 0 auto;
  344. position: relative;
  345. width: 200px;
  346. list-style-type:none;}
  347.  
  348. .menu > li > a {
  349. color: {color:accent};
  350. display: inline;
  351. padding: 0px 20px;
  352. text-align: left;
  353. text-decoration: none;}
  354.  
  355. .menu ul {
  356. background: #fff;
  357. border:1px solid {color:accent};
  358. height: 0;
  359. left: 0;
  360. opacity: 0;
  361. position: absolute;
  362. transition: all .5s ease;
  363. top: 35px;
  364. width: 100px;
  365. list-style-type:none;
  366. text-align: left;}
  367.  
  368. .menu li:hover ul {
  369. height:114px;
  370. width:100px;
  371. opacity:1;
  372. transform: translateY(0);}
  373.  
  374. .menu ul a {
  375. color: {color:accent};
  376. display: block;
  377. padding: 5px 0px;}
  378.  
  379. .menu ul a:hover {
  380. color: {color:hover};
  381. display: block;
  382. padding: 5px 0px;}
  383.  
  384. /* watermark */
  385. #watermark{
  386. position:fixed;
  387. bottom:10px;
  388. right:10px}
  389.  
  390. </style>
  391.  
  392. <!--cursor-->
  393. <style type="text/css">* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}</style><a href="https://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  394.  
  395. <body>
  396.  
  397. <!--sidebar-->
  398. <div id="sidebar">
  399.  
  400. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  401.  
  402. <h1>{Title}</h1>
  403.  
  404. <div id="description"> {block:Description}{Description}{/block:Description}
  405. </div>
  406.  
  407. <div>
  408. <a class='link' href='/'>home</a>
  409. <a class='link' href='/ask'>ask</a>
  410. <a class='link' href='/submit'>submit</a>
  411. <a class='link' href='/archive'>archive</a>
  412. <ul class="menu">
  413. <li>
  414. <a href="#">+</a>
  415.  
  416. <ul>
  417. <li><a href="{text:link 1 url}">{text:link 1}</a></li>
  418. <li><a href="{text:link 2 url}">{text:link 2}</a></li>
  419. <li><a href="{text:link 3 url}">{text:link 3}</a></li>
  420. <li><a href="{text:link 4 url}">{text:link 4}</a></li>
  421. </ul>
  422. </li>
  423. </ul>
  424.  
  425. </div>
  426.  
  427.  
  428. <!--search bar-->
  429. <form action="/search" method="get" class="sfm">
  430. <input type="text" name="q" value="{SearchQuery}" placeholder="SEARCH" id="sf"/>
  431. </form>
  432.  
  433.  
  434. <!--pagination (next / previous page)-->
  435. <div class="pagination">
  436. {block:Pagination}
  437. {block:PreviousPage}
  438. <a href="{PreviousPage}">￩</a>
  439. {/block:PreviousPage}
  440. {block:NextPage}
  441. <a href="{NextPage}">￫</a>
  442. {/block:NextPage}
  443. {/block:Pagination}
  444. </div> </div> </div>
  445.  
  446. <!--post types-->
  447. <div id="container">
  448.  
  449. {block:Posts}
  450.  
  451. <div class="posts">
  452.  
  453. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  454.  
  455. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  456.  
  457. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  458.  
  459. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  460.  
  461. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  462.  
  463. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  464.  
  465. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  466. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  467.  
  468. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  469.  
  470. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  471.  
  472. {block:Answer}
  473. <div class="asker"><i class="far fa-envelope"></i> {Asker} said:</div>
  474. <div class="question">{Question}</div>
  475. {Answer}
  476. {/block:Answer}
  477.  
  478. <!--notes-->
  479. <div class="permalinks"><a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}, {TimeAgo} — </a><a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount} Notes</a></div>
  480.  
  481. <!--tags-->
  482. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  483.  
  484. <!--like / reblog by shy themes-->
  485. <div class="controls">
  486. <a href="{ReblogURL}" target="_blank" class="reblog">
  487. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  488. </a>
  489. <a href="#" class="like">{LikeButton}
  490. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  491. </a>
  492. </div>
  493.  
  494. {block:IndexPage} {/block:IndexPage}
  495. </div>
  496.  
  497. {block:PostNotes}
  498. {PostNotes}
  499. {/block:PostNotes}
  500. {/block:Posts}
  501. </div>
  502.  
  503. {block:ContentSource}
  504. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  505. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  506. {/block:SourceLogo}
  507. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  508. {/block:ContentSource}
  509.  
  510. <!--watermark-->
  511. <div id="watermark">
  512. <a href="https://sagecodes.tumblr.com" title="by sagecodes">sc</a>
  513. </div>
  514.  
  515. </body>
  516. </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!