kirklover

EXIST

Jan 31st, 2018
1,066
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.79 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. BY @KIRK, DON'T (RE)MOVE THE CREDIT
  6. ----->
  7.  
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  21.  
  22. <meta name="image:Head" content="">
  23. <meta name="image:Background" content="">
  24.  
  25. <meta name="color:Background" content="#fff">
  26. <meta name="color:Title" content="#000">
  27. <meta name="color:Title Shadow" content="#0000ff">
  28. <meta name="color:Text" content="#000">
  29. <meta name="color:Accent" content="#fff" />
  30. <meta name="color:Sidebar Link" content="#000">
  31. <meta name="color:Sidebar Link Border" content="#ddd">
  32. <meta name="color:Sidebar Link BG" content="#eee">
  33. <meta name="color:Link" content="#ddd">
  34. <meta name="color:Link Hover" content="#fff">
  35. <meta name="color:Highlight" content="#eee">
  36. <meta name="color:Borders" content="#000000">
  37. <meta name="color:Scrollbar Border" content="#000000">
  38.  
  39.  
  40. <meta name="if:Title Bold" content="0">
  41. <meta name="if:Title Italic" content="0">
  42. <meta name="if:Sidebar Img" content="0">
  43. <meta name="if:Sidebar Img Border" content="0">
  44. <meta name="if:Title" content="0">
  45. <meta name="if:Content Borders" content="0">
  46. <meta name="if:Listed Links" content="0">
  47. <meta name="if:Bottom Pagination" content="0">
  48. <meta name="if:Permalink Captions" content="0">
  49.  
  50. <meta name="select:Title Font" content="'Audiowide'">
  51. <meta name="select:Title Font" content="'Electrolize'">
  52. <meta name="select:Title Font" content="'Press Start 2P'">
  53.  
  54. <meta name="select:Text" content="10px">
  55. <meta name="select:Text" content="11px">
  56. <meta name="select:Text" content="12px">
  57. <meta name="select:Text" content="13px">
  58. <meta name="select:Text" content="14px">
  59. <meta name="select:Text" content="15px">
  60.  
  61. <meta name="select:Title" content="17px">
  62. <meta name="select:Title" content="18px">
  63. <meta name="select:Title" content="19px">
  64. <meta name="select:Title" content="20px">
  65. <meta name="select:Title" content="25px">
  66.  
  67. <meta name="select:Post" content="300px">
  68. <meta name="select:Post" content="400px">
  69. <meta name="select:Post" content="500px">
  70.  
  71. <meta name="select:Sidebar Img Size" content="80px">
  72. <meta name="select:Sidebar Img Size" content="100px">
  73. <meta name="select:Sidebar Img Size" content="150px">
  74.  
  75. <meta name="select:Sidebar Img Radius" content="0%">
  76. <meta name="select:Sidebar Img Radius" content="100%">
  77. <meta name="select:Sidebar Img Radius" content="5px">
  78.  
  79. <meta name="text:Link Underline" content="none">
  80.  
  81. <meta name="text:AccentOpacity" content="0.5" />
  82.  
  83. <meta name="text:Header" content="header">
  84. <meta name="text:Desc" content="desc goes here">
  85. <meta name="text:Link One" content="link">
  86. <meta name="text:Link One URL" content="/">
  87. <meta name="text:Link Two" content="link">
  88. <meta name="text:Link Two URL" content="/">
  89. <meta name="text:Link Three" content="link">
  90. <meta name="text:Link Three URL" content="/">
  91. <meta name="text:Link Four" content="link">
  92. <meta name="text:Link Four URL" content="/">
  93.  
  94. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
  97.  
  98. <link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet">
  99.  
  100. <link href="https://fonts.googleapis.com/css?family=Electrolize" rel="stylesheet">
  101.  
  102. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103.  
  104. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  105.  
  106. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  107.  
  108. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  109. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips();
  114. });
  115. })(jQuery);
  116. </script>
  117.  
  118.  
  119. <style type="text/css">
  120.  
  121. ::-webkit-scrollbar {
  122. width: 8px;
  123. background: {color:Background}; }
  124.  
  125. ::-webkit-scrollbar-thumb {
  126. border:1px solid {color:Scrollbar Border};
  127. background: transparent;
  128. }
  129.  
  130. .tooltip{
  131. display:inline;
  132. position:relative;
  133. }
  134.  
  135. #s-m-t-tooltip{
  136. background:{color:Sidebar Link BG};
  137. border:1px outset {color:Sidebar Link Border};
  138. padding:2px 6px 3px 6px;
  139. z-index:99999999999999999999;
  140. margin:20px 7px -2px 20px;
  141. }
  142.  
  143. body {
  144. margin:0px;
  145. background:{color:Background};
  146. background-image:url('{image:Background}');
  147. background-attachment:fixed;
  148. background-repeat:repeat;
  149. font-family:arial;
  150. line-height:140%;
  151. font-size:{select:Text};
  152. color: {color:Text};
  153. }
  154.  
  155. p{
  156. margin:0 0 10px 0;
  157. padding:0;
  158. }
  159.  
  160. pre {
  161. white-space: pre-wrap;
  162. white-space: -moz-pre-wrap;
  163. white-space: -pre-wrap;
  164. white-space: -o-pre-wrap;
  165. word-wrap: break-word;
  166. }
  167.  
  168. a{
  169. text-decoration:{text:Link Underline};
  170. color:{color:Link};
  171. -moz-transition: all .2s ease-in;
  172. -o-transition: all .2s ease-in;
  173. -webkit-transition: all .2s ease-in;
  174. transition: all .2s ease-in;
  175. }
  176.  
  177. a:hover{
  178. color:{color:Link Hover};
  179. text-decoration:none;
  180. }
  181.  
  182. {block:ifSmallCursor}
  183. *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  184. {/block:ifSmallCursor}
  185.  
  186. li{
  187. margin-left:-15px;
  188. }
  189.  
  190. #wrapper{
  191. width:600px;
  192. margin:50px auto;
  193. }
  194.  
  195. #sidebar{
  196. margin-left:-100px;
  197. text-align:left;
  198. width:150px;
  199. position:fixed;
  200.  
  201. }
  202.  
  203. #sidebar img{
  204. {block:ifSidebarImgBorder}
  205. padding:8px;
  206. border:1px solid {color:Borders};
  207. background: rgba({RGBcolor:Accent},{text:AccentOpacity});
  208. {/block:ifSidebarImgBorder}
  209. border-radius:{select:Sidebar Img Radius};
  210. width:{select:Sidebar Img Size};
  211. }
  212.  
  213. #desc{
  214. font-family:arial;
  215. }
  216.  
  217. #header{
  218. color:{color:Title};
  219. {block:ifTitleBold}
  220. font-weight:bold; {/block:ifTitleBold}
  221. {block:ifTitleItalic}
  222. font-style:italic; {/block:ifTitleItalic}
  223. margin:0px 0px 15px 0px;
  224. font-size:{select:Title};
  225. font-family:{select:Title Font};, sans-serif;
  226. text-shadow:1.5px 1.5px 0px {color:Title Shadow};
  227. }
  228.  
  229. #content{
  230. width:600px;
  231. margin-left:200px;
  232. overflow:hidden;
  233. }
  234.  
  235. .post{
  236. background: rgba({RGBcolor:Accent},{text:AccentOpacity});
  237. {block:ifContentBorders}
  238. padding:20px;
  239. border:1px solid {color:Borders};
  240. {/block:ifContentBorders}
  241. width:{select:Post};
  242. margin:0 0 50px 0;
  243. overflow:hidden;
  244.  
  245. }
  246.  
  247. #link{
  248. text-align:left;
  249. line-height:32px;
  250. font-family:arial;
  251. margin-top:10px;
  252. }
  253.  
  254. #link a{
  255. margin-right:9px;
  256. color:{color:Sidebar Link};
  257. text-decoration:none;
  258. background:{color:Sidebar Link BG};
  259. border:1px outset {color:Sidebar Link Border};
  260. padding:2px 6px 3px 6px;
  261. }
  262.  
  263. #link a:hover{
  264. border:1px inset {color:Sidebar Link Border};
  265. }
  266.  
  267. .post img{
  268. max-width:100%;
  269. }
  270.  
  271. #pagination{
  272. margin-top:50px;
  273. width:fixed;
  274. text-align:left;
  275. }
  276.  
  277.  
  278. .media{
  279. margin:0 0 10px 0;
  280. }
  281.  
  282. .title{
  283. font-weight:normal;
  284. font-size:18px;
  285. margin:0 0 10px 0;
  286. }
  287.  
  288. .quote{
  289. font-weight:normal;
  290. font-size:16px;
  291. font-style:italic;
  292. margin:0 0 10px 0;
  293. }
  294.  
  295. .question{
  296. margin-bottom:10px;
  297. }
  298.  
  299. blockquote{
  300. margin:0 0 10px 10px;
  301. padding:0 0 0 10px;
  302. border-left:solid 1px #000;
  303. }
  304.  
  305. .post .footer{
  306. text-align:left;
  307. }
  308.  
  309. .post .footer a{
  310. color:{color:Link};
  311. }
  312.  
  313. .post .footer a:hover{
  314. color:{color:Link Hover};
  315. }
  316.  
  317. .caption{
  318. padding:10px;
  319. }
  320.  
  321.  
  322. ::selection {
  323. background: {color:Highlight};
  324. }
  325. ::-moz-selection {
  326. background: {color:Highlight};
  327. }
  328.  
  329. ol.notes{
  330. list-style-type:decimal;
  331. margin:0;
  332. padding-left:35px;
  333. }
  334.  
  335. ol.notes li.note img{
  336. display:none;
  337. }
  338.  
  339.  
  340. ol.notes li.note{
  341. margin-top:10px;
  342. }
  343.  
  344. #butts{
  345. position: fixed;
  346. bottom: 4px;
  347. right: 12px;
  348. color:{color:Link};
  349. z-index: 99;
  350. font-size: 16px;
  351. }
  352.  
  353. #audioplayer {
  354. width:30px;
  355. height:30px;
  356. margin-left:34px;
  357. overflow:hidden;
  358. position:absolute;
  359. margin-top:40px;
  360. }
  361.  
  362.  
  363. {CustomCSS}
  364. </style>
  365.  
  366. </head>
  367.  
  368. <body>
  369.  
  370. <div id="wrapper">
  371.  
  372.  
  373. <div id="sidebar">
  374. {block:ifSidebarImg}
  375. <div class="img"><a href="/" title="home"><img src="{image:Head}" style="margin-bottom:15px"></a></div>{/block:ifSidebarImg}
  376. {block:ifTitle}
  377. <div id="header">{text:Header}</div>{/block:ifTitle}
  378. <div id="desc">{text:Desc}</div>
  379. <div id="link">
  380. {block:ifnotListedLinks}
  381. <a href="{text:Link One URL}">{text:Link One}</a>
  382. <a href="{text:Link Two URL}">{text:Link Two}</a>
  383. <a href="{text:Link Three URL}">{text:Link Three}</a>
  384. <a href="{text:Link Four URL}">{text:Link Four}</a>
  385. {/block:ifnotListedLinks}
  386. {block:ifListedLinks}
  387. <a href="{text:Link One URL}">{text:Link One}</a><br>
  388. <a href="{text:Link Two URL}">{text:Link Two}</a><br>
  389. <a href="{text:Link Three URL}">{text:Link Three}</a><br>
  390. <a href="{text:Link Four URL}">{text:Link Four}</a>
  391. {/block:ifListedLinks}
  392.  
  393. </div>
  394. {block:ifnotBottomPagination}
  395. {block:Pagination}
  396. <div id="pagination">
  397. {block:PreviousPage}
  398. <a href="{PreviousPage}">« </a>
  399. {/block:PreviousPage}
  400. <span class="counter">({CurrentPage}/{TotalPages})</span>
  401. {block:NextPage}
  402. <a href="{NextPage}">»</a>
  403. {/block:NextPage}
  404. </div>
  405. {/block:Pagination}
  406. {/block:ifnotBottomPagination}
  407. </div>
  408.  
  409.  
  410.  
  411. {block:HasPages}
  412. {block:Pages}
  413. <a href="{URL}">{Label}</a><br>
  414. {/block:Pages}
  415. {/block:HasPages}
  416.  
  417.  
  418.  
  419. <div id="content">
  420. {block:Posts}
  421.  
  422. <div class="post">
  423.  
  424. {block:Text}
  425. {block:Title}
  426. <div class="title">{Title}</div>
  427. {/block:Title}
  428. {Body}
  429. {/block:Text}
  430.  
  431. {block:Photo}
  432. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" style="width:{select:Post}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  433.  
  434. {/block:Photo}
  435.  
  436. {block:Photoset}
  437. <div class="media" style="width:{select:Post}">{Photoset}</div>
  438. {/block:Photoset}
  439.  
  440. {block:Quote}
  441. <div class="quote">"{Quote}"</div>
  442. {block:Source}
  443. <div class="quotesource">{Source}</div>
  444. {/block:Source}
  445. {/block:Quote}
  446.  
  447. {block:Link}
  448. <div class="title"><a href="{URL}">{Name}</a></div>
  449. {block:Description}
  450. <div class="description">{Description}</div>
  451. {/block:Description}
  452. {/block:Link}
  453.  
  454. {block:Chat}
  455. {block:Title}
  456. <div class="title">{Title}</div>
  457. {/block:Title}
  458.  
  459. {block:Lines}
  460. <div class="{Alt} user_{UserNumber}">
  461. {block:Label}
  462. <b>{Label}</b>{/block:Label}
  463. &nbsp;{Line}
  464. </div>
  465. {/block:Lines}
  466. {/block:Chat}
  467.  
  468. {block:Video}
  469. <div class="media">{Video-400}</div>
  470. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  471. {/block:Video}
  472.  
  473. {block:Audio}
  474. <div id="audioplayer">{AudioPlayerWhite} </div>
  475. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  476. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  477. {/block:Audio}
  478.  
  479. {block:Answer}
  480. <div class="question">{Asker}: {Question}</div>
  481. <div class="caption">{Answer}</div>
  482. {/block:Answer}
  483.  
  484. {block:Date}
  485. <div class="footer">
  486. {block:ifPermalinkCaptions}
  487. {block:PermalinkPage}
  488. {block:Caption}<div class="caption" style="text-align:left">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifPermalinkCaptions}
  489. <a href="{Permalink}">{TimeAgo}</a>
  490. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-refresh" aria-hidden="true" style="padding-left:20px; padding-right:20px"></i></a>
  491. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">via</a>{/block:RebloggedFrom}
  492. {block:ContentSource} / <a href="{SourceURL}" title="source">src</a>{/block:ContentSource}
  493. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"></a><br>
  494. {block:PermalinkPage}
  495. {block:HasTags}
  496. {block:Tags}
  497. <a href="{TagURL}">#{Tag}</a>
  498. {/block:Tags}
  499. {/block:HasTags}
  500. {block:PermalinkPage}
  501. </div>
  502. {block:PermalinkPage}
  503. {block:NoteCount}
  504. {block:PostNotes}{PostNotes}{/block:PostNotes}
  505. {/block:NoteCount}
  506. {/block:PermalinkPage}
  507. {/block:Date}
  508.  
  509. </div>
  510. {/block:Posts}
  511.  
  512. {block:ifBottomPagination}
  513. {block:Pagination}
  514. <div id="pagination">
  515. {block:PreviousPage}
  516. <a href="{PreviousPage}">« </a>
  517. {/block:PreviousPage}
  518. <span class="counter">({CurrentPage}/{TotalPages})</span>
  519. {block:NextPage}
  520. <a href="{NextPage}">»</a>
  521. {/block:NextPage}
  522. </div>
  523. {/block:Pagination}
  524. {/block:ifBottomPagination}
  525.  
  526. </div>
  527. </div>
  528. <div id="butts"><a href="https://kirk.tumblr.com/">C</a></div>
  529. </div>
  530.  
  531. </body>
  532. </html>
Advertisement
Add Comment
Please, Sign In to add comment