API tools faq
paste
Advertisement
solaire

renée theme

solaire
Jan 21st, 2017
2,169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. base code by sorrism
  7. icons by font awesome
  8. lightboxes by shythemes
  9.  
  10. renée theme by nouvae
  11. revamp. of cherry theme
  12.  
  13. -->
  14.  
  15. <title>{Title}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  16.  
  17. <link rel="shortcut icon" href="{favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--Default Variables-->
  22.  
  23. <meta name="color:Background" content="#eeeeee"/>
  24. <meta name="color:Posts" content="#ffffff"/>
  25. <meta name="color:Text" content="#d5d5d5"/>
  26. <meta name="color:Link" content="#000000"/>
  27. <meta name="color:Link Hover" content="#aaaaaa"/>
  28. <meta name="color:Title" content="#000000"/>
  29. <meta name="color:Scrollbar" content="#000000"/>
  30. <meta name="color:Borders" content="#eeeeee"/>
  31. <meta name="color:Accent" content="#eeeeee"/>
  32. <meta name="select:Font Family" content="droid sans mono"/>
  33. <meta name="select:Font Family" content="karla"/>
  34. <meta name="select:Font Family" content="courier"/>
  35. <meta name="select:Font Family" content="arial"/>
  36. <meta name="select:Font Size" content="9px"/>
  37. <meta name="select:Font Size" content="10px"/>
  38. <meta name="select:Font Size" content="11px"/>
  39. <meta name="select:Font Size" content="12px"/>
  40.  
  41. <meta name="if:500 Width" content="0"/>
  42. <meta name="if:Hide Captions" content="0"/>
  43. <meta name="if:Hide Tags" content="0"/>
  44. <meta name="if:Click for Links" content="0"/>
  45. <meta name="if:Infinite Scroll" content="0"/>
  46.  
  47. <meta name="text:Link 1 URL" content="" />
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 2 URL" content="" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:Link 3 URL" content="" />
  52. <meta name="text:Link 3" content="" />
  53.  
  54. <meta name="text:Home Title" content="index"/>
  55. <meta name="text:Ask Title" content="ask"/>
  56. <meta name="text:Archive Title" content="history"/>
  57.  
  58. <meta name="image:Background" content=""/>
  59.  
  60. <!-- fonts -->
  61.  
  62. <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Karla" rel="stylesheet">
  63.  
  64. <!-- icons -->
  65.  
  66. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  67.  
  68. <!-- jquery -->
  69.  
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  71.  
  72. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  73.  
  74. <script>
  75. var load = function(){
  76. $("#container").delay(400).fadeTo(600, 1);
  77. $("aside").delay(800).fadeTo(600, 1);
  78. $("#creds").delay(1000).fadeTo(600, 1);
  79. };
  80.  
  81. var links = function() {
  82. $("#more").click(function() {
  83. $("#links").slideToggle(500);
  84. $("#more").toggleClass("active");
  85. });
  86. };
  87.  
  88. $(document).ready(load);
  89. $(document).ready(links);
  90. </script>
  91.  
  92. <style type="text/css">
  93.  
  94. /*scrollbar*/
  95.  
  96. ::-webkit-scrollbar{
  97. height:3px;
  98. width:10px;
  99. background:inherit;
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb {background:{color:scrollbar};border-radius:5px;}
  103.  
  104. ::-webkit-scrollbar-track {background:{color:accent};}
  105.  
  106. /*controls*/
  107.  
  108. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  109. opacity:0.8;
  110. }
  111.  
  112. /*lightbox*/
  113.  
  114. .tmblr-lightbox, #tumblr_lightbox {
  115. background-color:rgba(0,0,0,0.9)!important;
  116. }
  117.  
  118. .vignette, #vignette {
  119. opacity:0;
  120. }
  121.  
  122. #tumblr_lightbox img, .lightbox-image {
  123. box-shadow:none!important;
  124. border-radius:0!important;
  125. }
  126.  
  127. #tumblr_lightbox_caption, .lightbox-caption {
  128. font-family:{select:font family};
  129. font-weight:none;
  130. }
  131.  
  132. /*main*/
  133.  
  134. body {
  135. background:{color:background};
  136. background-image:url({image:background});
  137. background-size:60px;
  138. background-repeat:repeat;
  139. color:{color:text};
  140. font-family:{select:font family}, serif;
  141. font-size:{select:font size};
  142. font-weight:normal;
  143. position:relative;
  144. text-align:left;
  145. margin:0;
  146. line-height:1.5em;
  147. letter-spacing:0.05em;
  148. }
  149.  
  150. blockquote {
  151. margin:0.5em 0px;
  152. padding-left:1em;
  153. border-left:2px solid {color:borders};
  154. display:block;
  155. }
  156.  
  157. a.tumblr_blog {
  158. display:inline-block;
  159. letter-spacing:0.08em;
  160. }
  161.  
  162. pre {
  163. white-space: pre-wrap; /* css-3 */
  164. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  165. white-space: -pre-wrap; /* Opera 4-6 */
  166. white-space: -o-pre-wrap; /* Opera 7 */
  167. word-wrap: break-word; /* Internet Explorer 5.5+ */
  168. }
  169.  
  170. a {
  171. color:{color:link};
  172. text-decoration:none;
  173. }
  174.  
  175. a:hover {
  176. text-decoration:none;
  177. background:{color:link hover};
  178. }
  179.  
  180. img {
  181. opacity:1;
  182. border:none;
  183. text-decoration:none;
  184. }
  185.  
  186. p {margin:0.5em 0em;}
  187.  
  188. p:first-of-type {
  189. margin-top:0;
  190. padding-top:0;
  191. }
  192.  
  193. p:last-of-type {
  194. margin-bottom:0;
  195. padding-bottom:0;
  196. }
  197.  
  198. small {font-size:0.8em;}
  199. big {font-size:2em;}
  200.  
  201. h1, h2, h3, h4 {
  202. font-size:1em;
  203. color:{color:title};
  204. margin:0;
  205. padding:0;
  206. }
  207.  
  208. /*header*/
  209.  
  210. #blogt {
  211. line-height:150%;
  212. color:{color:title};
  213. letter-spacing:0.1em;
  214. font-size:1.8em;
  215. margin-bottom:20px;
  216. }
  217.  
  218. #blogt a, #blogt a:hover {color:{color:title};background:none;}
  219.  
  220. aside {
  221. z-index:999999;
  222. position:fixed;
  223. {block:ifnot500width}margin-left:475px;{/block:ifnot500width}
  224. {block:if500width}margin-left:575px;{/block:if500width}
  225. width:150px;
  226. display:none;
  227. border-left:2px solid {color:accent};
  228. padding-left:60px;
  229. height:100%;
  230. }
  231.  
  232. #search {margin-bottom:20px;}
  233.  
  234. #search {
  235. width:100%;
  236. }
  237.  
  238. input:focus, select:focus,
  239. textarea:focus, button:focus {
  240. outline: none;
  241. }
  242.  
  243. #sbar {
  244. background:{color:borders};
  245. width:100px;
  246. }
  247.  
  248. #sform input {
  249. border:none;
  250. font-size:0.8em;
  251. text-transform:uppercase;
  252. color:#999;
  253. letter-spacing:1px;
  254. padding:4px 8px;
  255. font-family:{select:font family}, sans-serif;
  256. }
  257.  
  258. #sbutton {
  259. vertical-align:top;
  260. height:10px;
  261. }
  262.  
  263.  
  264. #more {
  265. cursor:pointer;
  266. {block:ifnotclickforlinks}
  267. display:none;
  268. {/block:ifnotclickforlinks}
  269. }
  270.  
  271.  
  272. #links {
  273. cursor:pointer;
  274. {block:ifclickforlinks}
  275. display:none;
  276. {/block:ifclickforlinks}
  277. }
  278.  
  279. nav {
  280. width:auto;
  281. }
  282.  
  283. nav a {
  284. font-size:0.95em;
  285. display:block;
  286. padding:3px 0px;
  287. }
  288.  
  289. .active {color:{color:text};}
  290.  
  291. nav a:hover {background:0;color:{color:borders};}
  292.  
  293. /*pagination*/
  294.  
  295. #pagination {
  296. text-align:center;
  297. margin:100px 0px;
  298. color:{color:link};
  299. {block:ifinfinitescroll}
  300. display:none;
  301. {/block:ifinfinitescroll}
  302. }
  303.  
  304. #pagination span {
  305. font-size:1.3em;
  306. letter-spacing:0.08em;
  307. display:inline-block;
  308. }
  309.  
  310. #pagination a {
  311. display:inline-block;
  312. border:0;
  313. margin:0 5px;
  314. }
  315.  
  316. #infscr-loading {display:none!important;}
  317.  
  318. /*posts*/
  319.  
  320. #entries {
  321. {block:ifnot500width}width:400px;{/block:ifnot500width}
  322. {block:if500width}width:500px;{/block:if500width}
  323. margin:50px auto;
  324. }
  325.  
  326. #container {
  327. {block:ifnot500width}width:400px;{/block:ifnot500width}
  328. {block:if500width}width:500px;{/block:if500width}
  329. padding-right:70px;
  330. display:none;
  331. margin:0px auto;
  332. }
  333.  
  334. .posts {
  335. {block:ifnot500width}width:398px;{/block:ifnot500width}
  336. {block:if500width}width:498px;{/block:if500width}
  337. {block:indexpage}margin-bottom:100px;{/block:indexpage}
  338. position:relative;
  339. padding:10px;
  340. background:{color:posts};
  341. display:block;
  342. }
  343.  
  344. .posts img {
  345. max-width:100%;
  346. {block:ifnot500width}width:400px;{/block:ifnot500width}
  347. {block:if500width}width:500px;{/block:if500width}
  348. }
  349.  
  350. .media img, .media iframe {
  351. {block:ifnot500width}width:400px;{/block:ifnot500width}
  352. {block:if500width}width:500px;{/block:if500width}
  353. display:block;
  354. cursor:pointer;
  355. }
  356.  
  357. .posts blockquote img, .posts blockquote iframe {width:auto;height:auto;}
  358. .media a {background:none;}
  359.  
  360. .title {
  361. font-size:1.6em;
  362. letter-spacing:0.05em;
  363. line-height:150%;
  364. margin-bottom:15px;
  365. color:{color:title};
  366. }
  367.  
  368. .title a {
  369. color:{color:title};
  370. display:inline-block;
  371. padding-bottom:5px;
  372. border-bottom:2px solid {color:borders};
  373. }
  374.  
  375. .title a:hover {
  376. background:0;
  377. border-bottom:2px solid {color:link};
  378. }
  379.  
  380. .caption {
  381. margin-top:10px;
  382. {block:ifhidecaptions}
  383. {block:indexpage}
  384. display:none;
  385. {/block:indexpage}
  386. {/block:ifhidecaptions}
  387. }
  388.  
  389. /*quote*/
  390.  
  391. .titlequote {
  392. font-size:1.6em;
  393. letter-spacing:0.05em;
  394. line-height:150%;
  395. }
  396.  
  397. .source {
  398. margin-top:20px;
  399. text-align:right;
  400. color:{color:title};
  401. }
  402.  
  403. /*audio*/
  404.  
  405. .tumblr_audio_player {
  406. overflow:hidden;
  407. padding-right:2px;
  408. width:33px;
  409. height:31px;
  410. background:#f2f2f2;
  411. z-index:99999999!important;
  412. }
  413.  
  414. .player {
  415. width:27px;
  416. height:25px;
  417. display:block;
  418. overflow:hidden;
  419. }
  420.  
  421. .hold {
  422. background:#f2f2f2;
  423. border:2px solid #eeeeee;
  424. border-radius:4px;
  425. display:block;
  426. opacity:.7;
  427. padding:15px;
  428. }
  429.  
  430. .audio_info {
  431. padding:5px 0px;
  432. text-transform:capitalize;
  433. color:{color:title};
  434. border-bottom:2px solid {color:borders};
  435. }
  436.  
  437.  
  438. /*asks*/
  439.  
  440. .q {
  441. display:inline;
  442. color:{color:text};
  443. margin:10px 0px;
  444. }
  445.  
  446. .as {
  447. margin-right:5px;
  448. font-weight:bold;
  449. display:inline-block;
  450. }
  451.  
  452. .as a {
  453. color:{color:title};
  454. border:0;
  455. }
  456.  
  457. .as a:hover {color:{color:link hover};}
  458.  
  459. .a {margin-top:20px;}
  460.  
  461. /*chat*/
  462.  
  463. .chat {
  464. margin:0;
  465. padding:10px 0;
  466. list-style:none;
  467. }
  468.  
  469. .l {
  470. padding-bottom:10px;
  471. margin-top:15px;
  472. border-bottom:2px solid {color:borders};
  473. }
  474.  
  475. .label {
  476. font-weight:bold;
  477. color:{color:title};
  478. display:inline-block;
  479. }
  480.  
  481. .l:first-of-type {margin-top:0;}
  482.  
  483. .l:last-of-type {
  484. padding-bottom:0;
  485. border:0;
  486. }
  487.  
  488.  
  489. /*permalink and notes*/
  490.  
  491. .when {
  492. padding:3px 5px;
  493. margin-top:20px;
  494. }
  495.  
  496. .when i {margin-right:6px;}
  497.  
  498. .when a {
  499. display:inline;
  500. margin-right:15px;
  501. border:0;
  502. }
  503.  
  504. .when {
  505. margin-bottom:5px;
  506. font-size:0.95em;
  507. }
  508.  
  509. #permalink {
  510. width:100%;
  511. margin:0px 0px 70px 0px;
  512. padding:10px;
  513. background:{color:posts};
  514. }
  515.  
  516. #permalink a {
  517. display:inline-block;
  518. border:0;
  519. margin-right:5px;
  520. }
  521.  
  522. #permalink .split {display:block;}
  523.  
  524. .tags {
  525. border-top:2px solid {color:accent};
  526. text-transform:none;
  527. margin-top:10px;
  528. padding-top:10px;
  529. display:block;
  530. {block:indexpage}
  531. {block:ifHideTags}
  532. display:none;
  533. {/block:ifHideTags}
  534. {/block:indexpage}
  535. }
  536.  
  537. .tags i {margin-right:6px;}
  538. .tags a {margin-right:1.1em;}
  539. .tags a:last-child {margin:0;}
  540.  
  541. .pagenotes {
  542. margin-top:20px;
  543. font-size:0.95em;
  544. letter-spacing:1px;
  545. }
  546.  
  547. .pagenotes .title {font-size:1.5em;}
  548.  
  549. .pagenotes blockquote {margin:0.5em 0em;}
  550.  
  551. ol.notes {
  552. list-style-type:none;
  553. text-align:left;
  554. padding:0px;
  555. margin:0px;
  556. }
  557.  
  558. ol.notes li.note {
  559. display:block;
  560. padding:0;
  561. margin:5px 0;
  562. }
  563.  
  564. ol.notes li.note img.avatar {display:none!important;}
  565.  
  566. a.more_notes_link {
  567. display:block;
  568. text-align:left;
  569. border:0;
  570. color:{color:title};
  571. }
  572.  
  573. /*creds*/
  574.  
  575. #creds {
  576. display:none;
  577. bottom:15px;
  578. color:{color:text};
  579. background:{color:background};
  580. right:15px;
  581. font-size:10px;
  582. font-family:sans-serif;
  583. position:fixed;
  584. border:0;
  585. }
  586.  
  587. {CustomCSS}
  588.  
  589. </style>
  590.  
  591. </head>
  592.  
  593. <body>
  594. <div id="container">
  595. <aside>
  596. <div id="blogt"><a href="/">{title}</a></div>
  597. <div id="search">
  598. <form action="/search" method="get" id="sform">
  599. <input type="text" name="q" value="{SearchQuery}" id="sbar"/>
  600. <input type="image" name="form" Value="Search" src="https://cdn4.iconfinder.com/data/icons/miu/24/common-search-lookup-glyph-128.png" id="sbutton"/>
  601. </form>
  602. </div>
  603. <div id="nav">
  604. <nav>
  605. <a href="/">{text:home title}</a>
  606. <a href="/ask">{text:ask title}</a>
  607. <a href="/archive">{text:archive title}</a>
  608. <a id="more">links</a>
  609. <div id="links">
  610. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  611. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  612. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>
  613. </div>
  614. </aside>
  615.  
  616. <section id="entries">
  617. {block:Posts}
  618. <article class="posts">
  619.  
  620. {block:Quote}
  621. <div class="titlequote">{Quote}</div>
  622. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  623. {/block:Quote}
  624.  
  625. {block:Text}
  626. {block:Title}<div class="title">{Title}</div>{/block:Title}
  627. {Body}
  628. {/block:Text}
  629.  
  630. {block:Link}
  631. <div class="title"><a href="{URL}">{Name}</a></div>
  632. {block:Description}{Description}{/block:Description}
  633. {/block:Link}
  634.  
  635. {block:Chat}
  636. {block:Title}<div class="title">{Title}</div>{/block:Title}
  637. <ol class="chat">
  638. {block:Lines}
  639. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  640. {/block:Lines}
  641. </ol>
  642. {/block:Chat}
  643.  
  644. {block:Photo}
  645. <div class="media" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  646. {/block:Photo}
  647.  
  648. {block:Photoset}<div class="media">{Photoset}</div>{/block:Photos}{/block:Photoset}
  649.  
  650. {block:Video}<div class="media">{block:ifnot500width}{Video-400}{/block:ifnot500width}{block:if500width}{Video-500}{/block:if500width}</div>{/block:Video}
  651.  
  652. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayer}</div></div>{/block:AudioPlayer}
  653. <div class="audio_info"><strong>Track </strong>&mdash; {block:TrackName}{TrackName}{/block:TrackName}</div>
  654. <div class="audio_info"><strong>Artist </strong>&mdash; {block:Artist}{Artist}{/block:Artist}</div>
  655. {/block:Audio}
  656.  
  657. {block:Answer}
  658. <div class="q"><span class="as">{Asker}</span>&mdash; {Question}</div><div class="a">{Answer}</div>
  659. {/block:Answer}
  660.  
  661. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  662.  
  663. {block:indexpage}
  664. <div class="when">
  665. <i class="fa fa-clock-o" aria-hidden="true"></i>
  666. <a href="{Permalink}">{timeago}</a>
  667. <i class="fa fa-refresh" aria-hidden="true"></i>
  668. <a href="{ReblogURL}">reblog</a>
  669. </div>
  670. {block:HasTags}<div class="tags">
  671. <i class="fa fa-tags" aria-hidden="true"></i>
  672. <span>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span></div>{/block:HasTags}
  673. {/block:indexpage}
  674. </section>
  675. </article>
  676.  
  677. {block:permalinkpage}{block:Date}
  678. <div id="permalink">
  679. <span class="split">{month} {dayofmonth}{dayofmonthsuffix}, {year} at {12hour}:{minutes}{ampm}</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  680. {block:HasTags}
  681. <div class="tags">
  682. <i class="fa fa-tags" aria-hidden="true"></i>
  683. <span>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span></div>{/block:HasTags}
  684. {/block:Date}{/block:permalinkpage}
  685.  
  686. {block:PostNotes}
  687. <div class="pagenotes">
  688. <div class="title">{NoteCountwithLabel}</div>{PostNotes}
  689. </div>
  690. </div>
  691. {/block:PostNotes}
  692.  
  693. {/block:Posts}
  694.  
  695. {block:Pagination}<footer id="pagination"><span>{block:PreviousPage}<a href="{PreviousPage}">previous</a>{block:nextpage}{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</span></footer>{/block:Pagination}
  696.  
  697. </section>
  698.  
  699. {block:indexpage}
  700. {block:ifinfinitescroll}
  701. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  702.  
  703. <script>
  704. $(document).ready(function(){
  705. var $container = $('#container');
  706. $container.infinitescroll({
  707. itemSelector: '.posts',
  708. navSelector: '#pagination',
  709. nextSelector: '#pagination a',
  710. loadingImg: '',
  711. loadingText: '<em></em>',
  712. bufferPx: 100
  713. });
  714. });
  715. </script>
  716. {/block:ifinfinitescroll}
  717. {/block:indexpage}
  718.  
  719. {block:ContentSource}
  720. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  721. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  722. {/block:SourceLogo}
  723. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  724. {/block:ContentSource}
  725. </div>
  726. <a id="creds" href="http://nouvae.tumblr.com" title="theme by nouvae">#</a>
  727. </body>
  728. </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!