API tools faq
paste
chissy_

/ t h e m e 0 0 2

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