API tools faq
paste
Advertisement
tanaxmercedes

Noelle Theme

tanaxmercedes
Dec 23rd, 2018
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Noelle theme
  4. Ⓒ𝙒𝙝𝙞𝙢𝙨𝙮𝙏𝙝𝙚𝙢𝙚𝙨
  5. designed and coded by @tanaboo
  6.  
  7. release date: 12.23.018
  8. last update: 12.23.018
  9.  
  10. credits:
  11. - snowflake background by suiomi.tumblr.com
  12. - gold bow from google images
  13.  
  14. -->
  15.  
  16. <html>
  17. <head>
  18. <link rel="shortcut icon" href="{favicon}">
  19. <title>{block:PostTitle}{PostTitle} : {/block:PostTitle}{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <!-- META TAGS -->
  27.  
  28. <meta name="color:Background" content="#f6f6f6"/>
  29. <meta name="color:Text" content="#909090"/>
  30. <meta name="color:Link" content="#8e0d26"/>
  31. <meta name="color:Link Hover" content="#aaaaaa"/>
  32. <meta name="color:Blog Title"content="#3C3C3C"/>
  33. <meta name="color:Title"content="#909090"/>
  34. <meta name="color:Scrollbar" content="#d5d5d5" />
  35. <meta name="color:Borders" content="#9F8040"/>
  36. <meta name="color:Highlight" content="#c31134">
  37. <meta name="color:Accent" content="#c31134">
  38. <meta name="color:Shadow" content="#A00E2B">
  39.  
  40. <meta name="image:Background" content="https://static.tumblr.com/km932n4/0JJpj2tin/nbz9yftu.png"/>
  41.  
  42. <meta name="select:Text" content="9px">
  43. <meta name="select:Text" content="10px">
  44. <meta name="select:Text" content="11px">
  45. <meta name="select:Text" content="12px">
  46. <meta name="select:Text" content="13px">
  47. <meta name="select:Text" content="14px">
  48.  
  49. <meta name="select:Font" content="trebuchet ms">
  50. <meta name="select:Font" content="lucida console">
  51. <meta name="select:Font" content="times new roman">
  52. <meta name="select:Font" content="georgia">
  53. <meta name="select:Font" content="verdana">
  54. <meta name="select:Font" content="courier new">
  55. <meta name="select:Font" content="arial">
  56. <meta name="select:Font" content="calibri">
  57. <meta name="select:Font" content="consolas">
  58. <meta name="select:Font" content="ms gothic">
  59.  
  60. <!-- SCRIPTS -->
  61.  
  62. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  63. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  64.  
  65. </head>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. /* TUMBLR CONTROLS */
  71.  
  72. .iframe-controls--desktop {
  73. white-space:nowrap!important;
  74. top:0px!important;
  75. right:0px!important;
  76. opacity:1!important;
  77. position:fixed!important;
  78. }
  79.  
  80. /* TOOLTIPS */
  81.  
  82. .ui-tooltip {
  83. position:absolute;
  84. z-index:9999;
  85. padding-top:10px;
  86. }
  87.  
  88. .ui-tooltip-content {
  89. background:{color:Background};
  90. padding:4px 6px;
  91. color:{color:Link};
  92. border:1px solid {color:Borders};
  93. }
  94.  
  95. /* SCROLLBAR */
  96.  
  97. ::-webkit-scrollbar {
  98. width: 5px;
  99. height: 5px;
  100. }
  101. ::-webkit-scrollbar-button {
  102. width: 0px;
  103. height: 0px;
  104. }
  105. ::-webkit-scrollbar-thumb {
  106. background: #e1e1e1;
  107. border: 0px none #ffffff;
  108. border-radius: 50px;
  109. }
  110.  
  111. ::selection {
  112. background: {color:Accent};
  113. color: #fff;
  114. }
  115. ::-moz-selection {
  116. background: {color:Accent};
  117. color: #fff;
  118. }
  119.  
  120.  
  121. /* BODY STYLING */
  122.  
  123. body {
  124. background-image:url('{image:Background}');
  125. background-color:{color:Background};
  126. font: {select:Text} {select:Font};
  127. color:{color:Text};
  128. text-align: left;
  129. background-repeat: repeat;
  130. background-position: right top;
  131. background-attachment: fixed;
  132. }
  133.  
  134. a {
  135. color:{color:Link};
  136. text-decoration:none;
  137. -moz-transition: all .2s ease;
  138. -o-transition: all .2s ease;
  139. -webkit-transition: all .2s ease;
  140. transition: all .2s ease;
  141. }
  142.  
  143. a:hover {
  144. color:{color:Link Hover};
  145. }
  146.  
  147. /* SIDEBAR */
  148.  
  149. #sidebar {
  150. z-index:9999;
  151. position:fixed;
  152. width:180px;
  153. height:280px;
  154. background:#BC9C5D;
  155. margin-top:135px;
  156. margin-left:60px;
  157. padding:12px 12px 20px 12px;
  158. text-align:center;
  159. overflow:hidden;
  160. -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
  161. -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
  162. box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
  163. }
  164.  
  165. @font-face{font-family:"thequeenthine"; src:url('https://static.tumblr.com/km932n4/qhQphsz8f/thequeenthine.ttf');}
  166.  
  167. .blogtitle {
  168. position:absolute;
  169. z-index:999999;
  170. color:{color:Blog Title};
  171. font-family:'thequeenthine';
  172. font-size:50px;
  173. margin-top:35px;
  174. right:5%;
  175. padding:12px;
  176. }
  177.  
  178. .description {
  179. position:fixed;
  180. text-align:justify;
  181. z-index:9999;
  182. width:180px;
  183. height:auto;
  184. background:#BC9C5D;
  185. margin-top:135px;
  186. right:10%;
  187. padding:12px;
  188. -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
  189. -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
  190. box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
  191. }
  192.  
  193. .nav {
  194. position:absolute;
  195. width:auto;
  196. height:auto;
  197. display:block;
  198. margin-top:10px;
  199. text-align:center;
  200. margin-top:140px;
  201. margin-left:25px;
  202. }
  203.  
  204. .nav a {
  205. text-transform:uppercase;
  206. display:inline-block;
  207. padding:6px 8px 6px 8px;
  208. margin-right:8px;
  209. margin-bottom:8px;
  210. width:50px;
  211. background: #ffffff; /* Old browsers */
  212. background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
  213. background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
  214. background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  215. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  216. }
  217.  
  218. .nav a:hover {
  219. font-style:italic;
  220. text-decoration:underline;
  221. }
  222.  
  223. /* PAGINATION */
  224.  
  225. #pagination {
  226. text-align:left;
  227. color:{color:link};
  228. display:inline-block;
  229. {block:ifInfiniteScroll}
  230. display:none;
  231. {/block:ifInfiniteScroll}
  232. }
  233.  
  234. #pagination a {
  235. display:inline-block;
  236. border:0;
  237. margin:0 5px;
  238. }
  239.  
  240. .current_page {
  241. font-weight:bold;
  242. color:{color:title};
  243. }
  244.  
  245. #infscr-loading {
  246. display:none!important;
  247. }
  248.  
  249. /* POSTS */
  250.  
  251. section {
  252. width:500px;
  253. margin:0px auto 100px auto;
  254. }
  255.  
  256. #posts {
  257. margin:50px auto 100px auto;
  258. {PermalinkPage}
  259. width:500px;
  260. {/PermalinkPage}
  261. }
  262.  
  263. article {
  264. width:450px!important;
  265. margin-bottom:100px;
  266. background:#BC9C5D;
  267. padding:12px;
  268. padding-bottom:20px;
  269. -webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.15);
  270. -moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.15);
  271. box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.15);
  272. }
  273.  
  274. .caption {
  275. border-bottom:1px solid {color:Borders};
  276. }
  277.  
  278. /* PHOTO */
  279.  
  280. .photo {
  281. position:relative;
  282. overflow:hidden;
  283. }
  284.  
  285. .photo img {
  286. width:100%;
  287. display:block;
  288. }
  289.  
  290. /* TITLES */
  291.  
  292. .title {
  293. font-size:14px;
  294. }
  295.  
  296. .title a {
  297. color:{color:Title};
  298. }
  299.  
  300. .title a:hover {
  301. color:{color:Link};
  302. }
  303.  
  304. /* QUOTES */
  305.  
  306. .source {
  307. margin-top:6px;
  308. font-style:italic;
  309. }
  310.  
  311. /* ASKS */
  312.  
  313. .question {
  314. text-align:left;
  315. padding:12px;
  316. border-bottom:2px solid {color:Borders};
  317. }
  318.  
  319. @font-face{font-family:"good vibes"; src:url('https://static.tumblr.com/km932n4/gbDpi40uj/good_vibes_-_demo.ttf');}
  320.  
  321. .ask {
  322. font-size:20px;
  323. font-family:'good vibes';
  324. color: {color:Accent};
  325. }
  326.  
  327. .ask a {
  328. color:{color:text};
  329. }
  330.  
  331. .ask a:hover {
  332. color:{color:link hover};
  333. }
  334.  
  335. /* PERMALINKS - POST NOTES */
  336.  
  337. .postfooter {
  338. z-index:999;
  339. margin-top:15px;
  340. text-align:center;
  341. background:{color:Accent};
  342. padding:6px 12px 6px 12px;
  343. margin-left:-30px;
  344. width:108%;
  345. border-bottom: 3px solid {color:Shadow};
  346. font-size:10px;
  347. }
  348.  
  349. .postfooter a {
  350. text-transform:uppercase;
  351. letter-spacing:2px;
  352. color:#f2f2f2;
  353. }
  354.  
  355. .postfooter span {
  356. display:block;
  357. }
  358.  
  359. .pftri1 {
  360. {block:IndexPage}
  361. width: 0;
  362. height: 0;
  363. border-style: solid;
  364. border-width: 0 18px 18px 0;
  365. border-color: transparent {color:Accent} transparent transparent;
  366. margin-left:-30px;
  367. margin-top:-24px;
  368. {/block:IndexPage}
  369. }
  370.  
  371. .pagenotes {
  372. position:absolute;
  373. margin-top:-50px;
  374. text-align:center;
  375. }
  376.  
  377. ol.notes {
  378. text-align:left;
  379. list-style-type:none;
  380. padding:0px;
  381. margin:0px;
  382. }
  383.  
  384. ol.notes li.note {
  385. display:block;
  386. padding:0;
  387. margin:5px 0;
  388. }
  389.  
  390. ol.notes li.note img.avatar {
  391. display:none!important;
  392. }
  393.  
  394. a.more_notes_link {
  395. display:block;
  396. text-align:center;
  397. color:{color:title};
  398. }
  399.  
  400. /* HASHTAGS */
  401.  
  402. #tags {
  403. position:absolute;
  404. text-align:center;
  405. }
  406.  
  407. #tags a {
  408. font-style:italic;
  409. color:{color:text};
  410. display:inline;
  411. margin:0 1.5px;
  412. font-size:9px;
  413. }
  414.  
  415. #tags a:hover {
  416. text-transform:uppercase;
  417. }
  418.  
  419. /* AUDIO */
  420.  
  421. #audio {
  422. width:100%;
  423. height:auto;
  424. min-height:60px;
  425. padding-bottom:0px;
  426. }
  427.  
  428. .cover {
  429. position:absolute;
  430. z-index:1;
  431. width:60px;
  432. height:60px;
  433. }
  434.  
  435. .cover img {
  436. float:left;
  437. width:60px;
  438. height:60px;
  439. }
  440.  
  441. .playbox {
  442. opacity:0.6;
  443. width:32px;
  444. height:34px;
  445. overflow:hidden;
  446. position:absolute;
  447. z-index:1000;
  448. margin-left:15px;
  449. margin-top:15px;
  450. text-align:center;
  451. }
  452.  
  453. .info {
  454. margin-left:73px;
  455. margin-top:6px;
  456. line-height:14px;
  457. }
  458.  
  459. /* CHATS */
  460.  
  461. .chat, .chat ol{
  462. margin-left:-20px;
  463. list-style:none;
  464. }
  465. .line{
  466. padding:6px;
  467. }
  468. .odd{
  469. background:#f9f9f9;
  470. color:{color:Link};
  471. }
  472. span.label{
  473. font-weight:bold;
  474. text-transform:uppercase;
  475. }
  476.  
  477. .photoset {
  478. width:450px!important;
  479. }
  480.  
  481. .photoset img {
  482. width:100%;
  483. }
  484.  
  485. #header {
  486. position:fixed;
  487. right:0;
  488. background:{color:Shadow};
  489. top:0;
  490. width:22%;
  491. {block:PermalinkPage}
  492. width:24%;
  493. {/block:PermalinkPage}
  494. height:60px;
  495. border-radius: 0px 0px 0px 50px;
  496. -moz-border-radius: 0px 0px 0px 50px;
  497. -webkit-border-radius: 0px 0px 0px 50px;
  498. border-left:12px solid #BC9C5D;
  499. border-bottom:3px solid #9F8040;
  500. -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
  501. -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
  502. box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.25);
  503. }
  504.  
  505. #stripe-y {
  506. z-index:999;
  507. position:absolute;
  508. height:100%;
  509. background:{color:Accent};
  510. width:20px;
  511. border-right: 1px solid {color:Shadow};
  512. }
  513.  
  514. #stripe-x {
  515. z-index:999;
  516. position:absolute;
  517. height:20px;
  518. background:{color:Accent};
  519. width:110%;
  520. top:70%;
  521. margin-left:-20px;
  522. border-bottom: 2px solid {color:Shadow};
  523. }
  524.  
  525. h1 {
  526. color:{color:Accent};
  527. border-bottom:1px solid {color:Borders};
  528. font-family:'thequeenthine';
  529. font-size:4em;
  530. margin-top:-6px;
  531. padding-bottom:6px;
  532. }
  533.  
  534. em {
  535. color:#9F8040;
  536. }
  537.  
  538. b {
  539. text-transform:uppercase;
  540. }
  541.  
  542. strike {
  543.  
  544. }
  545.  
  546. t {
  547. text-transform:uppercase;
  548. background:{color:Accent};
  549. padding:4px 4px 4px 4px;
  550. border-radius:3px;
  551. font-size:9px;
  552. }
  553.  
  554. {CustomCSS}
  555.  
  556. </style>
  557.  
  558.  
  559. <body>
  560.  
  561. <div id="header"></div>
  562.  
  563. <div style="position:fixed; top:22%; left:3%; z-index:99999; transform: rotate(-20deg)">
  564. <img src="http://www.clker.com/cliparts/O/8/0/b/N/k/gold-ribbon.svg" width=180px/><br></div>
  565.  
  566. <div id="sidebar">
  567. <div id="stripe-y"></div>
  568. <div id="stripe-x"></div>
  569. <div class="blogtitle">{Title}</div>
  570.  
  571. <div class="nav">
  572. <a href="/">index</a>
  573. <a href="/ask">inquire</a>
  574. <a href="/archive">archive</a>
  575. <a href="http://whimsythemes.tumblr.com">basecode</a>
  576. </div>
  577.  
  578. </div>
  579.  
  580. {block:Description}
  581. <div class="description">
  582. <H1>Happy Holidays!</H1>
  583. &nbsp;&nbsp;
  584. {Description}
  585. </div>
  586. {/block:Description}
  587.  
  588.  
  589. <section id="posts">{block:posts}
  590. <article>
  591.  
  592. {block:Text}
  593.  
  594. <div class="post">
  595. {block:Title}
  596. <div class="title"><a href="{Permalink}">{Title}</a></div>
  597. {/block:Title}{Body}
  598. </div>
  599.  
  600. {/block:Text}
  601.  
  602. {block:Photo}
  603. <div class="post photo">
  604. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  605.  
  606. {block:Caption}
  607. <div class="caption">{Caption}</div>
  608. {/block:Caption}
  609. </div>
  610. {/block:Photo}
  611.  
  612. {block:Panorama}
  613. <div class="post panorama">
  614. {LinkOpenTag}
  615. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  616. {LinkCloseTag}
  617. {block:Caption}
  618. <div class="caption">{Caption}</div>
  619. {/block:Caption}
  620. </div>
  621. {/block:Panorama}
  622.  
  623. {block:Photoset}
  624. <div class="post photoset">
  625. {Photoset-500}
  626. {block:Caption}
  627. <div class="caption">{Caption}</div>
  628. {/block:Caption}
  629. </div>
  630. {/block:Photoset}
  631.  
  632. {block:Quote}
  633. <div class="post quote">
  634. "{Quote}"
  635.  
  636. {block:Source}
  637. <div class="source"> &mdash; {Source}</div>
  638. {/block:Source}
  639. </div>
  640. {/block:Quote}
  641.  
  642. {block:Link}
  643. <div class="post link">
  644. <a href="{URL}" class="title" {Target}>{Name}</a>
  645.  
  646. {block:Description}
  647. <div class="description">{Description}</div>
  648. {/block:Description}
  649. </div>
  650. {/block:Link}
  651.  
  652. {block:Chat}
  653. <div class="post chat">
  654. {block:Title}
  655. <h3><a href="{Permalink}">{Title}</a></h3>
  656. {/block:Title}
  657.  
  658. <ul class="chat">
  659. {block:Lines}
  660. <div class="{Alt} user_{UserNumber}">
  661. {block:Label}
  662. <span class="label">{Label}</span>
  663. {/block:Label}{Line}
  664. </div>
  665. {/block:Lines}
  666. </ul>
  667. </div>
  668. {/block:Chat}
  669.  
  670. {block:Video}
  671. <div class="post video">
  672. {Video-500}{block:Caption}
  673. <div class="caption">{Caption}</div>
  674. {/block:Caption}
  675. </div>
  676. {/block:Video}
  677.  
  678. {block:Audio}
  679. <div id="audio">
  680. <div class="cover">
  681. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  682. </div>
  683. {block:AlbumArt}
  684. <div class="cover">
  685. <img src="{AlbumArtURL}">
  686. </div>
  687. {/block:AlbumArt}
  688. <div class="playbox">
  689. {block:AudioPlayer}
  690. {AudioPlayerWhite}
  691. {/block:AudioPlayer}
  692. </div>
  693. <div class="info">
  694. <b>Title :</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  695. <b>Artist :</b>
  696. <span{block:Artist} style="display:none;"
  697. {/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  698. <b>Album :</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  699. {block:PlayCount}<br><b>Playcount :</b> {FormattedPlayCount}{/block:PlayCount}
  700. </div></div>
  701. {/block:Audio}
  702.  
  703. {block:Answer}
  704. <div class="question">
  705. <span class="ask">{asker} asked </span> <br>
  706. {question}
  707. </div>
  708. {block:Answerer}
  709. <div class="comment">
  710. <span class="ask">{answerer} replied:</span>
  711. {answer}
  712. </div>
  713. {/block:Answerer}
  714. {block:NotReblog}
  715. <div class="comment">
  716. {replies}
  717. </div>
  718. {/block:NotReblog}
  719. {block:RebloggedFrom}
  720. {block:Reblogs}
  721. <li class="comment">
  722. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  723. {body}
  724. </li>
  725. {/block:Reblogs}
  726. {/block:RebloggedFrom}
  727. {/block:Answer}
  728.  
  729. {block:Date}
  730. <div class="postfooter">
  731. <span><a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix} '{ShortYear}</a></span>
  732. </div>
  733. {block:hastags}
  734. <br> <t>TAGS</t> <i class="fas fa-caret-right" style="color:{color:Accent};"></i><span id="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>
  735. {/block:hasTags}
  736. {/block:Date}
  737.  
  738. <div class="pftri1"></div>
  739.  
  740. </article>
  741.  
  742. {block:PostNotes}
  743. <article class="posts pagenotes">
  744. <div class="title">{NoteCountWithLabel}</div>
  745. {block:RebloggedFrom}
  746. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  747. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  748. </span>
  749. {/block:RebloggedFrom}
  750. <hr>
  751. {PostNotes}
  752. </article>
  753. {/block:PostNotes}
  754.  
  755. {/block:Posts}
  756. </div>
  757. </section>
  758.  
  759. <div class="pagination">
  760. {block:Pagination}
  761. {block:PreviousPage}
  762. <a href="{PreviousPage}">Backwards</a>
  763. {/block:PreviousPage}
  764. {block:JumpPagination length="5"}
  765. {block:CurrentPage}
  766. <span class="current_page">{PageNumber}</span>
  767. {/block:CurrentPage}
  768. {block:JumpPage}
  769. <a class="jump_page" href="{URL}">{PageNumber}</a>
  770. {/block:JumpPage}
  771. {/block:JumpPagination}
  772. {block:NextPage}
  773. <a href="{NextPage}">Forward</a>
  774. {/block:NextPage}
  775. {/block:Pagination}
  776. </div>
  777. </section>
  778. </body>
  779. </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!