API tools faq
paste
Advertisement
kissingliamsthemes

THEME 23

kissingliamsthemes
Dec 26th, 2015
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.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. <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 apheilon, 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. blockquote {
  87. border-left:1px solid {color:border};
  88. padding-left:5px;
  89. margin:10px;
  90. }
  91.  
  92. a {
  93. color:{color:link}
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. -webkit-transition:all .3s ease-in-out;
  99. -moz-transition:all .3s ease-in-out;
  100. -o-transition:all .3s ease-in-out;
  101. -ms-transition:all .3s ease-in-out;
  102. transition:all .3s ease-in-out;
  103. }
  104.  
  105. a:hover {
  106. color:{color:linkhover}
  107. }
  108.  
  109. img {none;}
  110.  
  111.  
  112. h1 , h2 {
  113. font-size:11px;
  114. font-weight:100;
  115. padding:10px;
  116. line-height:100%;
  117. text-align:justify;
  118. letter-spacing:0px;
  119. text-transform:lowercase;
  120. font-family:calibri;
  121. }
  122.  
  123.  
  124. #entries {
  125. width:300px;
  126. margin-left:450px;
  127. margin-top:50px;
  128. position:auto;
  129. }
  130.  
  131. #post {
  132. width:250px;
  133. font-style:none;
  134. margin-bottom:70px;
  135. background:#fff;
  136. }
  137.  
  138.  
  139. /* --- SIDEBAR ---*/
  140.  
  141.  
  142. .sidebar {
  143. width:200px;
  144. height:80px;
  145. padding-top:120px;
  146. margin-left:160px;
  147. position:fixed;
  148. padding-right:10px;
  149. margin-top:200px;
  150. }
  151.  
  152. .title {
  153. font-family: 'Alegreya Sans SC', sans-serif;
  154. font-size:16px;
  155. text-align:right;
  156. margin-top:-70px;
  157. letter-spacing:1px;
  158. padding:10px;
  159. width:160px;
  160. background:#fff;
  161. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-top:none; border-left:none; border-right:none;
  162. margin-left:30px;
  163. color:{color:text};
  164. }
  165.  
  166.  
  167.  
  168. #description {
  169. margin-left:30px;
  170. margin-top:30px;
  171. width:160px;
  172. padding:10px;
  173. position:fixed;
  174. background:#fff;
  175. line-height: 130%;
  176. text-align:right;
  177. text-transform:lowercase;
  178. font-family:calibri;
  179. font-size:10px;
  180. font-style:italic;
  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. padding:10px;
  193. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-top:none; border-left:none; border-right:none;
  194. margin-top:0px;
  195. position:fixed;
  196. }
  197.  
  198.  
  199. #links a {
  200. font-family:calibri;
  201. letter-spacing:0.5px;
  202. text-transform:lowercase;
  203. font-size:10px;
  204. text-align:center;
  205. padding-bottom:2px; padding-top:0px;
  206. margin:5px;
  207. }
  208.  
  209.  
  210.  
  211.  
  212. /* ---------------------------- POST INFO -----------------------------*/
  213.  
  214. #info {
  215. font-family:calibri;
  216. text-align:left;
  217. font-size:8px;
  218. line-height:100%;
  219. letter-spacing:0.5px;
  220. width:250px;
  221. border:1px solid #f5f5f5; border-left:none;
  222. border-right:none; border-top:none;
  223. padding-bottom:10px; padding-top:10px;
  224. font-weight:900;
  225. margin-left:-1px;
  226. margin-top:-2px;
  227. text-transform:uppercase;
  228. background:#fff;
  229. }
  230.  
  231.  
  232. #date {
  233. font-family:calibri;
  234. text-transform:lowercase;
  235.  
  236. }
  237.  
  238.  
  239. #taggies {
  240. font-family:consolas;
  241. text-align:right;
  242. font-size:8px;
  243. font-weight:700;
  244. letter-spacing:0.5px;
  245. text-transform:uppercase;
  246. margin-top:10px;
  247. position:absolute;
  248. margin-left:0px;
  249. width:250px;
  250. }
  251.  
  252. #taggies a {
  253. text-align:right;
  254. }
  255.  
  256.  
  257. #sources {
  258. font-family:calibri;
  259. text-align:left;
  260. text-transform:uppercase;
  261. margin-left:410px;
  262. position:absolute;
  263. color:{color:text};
  264. }
  265.  
  266. /* ---------------------------- POST NOTES ------------------------- */
  267.  
  268. ol.notes {
  269. display:block;
  270. text-align:left;
  271. list-style-type:none;
  272. margin-left:-20px;
  273. }
  274.  
  275. ol.notes img.avatar {display: none;}
  276.  
  277. ol.notes li.note{
  278. padding:10px;
  279. }
  280.  
  281. .pagenotes {
  282. text-align:left;
  283. margin-top:15px;
  284. margin-left:10px;
  285. }
  286.  
  287.  
  288.  
  289. #pt {
  290. font-size:8px;
  291. letter-spacing:0.5px;
  292. font-weight:900;
  293. text-transform:uppercase;
  294. font-family:calibri;
  295. padding-bottom:5px; padding-top:5px;
  296. border:1px; border-width:1px; border-style:solid; border-color:{color:border};
  297. border-top:none; border-left:none; border-right:none;
  298. }
  299.  
  300. /* -------------------------- POST TYPES -------------------------- */
  301.  
  302. /* CHAT */
  303.  
  304. ul.chat{
  305. list-style:none;
  306. margin-left:-40px;
  307. padding:10px;
  308. }
  309.  
  310. .chat span {
  311. float: left;
  312. padding:10px;
  313. }
  314.  
  315. #label {
  316. font-size:8px;
  317. letter-spacing:0.5px;
  318. font-weight:900;
  319. text-transform:uppercase;
  320. font-family:calibri;
  321. padding:10px;
  322.  
  323. }
  324.  
  325. #quote {
  326. font-size:11px;
  327. line-height:100%;
  328. text-align:justify;
  329. letter-spacing:0px;
  330. text-transform:lowercase;
  331. font-family:calibri;
  332. }
  333.  
  334. #qs {
  335. font-family:calibri;
  336. font-size:8px;
  337. font-style:none;
  338. font-weight:none;
  339. letter-spacing:0.5px;
  340. text-transform:uppercase;
  341. }
  342.  
  343.  
  344. #asker {
  345. font-family: calibri;
  346. font-size:11px;
  347. letter-spacing:-0.5px;
  348. padding-bottom:10px;
  349. line-height:100%;
  350. text-align:right;
  351. text-transform:lowercase;
  352. border:1px; border-width:1px; border-color:{color:border}; border-style:solid; border-top:none; border-right:none; border-left:none;
  353. }
  354.  
  355. #answer {
  356. font-family:calibri;
  357. font-size:10px;
  358. padding-top:5px;
  359. font-style:none;
  360. font-weight:100;
  361. text-align:left;
  362. }
  363.  
  364.  
  365. #musicinfo {
  366. line-height:120%;
  367. }
  368.  
  369.  
  370.  
  371. /* --- NAV ---*/
  372.  
  373. #pagi
  374. {
  375. font-size:11px;
  376. margin-top:70px;
  377. margin-left:450px;
  378. width:250px;
  379. padding:10px;
  380. position:static;
  381. height:20px;
  382. text-transform:lowercase;
  383. font-family:calibri;
  384. text-align:center;
  385. letter-spacing:-0.5px;
  386. font-style:italic;
  387. background:#fff;
  388. }
  389.  
  390.  
  391.  
  392.  
  393. /* --- CREDIT ---*/
  394.  
  395. #mine a{
  396. position:fixed;
  397. padding:5px;
  398. font-family:calibri;
  399. font-size:10px;
  400. right:-78px;
  401. bottom:5px;
  402. text-align:center;
  403. background:#fff;
  404. color:#000;
  405. word-spacing:8px;
  406. }
  407.  
  408. #mine a:hover {
  409. right:10px;
  410. }
  411.  
  412.  
  413.  
  414. {CustomCSS}</style></head><body>
  415.  
  416.  
  417. <div class="sidebar">
  418.  
  419. <div class="title">{title}</div>
  420.  
  421. <div id="description">{Description}</div>
  422.  
  423.  
  424.  
  425. <div id="links">
  426.  
  427.  
  428. <a href="{text:link 1 url}">{text:link 1}</a>
  429. <a href="{text:link 2 url}">{text:link 2}</a>
  430. <a href="{text:link 3 url}">{text:link 3}</a>
  431. <a href="{text:link 4 url}">{text:link 4}</a>
  432.  
  433. </div>
  434.  
  435.  
  436. </div>
  437.  
  438.  
  439.  
  440. <!-- end of script tooltip -->
  441.  
  442.  
  443. <!---------- lallalalalalala ---------->
  444.  
  445.  
  446.  
  447.  
  448. <div id="scrollbar">{scrollbar}</div>
  449.  
  450. {block:HasPages}{block:Pages}
  451.  
  452. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  453.  
  454. </div></center></div></a>
  455.  
  456.  
  457. <div id="entries">
  458.  
  459.  
  460. {block:Posts}<div id="post">
  461.  
  462.  
  463.  
  464. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  465.  
  466. {block:blockquote}{/block:blockquote}
  467. {block:Photo}
  468. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{/block:Caption}
  469. {/block:Photo}
  470.  
  471. {block:Photoset}
  472. <center>{Photoset-250}</center>
  473. {/block:Photoset}
  474.  
  475. <div id="quote">{block:Quote}" {Quote} "<div id="qs">{block:Source}
  476. — {Source}{/block:Source}</div>{/block:Quote}
  477.  
  478. </div>
  479.  
  480. <!--CAPTIONS-->
  481. {block:Ifhidecaptions}
  482. {block:permalink}
  483. {block:Caption}
  484. {Caption}
  485. {/block:Caption}
  486. {/block:permalink}
  487. {/block:Ifhidecaptions}
  488. {block:Ifnothidecaptions}
  489. {block:Caption}
  490. {Caption}
  491. {/block:Caption}
  492. {/block:Ifnothidecaptions}
  493.  
  494. {block:Answer}
  495. <div id="asker">{Asker} asked: {Question}</div>
  496. <div id="answer">{Answer}</div>
  497. {/block:Answer}
  498.  
  499.  
  500. <!----- AUDIO POSTS ---->
  501. {block:Audio}
  502. {block:AudioPlayer}
  503. {AudioPlayerGrey}
  504. {/block:AudioPlayer}
  505. <br><br><div id="musicinfo">
  506. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  507. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  508. {block:Album}Album: {Album}{/block:Album}<br>
  509. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  510. </div>
  511. {/block:Audio}
  512.  
  513.  
  514.  
  515.  
  516. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  517.  
  518. {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}
  519.  
  520. <div id="info">
  521. {block:Date}
  522. <a href="{Permalink}">{TimeAgo} | </a>
  523. {block:NoteCount}<a href="{Permalink}">{NoteCount} | </a>{/block:NoteCount}
  524. {block:RebloggedFrom}<a href="{ReblogParentURL}"> VIA | </a>{/block:RebloggedFrom}
  525. {block:ContentSource}<a href="{SourceURL}"> SOURCE | </a>{/block:ContentSource}
  526. {/block:Date}
  527.  
  528. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet"></i></a>
  529.  
  530. </div>
  531.  
  532.  
  533. <div id="taggies">
  534. {block:Tags}
  535. <a href="{TagURL}">#{Tag}</a>
  536. {/block:Tags}
  537.  
  538. </div>
  539.  
  540.  
  541.  
  542. {block:Video}{Video-250}{/block:Video}
  543.  
  544. </div>
  545.  
  546. {block:PostNotes}<div id="pt">{PostNotes}</div>{/block:PostNotes}
  547. {/block:Posts}</div>
  548.  
  549.  
  550.  
  551. <div id="pagi"> {block:Pagination}
  552. {block:PreviousPage}
  553. <a href="{PreviousPage}">LAST</a>
  554. {/block:PreviousPage}
  555.  
  556. {block:NextPage}
  557. <a href="{NextPage}">NEXT</a>
  558. {/block:NextPage}
  559. {/block:Pagination}
  560. </div>
  561.  
  562.  
  563. <script type="text/javascript">
  564. WebFontConfig = {
  565. google: { families: [ 'Alegreya+Sans+SC::latin' ] }
  566. };
  567. (function() {
  568. var wf = document.createElement('script');
  569. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  570. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  571. wf.type = 'text/javascript';
  572. wf.async = 'true';
  573. var s = document.getElementsByTagName('script')[0];
  574. s.parentNode.insertBefore(wf, s);
  575. })(); </script>
  576.  
  577. <!--basic tooltip from tutorial-baby! Enjoy-->
  578.  
  579. <style>
  580. .tooltip{
  581. display: inline;
  582. position: relative;
  583. }
  584. #s-m-t-tooltip {
  585. max-width:300px; /*how big the tooltip can be at most*/
  586. border-radius: 0px; /*change your border radius*/
  587. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  588. margin:20px 7px -2px 20px; /*distance from word*/
  589. background-color:#ffffff; /*background color*/
  590. font-family:calibri; /*tooltip font*/
  591. font-size:8px; /*tooltip font size*/
  592. letter-spacing:1px; /*tooltip letter spacing*/
  593. text-transform:uppercase; /*makes the tooltip title uppercase*/
  594. color:{color:linkhover}; /*tooltip font color*/
  595. z-index:999999999999999999999999999999999999;
  596. }
  597. </style>
  598.  
  599.  
  600.  
  601.  
  602.  
  603.  
  604. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  605.  
  606.  
  607. <div id="mine"><a href="http://apheilon.tumblr.com/"><i class="fa fa-heart-o fa-lg"></i> KATIES THEMES</a></div>
  608.  
  609.  
  610.  
  611.  
  612. </div>
  613. </body>
  614. </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!