API tools faq
paste
Advertisement
kissingliamsthemes

THEME 22

kissingliamsthemes
Oct 18th, 2015
683
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.44 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. <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. <!-- THEME BY AFIREHAZ, THANK YOU FOR USING;
  10. PLEASE DO NOT REMOVE CREDIT OR STEAL THIS THEME! -->
  11.  
  12.  
  13.  
  14. <!-- COLORS -->
  15.  
  16. <meta name="color:text" content="#777777"/>
  17. <meta name="color:link" 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:border" content="#eeeeee"/>
  22.  
  23. <!-- IMAGES -->
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27.  
  28. <meta name="text:link 1" content="link 1"/>
  29. <meta name="text:link 1 url" content="/" />
  30. <meta name="text:link 2" content="link 2"/>
  31. <meta name="text:link 2 url" content="/" />
  32. <meta name="text:link 3" content="link 3"/>
  33. <meta name="text:link 3 url" content="/" />
  34. <meta name="text:link 4" content="link 4"/>
  35. <meta name="text:link 4 url" content="/" />
  36.  
  37.  
  38.  
  39. <meta name="if:hide captions" content="0"/>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43.  
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:100,
  50. tip_fade_speed:250,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. <style type="text/css">
  58.  
  59. ::selection {background: #fff; color:{color:selection};}
  60. ::-moz-selection {background: #fff; color:{color:selection};}
  61. ::-webkit-selection {background: #fff; color:{color:selection};}
  62.  
  63. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar}; border: 4px solid #fff; height:auto; border-bottom:none;}
  64.  
  65. ::-webkit-scrollbar {height:9px;width:9px;background-color:#fff; border:4px solid #fff;}
  66.  
  67. ::selection {background-color:#fff;}
  68.  
  69. @import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC);
  70.  
  71. body, a, a:hover {cursor: url(http://media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_mmsrpsNO3J1qz4rgp.png), auto;}
  72.  
  73.  
  74. /* --- BODY ---*/
  75.  
  76.  
  77. body {
  78. font-style:none;
  79. background:#ffffff;
  80. margin:0px; color:{color:text};
  81. font-family:calibri;
  82. font-size:10px;
  83. line-height:100%;
  84.  
  85. }
  86.  
  87. blockquote {
  88. border-left:1px solid {color:border};
  89. padding-left:5px;
  90. margin:20px;
  91. }
  92.  
  93. a {
  94. color:{color:link}
  95. }
  96.  
  97. a {
  98. text-decoration:none;
  99. -webkit-transition:all .3s ease-in-out;
  100. -moz-transition:all .3s ease-in-out;
  101. -o-transition:all .3s ease-in-out;
  102. -ms-transition:all .3s ease-in-out;
  103. transition:all .3s ease-in-out;
  104. }
  105.  
  106. a:hover {
  107. color:{color:linkhover}
  108. }
  109.  
  110. img {none;}
  111.  
  112.  
  113. h1 , h2 {
  114. font-size:12px;
  115. font-weight:100;
  116. font-style:italic;
  117. line-height:100%;
  118. text-align:justify;
  119. letter-spacing:-0.5px;
  120. text-transform:lowercase;
  121. font-family:calibri;
  122. }
  123.  
  124.  
  125. #entries {
  126. width:1000px;
  127. margin-left:300px;
  128. margin-top:50px;
  129. position:auto;
  130. }
  131.  
  132. #post {
  133. width:250px;
  134. font-style:none;
  135. float:left;
  136. margin:30px;
  137. background:#fff;
  138. }
  139.  
  140.  
  141.  
  142. /* --- SIDEBAR ---*/
  143.  
  144.  
  145. .sidebar {
  146. width:200px;
  147. height:300px;
  148. padding-top:80px;
  149. margin-left:60px;
  150. position:fixed;
  151. margin-top:200px;
  152. }
  153.  
  154. .title {
  155. font-family: 'Alegreya Sans SC', sans-serif;
  156. font-size:16px;
  157. text-align:center;
  158. margin-top:-70px;
  159. letter-spacing:1px;
  160. width:160px;
  161. margin-left:30px;
  162. color:{color:text};
  163. }
  164.  
  165.  
  166.  
  167. #description {
  168. margin-left:30px;
  169. margin-top:30px;
  170. width:100px;
  171. padding:30px;
  172. padding-top:5px;
  173. position:fixed;
  174. line-height: 130%;
  175. text-align:justify;
  176. text-transform:lowercase;
  177. font-family:calibri;
  178. font-size:10px;
  179. font-style:italic;
  180. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-bottom:none; border-right:none; border-left:none;
  181. }
  182.  
  183. /* --- LINKS ---*/
  184.  
  185. #links {
  186. display:inline-block;
  187. font-family:calibri;
  188. width:160px;
  189. margin-left:30px;
  190. background:#fff;
  191. text-align:center;
  192. margin-top:15px;
  193. position:fixed;
  194. }
  195.  
  196.  
  197. #links a {
  198. font-family:calibri;
  199. letter-spacing:0.5px;
  200. text-transform:lowercase;
  201. font-size:10px;
  202. text-align:center;
  203. padding-bottom:2px; padding-top:0px;
  204. margin:5px;
  205. font-style:italic;
  206. }
  207.  
  208.  
  209.  
  210.  
  211. /* ---------------------------- POST INFO -----------------------------*/
  212.  
  213. #info {
  214. font-family: calibri;
  215. font-size:10px;
  216. font-style:italic;
  217. text-transform:lowercase;
  218. letter-spacing:0px;
  219. position:absolute;
  220. color:{color:link};
  221. padding-top:0px;
  222. padding:10px;
  223. background:#fff;
  224. text-align:center;
  225. width:100px;
  226. height:58px;
  227. opacity:0;
  228. margin:0 auto;
  229. margin-left:65px;
  230. top:40%; margin-top:-29px;
  231. -webkit-transition:all .7s ease-in-out;
  232. -moz-transition:all .7s ease-in-out;
  233. -o-transition:all .7s ease-in-out;
  234. -ms-transition:all .7s ease-in-out;
  235. transition:all .7s ease-in-out;
  236. }
  237.  
  238. #info a {
  239. margin-top:8px;
  240. color:{color:link};
  241. }
  242.  
  243. #info a:hover {
  244. color:{color:linkhover};
  245. }
  246.  
  247. #date {
  248. font-style:italic;
  249. font-weight:100;
  250. font-family:calibri;
  251. text-transform:lowercase;
  252. font-size:14px;
  253. margin-bottom:5px;
  254. text-align:center;
  255. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-left:none; border-right:none;
  256. padding-bottom:5px;
  257. }
  258.  
  259. #taggy {
  260. font-family: calibri;
  261. font-size:8px;
  262. text-transform:uppercase;
  263. font-weight:900;
  264. letter-spacing:1px;
  265. margin-left:-15px;
  266. opacity:0;
  267. -webkit-transition:all .3s ease-in-out;
  268. -moz-transition:all .3s ease-in-out;
  269. -o-transition:all .3s ease-in-out;
  270. -ms-transition:all .3s ease-in-out;
  271. transition:all .3s ease-in-out;
  272. }
  273.  
  274.  
  275. #reblog {
  276. overflow:hidden;
  277. }
  278.  
  279. #post:hover #info {
  280. opacity:1;
  281. -webkit-transition:all .7s ease-in-out;
  282. -moz-transition:all .7s ease-in-out;
  283. -o-transition:all .7s ease-in-out;
  284. -ms-transition:all .7s ease-in-out;
  285. transition:all .7s ease-in-out;
  286. }
  287.  
  288. /* ---------------------------- POST NOTES ------------------------- */
  289.  
  290. ol.notes {
  291. display:block;
  292. text-align:left;
  293. list-style-type:none;
  294. margin-left:-20px;
  295. }
  296.  
  297. ol.notes img.avatar {display: none;}
  298.  
  299. ol.notes li.note{
  300. padding:10px;
  301. }
  302.  
  303. .pagenotes {
  304. text-align:left;
  305. margin-top:15px;
  306. margin-left:10px;
  307. }
  308.  
  309.  
  310.  
  311. #pt {
  312. font-size:8px;
  313. letter-spacing:0.5px;
  314. font-weight:900;
  315. text-transform:uppercase;
  316. font-family:calibri;
  317. padding-bottom:5px; padding-top:5px;
  318. border:1px; border-width:1px; border-style:solid; border-color:{color:border};
  319. border-top:none; border-left:none; border-right:none;
  320. }
  321.  
  322. /* -------------------------- POST TYPES -------------------------- */
  323.  
  324. /* CHAT */
  325.  
  326. ul.chat{
  327. list-style:none;
  328. margin-left:-40px;
  329. }
  330.  
  331. .chat span {
  332. float: left;
  333. }
  334.  
  335. #label {
  336. font-size:8px;
  337. letter-spacing:0.5px;
  338. font-weight:900;
  339. text-transform:uppercase;
  340. font-family:calibri;
  341. padding-bottom:5px; padding-top:5px;
  342. border:1px; border-width:1px; border-style:solid; border-color:{color:border};
  343. border-top:none; border-left:none; border-right:none;
  344. }
  345.  
  346. #quote {
  347. font-size:12px;
  348. font-style:italic;
  349. line-height:100%;
  350. text-align:justify;
  351. letter-spacing:-0.5px;
  352. text-transform:lowercase;
  353. font-family:calibri;
  354. }
  355.  
  356. #qs {
  357. font-family:calibri;
  358. font-size:8px;
  359. font-style:none;
  360. font-weight:none;
  361. letter-spacing:1px;
  362. text-transform:uppercase;
  363. }
  364.  
  365.  
  366. #asker {
  367. font-family: calibri;
  368. font-size:11px;
  369. letter-spacing:-0.5px;
  370. padding-bottom:10px;
  371. line-height:100%;
  372. text-align:justify;
  373. text-transform:lowercase;
  374. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-right:none; border-left:none;
  375. }
  376.  
  377. #answer {
  378. font-family:calibri;
  379. font-size:10px;
  380. font-style:none;
  381. font-weight:100;
  382. text-align:left;
  383. }
  384.  
  385.  
  386. #musicinfo {
  387. line-height:120%;
  388. }
  389.  
  390.  
  391.  
  392. /* --- NAV ---*/
  393.  
  394. #pagi
  395. {
  396. font-size:11px;
  397. margin-top:340px;
  398. margin-left:120px;
  399. width:100px;
  400. position:fixed;
  401. height:20px;
  402. text-transform:lowercase;
  403. font-family:calibri;
  404. text-align:center;
  405. letter-spacing:-0.5px;
  406. font-style:italic;
  407. }
  408.  
  409.  
  410.  
  411.  
  412. /* --- CREDIT ---*/
  413.  
  414. #mine a{
  415. position:fixed;
  416. padding:5px;
  417. font-family:calibri;
  418. font-size:10px;
  419. right:-78px;
  420. bottom:5px;
  421. text-align:center;
  422. background:#fff;
  423. color:#000;
  424. word-spacing:8px;
  425. }
  426.  
  427. #mine a:hover {
  428. right:10px;
  429. }
  430.  
  431. {CustomCSS}</style></head><body>
  432.  
  433.  
  434. <div class="sidebar">
  435.  
  436. <div class="title">{title}</div>
  437.  
  438. <div id="description">{Description}</div>
  439.  
  440.  
  441.  
  442. <div id="links">
  443.  
  444.  
  445. <a href="{text:link 1 url}">{text:link 1}</a>
  446. <a href="{text:link 2 url}">{text:link 2}</a>
  447. <a href="{text:link 3 url}">{text:link 3}</a>
  448. <a href="{text:link 4 url}">{text:link 4}</a>
  449.  
  450. </div>
  451.  
  452.  
  453. </div>
  454.  
  455.  
  456. <div id="pagi"> {block:Pagination}
  457. {block:PreviousPage}
  458. <a href="{PreviousPage}">LAST</a>
  459. {/block:PreviousPage}
  460.  
  461. {block:NextPage}
  462. <a href="{NextPage}">NEXT</a>
  463. {/block:NextPage}
  464. {/block:Pagination}
  465. </div>
  466.  
  467.  
  468. <!-- end of script tooltip -->
  469.  
  470.  
  471. <!---------- lallalalalalala ---------->
  472.  
  473.  
  474.  
  475.  
  476. <div id="scrollbar">{scrollbar}</div>
  477.  
  478. {block:HasPages}{block:Pages}
  479.  
  480. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  481.  
  482. </div></center></div></a>
  483.  
  484.  
  485. <div id="entries">
  486.  
  487.  
  488. {block:Posts}<div id="post">
  489.  
  490. <div id="info">
  491. {block:Date}<div id="date">
  492. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}
  493. </a></div>
  494. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  495. <div id="reblog">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}</div>
  496. {block:ContentSource}<a href="{SourceURL}"> Posted By <b>{SourceTitle}</b></a>{/block:ContentSource}
  497. {/block:Date}
  498. <br>
  499. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  500.  
  501.  
  502. </div>
  503.  
  504.  
  505.  
  506. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  507.  
  508. {block:blockquote}{/block:blockquote}
  509.  
  510. {block:Photo}
  511. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:Caption}
  512. {/block:Photo}
  513.  
  514. {block:Photoset}
  515. <center>{Photoset-250}</center>
  516. {/block:Photoset}
  517.  
  518. <div id="quote">{block:Quote}" {Quote} "<div id="qs">{block:Source}
  519. — {Source}{/block:Source}</div>{/block:Quote}
  520.  
  521. </div>
  522.  
  523. <!--CAPTIONS-->
  524. {block:Ifhidecaptions}
  525. {block:permalink}
  526. {block:Caption}
  527. {Caption}
  528. {/block:Caption}
  529. {/block:permalink}
  530. {/block:Ifhidecaptions}
  531. {block:Ifnothidecaptions}
  532. {block:Caption}
  533. {Caption}
  534. {/block:Caption}
  535. {/block:Ifnothidecaptions}
  536.  
  537. {block:Answer}
  538. <div id="asker">{Asker} asked: {Question}</div>
  539. <div id="answer">{Answer}</div>
  540. {/block:Answer}
  541.  
  542. <div id="taggy">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  543.  
  544. </div>
  545.  
  546. <!----- AUDIO POSTS ---->
  547. {block:Audio}
  548. {block:AudioPlayer}
  549. {AudioPlayerGrey}
  550. {/block:AudioPlayer}
  551. <br><br><div id="musicinfo">
  552. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  553. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  554. {block:Album}Album: {Album}{/block:Album}<br>
  555. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  556. </div>
  557. {/block:Audio}
  558.  
  559.  
  560.  
  561.  
  562. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  563.  
  564. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<div id="label">{Label} {/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  565.  
  566.  
  567.  
  568.  
  569. {block:Video}{Video-250}{/block:Video}
  570.  
  571. </div>
  572.  
  573.  
  574.  
  575.  
  576. {block:PostNotes}<div id="pt">{PostNotes}</div>{/block:PostNotes}
  577. {/block:Posts}</div>
  578.  
  579.  
  580.  
  581.  
  582. <script type="text/javascript">
  583. WebFontConfig = {
  584. google: { families: [ 'Alegreya+Sans+SC::latin' ] }
  585. };
  586. (function() {
  587. var wf = document.createElement('script');
  588. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  589. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  590. wf.type = 'text/javascript';
  591. wf.async = 'true';
  592. var s = document.getElementsByTagName('script')[0];
  593. s.parentNode.insertBefore(wf, s);
  594. })(); </script>
  595.  
  596. <!--basic tooltip from tutorial-baby! Enjoy-->
  597.  
  598. <style>
  599. .tooltip{
  600. display: inline;
  601. position: relative;
  602. }
  603. #s-m-t-tooltip {
  604. max-width:300px; /*how big the tooltip can be at most*/
  605. border-radius: 0px; /*change your border radius*/
  606. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  607. margin:20px 7px -2px 20px; /*distance from word*/
  608. background-color:#ffffff; /*background color*/
  609. font-family:calibri; /*tooltip font*/
  610. font-size:8px; /*tooltip font size*/
  611. letter-spacing:1px; /*tooltip letter spacing*/
  612. text-transform:uppercase; /*makes the tooltip title uppercase*/
  613. color:{color:linkhover}; /*tooltip font color*/
  614. z-index:999999999999999999999999999999999999;
  615. }
  616. </style>
  617.  
  618.  
  619.  
  620. <!------ S C R I P T S! ------>
  621.  
  622. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  623. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  624. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  625.  
  626. <script type="text/javascript">
  627. $(window).load(function(){
  628. var $wall = $('#entries');
  629. $wall.imagesLoaded(function(){
  630. $wall.masonry({
  631. itemSelector: '#post',
  632. isAnimated : true
  633. });
  634. });
  635. $wall.infinitescroll({
  636. navSelector : "div#navigation",
  637. nextSelector : "div#navigation a#nextPage",
  638. itemSelector : '#post',
  639. loadingImg : "",
  640. loadingText : " ",
  641. donetext : " ",
  642. extraScrollPx : 0,
  643. bufferPx : 10000,
  644. debug : false,
  645. errorCallback: function() {
  646. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  647. }},
  648. function( newElements ) {
  649. var $newElems = $( newElements );
  650. $newElems.hide();
  651. $newElems.imagesLoaded(function(){
  652. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  653. });
  654. }); $('#entries').show(500);
  655. });
  656. </script>
  657.  
  658. <script language="JavaScript">
  659. function function1(){
  660. window.scrollTo(0,5);
  661. }
  662. function function2(){
  663. window.scroll(0,2);
  664. }
  665. </script>
  666. <!---- end masonry scripts -->
  667.  
  668.  
  669.  
  670. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  671.  
  672.  
  673. <div id="mine"><a href="http://afirehaz.tumblr.com/"><i class="fa fa-heart-o fa-lg"></i> KATIES THEMES</a></div>
  674.  
  675.  
  676.  
  677.  
  678. </div>
  679. </body>
  680. </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!