API tools faq
paste
herbthemes

trndsttr

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