API tools faq
paste
Advertisement
divakey

Jinki Theme

divakey
Dec 18th, 2012
191
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. Theme: Base code by Build Themes
  6. Base code: Build Themes (http://buildthemes.tumblr.com/code/base-column)
  7. Version: 1.3
  8. -->
  9. <meta name="color:Background" content="#369fa0" />
  10. <meta name="color:Body text" content="#9c7c7c" />
  11. <meta name="color:topbar background" content="#0a0303" />
  12. <meta name="color:topbar links" content="#b9b8b8" />
  13. <meta name="color:topbar text" content="#868484" />
  14. <meta name="color:Post color" content="#ffffff" />
  15. <meta name="color:Link color" content="#ADD8E6">
  16. <meta name="color:Text highlight" content="#8697a8"/>
  17.  
  18. <meta name="if:Small Cursor" content="1"/>
  19. <meta name="image:Topbar background" content="" />
  20. <meta name="image:Background" content="" />
  21. <meta name="color:scrollbar" content="#8697a8" />
  22. <meta name="text:Custom Link 1" content="" />
  23. <meta name="text:Custom Link 1 Title" content="" />
  24. <meta name="text:Custom Link 2" content="" />
  25. <meta name="text:Custom Link 2 Title" content="" />
  26. <meta name="text:Custom Link 3" content="" />
  27. <meta name="text:Custom Link 3 Title" content="" />
  28. <meta name="text:Custom Link 4" content="" />
  29. <meta name="text:Custom Link 4 Title" content="" />
  30. <meta name="text:Custom Link 5" content="" />
  31. <meta name="text:Custom Link 5 Title" content="" />
  32.  
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37. <meta charset="utf-8">
  38. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  39. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  43.  
  44. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  45.  
  46. <script type="text/javascript">
  47.  
  48. $(document).ready(function(){
  49.  
  50. $(".links_body").hide();
  51.  
  52. $(".links_head").click(function(){
  53.  
  54. $(this).next(".links_body").slideToggle('slow');
  55.  
  56. }); }); </script>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar-thumb:vertical {
  62. background-color:{color:scrollbar};
  63. height:10px;}
  64.  
  65. ::-webkit-scrollbar {
  66. height:0px;
  67. width:3px;
  68. background-color:white;}
  69.  
  70.  
  71. /*Basic styles*/
  72. ::-moz-selection {
  73. background: {color:Text highlight};
  74. color: #fff;}
  75.  
  76. ::selection {
  77. background: {color:Text highlight};
  78. color: #fff;}
  79.  
  80. #content {
  81. margin: %;}
  82.  
  83.  
  84. body { background: {color:Background} url('{image:Background}');
  85. color: {color:Body text};
  86. font-family: calibri;
  87. font-size: 10px;
  88. letter-spacing: 0px;
  89. text-decoration: none;
  90. {block:ifsmallcursor}cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;{/block:ifsmallcursor}}
  91.  
  92.  
  93. a {color:{color:Link color}; text-decoration: none;}
  94.  
  95.  
  96. a:hover {color:{color:Hover}; text-decoration:underline;
  97. opacity: .5;
  98. -webkit-transition: all 0.5s ease-in-out;
  99. -moz-transition: all 0.5s ease-in-out;
  100. -o-transition: all 0.5s ease-in-out;
  101. {block:ifsmallcursor}cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;{/block:ifsmallcursor}}
  102.  
  103. blockquote {
  104. background: white;
  105. border-left: 1px dotted #ADD8E6;
  106. margin: .8;
  107. padding: 2%;}
  108.  
  109.  
  110. iframe, img, embed, object, video {
  111. max-width: 100%;}
  112.  
  113. img {height: auto;
  114. width: auto;}
  115.  
  116. img:hover
  117. {opacity:.5;
  118. -webkit-transition: all 0.5s ease-in-out;
  119. -moz-transition: all 0.5s ease-in-out;
  120. -o-transition: all 0.5s ease-in-out;}
  121.  
  122. /*Topbar*/
  123. #topbar {
  124. background: {color:Topbar background} url('{image:Topbar background}');
  125. padding: 1%;
  126. color: {color:Topbar text};
  127. text-align:center;
  128. height:auto;
  129. }
  130.  
  131. #topbar a {color: {color:Topbar links};}
  132.  
  133. h1{font-size:15px;
  134. margin-top:0px;}
  135.  
  136. h1:hover{opacity: .5;
  137. -webkit-transition: all 0.5s ease-in-out;
  138. -moz-transition: all 0.5s ease-in-out;
  139. -o-transition: all 0.5s ease-in-out;}
  140.  
  141.  
  142.  
  143. #center{
  144. z-index:1;
  145. position:relative;
  146. margin:0 auto;
  147. left:50px;
  148. height:100%;
  149. {block:IndexPage}width:950px;{/block:IndexPage}
  150. {block:PermalinkPage}width:517px;{/block:PermalinkPage}
  151. }
  152.  
  153. /*Posts*/
  154. Article {
  155. background: {color:Post color};
  156. padding: 3px;
  157. margin-left:10px;
  158. margin-right:10px;
  159. width: 250px;
  160. margin-top:10px;
  161. {block:PermalinkPage}width:500px;{/block:PermalinkPage} }
  162.  
  163.  
  164.  
  165. .chat span {
  166. float: left;
  167. margin-right: 1%;
  168. }
  169.  
  170. /*Metadata*/
  171. .metadata { display: inline-block;
  172. width: 100%;}
  173.  
  174.  
  175. /*Tags and notes*/
  176. #tags, nav ul, .chat ul {
  177. list-style: none;
  178. list-style-image: none;
  179. margin: 0;
  180. padding: 0;}
  181.  
  182. #tags li {
  183. float: left;
  184. margin-right: 1%;
  185. }
  186.  
  187. .notes {
  188. clear: both;
  189. padding: 0;}
  190.  
  191. .pagination{font-size:30px; margin-left:100px; margin-bottom:20px; text-align:center}
  192.  
  193. /*Custom CSS*/
  194. {CustomCSS}
  195. </style>
  196. </head>
  197. <body>
  198.  
  199. <!--Topbar-->
  200.  
  201. <header id="topbar">
  202.  
  203. <!--Details: title and description-->
  204. <div id="header">
  205. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  206. {block:Description}
  207. <p>{Description}<p>
  208. {block:Description}
  209. <div class="links_list">
  210. <p title="click on me" p class="links_head">Navigation ▾</p> <div class="links_body"> <a href=/ask>Ask</a> ✦ <a href=/archive>Archive</a> ✦ <a href=/>Refresh</a>
  211. ✦ <a href="http://chinqu.tumblr.com">Theme</a> <br>
  212. {block:IfCustomLink1}<a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a>{/block:IfCustomLink1}
  213. {block:IfCustomLink2}<a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a>{/block:IfCustomLink2}
  214. {block:IfCustomLink3}<a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a>{/block:IfCustomLink3}
  215. {block:IfCustomLink4}<a href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a>{/block:IfCustomLink4}
  216. {block:IfCustomLink5}<a href="{text:Custom Link 5}">{text:Custom Link 5 Title}</a>{/block:IfCustomLink5}
  217. </div></div>
  218.  
  219. </div></header>
  220.  
  221.  
  222. <div id="center">
  223. <div id="content">
  224. {block:Posts}
  225. <article>
  226. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  227.  
  228. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  229.  
  230. {/block:SourceLogo}
  231.  
  232. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  233.  
  234. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  235.  
  236. {block:Text}
  237. <div class="text">
  238. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  239. {Body}
  240. {/block:Text}
  241.  
  242. {block:Photo}
  243. <div class="photo">
  244. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  245.  
  246. {block:Caption}{Caption}{/block:Caption}
  247.  
  248. {block:IndexPage}<div class="permalink"><center>
  249. <a href="{Permalink}">Permalink</a> • <a href="{ReblogURL}" target="_blank">Reblog</a></center></span></div>{/block:IndexPage}
  250.  
  251. {block:PermalinkPage}
  252. {Photoset-500}
  253. {block:Caption}{Caption}{/block:Caption}
  254. {/block:PermalinkPage}
  255. {/block:Photo}
  256.  
  257.  
  258. {block:Photoset}
  259. <div class="photoset">
  260. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  261. {block:Caption}{Caption}{/block:Caption}
  262. {block:IndexPage}<div class="permalink"><center>
  263. <a href="{Permalink}">Permalink</a> • <a href="{ReblogURL}" target="_blank">Reblog</a></center></span></div>{/block:IndexPage}
  264.  
  265. {block:PermalinkPage}
  266. {Photoset-500}
  267. {block:Caption}{Caption}{/block:Caption}
  268. {/block:PermalinkPage}
  269.  
  270. {/block:Photoset}
  271.  
  272. {block:Quote}
  273. <div class="quote">
  274. <blockquote>{Quote}</blockquote>
  275. {block:Source}<cite> {Source} </cite>{/block:Source}
  276. {/block:Quote}
  277.  
  278. {block:Link}
  279. <div class="link">
  280. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  281. {block:Description}{Description}{/block:Description}
  282. {/block:Link}
  283.  
  284. {block:Chat}
  285. <div class="chat">
  286. <ul>
  287. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  288. </ul>
  289. {/block:Chat}
  290.  
  291. {block:Audio}
  292. <div class="audio">
  293. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  294. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  295. <div class="player">{AudioPlayerBlack}</div>
  296. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  297. {block:Caption}{Caption}{/block:Caption}
  298. {/block:Audio}
  299.  
  300. {block:Video}
  301. <div class="video">
  302. <div class="video-player">{Video-500}</div>
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Video}
  305.  
  306. {block:Answer}
  307. <div class="answer">
  308. <h1 class="title">{Question}</h1>
  309. <div class="user"><img src="{AskerPortraitURL-96}"/><p>{Asker}</p></div>
  310. {Answer}
  311. {/block:Answer}
  312. </div>
  313.  
  314. <!--Post footer (tags and notes) on displayed on permalink pages-->
  315. {block:Permalink}
  316. <footer class="details">
  317. {block:HasTags}
  318. <ul id="tags">
  319. {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  320. </ul>
  321. {/block:HasTags}
  322. {block:PostNotes}
  323. <div id="notes">
  324. {PostNotes}
  325. </div>
  326. {/block:PostNotes}
  327. </footer>
  328. {/block:Permalink}
  329. </article>
  330. {/block:Posts}
  331. <!--Close of article-->
  332. </div></div>
  333. <!--Pagination: previous/next page links-->
  334. {block:Pagination}
  335. <div class="pagination">
  336. {block:PreviousPage}<a href="{PreviousPage}">◀◀</a>{/block:PreviousPage}
  337. {block:NextPage}<a href="{NextPage}">▶▶</a>{/block:NextPage}
  338. </div>
  339. {/block:Pagination}
  340. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  341. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  342. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  343. {block:IfInfiniteScroll}
  344. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  345. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  346. {/block:IfInfiniteScroll}
  347. <!--Code for infinite scroll and grid layout-->
  348. <script>
  349. (function() {
  350. var $tumblelog = $('#content');
  351. {block:IfInfiniteScroll}
  352. $tumblelog.infinitescroll({
  353. navSelector : ".pagination",
  354. nextSelector : ".pagination a:first",
  355. itemSelector : "article",
  356. bufferPx : 50,
  357. done : "",
  358. loading: {
  359. finishedMsg: "<p> </p>",
  360. img : " ",
  361. msg: null,
  362. msgText: "<p> </p>"
  363. },
  364. },
  365. function( newElements ) {
  366. var $newElems = $( newElements ).css({ opacity: 0 });
  367. $newElems.imagesLoaded(function(){
  368. $newElems.animate({ opacity: 1 });
  369. $tumblelog.masonry( 'appended', $newElems);
  370. });});
  371. {/block:IfInfiniteScroll}
  372. $tumblelog.imagesLoaded( function(){
  373. $tumblelog.masonry({
  374. columnWidth: function( containerWidth ) {
  375. return containerWidth / 100;
  376. }});});})();
  377. </script>
  378.  
  379. </body>
  380. </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!