API tools faq
paste
Advertisement
kirit

theme 002

kirit
Mar 30th, 2016
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----
  5.  
  6. SNAP THEME BY KIRIT
  7. DON'T REMOVE THE CREDIT!!
  8.  
  9. ---->
  10.  
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  12.  
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14.  
  15. <script>
  16.  
  17.  
  18. (function($){
  19.  
  20. $(document).ready(function(){
  21.  
  22. $("a[title]").style_my_tooltips({
  23.  
  24. tip_follows_cursor:true,
  25.  
  26. tip_delay_time:30,
  27.  
  28. tip_fade_speed:300,
  29.  
  30. attribute:"title"
  31.  
  32. });
  33.  
  34. });
  35.  
  36. })(jQuery);
  37.  
  38. </script>
  39.  
  40.  
  41. <meta charset="utf-8">
  42. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}" />
  45. {/block:Description}
  46.  
  47. <title>{Title}</title>
  48.  
  49. <link rel="shortcut icon" href="{image:Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  52.  
  53. <meta name="image:background" content="">
  54. <meta name="image:sidebar" content="" />
  55. <meta name="image:favicon" content="" />
  56. <meta name="image:left image" content="">
  57. <meta name="image:cursor" content""/>
  58.  
  59. <meta name="color:bg" content="#f6f6f6"/>
  60. <meta name="color:post bg" content="#fff"/>
  61. <meta name="color:sidebar bg" content="#fff"/>
  62. <meta name="color:text" content="#aaa8a8"/>
  63. <meta name="color:border" content="#ccc"/>
  64. <meta name="color:footer" content="#fff"/>
  65. <meta name="color:footer text" content="#ffd800"/>
  66. <meta name="color:ask bg" content=""/>
  67. <meta name="color:shadow" content=""/>
  68. <meta name="color:link" content="#ffd800"/>
  69. <meta name="color:link hover" content="#ccad00"/>
  70. <meta name="color:dropdown" content="ccc">
  71. <meta name="color:dropdown border" content="888">
  72. <meta name="color:dropdown text" content="fff">
  73. <meta name="color:button bg" content="fff">
  74. <meta name="color:tooltip text" content="#ffd800">
  75. <meta name="color:tooltip bg" content="#fff">
  76.  
  77. <meta name="if:max bg" content="" />
  78. <meta name="if:tiled bg" content="" />
  79. <meta name="if:rounded sidebar img" content=""/>
  80. <meta name="if:dropdown links" content=""/>
  81. <meta name="if:shadow" content=""/>
  82. <meta name="if:border" content=""/>
  83. <meta name="if:sidebar img border" content=""/>
  84. <meta name="if:show tags" content=""/>
  85.  
  86. <meta name="select:border" content="solid">
  87. <meta name="select:border" content="dashed">
  88. <meta name="select:border" content="dotted">
  89. <meta name="select:sidebar img border" content="solid"/>
  90. <meta name="select:sidebar img border" content="dotted"/>
  91. <meta name="select:sidebar img border" content="dashed"/>
  92. <meta name="select:font" content="consolas"/>
  93. <meta name="select:font" content="courier"/>
  94. <meta name="select:font" content="arial"/>
  95. <meta name="select:font" content="helvetica"/>
  96. <meta name="select:post width" content="250">
  97. <meta name="select:post width" content="300">
  98. <meta name="select:post width" content="325">
  99. <meta name="select:post width" content="350">
  100. <meta name="select:post width" content="400">
  101.  
  102. <meta name="text:dropdown text" content=""/>
  103.  
  104. <meta name="text:Link 1" content="">
  105. <meta name="text:Link 1 url" content="/">
  106. <meta name="text:Link 2" content="">
  107. <meta name="text:Link 2 url" content="/">
  108. <meta name="text:Link 3" content="">
  109. <meta name="text:Link 3 url" content="/">
  110. <meta name="text:Link 4" content="">
  111. <meta name="text:Link 4 url" content="/">
  112.  
  113. <meta name="text:left image width" content=""/>
  114. <meta name="text:left image margin left" content="0"/>
  115. <meta name="text:left image margin bottom" content="0"/>
  116.  
  117. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  118.  
  119. <style type="text/css">
  120.  
  121.  
  122. /*
  123. general text styles, fonts and colours
  124. */
  125.  
  126. #s-m-t-tooltip {max-width:300px;border-radius:0px ;padding:3px;border:1px {select:border type} {color:border};margin:20px 10px -2px 20px;background-color:{color:tooltip bg};font-size:13px;text-transform:normal;color:{color:tooltip text};z-index:999999999999999999999999999999999999;letter-spacing:.8px;}
  127.  
  128. body {
  129. margin:0px;
  130. background:{color:bg};
  131. font-family:{select:font};
  132. font-size:10pxpx;
  133. line-height:140%;
  134. color: {color:text};
  135. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  136. {block:iftiledbg}background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:iftiledbg}
  137. {block:ifmaxbg}background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  138. -webkit-background-size: cover;
  139. -moz-background-size: cover;
  140. -o-background-size: cover;
  141. background-size: cover;
  142. {/block:ifmaxbg}
  143. }
  144.  
  145. p{
  146. margin:0 0 10px 0;
  147. padding:0;
  148. }
  149.  
  150. pre {
  151. white-space: pre-wrap;
  152. white-space: -moz-pre-wrap;
  153. white-space: -pre-wrap;
  154. white-space: -o-pre-wrap;
  155. word-wrap: break-word;
  156. }
  157.  
  158. a{
  159. color:{color:link};
  160. text-decoration:none;
  161. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  162. }
  163.  
  164. {block:ifnotrainbowlinkhover}a:hover{
  165. color:{color:link hover};
  166. {block:ifcustomcursor} cursor:url({image:cursor}),auto; {/block:ifcustomcursor}
  167. }
  168. {/block:ifnotrainbowlinkhover}
  169.  
  170. li{
  171. margin-left:-15px;
  172. }
  173.  
  174. /*
  175. containers etc
  176. */
  177. #wrapper{
  178. width:600px;
  179. margin:50px auto;
  180. }
  181.  
  182. #sidebar{
  183. width:130px;
  184. margin:100px 0 0 -50px;
  185. position:fixed;
  186. background-color:{color:sidebar bg};
  187. padding:10px;
  188. font:{select:font};
  189. font-size:10px;
  190. {block:ifborder}
  191. border:1px {color:border} {select:border};
  192. {/block:ifborder}
  193. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  194. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  195. box-shadow: 5px 5px 0px 0px {color:shadow};{/block:ifShadow}
  196. }
  197.  
  198. #sidebar img{
  199. margin-top:-50px;
  200. border-radius:0px;
  201. width:100px;
  202. {block:ifroundedsidebarimg}
  203. border-radius:80px;{/block:ifroundedsidebarimg};
  204. {block:ifsidebarimgborder}
  205. border:1px {color:border} {select:sidebar img border};
  206. {/block:ifsidebarimgborder}
  207. }
  208.  
  209. #content{
  210. width:450px;
  211. margin-left:200px;
  212. overflow:hidden;
  213. }
  214.  
  215. .post{
  216. width:{select:post width}px;
  217. padding:20px;
  218. padding-bottom:5px;
  219. margin:0 0 50px 0;
  220. overflow:hidden;
  221. font:{select:font};
  222. font-size:10px;
  223. background-color:{color:post bg};
  224. border-radius:0px;
  225. {block:ifborder}
  226. border:1px {color:border} {select:border};
  227. {/block:ifborder}
  228. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  229. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  230. box-shadow: 5px 5px 0px 0px {color:shadow};{/block:ifShadow}
  231. }
  232.  
  233. #sidebar img, .post img{
  234. max-width:100%;
  235. }
  236.  
  237. #nav{
  238. margin:10px 0 0 0;
  239. border-top:1px solid {color:border};
  240. padding-top:2px;
  241. }
  242.  
  243. #buttons{
  244. word-spacing:1px;
  245. padding:3px;
  246.  
  247. }
  248.  
  249. #buttons a{
  250. background:{color:button bg};
  251. padding:3px;
  252. line-height:210px;
  253. border:1px solid;
  254. {block:ifShadow}-webkit-box-shadow: 3px 3px 0px 0px {color:shadow};
  255. -moz-box-shadow: 3px 3px 0px 0px {color:shadow};
  256. box-shadow: 3px 3px 0px 0px {color:shadow};{/block:ifShadow}
  257. }
  258.  
  259. #buttons a:hover {
  260. text-decoration:none;
  261. }
  262.  
  263. #default{
  264. word-spacing:2px;
  265. padding:4px;
  266. line-height:150%;
  267. }
  268.  
  269. #cred{
  270. position:fixed;
  271. bottom:8px;right:8px;
  272. padding:5px;
  273. font-size:11px;
  274. text:#ccc;
  275. background:transparent;
  276. border: 1px solid {color:border};
  277. border-style:{select:border};
  278. border-radius:11px;}
  279.  
  280.  
  281.  
  282. .media{
  283. margin:0 0 10px 0;
  284. }
  285.  
  286. .title{
  287. font-weight:bold;
  288. font-size:20px;
  289. margin:0 0 10px 0;
  290. border-bottom:1px solid {color:border};
  291. padding:5px;
  292. }
  293.  
  294. .quote{
  295. font-weight:normal;
  296. font-size:16px;
  297. font-style:italic;
  298. margin:0 0 10px 0;
  299. }
  300.  
  301. .question{
  302. margin-bottom:10px;
  303. border-bottom:1px solid {color:border};
  304. padding:3px;
  305. background-color:{color:ask bg};
  306. }
  307.  
  308. blockquote{
  309. margin:0 0 10px 10px;
  310. padding:0 0 0 10px;
  311. border-left:solid 1px #000;
  312. }
  313.  
  314. #audio .player{background:#FFF;height:25px;width:25px;padding:2px;overflow:hidden;position:absolute;margin-top:8px;margin-left:8px;border:2px solid #fff;opacity:0.8;z-index:2;}
  315.  
  316. .art{width:55px;height:55px; position:absolute;display:block;z-index:1;}
  317. .art img{width:60px;height:60px;}
  318.  
  319. .songtitle{margin-left:60px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  320.  
  321. /*
  322. post footers - date, tags, via and source
  323. */
  324. .post .footer{
  325. margin:0;
  326. text-align:center;
  327. background-color:{color:footer};
  328. color:{color:footer text};
  329. }
  330.  
  331. /*
  332. post notes
  333. */
  334. ol.notes{
  335. list-style-type:none;
  336. padding:0;
  337. margin:0;
  338. }
  339.  
  340. ol.notes li.note img{
  341. width:16px;
  342. height:16px;
  343. }
  344.  
  345. ol.notes li.note{
  346. margin:0px;
  347. }
  348.  
  349. </style>
  350.  
  351. {CustomCSS}
  352. </style>
  353. </head>
  354.  
  355. <body>
  356. <div id="wrapper">
  357.  
  358.  
  359. <div id="sidebar">
  360. <center><a href="/" title="{text:Sidebar img hover}"> <img src="{image:Sidebar}"></a></center>
  361. {block:Description}
  362. <p><center>{Description}</center></p>
  363. {/block:Description}
  364.  
  365.  
  366. {block:ifDropdownlinks}
  367. <center>
  368. <select style="width: 110px; border: 1px solid {color:dropdown border}; padding: 5px; color: {color:dropdown text}; background-color: {color:dropdown}; font-family: {select:font}; font-size: {select:font size};" onChange="location.href=this.options[this.selectedIndex].value;">
  369.  
  370. <option>{text:dropdown text}</option>
  371.  
  372. <option value="/">home</option>
  373.  
  374. <option value="/ask">ask</option>
  375.  
  376. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{block:ifLink1}
  377.  
  378. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{block:ifLink2}
  379.  
  380. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{block:ifLink3}
  381.  
  382. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{block:ifLink4}
  383.  
  384. </select>
  385. {/block:ifDropdownlinks}
  386.  
  387.  
  388. {block:Pagination}
  389. <div id="nav"><center>
  390. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage} -
  391. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}</center>
  392. </div>
  393. {/block:Pagination}
  394.  
  395. </div>
  396.  
  397.  
  398.  
  399. <div id="content">
  400. {block:Posts}
  401.  
  402. <div class="post">
  403.  
  404. {block:Text}
  405. {block:Title}
  406. <div class="title">{Title}</div>
  407. {/block:Title}
  408. {Body}
  409. {/block:Text}
  410.  
  411. {block:Photo}
  412. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  413. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  414. {/block:Photo}
  415.  
  416. {block:Photoset}
  417. <div class="media">{Photoset}</div>
  418. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  419. {/block:Photoset}
  420.  
  421. {block:Quote}
  422. <div class="quote">"{Quote}"</div>
  423. {block:source}
  424. <div class="quotesource">{source}</div>
  425. {/block:source}
  426. {/block:Quote}
  427.  
  428. {block:Link}
  429. <div class="title"><a href="{URL}">{Name}</a></div>
  430. {block:Description}
  431. <div class="description">{Description}</div>
  432. {/block:Description}
  433. {/block:Link}
  434.  
  435. {block:Chat}
  436. {block:Title}
  437. <div class="title">{Title}</div>
  438. {/block:Title}
  439.  
  440. {block:Lines}
  441. <div class="{Alt} user_{UserNumber}">
  442. {block:Label}
  443. <b>{Label}</b>{/block:Label}
  444. &nbsp;{Line}
  445. </div>
  446. {/block:Lines}
  447. {/block:Chat}
  448.  
  449. {block:Video}
  450. <div class="media">{Video-400}</div>
  451. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  452. {/block:Video}
  453.  
  454. {block:Audio}
  455. <div id="audio">
  456. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  457. <div class="player">{AudioPlayerWhite}</div>
  458. <div class="songtitle">
  459. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  460. {block:Artist}{Artist}{/block:Artist}<br>
  461. {block:Album}{Album}{/block:Album}</div></div>
  462. {block:Caption}{Caption}{/block:Caption}
  463. {/block:Audio}
  464.  
  465. {block:Answer}
  466. <div class="question">{Asker}: {Question}</div>
  467. <div class="caption">{Answer}</div>
  468. {/block:Answer}
  469.  
  470.  
  471. {block:Date}
  472. <div class="footer">
  473. <a href="{Permalink}">{Month} {DayOfMonth} {Year}</a>{block:NoteCount} ({NoteCount}){/block:NoteCount} |
  474. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">rb</a>{block:ifshowtags}
  475. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifshowtags}
  476. </div>
  477.  
  478. {block:PermalinkPage}
  479. {block:NoteCount}
  480. {block:PostNotes}{PostNotes}{/block:PostNotes}
  481. {/block:NoteCount}
  482. {/block:PermalinkPage}
  483. {/block:Date}
  484.  
  485. </div>
  486. {/block:Posts}
  487.  
  488. </div>
  489.  
  490. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  491.  
  492.  
  493. <div id="cred">
  494. <a href="http://tq.god.jp/" title="theme by kirit">cred</a></div>
  495.  
  496. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  497. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  498.  
  499. </body>
  500. </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!