API tools faq
paste
herbthemes

paradise

herbthemes
Dec 26th, 2015
1,840
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. 01 Paradise by herbthemes
  6. If there are any problems, feel free to contact me!
  7. Enjoy :-)
  8.  
  9. -->
  10.  
  11. <head>
  12. <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}"/>
  17. {/block:Description}
  18. <link href='https://fonts.googleapis.com/css?family=Roboto:400,900,700,300' rel='stylesheet' type='text/css'>
  19. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  20.  
  21. <meta name="color:Background" color="#fff"/>
  22. <meta name="color:Text" color="#000"/>
  23. <meta name="color:Link" color="#cccccc"/>
  24. <meta name="color:Link Hover" color="#000"/>
  25. <meta name="color:Blog Title" color ="#000"/>
  26. <meta name="color:Description" color="#000"/>
  27. <meta name="color:Navigation Link" color="#000"/>
  28. <meta name="color:Scrollbar" color ="#f6f6f6"/>
  29. <meta name="color:Posts" color="#fff"/>
  30. <meta name="color:Posts Borders" color ="#f6f6f6"/>
  31. <meta name="color:Posts Background" color="#f6f6f6"/>
  32. <meta name="color:Pagination" color="#000"/>
  33. <meta name="select:Font Size" content="9px" title="9px"/>
  34. <meta name="select:Font Size" content="10px" title="10px"/>
  35. <meta name="select:Font Size" content="11px" title="11px"/>
  36. <meta name='if:Hide Tags' content="1"/>
  37. <meta name="if:Rounded Corners" content="1"/>
  38. <meta name="if:Rounded Corners on Sidebar Image" content="1"/>
  39. <meta name="if:Faded Images" content="1"/>
  40. <meta name="image:Sidebar" content=""/>
  41. <meta name="text:Post Width" content="400px"/>
  42. <meta name="text:Home Title" content="Index"/>
  43. <meta name="text:Ask Title" content="Inbox"/>
  44. <meta name="text:Archive Title" content="Grid"/>
  45. <meta name="text:Link 1 URL" content=""/>
  46. <meta name="text:Link 1 Title" content=""/>
  47. <meta name="text:Link 2 URL" content=""/>
  48. <meta name="text:Link 2 Title" content=""/>
  49. <meta name="text:Link 3 URL" content=""/>
  50. <meta name="text:Link 3 Title" content=""/>
  51.  
  52.  
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  58. white-space:nowrap!important;
  59. -webkit-filter:invert(100%)!important;
  60. -moz-filter:invert(100%)!important;
  61. -ms-filter:invert(100%)!important;
  62. -o-filter:invert(100%)!important;
  63. filter:invert(100%)!important;
  64. top:10px!important;
  65. right:10px!important;
  66. position:fixed!important;
  67. opacity:.3!important;
  68. }
  69. ::-webkit-scrollbar{
  70. height:3px;
  71. width:1px;
  72. background:inherit;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  76.  
  77. ::-webkit-scrollbar-track {background:transparent;}
  78.  
  79. body {
  80. background:{color:background};
  81. color:{color:text};
  82. font-family: 'Roboto', sans-serif;
  83. font-size:{select:Font Size};
  84. position:relative;
  85. line-height:150%;
  86. }
  87.  
  88. b {
  89. font-weight:900;
  90. }
  91.  
  92. a {
  93. text-decoration:none;
  94. color:{color:Link};
  95. border-bottom:1px solid {color:Link};
  96. -webkit-transition:all .7s ease;
  97. -moz-transition:all .7s ease;
  98. -o-transition:all .7s ease;
  99. transition:all .7s ease;
  100.  
  101. }
  102.  
  103. a:hover {
  104. color:{color:Link Hover};
  105. -webkit-transition:all .7s ease;
  106. -moz-transition:all .7s ease;
  107. -o-transition:all .7s ease;
  108. transition:all .7s ease;
  109.  
  110. }
  111.  
  112. h1 {
  113. font-size:15px;
  114. }
  115.  
  116. h2 {
  117. font-size:13px;
  118. }
  119.  
  120. h3 {
  121. font-size:11px;
  122. }
  123.  
  124. h4 {
  125. font-size:9px;
  126. }
  127.  
  128. {block:ifFadedImages}
  129. img, iframe {
  130. opacity:.7;
  131. -webkit-transition:all .7s ease;
  132. -moz-transition:all .7s ease;
  133. -o-transition:all .7s ease;
  134. transition:all .7s ease;
  135.  
  136. }
  137.  
  138. img:hover, iframe:hover {
  139. opacity:1;
  140. -webkit-transition:all .7s ease;
  141. -moz-transition:all .7s ease;
  142. -o-transition:all .7s ease;
  143. transition:all .7s ease;
  144.  
  145. }
  146. {/block:ifFadedImages}
  147.  
  148. blockquote {
  149. border-left:2px solid #f6f6f6;
  150. padding-left:15px;
  151. text-align:left;
  152. margin: 0px;
  153. }
  154.  
  155. #side {
  156. width:120px;
  157. margin-left:-200px;
  158. position:fixed;
  159.  
  160. }
  161.  
  162. #side img {
  163. width:120px;
  164. margin:0 auto;
  165. display:block;
  166. opacity:1;
  167. {block:ifRoundedCornersonSidebarImage}
  168. border-radius:5px;
  169. {/block:ifRoundedCornersonSidebarImage}
  170. }
  171.  
  172. .blogt {
  173. color:{color:blog title};
  174. display:block;
  175. font-size:12px;
  176. font-weight:900;
  177. letter-spacing:1px;
  178. text-align:left;
  179. text-transform:uppercase;
  180. -webkit-transition:all .7s ease;
  181. -moz-transition:all .7s ease;
  182. -o-transition:all .7s ease;
  183. transition:all .7s ease;
  184.  
  185. }
  186.  
  187. .description {
  188. margin-top:10px;
  189. font-size:11px;
  190. line-height:150%;
  191. font-weight:300;
  192. text-align:right;
  193. color:{color:Description};
  194. }
  195.  
  196. nav {
  197. position:fixed;
  198. font-size:11px;
  199. margin-left:calc({text:Post Width} + 60px);
  200. padding:10px;
  201. }
  202.  
  203. nav a {
  204. display:block;
  205. text-transform:uppercase;
  206. letter-spacing:1px;
  207. margin:7px 0;
  208. border:0;
  209. font-weight:300;
  210. color:{color:Navigation Link};
  211. }
  212.  
  213. .num{
  214. color:{color:link hover};
  215. margin-right:2px;
  216. font-weight:400;
  217. }
  218.  
  219. #entries {
  220. width:{text:Post Width};
  221. margin:100px auto 0 auto;
  222. margin-bottom:100px;
  223. background:{color:Posts Background};
  224. padding:50px;
  225. }
  226.  
  227. .posts {
  228. width:{text:Post Width};
  229. margin-bottom:100px;
  230. background:{color:Posts};
  231. border:1px solid {color:Posts Borders};
  232. {block:ifRoundedCorners}
  233. border-radius:5px;
  234. {/block:ifRoundedCorners}
  235. }
  236.  
  237. .m img, .m iframe {
  238. width:{text:Post Width};
  239. }
  240.  
  241. .c {
  242. padding:15px;
  243. }
  244.  
  245. .chat ol{
  246. width:100%;
  247. }
  248.  
  249. .chat {
  250. margin-left:-40px;
  251. }
  252.  
  253.  
  254.  
  255. .chat li {
  256. list-style-type:none;
  257. margin:5px 0;
  258. }
  259.  
  260.  
  261. .label {
  262. font-weight:900;
  263. margin-right:5px;
  264. letter-spacing:0.5px;
  265. }
  266.  
  267. .line {
  268. border-bottom:1px solid {color:Posts Borders};
  269. padding:10px;
  270. }
  271.  
  272. .line:last-of-type {
  273. border:0;
  274. }
  275.  
  276. #title {
  277. font-size:12px;
  278. font-weight:900;
  279. letter-spacing:0.5px;
  280. border-bottom:1px solid {color:Posts Borders};
  281. padding:15px;
  282. margin-bottom:1px;
  283. }
  284.  
  285. #title a {
  286. border:0;
  287. }
  288.  
  289. .body {
  290. background:{color:Posts};
  291. padding:15px;
  292. }
  293.  
  294. .source {
  295. text-transform:uppercase;
  296. letter-spacing:1px;
  297. font-weight:300;
  298. padding:15px;
  299. border-bottom:1px solid {color:Posts Borders};
  300. }
  301.  
  302. .quote {
  303. font-weight:900;
  304. font-size:15px;
  305. padding:15px;
  306. line-height:150%;
  307. }
  308.  
  309. .asker {
  310. font-weight:900;
  311. text-transform:uppercase;
  312. letter-spacing:0.5;
  313. padding:15px;
  314. border-bottom:1px solid {color:Posts Borders};
  315. }
  316.  
  317. .asker a {
  318. border:0;
  319. }
  320.  
  321. .q {
  322. padding:15px;
  323. border-bottom:1px solid {color:Posts Borders};
  324. }
  325.  
  326. .song {
  327. padding:10px;
  328. height:30px;
  329. }
  330.  
  331. .player {
  332. width:25px;
  333. height:25px;
  334. overflow:hidden;
  335. position:absolute;
  336. }
  337.  
  338. .songinfo {
  339. margin:5px 0 5px 40px;
  340. }
  341.  
  342. .trackname {
  343. font-size:12px;
  344. font-weight:900;
  345. }
  346.  
  347. #what {
  348. border-top:1px solid {color:Posts Borders};
  349. text-transform:uppercase;
  350. }
  351.  
  352. #what a {
  353. border:0;
  354. }
  355.  
  356. .what1 {
  357. padding:10px;
  358. }
  359.  
  360. .tags {
  361. border-top:1px solid {color:Posts Borders};
  362. margin-top:-10px;
  363. padding:10px 0px 0px 10px;
  364. text-transform:none;
  365. {block:ifHideTags}
  366. display:none;
  367. {/block:ifHideTags}
  368. }
  369.  
  370. .tags a {
  371. display:inline;
  372. border:0;
  373. margin-right:5px;
  374. border:0;
  375. color:{color:link};
  376. }
  377.  
  378. .reblogbutton {
  379. float:right;
  380. }
  381.  
  382. #permalink {
  383. border-top:1px solid {color:Posts Borders};
  384. padding:10px;
  385. }
  386.  
  387. #permalink span {
  388. display:block;
  389. margin-bottom:5px;
  390. }
  391.  
  392. #permalink a {
  393. margin-right:5px;
  394. }
  395.  
  396. #postnotes {
  397. background:{color:Posts};
  398. width:{text:Post Width};
  399. height:400px;
  400. overflow:scroll;
  401. padding:10px 0;
  402. border-radius:5px;
  403. margin-top:-70px;
  404. display:none;
  405. }
  406.  
  407. #postnotes li{
  408. list-style-type:none;
  409. }
  410.  
  411. ol.notes li.note {
  412. display:block;
  413. padding:0;
  414. margin:5px 0;
  415. }
  416.  
  417. #postnotes img {
  418. display:none;
  419. }
  420.  
  421. .revealnotes a{
  422. margin-bottom:5px;
  423. cursor:pointer;
  424. }
  425.  
  426. #pagination {
  427. width:{text:Post Width};
  428. margin:0 auto;
  429. margin-top:-50px;
  430. font-size:12px;
  431. text-transform:uppercase;
  432. text-align:center;
  433. font-weight:700;
  434. }
  435.  
  436. #pagination a{
  437. color:{color:Pagination};
  438. margin:0 10px;
  439. border:0;
  440.  
  441. }
  442.  
  443. .current_page {
  444. font-weight:900;
  445. color:{color:link hover};
  446. }
  447.  
  448. #h {
  449. width:10px;
  450. height:10px;
  451. padding:10px;
  452. position:fixed;
  453. background:{color:background};
  454. right:10px;
  455. bottom:10px;
  456. }
  457.  
  458. #h a {
  459. font-size:11px;
  460. font-weight:900;
  461. border:0;
  462. text-transform:uppercase;
  463. text-align:center;
  464. padding:1px;
  465. border-bottom:2px solid {color:link};
  466. -webkit-transition:all 0s ease;
  467. -moz-transition:all 0s ease;
  468. -o-transition:all 0s ease;
  469. transition:all 0s ease;
  470. }
  471.  
  472. #h a:hover {
  473. border:2px solid {color:link hover};
  474. -webkit-transition:all 0s ease;
  475. -moz-transition:all 0s ease;
  476. -o-transition:all 0s ease;
  477. transition:all 0s ease;
  478. }
  479.  
  480. </style>
  481.  
  482. </head>
  483. <body>
  484.  
  485.  
  486. <section id="entries">
  487. <nav>
  488. <a href="/" class="blogt">{Title}</a>
  489. <a href="/"><span class="num">01</span>{text:Home Title}</a>
  490. <a href="/ask"><span class="num">02</span>{text:Ask Title}</a>
  491. <a href="/archive"><span class="num">03</span>{text:Archive Title}</a>
  492. {block:ifLink1Title}<a href="{text:Link 1 URL}"><span class="num">04</span>{text:Link 1 Title}</a>{/block:ifLink1Title}
  493. {block:ifLink2Title}<a href="{text:Link 2 URL}"><span class="num">05</span>{text:Link 2 Title}</a>{/block:ifLink2Title}
  494. {block:ifLink3Title}<a href="{text:Link 3 URL}"><span class="num">06</span>{text:Link 3 Title}</a>{/block:ifLink3Title}
  495. </nav>
  496.  
  497. <!-- If you wish to add more links, copy and paste this:
  498.  
  499. <a href="[your link here]"><span class="num">[the next number]</span>[your link title here]</a>
  500.  
  501. -->
  502.  
  503. <div id="side">
  504. {block:ifSidebarImage}<img src="{image:Sidebar}">{/block:ifSidebarImage}
  505.  
  506. <div class="description">{Description}</div>
  507.  
  508. </div>
  509.  
  510.  
  511. {block:Posts}
  512. <article class="posts">
  513.  
  514. {block:Text}
  515. {block:Title}<div id="title">{Title}</div>{/block:Title}
  516. <div class="body">{Body}</div>
  517. {/block:Text}
  518.  
  519. {block:Photo}
  520. <div class="m"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
  521. {/block:Photo}
  522.  
  523. {block:Photoset}
  524. <div class="m">{Photoset}</div>
  525. {/block:Photoset}
  526.  
  527. {block:Quote}
  528. {block:Source}<div class="source">{Source}</div>{/block:Source}
  529. <div class="quote">{Quote}</div>
  530. {/block:Quote}
  531.  
  532. {block:Link}
  533. <div id="title" style="border:0;"><a href="{URL}">{Name}</a></div>
  534. {block:Description}{Description}{/block:Description}
  535. {/block:Link}
  536.  
  537. {block:Chat}
  538. {block:Title}<div id="title">{Title}</div>{/block:Title}
  539. <ol class="chat">
  540. {block:Lines}
  541. <li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  542. </ol>
  543. {/block:Chat}
  544.  
  545. {block:Audio}
  546. {block:AudioPlayer}<div class="song">
  547. <div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="songinfo">
  548. {block:TrackName}<span class="trackname">{TrackName}</span>{/block:TrackName}<br>
  549. {block:Artist}{Artist}{/block:Artist}
  550. </div></div>
  551. {/block:Audio}
  552.  
  553. {block:Video}
  554. <div class="video">{Video-400}</div>
  555. {/block:Video}
  556.  
  557. {block:Answer}
  558. <div class="asker">{Asker}</div>
  559. <div class="q">{Question}</div>
  560. <div class="body">{Answer}</div>
  561. {/block:Answer}
  562.  
  563. {block:Caption}<div class="c">{Caption}</div>{/block:Caption}
  564.  
  565. {block:IndexPage}{block:Date}
  566. <div id="what">
  567. <div class="what1">
  568. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a> <a href="{ReblogURL}" class="reblogbutton"><i class="fa fa-retweet fa-lg"></i></a>
  569. </div>
  570. {block:HasTags}<p><div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></p>{/block:HasTags}
  571. </div>
  572. {/block:Date}{/block:IndexPage}
  573.  
  574. {block:permalinkpage}{block:Date}
  575. <div id="permalink">
  576. <span>Posted {TimeAgo} on {DayOfMonthWithZero}{DayOfMonthSuffix} {Month} {Year}</span>
  577. {block:NoteCount}<span><a class="revealnotes">{NoteCountWithLabel}</a></span>{/block:NoteCount}
  578. {block:RebloggedFrom}
  579. <span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource}&mdash; Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>
  580. {/block:RebloggedFrom}
  581. {block:HasTags}<span>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}
  582. </div>
  583. {/block:Date}{/block:permalinkpage}
  584. </article>
  585. {/block:Posts}
  586.  
  587. {block:PostNotes}
  588. <div id="postnotes">{PostNotes}</div>
  589. {/block:PostNotes}
  590.  
  591. </section>
  592.  
  593. <div id="h"><a href="http://herbthemes.tumblr.com">h</a></div>
  594.  
  595. {block:Pagination}
  596. <div id="pagination">
  597. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  598. <span class="current_page">{PageNumber}</span>
  599. {/block:CurrentPage}{block:JumpPage}
  600. <a class="jump_page" href="{URL}">{PageNumber}</a>
  601. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  602. </div>
  603. {/block:Pagination}
  604.  
  605.  
  606. {block:ContentSource}
  607. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  608. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  609. {/block:SourceLogo}
  610. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  611. {/block:ContentSource}
  612.  
  613. </body>
  614.  
  615. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  616. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  617. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  618.  
  619. <script>
  620. $(document).ready(function(){
  621. $('.revealnotes').click(function(){
  622. $('#postnotes').toggle('slow');
  623. });
  624. });
  625. </script>
  626.  
  627.  
  628. </html>
Advertisement
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!