chissy_

/ t h e m e 0 0 3

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