API tools faq
paste
Advertisement
sorrism

base code

sorrism
May 12th, 2015
12,635
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. base code (July 2017)
  4. - sorrism -
  5.  
  6. credit me, k thnx
  7.  
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{favicon}">
  17.  
  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="#ffffff"/>
  24. <meta name="color:Text" content="#cccccc"/>
  25. <meta name="color:Link" content="#a7a7a7"/>
  26. <meta name="color:Link Hover" content="#aaaaaa"/>
  27. <meta name="color:Title"content="#000000"/>
  28. <meta name="color:Scrollbar" content="#d5d5d5" />
  29. <meta name="color:Borders" content="#EBEBF6"/>
  30.  
  31. <meta name="if:Infinite Scroll" content="1"/>
  32.  
  33. <meta name="text:Link 1 URL" content="" />
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 2 URL" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 3 URL" content="" />
  38. <meta name="text:Link 3" content="" />
  39.  
  40. <meta name="text:Home Title" content="index"/>
  41. <meta name="text:Ask Title" content="message"/>
  42. <meta name="text:Archive Title" content="history"/>
  43.  
  44. <meta name="image:Header" content=""/>
  45.  
  46. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  47.  
  48. <!--CSS customization here. -->
  49.  
  50. <style type="text/css">
  51.  
  52. /*tumblr controls and lightbox*/
  53.  
  54. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  55.  
  56. .tmblr-lightbox img {opacity:0;}
  57.  
  58. .lightbox-caption {
  59. color:{color:title}!important;
  60. font-family:inherit!important;
  61. font-size:1em!important;
  62. font-weight:normal!important;
  63. text-shadow:none!important;
  64. }
  65.  
  66. .lightbox-image {
  67. -moz-box-shadow:none!important;
  68. -webkit-box-shadow:none!important;
  69. box-shadow:none!important;
  70. -moz-border-radius:0px!important;
  71. -webkit-border-radius:0px!important;
  72. border-radius:0px!important;
  73. padding:0px!important;
  74. border:0!important;
  75. opacity:1!important;
  76. }
  77.  
  78. .vignette {opacity:0!Important;}
  79.  
  80. .iframe-controls--desktop {
  81. white-space:nowrap!important;
  82. top:5px!important;
  83. right:5px!important;
  84. opacity:1!important;
  85. position:fixed!important;
  86. }
  87.  
  88. /*tooltip*/
  89.  
  90. .ui-tooltip {
  91. position:Absolute;
  92. z-index:9999;
  93. padding-top:10px;
  94. }
  95.  
  96. .ui-tooltip-content {
  97. background:{color:background};
  98. padding:0 4px;
  99. font-style:italic;
  100. color:{color:link};
  101. text-transform:lowercase;
  102. border:1px solid {color:borders};
  103. }
  104.  
  105. /*scrollbar*/
  106.  
  107. ::-webkit-scrollbar{
  108. height:11px;
  109. width:11px;
  110. background:inherit;
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  114.  
  115. ::-webkit-scrollbar-track {background:{color:borders};}
  116.  
  117. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  118.  
  119. /*main structure*/
  120.  
  121. body {
  122. background:{color:background};
  123. color:{color:text};
  124. font:10px/1.4em georgia, serif;
  125. word-wrap:break-word;
  126. text-align:center;
  127. margin:0;
  128. }
  129.  
  130. a {
  131. color:{color:link};
  132. text-decoration:none;
  133. transition:all .3s linear;
  134. -webkit-transition:all .3s linear;
  135. -o-transition:all .3s linear;
  136. -moz-transition:all .3s linear;
  137. }
  138.  
  139. a, a img {cursor:pointer;}
  140.  
  141. a:hover {
  142. color:{color:link hover}!important;
  143. text-decoration:none;
  144. }
  145.  
  146. img {
  147. opacity:1;
  148. border:0;
  149. text-decoration:none;
  150. max-width:100%;
  151. height:auto;
  152. display:block;
  153. }
  154.  
  155. blockquote {
  156. padding:.25em 0 .25em 15px;
  157. margin:.5em 0;
  158. border-left:1px solid {color:borders};
  159. }
  160.  
  161. pre {
  162. padding:0;
  163. margin:0;
  164. line-height:inherit!important;
  165. background:transparent;
  166. font-family:inherit!Important;
  167. font-size:inherit!important;
  168. white-space:pre-wrap;
  169. white-space:-moz-pre-wrap;
  170. white-space:-pre-wrap;
  171. white-space:-o-pre-wrap;
  172. word-wrap:break-word;
  173. }
  174.  
  175. p {margin:1em 0;}
  176.  
  177. p:first-of-type {margin-top:0;}
  178.  
  179. p:last-of-type {margin-bottom:0;}
  180.  
  181. b, strong, b a, strong a {
  182. font-weight:bold!important;
  183. color:{color:title};
  184. }
  185.  
  186. small, big, sub, pre {
  187. font-size:1em!important;
  188. line-height:1.4em!important;
  189. vertical-align:baseline!important;
  190. }
  191.  
  192. h1, h2, h3, h4 {
  193. margin:1.5em 0;
  194. font-size:1.5em;
  195. padding:0;
  196. color:{color:title};
  197. font-weight:bold;
  198. }
  199.  
  200. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  201.  
  202. hr {
  203. border:none;
  204. box-shadow:0;
  205. margin:2em auto;
  206. width:75px;
  207. border-top:1px solid {color:borders};
  208. }
  209.  
  210. /*header*/
  211.  
  212. header {
  213. width:400px;
  214. margin:100px auto 75px auto;
  215. }
  216.  
  217. header img {
  218. display:block;
  219. width:60px;
  220. height:60px;
  221. -moz-border-radius:100px;
  222. -webkit-border-radius:100px;
  223. border-radius:100px;
  224. margin:0 auto 20px auto;
  225. }
  226.  
  227. #blogtitle {
  228. font-size:1.5em;
  229. color:{color:title};
  230. border:0;
  231. }
  232.  
  233. #description {margin-top:15px;}
  234.  
  235. nav {
  236. display:block;
  237. margin-top:10px;
  238. }
  239.  
  240. nav a {
  241. display:inline-block;
  242. margin:0 5px;
  243. border:0;
  244. }
  245.  
  246. /*pagination*/
  247.  
  248. footer {
  249. text-align:left;
  250. color:{color:link};
  251. {block:ifinfinitescroll}
  252. display:none;
  253. {/block:ifinfinitescroll}
  254. }
  255.  
  256. footer span {
  257. text-align:right;
  258. float:right;
  259. display:inline-block;
  260. }
  261.  
  262. .current_page {
  263. font-weight:bold;
  264. color:{color:title};
  265. }
  266.  
  267. footer a {
  268. display:inline-block;
  269. border:0;
  270. margin:0 5px;
  271. }
  272.  
  273. #infscr-loading {display:none!important;}
  274.  
  275. /*posts*/
  276.  
  277. section {
  278. width:400px;
  279. margin:0px auto 100px auto;
  280. }
  281.  
  282. .posts {
  283. width:400px;
  284. margin-bottom:100px;
  285. }
  286.  
  287. .ph {
  288. position:relative;
  289. overflow:hidden;
  290. }
  291.  
  292. .ph img {
  293. width:100%;
  294. display:block;
  295. }
  296.  
  297. /*titles*/
  298.  
  299. .title {
  300. color:{color:title};
  301. font-size:1.25em;
  302. line-height:1.75em;
  303. }
  304.  
  305. .title a {color:{color:title};}
  306.  
  307. .title a:hover {color:{color:link};}
  308.  
  309. .ted {margin-top:10px;}
  310.  
  311. /*captions*/
  312.  
  313. .comment {
  314. padding:0 0 1.5em 0;
  315. list-style:none;
  316. }
  317.  
  318. .comment:last-of-type {padding-bottom:0!important;}
  319.  
  320. .user {
  321. display:inline-block;
  322. line-height:1em;
  323. font-style:italic;
  324. margin-bottom:.75em;
  325. }
  326.  
  327. .captioned .comment:first-of-type {margin-top:2em;}
  328.  
  329. .tex li, .tex blockquote {text-align:left;}
  330.  
  331. /*quote*/
  332.  
  333. .source {margin-top:5px;}
  334.  
  335. /*audio*/
  336.  
  337. .player {
  338. width:25px;
  339. height:24px;
  340. position:absolute;
  341. left:10px;
  342. top:calc(50% - 15px);
  343. display:block;
  344. overflow:hidden;
  345. }
  346.  
  347. .hold {
  348. text-align:left;
  349. background:{color:background};
  350. border:1px solid {color:borders};
  351. position:relative;
  352. display:block;
  353. min-height:24px;
  354. padding:15px;
  355. }
  356.  
  357. .audio_info {
  358. vertical-align:middle;
  359. line-height:12px;
  360. margin-left:35px;
  361. max-width:calc(100% - 35px);
  362. }
  363.  
  364. .audio_info span {
  365. white-space:nowrap;
  366. overflow:hidden;
  367. text-overflow:ellipsis;
  368. display:block;
  369. }
  370.  
  371. .hold .track {color:{color:title};}
  372.  
  373. /*asks*/
  374.  
  375. .q {
  376. text-align:left;
  377. padding:15px;
  378. margin-bottom:2em;
  379. border:1px solid {color:borders};
  380. }
  381.  
  382. .as {text-transform:lowercase;}
  383.  
  384. .as a {color:{color:text};}
  385.  
  386. .as a:hover {color:{color:link hover};}
  387.  
  388. /*chat*/
  389.  
  390. .chat {
  391. text-align:left;
  392. margin:0;
  393. padding:0;
  394. list-style:none;
  395. }
  396.  
  397. .l {
  398. padding:15px 0;
  399. border-bottom:1px solid {color:borders};
  400. }
  401.  
  402. .label {
  403. font-weight:bold;
  404. color:{color:title};
  405. display:inline-block;
  406. }
  407.  
  408. .l:first-of-type {padding-top:0;}
  409.  
  410. .l:last-of-type {
  411. padding-bottom:0;
  412. border:0;
  413. }
  414.  
  415. /*permalink and notes*/
  416.  
  417. .when {margin-top:15px;}
  418.  
  419. .when span {display:block;}
  420.  
  421. .tags {margin-top:.5em;}
  422.  
  423. .tags a {
  424. font-style:italic;
  425. color:{color:text};
  426. display:inline;
  427. margin:0 2.5px;
  428. }
  429.  
  430. .pagenotes {
  431. padding-top:2em;
  432. border-top:1px solid {color:borders};
  433. }
  434.  
  435. ol.notes {
  436. list-style-type:none;
  437. padding:0px;
  438. margin:0px;
  439. }
  440.  
  441. ol.notes li.note {
  442. display:block;
  443. padding:0;
  444. margin:5px 0;
  445. }
  446.  
  447. ol.notes li.note img.avatar {display:none!important;}
  448.  
  449. a.more_notes_link {
  450. display:block;
  451. text-align:center;
  452. color:{color:title};
  453. }
  454.  
  455. {CustomCSS}
  456.  
  457. </style>
  458.  
  459. </head>
  460.  
  461. <body>
  462.  
  463. <header>
  464. {block:ifHeaderImage}<a href="/"><img src="{image:Header}"/></a>{/block:ifHeaderImage}
  465. <a id="blogtitle" href="/">{Title}</a>
  466. <div id="description">{Description}</div>
  467. <nav>{block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}{block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>
  468. </header>
  469.  
  470. <section id="entries">{block:posts}
  471. <article class="posts {block:caption}captioned{/block:caption}">
  472.  
  473. {block:Quote}
  474. <div class="title quote">{quote}</div>
  475. {block:Source}<div class="source">{source}</div>{/block:Source}
  476. {/block:Quote}
  477.  
  478. {block:Text}
  479. {block:Title}<div class="title">{title}</div>{/block:Title}
  480. {block:RebloggedFrom}
  481. {block:Reblogs}
  482. <li class="comment {block:Title}ted{/block:Title}">
  483. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  484. <div class="tex">{body}</div>
  485. </li>
  486. {/block:Reblogs}
  487. {/block:RebloggedFrom}
  488. {block:NotReblog}
  489. <li class="comment {block:Title}ted{/block:Title}">
  490. <div class="tex">{body}</div>
  491. </li>
  492. {/block:NotReblog}
  493. {/block:Text}
  494.  
  495. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  496. {block:Description}
  497. {block:NotReblog}
  498. <li class="comment ted">
  499. <div class="tex">{description}</div>
  500. </li>
  501. {/block:NotReblog}
  502. {/block:Description}
  503. {block:RebloggedFrom}
  504. {block:Reblogs}
  505. <li class="comment">
  506. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  507. <div class="tex">{body}</div>
  508. </li>
  509. {/block:Reblogs}
  510. {/block:RebloggedFrom}
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. {block:Title}<div id="title">{title}</div>{/block:Title}
  515. <ol class="chat {block:Title}ted{/block:Title}">
  516. {block:lines}
  517. <li class="l {Alt}">
  518. {block:label}<span class="label">{label}</span>{/block:label} {line}
  519. </li>
  520. {/block:lines}
  521. </ol>
  522. {/block:Chat}
  523.  
  524. <div class="ph">
  525.  
  526. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  527.  
  528. {block:Photoset}{photoset}{/block:Photoset}
  529.  
  530. {block:Video}{video-400}{/block:Video}
  531.  
  532. {block:Audio}
  533. {block:audioplayer}
  534. <div class="hold">
  535. <div class="player">{audioplayerwhite}</div>
  536. <div class="audio_info">
  537. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  538. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  539. </div>
  540. </div>
  541. {/block:audioplayer}
  542. {/block:Audio}
  543.  
  544. {block:caption}
  545. {block:Reblogs}
  546. <li class="comment">
  547. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  548. <div class="tex">{body}</div>
  549. </li>
  550. {/block:Reblogs}
  551. {block:NotReblog}
  552. <li class="comment">
  553. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  554. <div class="tex">{caption}</div>
  555. </li>
  556. {/block:NotReblog}
  557. {/block:caption}
  558.  
  559. </div>
  560.  
  561. {block:Answer}
  562. <div class="q">
  563. <span class="as">{asker} sent &mdash;</span>
  564. {question}
  565. </div>
  566. {block:Answerer}
  567. <li class="comment">
  568. <div class="user">{answerer} replied:</div>
  569. <div class="tex">{answer}</div>
  570. </li>
  571. {/block:Answerer}
  572. {block:NotReblog}
  573. <li class="comment">
  574. <div class="tex">{replies}</div>
  575. </li>
  576. {/block:NotReblog}
  577. {block:RebloggedFrom}
  578. {block:Reblogs}
  579. <li class="comment">
  580. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  581. <div class="tex">{body}</div>
  582. </li>
  583. {/block:Reblogs}
  584. {/block:RebloggedFrom}
  585. {/block:Answer}
  586.  
  587.  
  588. {block:Date}
  589. <div class="when">
  590. <hr>
  591. <span><a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a></span>
  592. {block:hastags}
  593. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  594. {/block:hasTags}
  595. </div>
  596. {/block:Date}
  597.  
  598. </article>
  599.  
  600. {block:PostNotes}
  601. <article class="posts pagenotes">
  602. <div class="title">{NoteCountWithLabel}</div>
  603. {block:RebloggedFrom}
  604. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  605. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  606. </span>
  607. {/block:RebloggedFrom}
  608. <hr>
  609. {PostNotes}
  610. </article>
  611. {/block:PostNotes}
  612.  
  613. {/block:Posts}
  614.  
  615. {block:Pagination}
  616. <footer id="pagination">
  617. <span>
  618. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}
  619. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} </span>
  620. {block:JumpPagination length="5"}
  621. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  622. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  623. {/block:JumpPagination}
  624. </footer>
  625. {/block:Pagination}
  626.  
  627. </section>
  628.  
  629. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  630.  
  631. <script>
  632. $(document).ready(function(){
  633. $('body').tooltip({track:true});
  634. $('iframe.tumblr_audio_player').load( function() {
  635. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  636. });
  637. {block:indexpage}
  638. {block:ifinfinitescroll}
  639. var $container = $('section');
  640. $container.infinitescroll({
  641. itemSelector: 'article',
  642. navSelector: 'footer',
  643. nextSelector: 'footer a',
  644. loadingImg: '',
  645. loadingText: '<em></em>',
  646. bufferPx: 100
  647. },
  648. function( newElements ) {
  649. var $newElems = $( newElements );
  650. $newElems.find('iframe.tumblr_audio_player').load(function(){
  651. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  652. });
  653. });
  654. {/block:ifinfinitescroll}
  655. {/block:indexpage}
  656. });
  657. </script>
  658.  
  659. {block:ContentSource}
  660. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  661. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  662. {/block:SourceLogo}
  663. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  664. {/block:ContentSource}
  665. </body></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!