API tools faq
paste
Guest User

Bloge

a guest
Oct 25th, 2016
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 17 Vestigial
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. ---------------------------------------------------------- VER 011215 -->
  16.  
  17. <meta name="color:scrollbar" content="#c18585">
  18. <meta name="color:scrollbar bg" content="#ffffff">
  19. <meta name="color:text highlight" content="#d48986">
  20. <meta name="color:text highlight bg" content="#ffffff">
  21. <meta name="color:background" content="#ffffff">
  22. <meta name="color:sidebar background" content="#f9f9f9">
  23. <meta name="color:left border" content="#B0998B">
  24. <meta name="color:blog title" content="#4a4a4a">
  25. <meta name="color:blog title underline" content="#D17575">
  26. <meta name="color:description" content="#7a7a7a">
  27. <meta name="color:desc link" content="#e29999">
  28. <meta name="color:desc link hover" content="#7a7a7a">
  29. <meta name="color:desc bold" content="#bb7676">
  30. <meta name="color:desc italic" content="#b6b6b6">
  31. <meta name="color:drop down menu text" content="#7e7e7e">
  32. <meta name="color:nav bar 1" content="#8C7B70">
  33. <meta name="color:nav bar 2" content="#A7968A">
  34. <meta name="color:nav bar 3" content="#C3B0A5">
  35. <meta name="color:nav bar 4" content="#DECBBF">
  36. <meta name="color:post background" content="#f6f6f6">
  37. <meta name="color:body text" content="#979797">
  38. <meta name="color:body bold" content="#b37070">
  39. <meta name="color:body italic" content="#cecece">
  40. <meta name="color:body links" content="#c9aa9d">
  41. <meta name="color:body links hover" content="#7a7a7a">
  42. <meta name="color:post title" content="#949494">
  43. <meta name="color:post title underline" content="#e9e9e9">
  44. <meta name="color:quote post" content="#898989">
  45. <meta name="color:quote post quotation marks" content="#e7e7e7">
  46. <meta name="color:quote post source" content="#b1b1b1">
  47. <meta name="color:chat even name" content="#ce7e7e">
  48. <meta name="color:chat even text" content="#b8b8b8">
  49. <meta name="color:chat odd name" content="#c18f65">
  50. <meta name="color:chat odd text" content="#777777">
  51. <meta name="color:audio info background" content="#ffffff">
  52. <meta name="color:audio info text" content="#929292">
  53. <meta name="color:ask background" content="#f2f2f2">
  54. <meta name="color:ask text" content="#9b9b9b">
  55. <meta name="color:asker text" content="#5e5e5e">
  56. <meta name="color:asker link" content="#d4d4d4">
  57. <meta name="color:permalink colour 1" content="#CC8585">
  58. <meta name="color:permalink colour 2" content="#B5867E">
  59. <meta name="color:permalink colour 3" content="#9E8677">
  60. <meta name="color:tags" content="#999999">
  61. <meta name="color:hover tags" content="#aaaaaa">
  62. <meta name="color:pagination links background" content="#f9f9f9">
  63. <meta name="color:pagination links text" content="#9a9a9a">
  64. <meta name="color:hover pagination links text" content="#bbbbbb">
  65. <meta name="color:pagination current text" content="#979797">
  66. <meta name="color:pagination link underline" content="#D17575">
  67. <meta name="color:pagination link underline hover" content="#aaaaaa">
  68.  
  69. <meta name="image:background" content="">
  70. <meta name="image:sidebar background" content="">
  71. <meta name="image:sidebar" content="">
  72.  
  73. <meta name="text:link 1" content="">
  74. <meta name="text:link 1 url" content="">
  75. <meta name="text:link 2" content="">
  76. <meta name="text:link 2 url" content="">
  77. <meta name="text:link 3" content="">
  78. <meta name="text:link 3 url" content="">
  79. <meta name="text:link 4" content="">
  80. <meta name="text:link 4 url" content="">
  81. <meta name="text:link 5" content="">
  82. <meta name="text:link 5 url" content="">
  83. <meta name="text:link 6" content="">
  84. <meta name="text:link 6 url" content="">
  85. <meta name="text:link 7" content="">
  86. <meta name="text:link 7 url" content="">
  87. <meta name="text:link 8" content="">
  88. <meta name="text:link 8 url" content="">
  89. <meta name="text:link 9" content="">
  90. <meta name="text:link 9 url" content="">
  91. <meta name="text:link 10" content="">
  92. <meta name="text:link 10 url" content="">
  93.  
  94. <meta name="if:infinite scroll" content="0">
  95. <meta name="if:250px posts" content="0">
  96. <meta name="if:400px posts" content="0">
  97. <meta name="if:500px posts" content="1">
  98. <meta name="if:1 column" content="1">
  99. <meta name="if:2 columns" content="0">
  100. <meta name="if:monochrome posts" content="0">
  101. <meta name="if:photo fading" content="0">
  102. <meta name="if:show captions" content="1">
  103.  
  104. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  105. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  106. <link rel="shortcut icon" href="{Favicon}" />
  107.  
  108. {block:indexpage}
  109. {block:ifnot1column}{block:ifinfinitescroll}
  110. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  111. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  112.  
  113. <script>
  114. $(function(){
  115. var $container = $('#content');
  116. $container.imagesLoaded(function(){
  117. $container.masonry({
  118. itemSelector: '.posts',
  119. });
  120. });
  121. $container.infinitescroll({
  122. itemSelector : ".posts",
  123. navSelector : "div.pagination",
  124. nextSelector : ".pagination a#next",
  125. loadingImg : "",
  126. loadingText : "<em></em>",
  127. bufferPx : 10000,
  128. extraScrollPx: 12000,
  129. },
  130. // trigger Masonry as a callback
  131. function( newElements ) {
  132. var $newElems = $( newElements ).css({ opacity: 0 });
  133. // ensure that images load before adding to masonry layout
  134. $newElems.imagesLoaded(function(){
  135. $newElems.animate({ opacity: 1 });
  136. $container.masonry( 'appended', $newElems, true );
  137. });
  138. }
  139. );
  140. });
  141. </script>
  142. {/block:ifinfinitescroll}
  143.  
  144. {block:ifnotinfinitescroll}
  145. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  146.  
  147. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  148. <script type="text/javascript">
  149. $(window).load(function () {
  150. $('#content').masonry({
  151. itemSelector : ".post",
  152. },
  153. function() { $('#content').masonry({ appendedContent: $(this) }); }
  154. );
  155. });
  156. </script>
  157. {/block:ifnotinfinitescroll}
  158.  
  159. {/block:ifnot1column}
  160.  
  161. {block:if1column}{block:ifinfinitescroll}
  162. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  163. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  164. <script type="text/javascript" charset="utf-8">
  165. var $j = jQuery.noConflict();
  166. $j(function() {
  167. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  168. $j("img").lazyload({
  169. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  170. effect: "fadeIn",
  171. });
  172. });
  173. </script>
  174. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  175. {/block:ifinfinitescroll}{/block:if1column}
  176.  
  177. {/block:indexpage}
  178.  
  179. <style type="text/css">
  180.  
  181. @font-face {
  182. font-family: "saniretro";
  183. src:url(https://dl.dropboxusercontent.com/s/mcaqu9nnehiwi18/Saniretro.ttf);
  184. }
  185.  
  186. ::selection {background: {color:text highlight bg};color:{color:text highlight};}
  187.  
  188. ::-moz-selection {background: {color:text highlight bg};color:{color:text highlight};}
  189.  
  190. ::-webkit-scrollbar { width: 5px; }
  191. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  192. ::-webkit-scrollbar-thumb:vertical {
  193. width: 10px;
  194. border-radius: 100px;
  195. -moz-border-radius: 100px;
  196. -webkit-border-radius: 100px;
  197. -o-border-radius: 100px;
  198. background-color: {color:scrollbar};
  199. }
  200.  
  201. body {
  202. background-color: {color:background};
  203. background-image: url({image:background});
  204. background-attachment: fixed;
  205. margin: 0;
  206. word-wrap: break-word;
  207. }
  208. a { text-decoration:none; }
  209.  
  210. #sidebar {
  211. position: fixed;
  212. z-index: 100;
  213. top: 40px;
  214. left: 20px;
  215. width: 220px;
  216. padding: 20px;
  217. background-color: {color:sidebar background};
  218. background-image: url({image:sidebar background});
  219. }
  220.  
  221. #left {
  222. top: 0;
  223. left: 0;
  224. width: 20px;
  225. height: 100%;
  226. position: fixed;
  227. background-color: {color:left border};
  228. background-size: cover;
  229. }
  230.  
  231. .sbimg {
  232. width: 220px;
  233. display: block;
  234. }
  235.  
  236. .blg {
  237. margin-top: 10px;
  238. font-size: 14px;
  239. font-family: courier new;
  240. text-align: right;
  241. border-bottom: 2px solid {color:blog title underline};
  242. text-transform: uppercase;
  243. padding: 4px 10px 4px 0;
  244. background-color: rgba(255,255,255,0.3);
  245. color: {color:blog title};
  246. }
  247.  
  248. .desc {
  249. font-family: calibri;
  250. font-size: 12px;
  251. padding: 10px 0 10px 0;
  252. color: {color:description};
  253. }
  254.  
  255. .desc a {
  256. color: {color:desc link};
  257. transition: 0.4s;
  258. }
  259.  
  260. .desc a:hover {
  261. color: {color:desc link hover};
  262. }
  263.  
  264. .desc b,strong {
  265. color: {color:desc bold};
  266. }
  267.  
  268. .desc i,em {
  269. color: {color:desc italic};
  270. }
  271.  
  272. #dropdownmenu {
  273. z-index: 9999;
  274. }
  275.  
  276. select {
  277. border: 0;
  278. width: 220px;
  279. padding: 6px 10px;
  280. background-color: rgba(255,255,255,0.3);
  281. color: {color:drop down menu text};
  282. font-size: 10px;
  283. font-family: courier new;
  284. text-transform: uppercase;
  285. letter-spacing: 2px;
  286. }
  287.  
  288. :focus { outline:0; }
  289.  
  290. #basicl {
  291. position: fixed;
  292. z-index: 5;
  293. left: 0;
  294. top: 90px;
  295. }
  296.  
  297. .lka, .lkb, .lkc, .lkd {
  298. height: 20px;
  299. width: 300px;
  300. margin-top: 10px;
  301. text-align: right;
  302. font-family: courier new;
  303. font-size: 10px;
  304. text-transform: uppercase;
  305. letter-spacing: 2px;
  306. line-height: 20px;
  307. padding: 0 10px 0 0;
  308. transition: 0.6s;
  309. }
  310.  
  311. .lka { width: 330px; background-color: {color:nav bar 1}; color: {color:nav bar 1}; }
  312. .lkb { width: 300px; background-color: {color:nav bar 2}; color: {color:nav bar 2}; }
  313. .lkc { width: 320px; background-color: {color:nav bar 3}; color: {color:nav bar 3}; }
  314. .lkd { width: 310px; background-color: {color:nav bar 4}; color: {color:nav bar 4}; }
  315.  
  316. .lka:hover, .lkb:hover, .lkc:hover, .lkd:hover {
  317. background-color: transparent;
  318. }
  319. .lka:hover { width: 350px; }
  320. .lkb:hover { width: 350px; }
  321. .lkc:hover { width: 358px; }
  322. .lkd:hover { width: 334px; }
  323.  
  324. #content {
  325. width: 1000px;
  326. float: left;
  327. {block:if1column}
  328. {block:if500pxposts}margin: 20px 420px;width:600px;{/block:if500pxposts}
  329. {block:if400pxposts}margin: 20px 470px;width:500px;{/block:if400pxposts}
  330. {block:if250pxposts}margin: 20px 545px;width:350px;{/block:if250pxposts}
  331. {/block:if1column}
  332. {block:if2columns}
  333. {block:if400pxposts}margin: 20px 420px;width: 1000px;{/block:if400pxposts}
  334. {block:if250pxposts}margin: 20px 490px;width: 700px;{/block:if250pxposts}
  335. {/block:if2columns}
  336. }
  337.  
  338. .post {
  339. width: 250px;
  340. padding: 20px;
  341. background-color: {color:post background};
  342. margin-bottom: 30px;
  343. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  344. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  345. {block:if250pxposts}width: 250px;{/block:if250pxposts}
  346. {block:permalinkpage}
  347. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  348. {block:if400pxposts}width: 500px;{/block:if400pxposts}
  349. {block:if250pxposts}width: 500px;{/block:if250pxposts}
  350. {/block:permalinkpage}
  351. {block:ifnot1column}
  352. float: left;
  353. margin-bottom: 30px;
  354. margin-right: 30px;
  355. {/block:ifnot1column}
  356. }
  357.  
  358. .photo {
  359. border-radius: 5px;
  360. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  361. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  362. {block:if250pxposts}width: 250px;{/block:if250pxposts}
  363. {block:permalinkpage}
  364. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  365. {block:if400pxposts}width: 500px;{/block:if400pxposts}
  366. {block:if250pxposts}width: 500px;{/block:if250pxposts}
  367. {/block:permalinkpage}
  368. display: block;
  369. {block:ifphotofading}opacity: 0.6;{/block:ifphotofading}
  370. {block:ifmonochromeposts}
  371. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  372. filter: gray; /* IE6-9 */
  373. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  374. {/block:ifmonochromeposts}
  375. transition: 0.8s;
  376. -moz-transition: 0.8s;
  377. webkit-transition: 0.8s;
  378. -o-transition: 0.8s;
  379. }
  380.  
  381. .post:hover .photo {
  382. opacity: 1;
  383. {block:ifmonochromeposts}
  384. filter: none;
  385. -webkit-filter: grayscale(0%);
  386. {/block:ifmonochromeposts}
  387. }
  388.  
  389. .post img {
  390. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  391. {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
  392. {block:if250pxposts}max-width: 250px;{/block:if250pxposts}
  393. {block:permalinkpage}
  394. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  395. {block:if400pxposts}max-width: 500px;{/block:if400pxposts}
  396. {block:if250pxposts}max-width: 500px;{/block:if250pxposts}
  397. {/block:permalinkpage}
  398. }
  399. .post blockquote img {max-width: 100%;}
  400.  
  401. .text {
  402. font-family: calibri;
  403. font-size: 12px;
  404. color: {color:body text};
  405. letter-spacing: 1px;
  406. }
  407.  
  408. .text b,strong, .permainfo b,strong {
  409. font-weight: 400;
  410. color: {color:body bold};
  411. }
  412.  
  413. .text i,em, .permainfo a {
  414. color: {color:body italic};
  415. transition: 0.4s;
  416. }
  417.  
  418. .text a, .ptags a, .psrc a {
  419. color: {color:body links};
  420. }
  421.  
  422. .text a:hover, .ptags a:hover, .permainfo a:hover, .psrc a:hover {
  423. color: {color:body links hover};
  424. }
  425.  
  426. .ptitle, .ltitle {
  427. font-family: courier new;
  428. font-size: 12px;
  429. border-bottom: 2px solid {color:post title underline};
  430. padding: 6px 10px;
  431. text-transform: uppercase;
  432. letter-spacing: 1px;
  433. text-align: right;
  434. color: {color:post title};
  435. }
  436.  
  437. .quom, .quomr {
  438. font-family: georgia;
  439. font-size: 100px;
  440. margin: -15px 0;
  441. position: absolute;
  442. color: {color:quote post quotation marks};
  443. z-index: 1;
  444. }
  445. .quomr {
  446. {block:if500pxposts}margin: -15px 460px;{/block:if500pxposts}
  447. {block:if400pxposts}margin: -15px 360px;{/block:if400pxposts}
  448. {block:if250pxposts}margin: -15px 210px;{/block:if250pxposts}
  449. }
  450.  
  451. .pquote {
  452. font-family: courier new;
  453. font-size: 14px;
  454. text-align: center;
  455. position: relative;
  456. z-index: 2;
  457. color: {color:quote post};
  458. }
  459.  
  460. .psrc {
  461. font-family: consolas;
  462. font-size: 8px;
  463. letter-spacing: 1px;
  464. text-transform: uppercase;
  465. text-align: center;
  466. margin-top: -20px;
  467. margin-bottom: 10px;
  468. color: {color:quote post source};
  469. }
  470.  
  471. .tumblr_audio_player {height: 40px; width: 210px;}
  472. .audiopost { height: 150px; }
  473. .albumno {
  474. width: 150px;
  475. height: 150px;
  476. background-color: {color:no album art};
  477. position: absolute;
  478. z-index: 1;
  479. {block:indexpage}{block:if250pxposts}
  480. width: 250px;
  481. height: 250px;
  482. {/block:if250pxposts}{/block:indexpage}
  483. }
  484.  
  485. .albumartp {
  486. z-index: 10;
  487. width: 150px;
  488. height: 150px;
  489. position: relative;
  490. z-index: 2;
  491. display: block;
  492. {block:indexpage}{block:if250pxposts}
  493. width: 250px;
  494. height: 250px;
  495. {/block:if250pxposts}{/block:indexpage}
  496. }
  497.  
  498. .albumart {
  499. width: 150px;
  500. height: 150px;
  501. display: block;
  502. position: relative;
  503. {block:indexpage}{block:if250pxposts}
  504. width: 250px;
  505. height: 250px;
  506. {/block:if250pxposts}{/block:indexpage}
  507. }
  508.  
  509. .audioplayer {
  510. position: absolute;
  511. z-index: 11;
  512. margin-top: -90px;
  513. margin-left: 65px;
  514. width: 25px;
  515. height: 25px;
  516. overflow: hidden;
  517. opacity: 0.5;
  518. {block:indexpage}{block:if250pxposts}
  519. margin-top: -140px;
  520. margin-left: 115px;
  521. {/block:if250pxposts}{/block:indexpage}
  522. transition: 0.6s;
  523. -moz-transition: 0.6s;
  524. -webkit-transition: 0.6s;
  525. -o-transition: 0.6s;
  526. }
  527. .audioplayer:hover {opacity: 1;}
  528.  
  529. .audioinfo {
  530. position: absolute;
  531. margin-left: 155px;
  532. height: 150px;
  533. }
  534.  
  535. .aline {
  536. {block:if500pxposts}width: 325px;{/block:if500pxposts}
  537. {block:if400pxposts}width: 225px;{/block:if400pxposts}
  538. {block:indexpage}{block:if250pxposts}margin-top: 5px;{/block:if250pxposts}{/block:indexpage}
  539. {block:permalinkpage}width: 325px;{/block:permalinkpage}
  540. font-family: consolas;
  541. font-size: 10px;
  542. padding: 11px 10px;
  543. margin-bottom: 5px;
  544. text-transform: uppercase;
  545. background-color: {color:audio info background};
  546. color: {color:audio info text};
  547. }
  548. .aline b,strong {
  549. font-weight: 400;
  550. color: {color:audio info list headings};
  551. }
  552.  
  553. .askerportrait {
  554. max-width: 64px;
  555. max-height: 64px;
  556. position: absolute;
  557. border: 10px solid {color:ask background};
  558. }
  559. .a {
  560. margin-left: 100px;
  561. background-color: {color:ask background};
  562. min-height: 64px;
  563. padding: 10px;
  564. font-family: consolas;
  565. font-size: 11px;
  566. color: {color:ask text};
  567. }
  568. .asker {
  569. color: {color:asker text};
  570. font-family: consolas;
  571. font-size: 11px;
  572. text-transform: uppercase;
  573. }
  574. .asker a {color: {color:asker link};border-bottom: 1px solid {color:asker link};}
  575. .q {margin-top: 10px;}
  576. .tri {
  577. position: absolute;
  578. font-size: 30px;
  579. margin: 20px 0 0 85px;
  580. color: {color:ask background};
  581. }
  582.  
  583. .line {
  584. font-family: courier new;
  585. font-size: 8px;
  586. letter-spacing: 1px;
  587. text-transform: uppercase;
  588. }
  589.  
  590. .odd .line {
  591. padding: 10px 5px;
  592. color:{color:chat odd text};
  593. background-color: {color:post background};
  594. }
  595. .even .line {
  596. padding: 10px 5px;
  597. color:{color:chat even text};
  598. background-color: #fff;
  599. }
  600. .odd .name {
  601. color: {color:chat odd name};
  602. padding: 3px 5px;
  603. }
  604. .even .name {
  605. color: {color:chat even name};
  606. padding: 3px 5px;
  607. }
  608.  
  609. #content blockquote {
  610. margin: 5px;
  611. padding: 0 10px;
  612. border-left: 1px solid {color:blockquote};
  613. }
  614.  
  615. .perma {
  616. font-family: courier new;
  617. {block:ifnot250pxposts}
  618. margin-top: 20px;
  619. {block:ifpermalinksources}padding-bottom: 12px;{/block:ifpermalinksources}
  620. {block:ifshowtags}padding-bottom: 12px;{/block:ifshowtags}
  621. {/block:ifnot250pxposts}
  622. {block:if250pxposts}
  623. margin-top: 10px;
  624. {/block:if250pxposts}
  625. font-size: 8px;
  626. text-transform: uppercase;
  627. letter-spacing: 1px;
  628. color: #777;
  629. }
  630.  
  631. .perma a {
  632. color: {color:body links};
  633. }
  634.  
  635. .perma a:hover {
  636. color: {color:body links hover};
  637. }
  638.  
  639. .permano {
  640. padding: 3px 5px;
  641. background-color: {color:permalink notes background};
  642. color: {color:permalink notes};
  643. text-decoration: none;
  644. }
  645.  
  646. .permano:hover {
  647. background-color: {color:hover permalink notes background};
  648. color: {color:hover permalink notes};
  649. text-decoration: none;
  650. }
  651.  
  652. .permatags {
  653. text-align: right;
  654. margin-top: -1px;
  655. padding-top: 2px;
  656. line-height: 16px;
  657. border-top: 1px solid {color:permalink divider};
  658. }
  659.  
  660. .permatags a {
  661. font-family: courier new;
  662. font-size: 8px;
  663. padding: 3px;
  664. background-color: {color:tags background};
  665. color: {color:tags};
  666. text-transform: uppercase;
  667. letter-spacing: 1px;
  668. }
  669.  
  670. .permatags a:hover {
  671. background-color: {color:hover tags background};
  672. color: {color:hover tags};
  673. }
  674.  
  675. .permaactions {
  676. border-top: 1px solid {color:permalink divider};
  677. {block:ifpermalinksources}{block:ifnotshowtags}
  678. text-align: right;
  679. {/block:ifnotshowtags}{/block:ifpermalinksources}
  680. }
  681.  
  682. .permaactions a {
  683. font-family: courier new;
  684. font-size: 8px;
  685. padding: 3px;
  686. background-color: {color:hover tags background};
  687. color: {color:hover tags};
  688. margin-left: 5px;
  689. margin-top: 6px;
  690. {block:ifpermalinksources}{block:ifshowtags}
  691. float: right;
  692. {/block:ifshowtags}{/block:ifpermalinksources}
  693. text-transform: uppercase;
  694. letter-spacing: 1px;
  695. }
  696.  
  697. .permaactions a:hover {
  698. background-color: {color:tags background};
  699. color: {color:tags};
  700. }
  701.  
  702. .permainfo {
  703. margin-top: 10px;
  704. width: 480px;
  705. padding: 30px 30px;
  706. font-family: consolas;
  707. font-size: 11px;
  708. text-align: center;
  709. background-color: {color:post background};
  710. color: {color:body text};
  711. }
  712.  
  713. #notecontainer {
  714. padding: 10px;
  715. text-decoration: none;
  716. width: 500px;
  717. background-color: {color:post background};
  718. padding: 20px;
  719. margin-top: 20px;
  720. }
  721.  
  722. ol.notes {
  723. list-style-type: none;
  724. letter-spacing: -1px;
  725. font-size: 11px;
  726. color: {color:body text};
  727. font-family: consolas;
  728. text-decoration: none;
  729. margin: 0;
  730. width: 500px;
  731. padding: 5px;
  732. text-align: left;
  733. }
  734. ol.notes a {
  735. color: {color:body links};
  736. -webkit-transition: all 0.4s ease-in-out;
  737. -moz-transition: all 0.4s ease-in-out;
  738. -o-transition: all 0.4s ease-in-out;
  739. -ms-transition: all 0.4s ease-in-out;
  740. transition: all 0.4s ease-in-out;}
  741.  
  742. ol.notes a:hover {color:{color:body links};}
  743.  
  744. img.avatar {
  745. margin-right: 5px;
  746. width: 10px;
  747. height: 10px;
  748. float: left;
  749. }
  750.  
  751. #perma {
  752. {block:if1column}
  753. {block:if500pxposts}margin: 10px 520px;{/block:if500pxposts}
  754. {block:if400pxposts}margin: 10px 420px;{/block:if400pxposts}
  755. {block:if250pxposts}margin: 10px 270px;{/block:if250pxposts}
  756. {/block:if1column}
  757. position: absolute;
  758. font-family: courier new;
  759. font-size: 10px;
  760. text-transform: uppercase;
  761. letter-spacing: 1px;
  762. }
  763.  
  764. .ntct {
  765. border-left: 3px solid {color:permalink colour 1};
  766. color: {color:permalink colour 1};
  767. width: auto;
  768. padding: 0 10px;
  769. transition: 0.6s;
  770. }
  771.  
  772. .tmag {
  773. border-left: 3px solid {color:permalink colour 2};
  774. color: {color:permalink colour 2};
  775. width: 200px;
  776. padding: 0 10px;
  777. transition: 0.6s;
  778. }
  779.  
  780. .rebg {
  781. border-left: 3px solid {color:permalink colour 3};
  782. color: {color:permalink colour 3};
  783. width: 200px;
  784. padding: 0 10px;
  785. transition: 0.6s;
  786. }
  787.  
  788. .ntct:hover {padding: 10px;margin: 2px 0;}
  789. .tmag:hover {padding: 10px;margin: 2px 0;}
  790. .rebg:hover {padding: 10px;margin: 2px 0;}
  791.  
  792. .pagi {
  793. position: absolute;
  794. text-align: right;
  795. margin-top: 20px;
  796. width: 220px;
  797. }
  798.  
  799. .paginationss {
  800. width: 220px;
  801. text-align: right;
  802. font-family: calibri;
  803. font-size: 10px;
  804. }
  805.  
  806. .pagi a {
  807. background-image: url({image:sidebar background});
  808. background-color: {color:pagination links background};
  809. color: {color:pagination links text};
  810. border-bottom: 1px solid {color:pagination link underline};
  811. padding: 3px 5px;
  812. margin: 0 0 0 5px;
  813. -webkit-transition: all 0.4s ease-in-out;
  814. -moz-transition: all 0.4s ease-in-out;
  815. -o-transition: all 0.4s ease-in-out;
  816. -ms-transition: all 0.4s ease-in-out;
  817. transition: all 0.4s ease-in-out;
  818. }
  819.  
  820. .pagi a:hover {
  821. color: {color:hover pagination links text};
  822. border-bottom: 1px solid {color:pagination link underline hover};
  823. }
  824.  
  825. .current_page {
  826. border-bottom: 1px solid {color:pagination link underline hover};
  827. color: {color:pagination current text};
  828. padding: 3px 5px;
  829. margin: 0 0 0 5px;
  830. }
  831.  
  832. {CustomCSS}
  833.  
  834. </style>
  835. </head>
  836. <body>
  837.  
  838. <div id="left"></div>
  839.  
  840. <div id="basicl">
  841.  
  842. <a href="/"><div class="clink"><div class="lka">refresh</div></div><!--clink--></a>
  843.  
  844. <a href="/ask"><div class="clink"><div class="lkb">contact</div></div><!--clink--></a>
  845.  
  846. <a href="/archive"><div class="clink"><div class="lkc">archives</div></div><!--clink--></a>
  847.  
  848. <a href="http://yukoki.tumblr.com"><div class="clink"><div class="lkd">theme</div></div><!--clink--></a>
  849.  
  850. </div><!--basicl-->
  851.  
  852. <div id="sidebar">
  853.  
  854. <img class="sbimg" src="{image:sidebar}">
  855.  
  856. <div class="blg">{title}</div>
  857. <div class="desc">{description}</div>
  858.  
  859. <div id="dropdownmenu">
  860. <select onChange="location.href=this.options[this.selectedIndex].value;">
  861. <option value="/">Navigate</option>
  862.  
  863. {block:Iflink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:Iflink1}
  864. {block:Iflink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:Iflink2}
  865. {block:Iflink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:Iflink3}
  866. {block:Iflink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:Iflink4}
  867. {block:Iflink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:Iflink5}
  868. {block:Iflink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:Iflink6}
  869. {block:Iflink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:Iflink7}
  870. {block:Iflink8}<option value="{text:Link 8 URL}">{text:Link 8}</option>{/block:Iflink8}
  871. {block:Iflink9}<option value="{text:Link 9 URL}">{text:Link 9}</option>{/block:Iflink9}
  872. {block:Iflink10}<option value="{text:Link 10 URL}">{text:Link 10}</option>{/block:Iflink10}
  873.  
  874. </select>
  875. </div>
  876.  
  877. {block:indexpage}{block:ifnotinfinitescroll}
  878. <div class="pagi">
  879. {block:Pagination}<div class="paginationss">
  880. {block:PreviousPage}
  881. <a href="{PreviousPage}">+</a>
  882. {/block:PreviousPage}
  883. {block:JumpPagination length="3"}
  884. {block:CurrentPage}
  885. <span class="current_page">X</span>
  886. {/block:CurrentPage}
  887. {block:JumpPage}
  888. <a class="jump_page" href="{URL}">{PageNumber}</a>
  889. {/block:JumpPage}
  890. {/block:JumpPagination}
  891. {block:NextPage}
  892. <a href="{NextPage}">-</a>
  893. {/block:NextPage}
  894. </div><!--paginationss-->{/block:Pagination}
  895. </div>
  896. {/block:ifnotinfinitescroll}{/block:indexpage}
  897.  
  898. </div><!--sidebar-->
  899.  
  900. <div id="content">
  901.  
  902. {block:Posts}
  903. <div class="post">
  904.  
  905. {block:indexpage}{block:date}
  906.  
  907. <div id="perma">
  908. <a href="{permalink}"><div class="ntct">+ {NoteCount}</div></a>
  909. <a href="{permalink}"><div class="tmag">{TimeAgo}</div></a>
  910. <a href="{ReblogURL}"><div class="rebg">Reblog this</div></a>
  911. </div><!--perma-->
  912. {/block:date}{/block:indexpage}
  913.  
  914. {block:quote}
  915. <div class="quom">“</div><div class="quomr">”</div>
  916. <div class="pquote">{quote}</div><br>
  917. <div class="psrc">- {Source} -</div>
  918. {/block:quote}
  919.  
  920. {block:Photo}
  921. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  922. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  923. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  924. <div class="text">{Caption}</div>
  925. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  926. {/block:Photo}
  927.  
  928. {block:Photoset}
  929. <div class="photo">
  930. {block:indexpage}
  931. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  932. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  933. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  934. {/block:indexpage}
  935. {block:permalinkpage}
  936. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  937. {block:if400pxposts}{Photoset-500}{/block:if400pxposts}
  938. {block:if250pxposts}{Photoset-500}{/block:if250pxposts}
  939. {/block:permalinkpage}
  940. </div>
  941. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  942. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  943. <div class="text">{Caption}</div>
  944. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  945. {/block:Photoset}
  946.  
  947. {block:text}
  948. {block:Title}<div class="ptitle">{Title} +</div>{/block:Title}
  949. <div class="text">{body}</div>
  950. {/block:text}
  951.  
  952. {block:Audio}
  953.  
  954. {block:indexpage}{block:ifnot250pxposts}
  955. <div class="audiopost">
  956. <div class="audioinfo">
  957. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  958. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  959. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  960. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  961. </div><!--audioinfo-->
  962. {/block:ifnot250pxposts}{/block:indexpage}
  963.  
  964. {block:permalinkpage}
  965. <div class="audioinfo">
  966. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  967. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  968. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  969. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  970. </div><!--audioinfo-->
  971. {/block:permalinkpage}
  972.  
  973. <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  974. <div class="audioplayer">{AudioPlayer}</div>
  975.  
  976. {block:ifnot250pxposts}{block:indexpage}</div><!--audiopost-->{/block:indexpage}{/block:ifnot250pxposts}
  977.  
  978. {block:indexpage}{block:if250pxposts}
  979. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  980. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  981. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  982. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  983. {/block:if250pxposts}{/block:indexpage}
  984. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  985. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  986. <div class="text">{Caption}</div>
  987. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  988. {/block:Audio}
  989.  
  990. {block:Video}
  991. {block:indexpage}
  992. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  993. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  994. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  995. {/block:indexpage}
  996. {block:permalinkpage}
  997. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  998. {block:if400pxposts}{Video-500}{/block:if400pxposts}
  999. {block:if250pxposts}{Video-500}{/block:if250pxposts}
  1000. {/block:permalinkpage}
  1001. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1002. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1003. <div class="text">{Caption}</div>
  1004. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1005. {/block:Video}
  1006.  
  1007. {block:Answer}
  1008. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1009. <div class="tri">◀</div>
  1010. <div class="a">
  1011. <span class="asker">{Asker} whispered:</span>
  1012. <span class="q">{Question}</span>
  1013. </div>
  1014. <div class="text">{Answer}</div>
  1015. {/block:Answer}
  1016.  
  1017. {block:Chat}
  1018. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1019. <div class="text">
  1020. {block:Lines}<div class="{Alt}">
  1021. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1022. {/block:Lines}
  1023. </div>
  1024. {/block:Chat}
  1025.  
  1026. {block:link}
  1027. <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
  1028. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1029. {/block:link}
  1030.  
  1031. </div><!--posts-->
  1032.  
  1033. {block:permalinkpage}{block:date}
  1034. <div class="permainfo">
  1035. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1036. {block:RebloggedFrom}
  1037. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1038. {/block:RebloggedFrom}
  1039. {block:HasTags}<div class="ptags">{block:Tags}
  1040. <a href="{TagURL}">#{Tag} </a>
  1041. {/block:Tags}</div>{/block:HasTags}
  1042. </div><!--permainfo-->
  1043. {block:PostNotes}
  1044. <div id="notecontainer">{PostNotes}</div>
  1045. {/block:PostNotes}
  1046. {/block:date}{/block:permalinkpage}
  1047.  
  1048. {/block:Posts}
  1049.  
  1050. {block:ContentSource}
  1051. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1052. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1053. {/block:SourceLogo}
  1054. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1055. {/block:ContentSource}
  1056.  
  1057. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  1058.  
  1059. </div><!--content-->
  1060.  
  1061. </body>
  1062. </html>
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!