Advertisement
kissingliamsthemes

THEME 18

Jun 27th, 2015
2,363
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.04 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 xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!-- THEME BY AFIREHAZ, THANK YOU FOR USING;
  11. PLEASE DO NOT REMOVE CREDIT OR STEAL THIS THEME! -->
  12.  
  13. <!-- COLORS -->
  14.  
  15. <meta name="color:text" content="#777777"/>
  16. <meta name="color:link" content="#313131"/>
  17. <meta name="color:sidelinks" content="#313131"/>
  18. <meta name="color:scrollbar" content="#ececec"/>
  19. <meta name="color:selection" content="#000000"/>
  20. <meta name="color:linkhover" content="#eeeeee"/>
  21. <meta name="color:askcolor" content="#777777"/>
  22.  
  23. <!-- IMAGES -->
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <!-- LINKS -->
  28.  
  29. <meta name="text:link 1" content="link 1"/>
  30. <meta name="text:link 1 url" content="/" />
  31. <meta name="text:link 2" content="link 2"/>
  32. <meta name="text:link 2 url" content="/" />
  33. <meta name="text:link 3" content="link 3"/>
  34. <meta name="text:link 3 url" content="/" />
  35. <meta name="text:link 4" content="link 4"/>
  36. <meta name="text:link 4 url" content="/" />
  37. <meta name="text:link 5" content="link 5"/>
  38. <meta name="text:link 5 url" content="/" />
  39. <meta name="text:link 6" content="link 6"/>
  40. <meta name="text:link 6 url" content="/" />
  41.  
  42.  
  43. <!-- TEXT -->
  44.  
  45. <style type="text/css">
  46.  
  47. ::selection {background: #fff; color:{color:selection};}
  48. ::-moz-selection {background: #fff; color:{color:selection};}
  49. ::-webkit-selection {background: #fff; color:{color:selection};}
  50.  
  51. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar}; border: 3px solid #fff; height:auto; border-bottom:none;}
  52.  
  53. ::-webkit-scrollbar {height:9px;width:9px;background-color:{color:scrollbar}; border:4px solid #fff;}
  54.  
  55. ::selection {background-color:#fff;}
  56.  
  57. @import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
  58.  
  59. body, a, a:hover {cursor: url(http://media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_mmsrpsNO3J1qz4rgp.png), auto;}
  60.  
  61.  
  62.  
  63. /* --- BODY ---*/
  64.  
  65.  
  66.  
  67. body {
  68. font-style:none;
  69. background:#f6f6f6;
  70. margin:0px; color:{color:text};
  71. font-family:calibri;
  72. font-size:10px;
  73. line-height:100%;
  74.  
  75. }
  76.  
  77. blockquote {
  78. border-left:1px solid; color:{color:text};
  79. padding-left:5px;
  80. margin:15px;
  81. }
  82.  
  83. a {
  84. color:{color:link}
  85. }
  86.  
  87. a {
  88. text-decoration:none;
  89. -webkit-transition:all .3s ease-in-out;
  90. -moz-transition:all .3s ease-in-out;
  91. -o-transition:all .3s ease-in-out;
  92. -ms-transition:all .3s ease-in-out;
  93. transition:all .3s ease-in-out;
  94. }
  95.  
  96. a:hover {
  97. color:{color:linkhover}
  98. }
  99.  
  100. img {none;}
  101.  
  102.  
  103. h1 , h2 {
  104. font-size:8px;
  105. letter-spacing:1px;
  106. line-height:100%;
  107. font-weight:900;
  108. text-align:left;
  109. text-transform:uppercase;
  110. font-family:calibri;
  111. }
  112.  
  113.  
  114. #entries {
  115. width:1100px;
  116. padding:20px;
  117. margin-left:140px;
  118. margin-top:80px;
  119. position:auto;
  120. }
  121.  
  122. #post {
  123. width:250px;
  124. font-style:none;
  125. margin:30px;
  126. background:#fff;
  127. padding:20px;
  128. float:left;
  129. }
  130.  
  131.  
  132.  
  133. /* --- SIDEBAR ---*/
  134.  
  135.  
  136. .sidebar {
  137. width:260px;
  138. height:900px;
  139. position:fixed;
  140. margin-left:200px;
  141. margin-top:-70px;
  142.  
  143. }
  144.  
  145.  
  146. .sidebarimage img {
  147. margin-left:-110px;
  148. width:90px;
  149. margin-top:0px;
  150. background:#fff;
  151. border-radius:100%;
  152. padding:12px;
  153. }
  154.  
  155.  
  156. #title {
  157. font-family: 'Open Sans Condensed', sans-serif;
  158. font-size:16px;
  159. text-align:center;
  160. margin-top:20px;
  161. letter-spacing:3px;
  162. text-transform:uppercase;
  163. margin-left:0px;
  164. width:1340px;
  165. padding:20px;
  166. background:#f6f6f6;
  167. color:{color:text};
  168. }
  169.  
  170.  
  171. #description {
  172. word-spacing:4px;
  173. width:250px;
  174. margin-left:120px;
  175. line-height: 150%;
  176. padding-bottom:12px;
  177. text-align:left;
  178. text-transform:uppercase;
  179. font-family:calibri;
  180. font-size:8px;
  181. font-style:none;
  182. font-weight:900;
  183. letter-spacing:1px;
  184. background:#fff;
  185. position:fixed;
  186. border:1px; border-width:1px; border-color:{color:linkhover}; border-style:dotted; border-left:none; border-top:none; border-right:none;
  187. }
  188.  
  189. /* --- LINKS ---*/
  190.  
  191. /* ------ POP UP LINKS STYLING ------*/
  192.  
  193. #fade { /*--Transparent background layer--*/
  194. display: none; /*--hidden by default--*/
  195. background: #fff;
  196. position: fixed; left: 0; top: 0;
  197. width: 100%; height: 100%;
  198. opacity: .92;
  199. z-index: 9999;
  200. }
  201. .popup_block{
  202. display: none; /*--hidden by default--*/
  203. background: #fff;
  204. padding: 20px;
  205. float: left;
  206. font-size: 10px;
  207. font-family:calibri;
  208. line-height:15px;
  209. position: fixed;
  210. top: 50%; left: 50%;
  211. z-index: 99999;
  212. }
  213. img.btn_close {
  214. float: right;
  215. margin: -5px -5px 0 0;
  216. }
  217. /*--Making IE6 Understand Fixed Positioning--*/
  218. *html #fade {
  219. position: absolute;
  220. }
  221. *html .popup_block {
  222. position: absolute;
  223. }
  224.  
  225. #linkessssss{
  226. text-align:center;
  227. margin-top:100px;
  228. margin-left:100px;
  229. }
  230.  
  231. #linkessssss a{
  232. display:inline-block;
  233. font-size:8px;
  234. letter-spacing:2px;
  235. text-align:center;
  236. font-family:calibri;
  237. text-transform:uppercase;
  238. text-decoration:none;
  239. padding:10px;
  240. width:80px;
  241. background:{color:linkhover};
  242. font-weight:900;
  243. color:{color:askcolor};
  244. -webkit-transition: all 0.5s ease-in-out;
  245. -moz-transition: all 0.5s ease-in-out;
  246. -o-transition: all 0.5s ease-in-out;
  247. }
  248.  
  249. #linkessssss a:hover{
  250. color:{color:linkhover};
  251. background:#fff;
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -o-transition: all 0.5s ease-in-out;
  255. }
  256.  
  257. /* ------ POP UP LINKS END ------*/
  258.  
  259. #links {
  260. text-align:center;
  261. margin-left:0px;
  262. margin-top:20px;
  263. width:1380px;
  264. font-weight:100;
  265. }
  266.  
  267.  
  268. #links a {
  269. letter-spacing:2px;
  270. text-transform:uppercase;
  271. font-size:30px;
  272. color:{color:sidelinks};
  273.  
  274. }
  275.  
  276. #links a:hover {
  277. color:{color:linkhover};
  278. border-color:{color:linkhover};
  279. }
  280.  
  281.  
  282. #s-m-t-tooltip{
  283. /* basic */
  284. max-width:300px;
  285. z-index:10;
  286. margin:24px 14px 7px 12px;
  287. /* style and design */
  288. padding:2px;
  289. background:#222; /* fallback if rgba not supported */
  290. background:rgba(0,0,0,0.8);
  291. font-size:11px;
  292. color:#fff;
  293. opacity:0.5;
  294. }
  295.  
  296. #s-m-t-tooltip {
  297.  
  298. max-width:300px; /* maximum width */
  299.  
  300.  
  301. background-color:#ffffff; /* color background */
  302.  
  303. font-size:8px; /* font size */
  304.  
  305. color:{color:linkhover}; /* font color */
  306.  
  307. letter-spacing:1px; /* font spacing */
  308.  
  309. text-transform:uppercase; /* uppercase, lowercase, none */
  310.  
  311. padding:3px; /* padding size */
  312.  
  313. margin:20px 0px 0px 20px; /* margin size */
  314.  
  315. z-index:9999999999999999999999;
  316.  
  317. border-radius: 2px; /* border radius */
  318.  
  319. }
  320.  
  321. /*** POSTS ***/
  322.  
  323.  
  324. #asker {
  325. font-family: calibri;
  326. font-size:8px;
  327. color:{color:askcolor};
  328. letter-spacing:1px;
  329. background:{color:linkhover};
  330. padding:10px;
  331. font-weight:900;
  332. line-height:100%;
  333. text-align:justify;
  334. text-transform:uppercase;
  335. }
  336.  
  337. #asker a {
  338. color:{color:askcolor};
  339. }
  340.  
  341. #answer {
  342. font-family:calibri;
  343. font-size:10px;
  344. font-style:none;
  345. text-align:left;
  346. }
  347.  
  348.  
  349. #taggy {
  350. }
  351.  
  352. .note {
  353. padding: 10px 20px 10px 20px;
  354. text-transform:uppercase;
  355. letter-spacing:1px;
  356. font-size: 8px;
  357. font-style:normal;
  358. text-align:left;
  359. line-height:120%;
  360. width:250px;
  361. border:1px; border-width:1px; border-color:{color:linkhover}; border-style:dotted; border-left:none; border-bottom:none; border-right:none;
  362. }
  363.  
  364. .note img {
  365. padding-right:10px;
  366. }
  367.  
  368. .note ul {
  369. padding:10px;
  370. text-align:left;
  371. margin-right:30px;
  372. margin-top:-50px;
  373. }
  374.  
  375.  
  376. #info {
  377. font-family: calibri;
  378. font-size:8px;
  379. text-transform:uppercase;
  380. font-weight:900;
  381. letter-spacing:1px;
  382. padding-top: 10px;
  383. border:1px; border-width:1px; border-color:{color:linkhover}; border-style:dotted; border-left:none; border-bottom:none; border-right:none;
  384. margin-top:10px;
  385. }
  386.  
  387.  
  388. #quote {
  389. font-size:11px;
  390. font-weight:900;
  391. font-style:none;
  392. line-height:100%;
  393. text-align:justify;
  394. letter-spacing:1px;
  395. text-transform:uppercase;
  396. font-family:calibri;
  397. }
  398.  
  399. #qs {
  400. font-family:calibri;
  401. font-size:8px;
  402. font-weight:none;
  403. letter-spacing:1px;
  404. text-transform:uppercase;
  405. }
  406.  
  407. #musicinfo {
  408. line-height:120%;
  409. }
  410.  
  411.  
  412. /* --- PAGINATION ---*/
  413.  
  414.  
  415. #pagi
  416. {
  417. font-size:9px;
  418. margin-top:0px;
  419. margin-left:500px;
  420. width:400px;
  421. height:20px;
  422. font-family:calibri;
  423. text-align:center;
  424. letter-spacing:15px;
  425. font-style:none;
  426. font-weight:900;
  427. }
  428.  
  429.  
  430. /* --- CREDIT ---*/
  431.  
  432. #mine a{
  433. position:fixed;
  434. padding:5px;
  435. font-family:calibri;
  436. font-size:10px;
  437. right:-78px;
  438. bottom:5px;
  439. text-align:center;
  440. background:#fff;
  441. color:#000;
  442. word-spacing:8px;
  443. }
  444.  
  445. #mine a:hover {
  446. right:10px;
  447. }
  448.  
  449. {CustomCSS}</style></head><body>
  450.  
  451. <div id="title">{title}</div>
  452.  
  453. <div id="links">
  454.  
  455. <a href="#?w=500" rel="02" class="poplight">☓</a>
  456.  
  457.  
  458. </div>
  459.  
  460. <div class="sidebar">
  461.  
  462.  
  463. </div>
  464.  
  465. </center>
  466. </div></div>
  467.  
  468.  
  469. <div id="scrollbar">{scrollbar}</div>
  470.  
  471. {block:HasPages}{block:Pages}
  472.  
  473. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  474.  
  475. </div></center></div></a>
  476.  
  477. <!------ POP UP LINKS ------>
  478.  
  479.  
  480. <div id="02" class="popup_block">
  481.  
  482.  
  483. <div id="description">{Description}</div>
  484. <p><p>
  485. <div id="linkessssss">
  486.  
  487. <table>
  488.  
  489. <tr>
  490. <th>
  491.  
  492. <a href="{text:link 1 url}">{text:link 1}</a></th>
  493. <th><a href="{text:link 2 url}">{text:link 2}</a> </th>
  494. <th><a href="{text:link 3 url}">{text:link 3} </th>
  495. </tr>
  496. <tr>
  497. <th><a href="{text:link 4 url}">{text:link 4}</th>
  498. <th><a href="{text:link 5 url}">{text:link 5}</th>
  499. <th><a href="{text:link 6 url}">{text:link 6}</th>
  500. </tr></table>
  501. </p></p>
  502. </div>
  503.  
  504. </div>
  505.  
  506. </div></div></div></div></div></div></div></div></div></div>
  507.  
  508.  
  509. <!------ POP UP LINKS ------>
  510.  
  511.  
  512. <!------ POP UP BOX SCRIPTS ------->
  513.  
  514.  
  515. <script type="text/javascript"
  516. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  517. <script>
  518. $(document).ready(function() {
  519. //
  520. $('a.poplight[href^=#]').click(function() {
  521. var popID = $(this).attr('rel'); //Get Popup Name
  522. var popURL = $(this).attr('href'); //Get Popup href to define size
  523. var query= popURL.split('?');
  524. var dim= query[1].split('&');
  525. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  526. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://cdn0.iconfinder.com/data/icons/slim-square-icons-basics/100/basics-22-32.png" class="btn_close" title="Close" alt="Close" /></a>');
  527. var popMargTop = ($('#' + popID).height() + 80) / 2;
  528. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  529. //Apply Margin to Popup
  530. $('#' + popID).css({
  531. 'margin-top' : -popMargTop,
  532. 'margin-left' : -popMargLeft
  533. });
  534. $('body').append('<div id="fade"></div>');
  535. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  536. return false;
  537. });
  538. $('a.close, #fade').live('click', function() {
  539. $('#fade , .popup_block').fadeOut(function() {
  540. $('#fade, a.close').remove(); //fade them both out
  541. });
  542. return false;
  543. });
  544. });
  545. </script>
  546.  
  547. <!------ POP UP BOX END ------->
  548.  
  549.  
  550. <div id="entries">
  551.  
  552.  
  553. {block:Posts}<div id="post">
  554.  
  555.  
  556.  
  557.  
  558. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  559.  
  560. {block:blockquote}{/block:blockquote}
  561.  
  562. {block:Photo}
  563. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  564. {/block:Photo}
  565.  
  566. {block:Photoset}
  567. <center>{Photoset-250}</center>{block:Caption}{Caption}{/block:Caption}
  568. {/block:Photoset}
  569.  
  570. <div id="quote">{block:Quote}{Quote}<div id="qs">{block:Source}
  571. <p>
  572. —{Source}{/block:Source}</div>{/block:Quote}
  573.  
  574. </div>
  575.  
  576.  
  577.  
  578. {block:Answer}
  579. <div id="asker">{Asker} asked: {Question}</div>
  580. <div id="answer">{Answer}</div>
  581. {/block:Answer}
  582.  
  583.  
  584.  
  585. <!----- AUDIO POSTS ---->
  586. {block:Audio}
  587. {block:AudioPlayer}
  588. {AudioPlayerGrey}
  589. {/block:AudioPlayer}
  590. <br><br><div id="musicinfo">
  591. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  592. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  593. {block:Album}Album: {Album}{/block:Album}<br>
  594. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  595. </div>
  596. {/block:Audio}
  597.  
  598.  
  599. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  600.  
  601. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
  602.  
  603.  
  604. <div id="info">{block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}
  605.  
  606. at {12Hour}:{Minutes}{AmPm} |
  607.  
  608. {/block:Date}</a>
  609.  
  610. {block:NoteCount} <a href="{Permalink}">{NoteCount} | </a>{/block:NoteCount}
  611.  
  612. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA | </a>{/block:RebloggedFrom}
  613.  
  614. {block:ContentSource}<a href="{SourceURL}"> SOURCE | </a>{/block:ContentSource}
  615.  
  616. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  617.  
  618. <br>
  619.  
  620. <div id="taggy">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  621.  
  622. </div>
  623. </div>
  624.  
  625. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  626.  
  627.  
  628. </div>
  629.  
  630.  
  631. {block:PostNotes}{PostNotes}{/block:PostNotes}
  632. {/block:Posts}</div>
  633.  
  634.  
  635.  
  636. <!------ S C R I P T S! ------>
  637.  
  638. <script type="text/javascript">
  639. WebFontConfig = {
  640. google: { families: [ 'Open+Sans+Condensed:300:latin' ] }
  641. };
  642. (function() {
  643. var wf = document.createElement('script');
  644. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  645. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  646. wf.type = 'text/javascript';
  647. wf.async = 'true';
  648. var s = document.getElementsByTagName('script')[0];
  649. s.parentNode.insertBefore(wf, s);
  650. })(); </script>
  651.  
  652.  
  653. <!-- start of script tooltip -->
  654. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  655.  
  656. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  657.  
  658. <script>
  659.  
  660. (function($){
  661.  
  662. $(document).ready(function(){
  663.  
  664. $("a[title]").style_my_tooltips({
  665.  
  666. tip_follows_cursor:true,
  667.  
  668. tip_delay_time:90,
  669.  
  670. tip_fade_speed:600,
  671.  
  672. attribute:"title"
  673.  
  674. });
  675.  
  676. });
  677.  
  678. })(jQuery);
  679.  
  680. </script>
  681.  
  682. <!-- end of script tooltip -->
  683.  
  684. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  685.  
  686.  
  687. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  688. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  689. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  690.  
  691. <script type="text/javascript">
  692. $(window).load(function(){
  693. var $wall = $('#entries');
  694. $wall.imagesLoaded(function(){
  695. $wall.masonry({
  696. itemSelector: '#post',
  697. isAnimated : true
  698. });
  699. });
  700. $wall.infinitescroll({
  701. navSelector : "div#navigation",
  702. nextSelector : "div#navigation a#nextPage",
  703. itemSelector : '#post',
  704. loadingImg : "",
  705. loadingText : " ",
  706. donetext : " ",
  707. extraScrollPx : 0,
  708. bufferPx : 10000,
  709. debug : false,
  710. errorCallback: function() {
  711. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  712. }},
  713. function( newElements ) {
  714. var $newElems = $( newElements );
  715. $newElems.hide();
  716. $newElems.imagesLoaded(function(){
  717. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  718. });
  719. }); $('#entries').show(500);
  720. });
  721. </script>
  722.  
  723. <script language="JavaScript">
  724. function function1(){
  725. window.scrollTo(0,5);
  726. }
  727. function function2(){
  728. window.scroll(0,2);
  729. }
  730. </script>
  731. <!---- end masonry scripts -->
  732.  
  733. <div id="pagi"> {block:Pagination}
  734. {block:PreviousPage}
  735. <a href="{PreviousPage}">←</a>
  736. {/block:PreviousPage}
  737.  
  738. {block:JumpPagination length="3"}
  739. {block:CurrentPage}
  740. <span class="current_page">{PageNumber}</span>
  741. {/block:CurrentPage}
  742.  
  743. {block:JumpPage}
  744. <a class="jump_page" href="{URL}">{PageNumber}</a>
  745. {/block:JumpPage}
  746. {/block:JumpPagination}
  747.  
  748. {block:NextPage}
  749. <a href="{NextPage}">→</a>
  750. {/block:NextPage}
  751. {/block:Pagination}
  752. </div>
  753.  
  754. <div id="mine"><a href="http://afirehaz.tumblr.com/"><i class="fa fa-heart-o fa-lg"></i> KATIES THEMES</a></div>
  755.  
  756. </div>
  757. </body>
  758. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement