API tools faq
paste
Guest User

simple theme by kuroneki

a guest
Jan 23rd, 2016
3,496
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.48 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.  
  4. <!-------
  5. theme by kuroneki. don't remove this part and don't remove my in-theme credit. u are allowed to change the colors/corner position, but nothing else.
  6.  
  7. feel free to send a msg to my blog if something doesnt work or if you need help with certain customization.
  8. <!------>
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{image:Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  16.  
  17. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  18.  
  19. <script type="text/javascript">
  20. jQuery(document).ready(function() {
  21. jQuery(".sub").hide();
  22. //toggle the componenet with class msg_body
  23. jQuery(".cthrough").click(function()
  24. {
  25. jQuery(this).next(".sub").slideToggle(500);
  26. });});
  27. </script>
  28.  
  29. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'> <!-- this is a font source, don't delete -->
  30.  
  31. <meta name="color:Background" content="#fff" />
  32. <meta name="color:Text" content="#000"/>
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Sidebar Image" content=""/>
  35. <meta name="image:Favicon" content=""/>
  36. <meta name="image:Floater" content=""/>
  37.  
  38. <meta name="color:Scrollbar" content="#000"/>
  39. <meta name="color:Blockquote" content="#000"/>
  40. <meta name="color:Borders" content="#000"/>
  41. <meta name="color:Link" content="#000"/>
  42. <meta name="color:Posts BG" content="#fff"/>
  43. <meta name="color:Sidebar Links" content="#000"/>
  44.  
  45. <meta name="text:Floater Position Vertical" content="0"/>
  46. <meta name="text:Floater Position Horizontal" content="500"/>
  47.  
  48. <meta name="text:Link 1" content="link one"/>
  49. <meta name="text:Link 1 URL" content="/"/>
  50. <meta name="text:Link 2" content="link two"/>
  51. <meta name="text:Link 2 URL" content="/"/>
  52. <meta name="text:Link 3" content="link three"/>
  53. <meta name="text:Link 3 URL" content="/"/>
  54. <meta name="text:Link 4" content="link four"/>
  55. <meta name="text:Link 4 URL" content="/"/>
  56. <meta name="text:Link 5" content="link five"/>
  57. <meta name="text:Link 5 URL" content="/"/>
  58. <meta name="text:Link 6" content="link six"/>
  59. <meta name="text:Link 6 URL" content="/"/>
  60.  
  61. <meta name="if:InfiniteScroll" content="0"/>
  62. <meta name="if:Battery" content="0"/>
  63. <meta name="if:TwoMoreLinks" content="0"/>
  64. <meta name="if:ShowCaptions" content="0"/>
  65. <meta name="if:ShowTags" content="0"/>
  66. <meta name="if:FullsizeBG" content="0"/>
  67. <meta name="if:MonochromeImages" content="0"/>
  68. <meta name="if:FadedImages" content="0"/>
  69. <meta name="if:FloatingImage" content="0"/>
  70.  
  71. <meta name="select:Battery" content="http://i.imgur.com/rsdP4m1.png" title="0%"/>
  72. <meta name="select:Battery" content="http://i.imgur.com/tWIrAd6.png" title="20%"/>
  73. <meta name="select:Battery" content="http://i.imgur.com/oXHMg1j.png" title="40%"/>
  74. <meta name="select:Battery" content="http://i.imgur.com/kexHOZN.png" title="60%"/>
  75. <meta name="select:Battery" content="http://i.imgur.com/uwPD8Ao.png" title="80%"/>
  76. <meta name="select:Battery" content="http://i.imgur.com/3yh0ASM.png" title="100%"/>
  77.  
  78. <meta name="select:Post Size" content="250px" title="250px"/>
  79. <meta name="select:Post Size" content="400px" title="400px"/>
  80. <meta name="select:Post Size" content="500px" title="500px"/>
  81.  
  82. <style type="text/css">
  83.  
  84. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  85. top: 5px; right: 5px !important;
  86. position: fixed !important;
  87. color: #67d8f4;
  88. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.8;
  89. }
  90.  
  91. body {
  92. color: {color:Text};
  93. background-color: {color:Background};
  94. background-image: url({image:Background});
  95. background-repeat: repeat;
  96. {block:ifFullsizeBG}
  97. background-size: cover;
  98. {/block:ifFullsizeBG}
  99. background-attachment: fixed;
  100. font-family: "source sans pro";
  101. font-size: 10px;
  102. letter-spacing: 0.5px;
  103. line-height: 12px;
  104. text-transform: lowercase;
  105. }
  106.  
  107. a {
  108. text-decoration: none;
  109. color: {color:Link};
  110. font-style: italic;
  111. -o-transition:.5s;
  112. -ms-transition:.5s;
  113. -moz-transition:.5s;
  114. -webkit-transition:.5s;
  115. }
  116.  
  117. a:hover {
  118. cursor: help;
  119. -o-transition:.5s;
  120. -ms-transition:.5s;
  121. -moz-transition:.5s;
  122. -webkit-transition:.5s;
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. width: 3px;
  127. height: 5px;
  128. background: {color:Background};
  129. }
  130. ::-webkit-scrollbar-thumb {
  131. background: {color:Scrollbar};
  132. }
  133.  
  134. #credit { /* DO NOT REMOVE THIS */
  135. position:fixed;
  136. bottom: 10px;
  137. left: 10px;
  138. padding: 3px;
  139. background: #fff;
  140. border: 3px double {color:Borders};
  141. box-shadow: 2px 2px {color:Borders};
  142. }
  143.  
  144. #credit a {
  145. color: {color:Text};
  146. font-size:10px;
  147. font-style: normal;
  148. text-shadow: none;
  149. text-decoration: none;
  150. }
  151.  
  152. #content {
  153. {block:IndexPage}
  154. width: 500px;
  155. {/block:IndexPage}
  156. {block:PermalinkPage}
  157. width: 500px;
  158. {/block:PermalinkPage}
  159. position: relative;
  160. margin-top: 60px;
  161. margin-left: -50px;
  162. }
  163.  
  164. .entry {
  165. margin-bottom: 70px;
  166. background: {color:Posts BG};
  167. padding: 10px 10px 3px 10px;
  168. width: {select:Post Size};
  169. text-transform: none;
  170. overflow: hidden;
  171. z-index: -9;
  172. border: 3px double {color:Borders};
  173. box-shadow: 2px 2px {color:Borders};
  174. }
  175.  
  176. .entry:last-child {
  177. margin-bottom: 20px;
  178. }
  179.  
  180.  
  181. .entry img {
  182. background-color: #fff;
  183. max-width: 100%;
  184. height:auto;
  185. {block:ifMonochromeImages}
  186. -webkit-filter: grayscale(100%);
  187. {/block:ifMonochromeImages}
  188. {block:ifFadedImages}
  189. -webkit-transition: opacity 0.5s linear;
  190. opacity: 0.75;
  191. {/block:ifFadedImages}
  192. }
  193.  
  194. .entry img:hover {
  195. -webkit-transition: opacity 0.5s linear;
  196. opacity: 1;
  197. }
  198.  
  199. #perma {
  200. width: {select:Post Size};
  201. height: auto;
  202. text-align: left;
  203. letter-spacing: 0.5px;
  204. text-transform: lowercase;
  205. color: {color:Text};
  206. }
  207.  
  208. #perma a {
  209. color: {color:Link};
  210. text-decoration: none;
  211. font-style: normal;
  212. -o-transition:.5s;
  213. -ms-transition:.5s;
  214. -moz-transition:.5s;
  215. -webkit-transition:.5s;
  216. }
  217.  
  218. #perma a:hover {
  219. color: {color:Link Hover};
  220. -o-transition:.5s;
  221. -ms-transition:.5s;
  222. -moz-transition:.5s;
  223. -webkit-transition:.5s;
  224. }
  225.  
  226. blockquote {
  227. border-left: 1px dashed {color:Blockquote};
  228. margin-left: 6px;
  229. padding-left: 10px;
  230. }
  231.  
  232. ol.notes {
  233. margin-top: 20px;
  234. margin-left: -25px;
  235. line-height: 15px;
  236. }
  237.  
  238. ol.notes img {
  239. display:none;
  240. }
  241.  
  242. .top.media.photoset {
  243. line-height: 0;
  244. position: relative;
  245. display: inline-block;
  246. }
  247.  
  248. .html_photoset {
  249. {block:ifMonochromeImages}
  250. -webkit-filter: grayscale(100%);
  251. {/block:ifMonochromeImages}
  252. {block:ifFadedImages}
  253. -webkit-transition: opacity 0.5s linear;
  254. opacity: 0.75;
  255. {/block:ifFadedImages}
  256. }
  257.  
  258. .html_photoset img {
  259. background-color: #fff;
  260. }
  261.  
  262. .html_photoset:hover {
  263. {block:ifFadedImages}
  264. -webkit-transition: opacity 0.5s linear;
  265. opacity: 1;
  266. {/block:ifFadedImages}
  267. }
  268.  
  269. #wrapper {
  270. width: 380px;
  271. margin: 0px auto;
  272. }
  273.  
  274. img.avatar {
  275. display: none;
  276. }
  277.  
  278. .quote {
  279. font-style: italic;
  280. }
  281.  
  282. .quotesource {
  283. text-align: right;
  284. margin-bottom: 10px;
  285. }
  286.  
  287. .textpost {
  288. margin-top: -10px;
  289. margin-left: 1px;
  290. }
  291.  
  292. .chat {
  293. margin-bottom: 10px;
  294. }
  295.  
  296.  
  297. #float {
  298. bottom: {text:Floater Position Vertical}px;
  299. margin-left: {text:Floater Position Horizontal}px;
  300. position: fixed;
  301. }
  302.  
  303. .ask {
  304. padding-bottom: 5px;
  305. text-transform: none;
  306. z-index: 9;
  307. }
  308.  
  309. #sidebar {
  310. position: fixed;
  311. height: auto;
  312. width: 110px;
  313. top: 160px;
  314. margin-left: -280px;
  315. z-index: 99;
  316. }
  317.  
  318. #desc {
  319. text-align: center;
  320. letter-spacing: 0.6px;
  321. color: {color:Text};
  322. }
  323.  
  324. .count {
  325. float: left;
  326. }
  327.  
  328. .rbgd {
  329. float: right;
  330. }
  331.  
  332. #prevpg {
  333. float: left;
  334. }
  335.  
  336. #nextpg {
  337. float: right;
  338. }
  339.  
  340. .permablock {
  341. margin-top: 5px;
  342. padding-bottom: 3px;
  343. }
  344.  
  345. #sideicon {
  346. padding: 2px;
  347. border: 3px double {color:Borders};
  348. box-shadow: 2px 2px {color:Borders};
  349. background-color: {color:Posts BG};
  350. }
  351.  
  352. #sideicon img {
  353. -o-transition:.5s;
  354. -ms-transition:.5s;
  355. -moz-transition:.5s;
  356. -webkit-transition:.5s;
  357. height: auto;
  358. max-width: 100px;
  359. margin-bottom: -3px;
  360. }
  361.  
  362. #sideicon img:hover {
  363. opacity: 0.6;
  364. -o-transition:.5s;
  365. -ms-transition:.5s;
  366. -moz-transition:.5s;
  367. -webkit-transition:.5s;
  368. }
  369.  
  370. .cthrough {
  371. margin-top: 5px;
  372. width: 104px;
  373. padding: 1px 0px 1px 0px;
  374. display: block;
  375. background-color:{color:Posts BG};
  376. margin-bottom: 5px;
  377. border: 3px double {color:Borders};
  378. box-shadow: 2px 2px {color:Borders};
  379. }
  380.  
  381. #prevpg {
  382. width: 104px;
  383. padding: 1px 0px 1px 0px;
  384. display: block;
  385. background-color: {color:Posts BG};
  386. margin-bottom: 5px;
  387. border: 3px double {color:Borders};
  388. box-shadow: 2px 2px {color:Borders};
  389. }
  390.  
  391. #nextpg {
  392. width: 104px;
  393. padding: 1px 0px 1px 0px;
  394. display: block;
  395. background-color: {color:Posts BG};
  396. margin-bottom: 5px;
  397. border: 3px double {color:Borders};
  398. box-shadow: 2px 2px {color:Borders};
  399. }
  400.  
  401. .video iframe {
  402. width: {select:Post Size};
  403. height: auto;
  404. }
  405.  
  406. #bat {
  407. position: absolute;
  408. margin-top: -3px;
  409. margin-left: 110px;
  410. }
  411.  
  412. </style>
  413.  
  414. {block:ifInfiniteScroll}
  415. <script type="text/javascript" src="http://codes.bitshare.cm/infinitescrolling.js"></script>
  416. {/block:ifInfiniteScroll}
  417.  
  418. </head>
  419.  
  420. <body>
  421. <div id="credit"><a href="http://kuroneki.tumblr.com/" title="theme by kuroneki">thm</a></div>
  422.  
  423. <div id="wrapper">
  424.  
  425. <div id="sidebar">
  426. <div id="sideicon">
  427. {block:ifBattery}
  428. <div id="bat"><img src="{select:Battery}"></div>
  429. {/block:ifBattery}
  430. <a href="/"><img src="{image:Sidebar Image}"></a></div>
  431. <div id="desc">
  432. <a href="#" class="cthrough">navigation</a>
  433. <div class="sub">
  434. .<a href="{text:Link 1 URL}">{text:Link 1}</a>
  435. .<a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  436. .<a href="{text:Link 3 URL}">{text:Link 3}</a>
  437. .<a href="{text:Link 4 URL}">{text:Link 4}</a>
  438. {block:ifTwoMoreLinks}<br>
  439. .<a href="{text:Link 5 URL}">{text:Link 5}</a>
  440. .<a href="{text:Link 6 URL}">{text:Link 6}</a>
  441. {/block:ifTwoMoreLinks}<br><br>
  442. </div>
  443. {description}<br>
  444. <br>
  445.  
  446. {block:ifnotInfiniteScroll}<br><br>
  447. {block:Pagination}
  448. <div id="pagination">
  449. {block:PreviousPage}
  450. <div id="prevpg"><a href="{PreviousPage}">previous page</a></div>
  451. {/block:PreviousPage}
  452.  
  453.  
  454. {block:NextPage}
  455. <div id="nextpg"><a href="{NextPage}">next page</a></div>
  456. {/block:NextPage}
  457. </div>
  458. {/block:Pagination}
  459. {/block:ifnotInfiniteScroll}
  460. </div>
  461. </div>
  462.  
  463. {block:ifFloatingImage}
  464. <div id="float">
  465. <img src="{image:Floater}" draggable="false">
  466. </div>
  467. {/block:ifFloatingImage}
  468.  
  469. <div id="content">
  470. {block:Posts}
  471. <!-- {block:NoRebloggedFrom}
  472. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  473. {/block:NoRebloggedFrom} -->
  474.  
  475. <div class="entry">
  476.  
  477. <!-- ////////////////// PHOTO ////////////////// -->
  478. {block:Photo}
  479. <img src="{PhotoURL-Highres}">
  480.  
  481. {block:IndexPage}
  482. {block:ifShowCaptions}
  483. {block:Caption}
  484. {Caption}
  485. {/block:Caption}
  486. {/block:ifShowCaptions}
  487. {/block:IndexPage}
  488.  
  489. {block:PermalinkPage}
  490. {block:ifShowCaptions}
  491. {block:Caption}
  492. {Caption}
  493. {/block:Caption}
  494. {/block:ifShowCaptions}
  495. {/block:PermalinkPage}
  496.  
  497. {/block:Photo}
  498.  
  499.  
  500. <!-- ////////////////// PHOTOSET ////////////////// -->
  501. {block:Photoset}
  502. <section class="ia photoset">
  503. {Photoset}
  504. </section>
  505.  
  506. {block:IndexPage}
  507. {block:ifShowCaptions}
  508. {block:Caption}
  509. {Caption}
  510. {/block:Caption}
  511. {/block:ifShowCaptions}
  512. {/block:IndexPage}
  513.  
  514. {block:PermalinkPage}
  515. {block:ifShowCaptions}
  516. {block:Caption}
  517. {Caption}
  518. {/block:Caption}
  519. {/block:ifShowCaptions}
  520. {/block:PermalinkPage}
  521.  
  522. {/block:Photoset}
  523.  
  524. <!-- ////////////////// TEXT ////////////////// -->
  525. {block:Text}
  526. <div class="textpost">
  527. {block:Title}
  528. <h1>{Title}</h1>
  529. {/block:Title}
  530. {Body}
  531. </div>
  532. {/block:Text}
  533.  
  534. <!-- ////////////////// LINK ////////////////// -->
  535. {block:Link}
  536. <div class="textpost">
  537. <h1><a href="{URL}">{Name}</a></h1>
  538. {block:Description}
  539. {Description}
  540. {/block:Description}
  541. </div>
  542. {/block:Link}
  543.  
  544. <!-- ////////////////// QUOTE ////////////////// -->
  545. {block:Quote}
  546. <div class="quote">
  547. "{Quote}"
  548. </div>
  549. <div class="quotesource">
  550. {block:Source}<br>
  551. - {Source}
  552. {/block:Source}
  553. </div>
  554. {/block:Quote}
  555.  
  556. <!-- ////////////////// CHAT ////////////////// -->
  557. {block:Chat}
  558. <div class="chat">
  559. {block:Title}
  560. <h1>{Title}</h1>
  561. {/block:Title}
  562. {block:Lines}
  563. {block:Label}
  564. <b>{Label} </b>
  565. {/block:Label}
  566. <span><i>{Line}</i><br></span>
  567. {/block:Lines}
  568. </div>
  569. {/block:Chat}
  570.  
  571. <!-- ////////////////// AUDIO ////////////////// -->
  572. {block:Audio}
  573. <div class="audio">{AudioPlayerWhite}</div>
  574. {block:IndexPage}
  575. <p>{block:TrackName}Track: {TrackName}<br>
  576. {/block:TrackName}
  577. {block:Artist}
  578. Artist: {Artist}<br>
  579. {/block:Artist}
  580. {block:Album}
  581. Album: {Album}<br>
  582. {/block:Album}
  583. {block:PlayCount}
  584. Played: {PlayCount}
  585. {/block:PlayCount}
  586. {/block:IndexPage}
  587.  
  588. {block:IndexPage}
  589. {block:ifShowCaptions}
  590. {block:Caption}
  591. {Caption}
  592. {/block:Caption}
  593. {/block:ifShowCaptions}
  594. {/block:IndexPage}
  595.  
  596. {block:PermalinkPage}
  597. {block:ifShowCaptions}
  598. {block:Caption}
  599. {Caption}
  600. {/block:Caption}
  601. {/block:ifShowCaptions}
  602. {/block:PermalinkPage}
  603.  
  604. {/block:audio}
  605.  
  606. <!-- ////////////////// VIDEO ////////////////// -->
  607. {block:Video}
  608. {block:IndexPage}
  609. <div class="video">{Video-700}</div>
  610. {/block:IndexPage}
  611.  
  612. {block:IndexPage}
  613. {block:ifShowCaptions}
  614. {block:Caption}
  615. {Caption}
  616. {/block:Caption}
  617. {/block:ifShowCaptions}
  618. {/block:IndexPage}
  619.  
  620. {block:PermalinkPage}
  621. {block:ifShowCaptions}
  622. {block:Caption}
  623. {Caption}
  624. {/block:Caption}
  625. {/block:ifShowCaptions}
  626. {/block:PermalinkPage}
  627.  
  628. {/block:Video}
  629.  
  630. <!-- ////////////////// ASKS ////////////////// -->
  631. {block:Answer}
  632. <div class="ask">
  633. <b>{Asker}</b> asked: <br><i>{Question}</i>
  634. </div>
  635. <p>{Answer}
  636. {/block:Answer}
  637.  
  638. <!--permalink page-->
  639. {block:PermalinkPage}<br><br>
  640. <a href="{Permalink}">{TimeAgo}</a> with
  641. <a href="{Permalink}">{NoteCount} notes</a><br>
  642. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}<br>
  643. {block:PostNotes}{PostNotes}{/block:PostNotes}
  644. {/block:PermalinkPage}
  645.  
  646. <!--permalink-->
  647. {block:IndexPage}
  648. <div class="permablock">
  649. <div id="perma">
  650. <a href="{Permalink}">{TimeAgo}</a> with
  651. <a href="{Permalink}">{NoteCount} notes</a>
  652. <div class="rbgd">
  653. {block:RebloggedFrom}
  654. <a href="{ReblogParentURL}">via</a> /
  655. {/block:RebloggedFrom}
  656. {block:ContentSource}
  657. <a href="{SourceURL}">©</a> /
  658. {/block:ContentSource}
  659. <a href="{ReblogURL}" class="permalinks">reblog</a></div><br>
  660. {block:ifShowTags}{block:HasTags}filed under: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowTags}
  661. </div>
  662. {/block:IndexPage}</div>
  663. </div> <!---entry div--->
  664. {/block:Posts}
  665. {block:ContentSource}<!-- {SourceURL}
  666. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  667. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  668. {/block:ContentSource}
  669. </div><!---content div--->
  670.  
  671. </div>
  672.  
  673. </body>
  674.  
  675. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!