API tools faq
paste
chissy_

/ t h e m e 0 0 1

chissy_
Feb 16th, 2016
1,492
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.51 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5. <!--
  6.  
  7. _
  8. ___ _ __ (_) ___ | ,_)(_) ___ _ _
  9. /'___)( '__)| |/',__)| | | |/' _ `\ /'_` )
  10. ( (___ | | | |\__, \| |_ | || ( ) |( (_| |
  11. `\____)(_) (_)(____/`\__)(_)(_) (_)`\__,_)
  12.  
  13.  
  14. -->
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23.  
  24. <meta name="color:Background" content="##eae8e8" />
  25. <meta name="color:posts" content="#ffffff" />
  26. <meta name="color:bo" content="#e2e2e2" />
  27. <meta name="color:sidebar" content="#ffffff" />
  28. <meta name="color:Scrollbar" content="#8c8b8b" />
  29. <meta name="color:link2" content="##7b7878" />
  30. <meta name="text:other font" content="open sans"/>
  31. <meta name="text:shorttitle" content="big title here"/>
  32. <meta name="text:shortdescription" content="short description"/>
  33.  
  34.  
  35. <meta name="color:text" content="#8c8b8b" />
  36. <meta name="color:italic" content="#8c8b8b" />
  37. <meta name="color:bold" content="#b3b1b1" />
  38. <meta name="color:link" content="#8c8b8b" />
  39. <meta name="color:hover" content="#e2e2e2" />
  40.  
  41. <meta name="if:400px" content="1"/>
  42. <meta name="if:Round Edges" content="1"/>
  43. <meta name="select:photoset space" content="1" title="1px">
  44.  
  45. <meta name="image:Sidebar" content=""/>
  46.  
  47. <meta name="text:Link 1 URL" content="/"/>
  48. <meta name="text:Link 1 name" content=""/>
  49. <meta name="text:Link 2 URL" content="/"/>
  50. <meta name="text:Link 2 name" content=""/>
  51. <meta name="text:Link 3 URL" content="/"/>
  52. <meta name="text:Link 3 name" content=""/>
  53. <meta name="text:Link 4 URL" content="/"/>
  54. <meta name="text:Link 4 name" content=""/>
  55.  
  56.  
  57. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  58.  
  59. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  60.  
  61. <!--fonts-->
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
  64.  
  65.  
  66. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  67.  
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  69.  
  70. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:0,
  77. tip_fade_speed:400,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88. /* essentials */
  89.  
  90. ::-webkit-scrollbar {
  91. background-color:transparent;
  92. height:3px;
  93. width:3px;
  94. }
  95.  
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. background-color:{color:scrollbar};
  99. border:2px solid transparent;
  100. }
  101.  
  102.  
  103.  
  104. ::-webkit-scrollbar-track {
  105. background-color:transparent;
  106. }
  107.  
  108.  
  109.  
  110. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  111. top:5px;
  112. right:5px!important;
  113. position:fixed !important;
  114. -webkit-filter: invert(1);
  115. opacity:.4;
  116. filter:alpha(opacity=40);
  117. -moz-opacity:.4;
  118. z-index:999999999!important;
  119. }
  120.  
  121.  
  122.  
  123. #s-m-t-tooltip{
  124. max-width:150px;
  125. font-size:9px;
  126. letter-spacing:1px;
  127. margin:10px 10px;
  128. padding:3px;
  129. border:1px solid #fafafa;
  130. opacity:.8;
  131. background:#ffffff;
  132. z-index:999;
  133. }
  134.  
  135. p{ margin:10px;}
  136.  
  137. i, em{
  138. color:{color:italic};
  139. }
  140.  
  141.  
  142. b, strong{
  143. font-weight:bold;
  144. color:{color:bold};
  145. }
  146.  
  147. h1 {
  148.  
  149. text-transform:lowercase;
  150. font-size:11px;
  151. line-height:20px;
  152. letter-spacing:0px;
  153. text-align:left;
  154. }
  155.  
  156. h2 {
  157. text-transform:uppercase;
  158. font-size:10px;
  159. letter-spacing:2px;
  160. margin:10px;
  161. }
  162.  
  163. h3 {
  164. text-transform:uppercase;
  165. font-size:10px;
  166. letter-spacing:2px;
  167.  
  168. }
  169.  
  170. small{font-size:10px;}
  171.  
  172. blockquote {
  173. margin:10px;
  174. padding-left:10px;
  175. border-left:1px solid;
  176. border-color:{color:border};
  177. text-align:justify;
  178. {block:if400px}width:350px; {/block:if400px}
  179. {block:if500px}width:500px; {/block:if500px}
  180. }
  181.  
  182.  
  183.  
  184. body {
  185. background-color:{color:Background};
  186. color:{color:text};
  187. font: 10px {text:other font}, sans-serif;
  188. line-height:200%;
  189. text-align:justify;
  190. }
  191.  
  192.  
  193.  
  194. a:link, a:active, a:visited {
  195. color:{color:link};
  196. text-decoration:none;
  197. -webkit-transition:all 0.5s ease-out;
  198. -moz-transition:all 0.5s ease-out;
  199. transition:all 0.5s ease-out;
  200. cursor:help;
  201.  
  202.  
  203. }
  204.  
  205.  
  206.  
  207. a:hover {
  208. color:{color:hover};
  209. }
  210.  
  211.  
  212.  
  213. /* posts */
  214.  
  215. #comprise {
  216. {block:if400px}width:400px; {/block:if400px}
  217. margin-left:550px;
  218. margin-top:50px;
  219. }
  220.  
  221.  
  222.  
  223. #manuscript {
  224. {block:if400px}width:400px; {/block:if400px}
  225. overflow:hidden;
  226. background-color:{color:posts};
  227. padding:0px;
  228. margin-bottom:100px;
  229. border:1px solid {color:bo};
  230. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  231. }
  232.  
  233.  
  234.  
  235. #info{
  236. {block:if400px}width:360px; {/block:if400px}
  237. background-color:{color:posts};
  238. margin-top:20px;
  239. padding-bottom:2px;
  240. margin:20px;
  241. text-transform:uppercase;
  242. letter-spacing:1px;
  243. font-size:8px;
  244. font-family:calibri;
  245. }
  246.  
  247.  
  248.  
  249. #info img{
  250. width:8px;
  251. opacity:0.6;
  252. margin-top:5px;
  253. }
  254.  
  255.  
  256.  
  257. #info a:hover {
  258. text-decoration:underline;
  259. color:{color:Link Hover};
  260. }
  261.  
  262.  
  263.  
  264. #tinfo{
  265. {block:if400px}width:400px; {/block:if400px}
  266. background-color:{color:annotate};
  267. margin-top:50px;
  268. font-family:arial;
  269. letter-spacing:0px;
  270. font-size:9px;
  271. margin:20px
  272.  
  273. }
  274.  
  275.  
  276.  
  277. #typecast {
  278. {block:if400px}width:400px; {/block:if400px}
  279. background-color:{color:typecast};
  280. word-break:break-all; font-size:9px;
  281. }
  282.  
  283.  
  284.  
  285. /* linkage */
  286.  
  287. #bi{
  288. position:absolute;
  289. margin-top:-5px;
  290. margin-left:60px;
  291. line-height:140%;
  292. letter-spacing:0.5;
  293. }
  294.  
  295. #bi h1{
  296. width:150px;
  297. margin-top:-7px;
  298. font-weight:500;
  299. line-height:140%;
  300. font-size:9px;
  301. }
  302.  
  303.  
  304.  
  305.  
  306. #link {
  307. margin-top:50px;
  308. position:fixed;
  309. margin-left:10px;
  310. width:180px;
  311. height:10px;
  312. line-height:15px;
  313. z-index:9999;
  314. }
  315.  
  316.  
  317. #link a{
  318. width:30px;
  319. margin-bottom:20px;
  320. margin-left:20px;
  321. text-transform:uppercase;
  322. letter-spacing:1px;
  323. text-align:center;
  324. font-size:8px;
  325. color:{color:link2};
  326. }
  327.  
  328.  
  329.  
  330. #link a:hover{
  331. border-bottom:1px solid #eee;
  332. letter-spacing:1px;
  333. }
  334.  
  335.  
  336.  
  337.  
  338. /*sidebar and description*/
  339.  
  340. #sidebar {
  341. position:fixed;
  342. background-color:{color:sidebar};
  343. border:1px solid {color:bo};
  344. margin-top:200px;
  345. width:200px;
  346. height:45px;
  347. padding:10px;
  348. margin-left:180px;
  349. opacity:1;
  350. -moz-transition:0.5s ease-in;
  351. -webkit-transition:0.5s ease-in;-o-transition:0.5s ease-in;
  352. }
  353.  
  354.  
  355.  
  356. #sidebar:hover #linkage{
  357. margin-top:30px;
  358. margin-left:10px;
  359. opacity:1;
  360. }
  361.  
  362.  
  363.  
  364. #sidebar img{
  365. position:fixed;
  366. max-width:40px;
  367. border-radius:100px;
  368. margin-left:5px;
  369. margin-top:5px;
  370. }
  371.  
  372.  
  373.  
  374. #description {
  375. margin-top:50px;
  376. line-height:170%;
  377. text-align:justify;
  378. font-size:9px;
  379. opacity:0;
  380. }
  381.  
  382. /*audios*/
  383.  
  384. .soundcloud_audio_player{padding:10px;}
  385. .audio {height:47px;padding:10px;}
  386. .au {padding:3px 0px;}
  387. .au span{display:block;margin:5px 0px;}
  388. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  389.  
  390. .play {
  391. float:left;
  392. padding:10px;
  393. background:#e4e4e4;
  394. margin-right:15px;
  395. height:27px;
  396. }
  397.  
  398.  
  399. /*chat* *notes*/
  400.  
  401.  
  402.  
  403. .lines {padding:10px;border-top:1px solid {color:bold};}
  404. .lines:first-child,.chat h2{border:none;}
  405. .lines b{display:block;font-weight:400;}
  406.  
  407.  
  408. ol.notes {
  409. display:block;
  410. margin-bottom:20px;
  411.  
  412. padding:15px;
  413. {block:if400px}width:400px; {/block:if400px}
  414. }
  415.  
  416. ol.notes li.note {
  417. padding: 2px;
  418. list-style-type: none;
  419. text-align:left;
  420. margin-top:10px;
  421. }
  422.  
  423. ol.notes img.avatar {
  424. display:none;
  425. }
  426.  
  427. /*asker* *pagi*/
  428.  
  429. #question {
  430. text-align:left;
  431. margin:5px;
  432. }
  433.  
  434.  
  435.  
  436. #asker {
  437. font-style:bold;
  438. margin:20px;
  439.  
  440. }
  441.  
  442. #asker img {
  443. float:left;
  444. width:25px;
  445. border-radius:100px;
  446. margin-right:7px;
  447.  
  448.  
  449. }
  450.  
  451. #tumblr_lightbox,.tmblr-lightbox {
  452. background:rgba({RGBcolor:Background},0.5)!important;
  453. }
  454.  
  455. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  456. opacity:0!important;
  457. }
  458.  
  459. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  460. #tumblr_lightbox_right_image, .lightbox-image {
  461. box-shadow:none!important;
  462. border-radius:0px!important;
  463. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  464. }
  465.  
  466.  
  467.  
  468. #pag{width:100px;margin-left:-20px;margin-top:20pxfont-size:7px;text-transform:uppercase;letter-spacing:2px; float:center;position:relative;text-align:center;font-family:calibri;
  469. }
  470.  
  471. #pag a{margin:0px 2px;}
  472.  
  473. #credit {font-size:9px;letter-spacing:0px;text-transform:uppercase; bottom:10px; right:11px; position:fixed;z-index:auto;}
  474.  
  475.  
  476. #credit a{height:5px;line-height:4px;padding:5px;background:white;opacity:0.7;display:block;}
  477.  
  478. </style>
  479. </head>
  480.  
  481. <body>
  482.  
  483. <div id="sidebar">
  484. <div id="sidebarimg">
  485. <img src="{image:sidebar}"width="35px"height="35px"/>
  486. </div>
  487.  
  488. <div id="bi">
  489.  
  490. <h3>{text:shorttitle}</h3>
  491. <h1>{text:shortdescription}</h1>
  492.  
  493. </div>
  494. <br>
  495. <div id="link"><div style="position:fixed;margin-left:-13px;">—</div>
  496.  
  497. {block:ifLink1name}
  498. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  499. {/block:ifLink1name}
  500. {block:ifLink2name}
  501. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  502. {/block:ifLink2name}
  503. {block:ifLink3name}
  504. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  505. {/block:ifLink3name}
  506. {block:ifLink4name}
  507. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  508. {/block:ifLink4name}
  509.  
  510. </div>
  511.  
  512. </div>
  513.  
  514. <div id="credit"><a href="http://whelves.tumblr.com/"> c</a></div>
  515.  
  516.  
  517. <div id="comprise">
  518. {block:Posts}
  519. <div id="manuscript">
  520.  
  521.  
  522. {block:Text}
  523. {block:Title}
  524. <h2>{Title}</h2>
  525. {/block:title}
  526. {body}
  527. {/block:Text}
  528.  
  529.  
  530. {block:Link}
  531. <h2>{Name}</h2>
  532. {block:Description}
  533. {Description}
  534. {/block:Description}
  535. {/block:Link}
  536.  
  537.  
  538. {block:Photo}
  539. {block:if400px}
  540. <img src="{PhotoURL-400}">
  541. {block:Caption}
  542. <div id="caption">
  543. {Caption}
  544. </div>
  545. {/block:Caption}
  546. {/block:if400px}
  547.  
  548. {/block:Photo}
  549.  
  550.  
  551.  
  552. {block:Photoset}
  553.  
  554. {block:if400px}
  555. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  556. {block:Photos}
  557. <div class="photo-data">
  558. <div class="pxu-photo">
  559. <img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  560. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  561. {/block:Photos}</div>
  562. {block:Caption}{Caption}{/block:Caption}
  563. {/block:if400px}
  564.  
  565. {/block:Photoset}
  566.  
  567.  
  568.  
  569.  
  570. {block:Quote}
  571. <h2>{Quote}</h2>
  572. {/block:Source}
  573. {/block:Quote}
  574.  
  575.  
  576. {block:Chat}
  577. <div class="chat">
  578. {block:Title}<h2>{Title}</h2>{/block:Title}
  579. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  580. </div>
  581. {/block:Chat}
  582.  
  583.  
  584.  
  585.  
  586. {block:Audio}
  587. <div class="audio">
  588. {block:AudioPlayer}
  589. <div class="play">
  590. {AudioPlayerGrey}
  591. </div>
  592. {/block:AudioPlayer}
  593. <div class="au">
  594. {block:TrackName}{TrackName}{/block:TrackName}<br>
  595. {block:Artist}by {Artist}{/block:Artist}
  596. </div>
  597. </div>
  598. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  599. {/block:Audio}
  600.  
  601.  
  602.  
  603. {block:Video}
  604. {block:if500px}
  605. {Video-500} <br/>
  606. {block:Caption}
  607. {Caption}
  608. {/block:Caption}
  609. {/block:if500px}
  610.  
  611. {block:if400px}
  612. {Video-400} <br/>
  613. {block:Caption}
  614. {Caption}
  615. {/block:Caption}
  616. {/block:if400px}
  617.  
  618.  
  619. {/block:Video}
  620.  
  621.  
  622.  
  623. {block:Answer}
  624. <div id="asker">
  625. <img src="{AskerPortraitURL-40}">{Asker} said: &nbsp;{Question}
  626. </div>
  627. <br>
  628. <div id="question">
  629. {Answer}
  630. </div>
  631. {/block:Answer}
  632.  
  633. {block:IndexPage}
  634. <div id="info">
  635. posted on
  636. <a title="{TimeAgo}" href="{Permalink}"> {ShortMonth} {DayOfMonthWithZero} </a>
  637. <span style="float:right">
  638. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  639. </span>
  640.  
  641. <br>
  642. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}
  643.  
  644. <span style="float:right">
  645. <a href=“{ReblogURL}”>Reblog</a>
  646. </span>
  647.  
  648. </div>
  649.  
  650.  
  651. {/block:IndexPage}
  652.  
  653.  
  654. {block:PermalinkPage}
  655. <div id="tinfo">
  656. <span style="text-transform:lowercase;">
  657. {block:Date}
  658. posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{/block:Date}
  659. {block:RebloggedFrom}
  660. <br>
  661. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>&nbsp;&nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  662. {block:HasTags}
  663. <br>
  664. etiquets: {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}
  665. {/block:HasTags}</p>
  666. </span>
  667.  
  668. <a href="#" class="not">view {NoteCountWithLabel}</a>
  669. {block:PostNotes}
  670. <div class="nu">
  671. {PostNotes}
  672. </div>
  673. {/block:PostNotes}
  674. {/block:PermalinkPage}
  675. </div>
  676.  
  677. {/block:Posts}
  678.  
  679. {block:Pagination}
  680. <div id="pag">
  681. {block:PreviousPage}
  682. <a href="{PreviousPage}" class="prev">back</a>
  683. {/block:PreviousPage}
  684. {block:NextPage}
  685. <a href="{NextPage}" class="next">next</a>
  686. {/block:NextPage}
  687. </div>
  688. {/block:Pagination}
  689.  
  690. <br><br><br>
  691.  
  692.  
  693. <script>
  694. $(document).ready(function(){
  695. $(".nu").hide();
  696. $(".not").show();$('.not').toggle(function(){
  697. $(".nu").slideDown(function(){});
  698. },function(){
  699. $(".nu").slideUp(function(){});
  700. });
  701. $(".lb").hide();
  702. $(".lh").show();$('.lh').toggle(function(){
  703. $(".lb").slideDown(function(){});
  704. },function(){
  705. $(".lb").slideUp(function(){});
  706. });
  707. });
  708. </script>
  709.  
  710.  
  711. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  712. <script>
  713. $(document).ready(function(){
  714. $('.photo-slideshow').pxuPhotoset({
  715. lightbox: true,
  716. rounded: false,
  717. gutter: '{select:photoset space}px',
  718. borderRadius: '0px',
  719. photoset: '.photo-slideshow',
  720. photoWrap: '.photo-data',
  721. photo: '.pxu-photo'
  722. });
  723. });
  724. </script>
  725.  
  726.  
  727. </body>
  728. </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!