API tools faq
paste
Advertisement
milkdesu

Theme #9 - Milky

milkdesu
Jun 30th, 2016
1,916
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.66 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.  
  3. <!--
  4.  
  5. _ _ _ _
  6. (_) | | | |
  7. _ __ ___ _| | | ____| | ___ ___ _ _
  8. | '_ ` _ \| | | |/ / _` |/ _ \/ __| | |♥| T H E M E S .
  9. | | | | | | | | < (_| | __/\__ \ |_| |
  10. |_| |_| |_|_|_|_|\_\__,_|\___||___/\__,_|
  11. * ** ** * * ** ** * * ** *
  12. BY KUROKOI.TUMBLR.COM
  13. previously erwinapologist/baekdo/kurokoi
  14. don't remove the credit I can see u
  15.  
  16. * ** * * ** * * **
  17. ** * *
  18. * ** *
  19. * * *
  20. * * * * * *
  21. * * * *
  22. * * * * *
  23.  
  24. * *
  25. *
  26. *
  27.  
  28. -->
  29.  
  30.  
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head>
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <meta name="color:Background" content="#fff"/>
  40. <meta name="color:Posts" content="#fff"/>
  41. <meta name="color:Text" content="#333"/>
  42. <meta name="color:Links" content="#e3d1fd"/>
  43. <meta name="color:Links Hover" content="#ddd"/>
  44. <meta name="color:Tags" content="#ccc"/>
  45. <meta name="color:Border" content="#eee"/>
  46. <meta name="color:Scrollbar" content="#dedcfe"/>
  47. <meta name="color:Title" content="#222"/>
  48.  
  49. <meta name="image:Pagination Icon" content="http://static.tumblr.com/7dwvytx/PlJn70r61/tumblr_inline_mg2m4budxb1qdlkyg.gif">
  50. <meta name="image:Permalink Icon" content="http://media.tumblr.com/8cdf2bc1ba30b77affe6777990d35a8a/tumblr_inline_mrxqh9oO2s1qz4rgp.gif">
  51. <meta name="image:Ribbon" content="https://68.media.tumblr.com/a05cf8ae4ef01e57b9be7f3a48a7c008/tumblr_inline_ot3m5yqUOv1r9nnh5_540.png">
  52. <meta name="image:Below Ribbon Icon" content="https://68.media.tumblr.com/b282043da879a9baa3e6b1259dd86bf3/tumblr_inline_ot3m7pTEml1r9nnh5_540.gif">
  53. <meta name="image:Cursor" content="https://66.media.tumblr.com/936fece6c04b5035a98beaf51b5e2169/tumblr_inline_n92hc1UuyU1rfw5am.gif">
  54. <meta name="image:Counter" content="https://68.media.tumblr.com/d97f4b8a1cdab39800f61d6325c0bb02/tumblr_inline_mrxplcVafY1qz4rgp.gif">
  55. <meta name="image:Links Icon" content="https://68.media.tumblr.com/abc5f8200e1fdb4f6ec719136e79a590/tumblr_inline_ot3mchfVgZ1r9nnh5_540.gif">
  56.  
  57. <meta name="text:asked" content="said">
  58. <meta name="text:Askbox URL" content="BLOG.tumblr.com">
  59. <meta name="text:Button 4 Name" content="TAGS">
  60. <meta name="text:Button 4 URL" content="/tagged/tags">
  61. <meta name="text:Button 6 Name" content="FAVES">
  62. <meta name="text:Button 6 URL" content="/tagged/fave">
  63. <meta name="text:Counter" content="(paste the script here, more help on theme post)">
  64.  
  65. <meta name="text:linkA" content="link 1">
  66. <meta name="text:linkA url" content="/">
  67. <meta name="text:linkB" content="link 2">
  68. <meta name="text:linkB url" content="/">
  69. <meta name="text:linkC" content="link 3">
  70. <meta name="text:linkC url" content="/">
  71. <meta name="text:linkD" content="link 4">
  72. <meta name="text:linkD url" content="/">
  73. <meta name="text:linkE" content="link 5">
  74. <meta name="text:linkE url" content="/">
  75. <meta name="text:linkF" content="link 6">
  76. <meta name="text:linkF url" content="/">
  77. <meta name="text:linkG" content="link 7">
  78. <meta name="text:linkG url" content="/">
  79. <meta name="text:linkH" content="link 8">
  80. <meta name="text:linkH url" content="/">
  81. <meta name="text:linkI" content="link 9">
  82. <meta name="text:linkI url" content="/">
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85.  
  86. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips();
  91. });
  92. })(jQuery);
  93. </script>
  94.  
  95. <script type="text/javascript"
  96. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  97.  
  98. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  99.  
  100. <script>
  101.  
  102. $(document).ready(function() {
  103.  
  104. $('a.poplight[href^=#]').click(function() {
  105.  
  106. var popID = $(this).attr('rel');
  107.  
  108. var popURL = $(this).attr('href');
  109.  
  110. var query= popURL.split('?');
  111.  
  112. var dim= query[1].split('&');
  113.  
  114. var popWidth = dim[0].split('=')[1];
  115.  
  116. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/7dwvytx/AFhng0xhl/close.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  117.  
  118. var popMargTop = ($('#' + popID).height() + 80) / 2;
  119.  
  120. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  121.  
  122. $('#' + popID).css({
  123.  
  124. 'margin-top' : -popMargTop,
  125.  
  126. 'margin-left' : -popMargLeft
  127.  
  128. });
  129.  
  130.  
  131. $('body').append('<div id="fade"></div>');
  132.  
  133. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  134.  
  135. return false;
  136.  
  137. });
  138.  
  139. $('a.close, #fade').live('click', function() {
  140.  
  141. $('#fade , .popup_block').fadeOut(function() {
  142.  
  143. $('#fade, a.close').remove();
  144.  
  145. });
  146.  
  147. return false;
  148.  
  149. });
  150.  
  151. });
  152.  
  153. </script>
  154.  
  155. <script language=JavaScript>
  156.  
  157. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  158. //For full source code, visit http://www.dynamicdrive.com
  159.  
  160. var message="no";
  161.  
  162. function clickIE4(){
  163. if (event.button==2){
  164. alert(message);
  165. return false;
  166. }
  167. }
  168.  
  169. function clickNS4(e){
  170. if (document.layers||document.getElementById&&!document.all){
  171. if (e.which==2||e.which==3){
  172. alert(message);
  173. return false;
  174. }
  175. }
  176. }
  177.  
  178. if (document.layers){
  179. document.captureEvents(Event.MOUSEDOWN);
  180. document.onmousedown=clickNS4;
  181. }
  182. else if (document.all&&!document.getElementById){
  183. document.onmousedown=clickIE4;
  184. }
  185.  
  186. document.oncontextmenu=new Function("return false")
  187.  
  188. </script>
  189.  
  190. <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  191. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  192.  
  193. <style type="text/css">
  194.  
  195. ::-webkit-scrollbar-thumb:vertical {
  196. background: {color:Scrollbar};
  197. border: 4px solid {color:Background};
  198. width: 30px;
  199. }
  200.  
  201. ::-webkit-scrollbar {
  202. height: 10px;
  203. width: 15px;
  204. background: {color:Scrollbar};
  205. border: 7px solid {color:Background};
  206. }
  207.  
  208. :-moz-selection {
  209. background: transparent;
  210. color: #000;
  211. }
  212.  
  213. ::selection {
  214. background: transparent;
  215. color: #000;
  216. }
  217.  
  218. body, a, a:hover { cursor:url({image:Cursor}), auto }
  219. a:hover { cursor:url({image:Cursor}), auto }
  220.  
  221. @font-face
  222. { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  223.  
  224. @font-face
  225. { font-family:"Inconsolata"; src:url('http://static.tumblr.com/sas2ex2/3lgmqt637/inconsolata.otf'); }
  226.  
  227. iframe#tumblr_controls {
  228. top: 0% !important;
  229. right:0% !important;
  230. position: fixed !important;
  231. z-index:99999999 !important;
  232. -webkit-filter: invert(100%);
  233. -moz-filter: invert(100%);
  234. -o-filter: invert(100%);
  235. -ms-filter: invert(100%);
  236. filter: invert(100%);
  237. opacity:0.2;
  238. }
  239.  
  240. body {
  241. background:{color:Background};
  242. color:{color:Text};
  243. font-family:'Inconsolata';
  244. font-size:8px;
  245. letter-spacing:1px;
  246. line-height:130%;
  247. text-align:justify;
  248. }
  249.  
  250. a {
  251. text-decoration:none;
  252. -moz-outline-style:none;
  253. color:{color:Links};
  254. }
  255.  
  256. a:hover {
  257. opacity:1;
  258. color:{color:Links Hover};
  259. text-decoration:underline;
  260. font-style:none;
  261. font-weight:none;
  262. -webkit-transition: all 0.2s ease;
  263. -moz-transition: all 0.2s ease;
  264. -o-transition: all 0.2s ease;
  265. }
  266.  
  267. img {
  268. border:none;
  269. -webkit-filter:grayscale(0%);
  270. }
  271.  
  272. #posts img {
  273. {block:IndexPage}
  274. opacity:0.9;
  275. -webkit-transition: opacity 0.5s linear;
  276. -webkit-transition: all 0.5s ease-in-out;
  277. -moz-transition: all 0.5s ease-in-out;
  278. max-width:100%;
  279. max-height:100%;
  280. {/block:IndexPage}
  281. {block:PermalinkPage}
  282. max-width:100%;
  283. max-height:100%;
  284. {/block:PermalinkPage}
  285. }
  286.  
  287. #posts img:hover {
  288. opacity:1;
  289. -webkit-filter:grayscale(0%);
  290. -webkit-transition: opacity 0.3s linear;
  291. -webkit-transition: all 0.3s ease-in-out;
  292. -moz-transition: all 0.3s ease-in-out;}
  293.  
  294.  
  295. h1 {
  296. font-family:'Inconsolata';
  297. text-transform:uppercase;
  298. font-size:20px;
  299. letter-spacing:1px;
  300. line-height:100%;
  301. }
  302.  
  303. h3 img {
  304. display: inline-block;
  305. margin:3px;
  306. padding:4px;
  307. border-radius:1px;
  308. background:#f9f9f9;
  309. opacity:0.7;
  310. }
  311.  
  312. h3 img:hover {
  313. opacity:1.0;
  314. }
  315.  
  316. blockquote img {
  317. max-width:100%;
  318. max-height:100%;
  319. }
  320.  
  321. blockquote {
  322. background-color:#fbfbfb;
  323. padding:5px;
  324. padding-left:10px;
  325. padding-right:10px;
  326. border:1px solid #f0f0f0;
  327. border-radius:2px;
  328. {block:IndexPage}width:200px;{/block:IndexPage}
  329. {block:PermalinkPage}width:450px;{/block:PermalinkPage}
  330. margin-left:20px;
  331. }
  332.  
  333. blockquote blockquote {
  334. background-color:#f6f6f6;
  335. padding:2px;
  336. padding-left:5px;
  337. padding-right:5px;
  338. padding-top:0px;
  339. padding-bottom:0px;
  340. border:1px solid #f0f0f0;
  341. border-radius:2px;
  342. {block:IndexPage}width:150px;{/block:IndexPage}
  343. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  344. }
  345.  
  346. blockquote blockquote blockquote {
  347. background-color:#f2f2f2;
  348. {block:IndexPage}width:100px;{/block:IndexPage}
  349. {block:PermalinkPage}width:350px;{/block:PermalinkPage}
  350. }
  351.  
  352. #s-m-t-tooltip {
  353. z-index:9999999;
  354. background:#fff;
  355. font-size:8px;
  356. line-height:11px;
  357. font-family:'Inconsolata';
  358. letter-spacing:0px;
  359. text-transform:uppercase;
  360. color:#000;
  361. text-align:center;
  362. padding:4px;
  363. padding-left:10px;
  364. border:3px double #ddd;
  365. border-radius:1px;
  366. display:block;
  367. max-width:170px;
  368. margin:20px 26px;
  369. -webkit-box-shadow:1px 1px 1px rgba(20, 20, 20, 0.2);
  370. -moz-box-shadow:2px 2px 2px rgba(20, 20, 20, 0.2);
  371. box-shadow:2px 2px 2px rgba(20, 20, 20, 0.2);
  372. -webkit-transition: all 0.5s ease;
  373. -moz-transition: all 0.5s ease;
  374. -o-transition: all 0.5s ease;
  375. }
  376.  
  377. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  378. top:0% !important;
  379. right:0% !important;
  380. position:fixed !important;
  381. white-space:nowrap;
  382. opacity:0.4;
  383. -webkit-filter: invert(100%);
  384. -moz-filter: invert(100%);
  385. -ms-filter: invert(100%);
  386. -o-filter: invert(100%);
  387. filter: invert(100%);
  388. z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999!important;
  389. }
  390.  
  391. #top {
  392. background:#fff;
  393. position:fixed;
  394. padding:28px;
  395. padding-top:40px;
  396. padding-bottom:8px;
  397. {block:IndexPage}margin-left:540px;{/block:IndexPage}
  398. {block:PermalinkPage}margin-left:490px;{/block:PermalinkPage}
  399. margin-top:-120px;
  400. border-bottom:1px solid {color:Border};
  401. color:{color:Text};
  402. {block:IndexPage}width:400px;{/block:IndexPage}
  403. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  404. z-index:99;
  405. opacity:1;
  406. }
  407.  
  408. #sidebar {
  409. position:fixed;
  410. background-color:#fff;
  411. width:191px;
  412. height:90px;
  413. {block:PermalinkPage}height:115px;{/block:PermalinkPage}
  414. padding:4px;
  415. margin-left:158px;
  416. margin-top:295px;
  417. background:#fff;
  418. border: 1px double {color:Border};
  419. border-radius:2px;
  420. }
  421.  
  422. #title {
  423. font-family:'Inconsolata';
  424. line-height:100%;
  425. font-size:38px;
  426. letter-spacing:3px;
  427. font-weight:none;
  428. font-style:none;
  429. text-align:center;
  430. margin-top:0px;
  431. padding:12px;
  432. }
  433.  
  434. #title a {
  435. color:#d5d5d5;
  436. cursor:pointer;
  437. }
  438.  
  439. #title a:hover {
  440. font-size:48px;
  441. text-decoration:none;
  442. font-weight:bold;
  443. color:{color:Title};
  444. -webkit-transition: all 0.5s ease;
  445. -moz-transition: all 0.5s ease;
  446. -o-transition: all 0.5s ease;
  447. }
  448.  
  449. .navi {
  450. position:fixed;
  451. line-height:100%;
  452. text-align:center;
  453. margin-top:260px;
  454. margin-left:159px;
  455. letter-spacing:0px;
  456. }
  457.  
  458. .navi img {
  459. display: inline-block;
  460. margin:3px;
  461. padding:4px;
  462. border-radius:2px;
  463. background:#eee;
  464. opacity:0.74;
  465. }
  466.  
  467. .navi img:hover {
  468. opacity:1;
  469. -webkit-transition: all 0.1s ease;
  470. -moz-transition: all 0.1s ease;
  471. -o-transition: all 0.1s ease;
  472. }
  473.  
  474. #fade {
  475. display:none;
  476. background:#000;
  477. position:fixed;
  478. left:0;
  479. top:0;
  480. width:100%;
  481. height:100%;
  482. opacity:0.8;
  483. z-index:99999;
  484. }
  485.  
  486. .popup_block{
  487. display:none;
  488. background:#fff;
  489. padding:30px;
  490. float:left;
  491. position:fixed;
  492. top:50%;
  493. left:50%;
  494. border:1px double #f0f0f0;
  495. z-index:999999;
  496. }
  497.  
  498. img.btn_close {
  499. float:right;
  500. margin:-20px -20px 0 0;
  501. }
  502.  
  503. *html #fade {
  504. position:absolute;
  505. }
  506.  
  507. *html .popup_block {
  508. position:absolute;
  509. }
  510.  
  511. .title {
  512. color:{color:Text};
  513. font-family:'cambria';
  514. line-height:100%;
  515. font-size:28px;
  516. letter-spacing:3px;
  517. font-weight:bold;
  518. font-style:none;
  519. text-align:center;
  520. margin-top:0px;
  521. padding-top:12px;
  522. opacity:0.9;
  523. }
  524.  
  525. .title a {
  526. color:{color:Text};
  527. -moz-outline-style:none;
  528. }
  529.  
  530. .title a:hover {
  531. letter-spacing:7px;
  532. text-decoration:none;
  533. -webkit-transition: all 0.3s ease;
  534. -moz-transition: all 0.3s ease;
  535. -o-transition: all 0.3s ease;
  536. }
  537.  
  538. #desc2 {
  539. margin-left:2px;
  540. text-align:center;
  541. font-size:8px;
  542. letter-spacing:0px;
  543. font-family:'Inconsolata';
  544. text-transform:uppercase;
  545. color:#555;
  546. }
  547.  
  548. #desc2 a:hover {
  549. color:#555;
  550. text-decoration:none;
  551. font-style:none;
  552. font-weight:none;
  553. letter-spacing:1px;
  554. }
  555.  
  556. #pagi {
  557. font-family:'Inconsolata';
  558. text-transform:uppercase;
  559. font-size:8px;
  560. letter-spacing:1px;
  561. display:block;
  562. background: #eee;
  563. margin-left:2px;
  564. margin-top:15px;
  565. width:183px;
  566. padding:2px;
  567. }
  568.  
  569. #pagi a {
  570. line-height:250%;
  571. margin: 2px;
  572. padding: 4px;
  573. border: 1px solid #ddd;
  574. border-radius: 2px;
  575. background: #fcfcfc;
  576. color:#555;
  577. opacity:0.7;
  578. -moz-outline-style:none;
  579. }
  580.  
  581. #pagi a:hover {
  582. background:#f0f0f0;
  583. text-decoration:none;
  584. opacity:1;
  585. -webkit-transition: all 0.5s ease;
  586. -moz-transition: all 0.5s ease;
  587. -o-transition: all 0.5s ease;
  588. }
  589.  
  590. #pagi img {
  591. margin-bottom:-10px;
  592. }
  593.  
  594. #burrito {
  595. padding:10px;
  596. padding-top:90px;
  597. width:450px;
  598. margin-top:120px;
  599. margin-bottom:42px;
  600. {block:IndexPage}margin-left:623px;{/block:IndexPage}
  601. {block:PermalinkPage}margin-left:496px;{/block:PermalinkPage}
  602. {/block:IndexPage}
  603. font-size:10px;
  604. }
  605.  
  606. #posts {
  607. {block:IndexPage}width:250px;{/block:IndexPage}
  608. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  609. {block:PermalinkPage}padding-right:100px;{/block:PermalinkPage}
  610. padding:10px;
  611. margin-top:25px;
  612. background-color:{color:Posts};
  613. border:1px solid {color:Border};
  614. border-radius:2px;
  615. }
  616.  
  617. #posts a {
  618. color:{color:Links};
  619. -moz-outline-style:none;
  620. }
  621.  
  622. #posts a:hover {
  623. text-decoration:underline;
  624. color:{color:Links Hover};
  625. -webkit-transition: all 0.2s ease;
  626. -moz-transition: all 0.2s ease;
  627. -o-transition: all 0.2s ease;
  628. }
  629.  
  630. .line {
  631. width:264px;
  632. {block:PermalinkPage}padding-right:100px;{/block:PermalinkPage}
  633. padding:3px;
  634. margin-top:-3px;
  635. background-color:#f4f4f4;
  636. border-top:1px solid #f0f0f0;
  637. border-bottom:1px solid {color:Border};
  638. border-right:1px solid {color:Border};
  639. border-left:1px solid {color:Border};
  640. border-radius:2px;
  641. color:#aaa;
  642. font-family:'Inconsolata';
  643. text transform:uppercase;
  644. font-size:8px;
  645. text-align:center;
  646. }
  647.  
  648. .line a {
  649. color:#bbb;
  650. }
  651.  
  652. .line a:hover {
  653. color:#aaa;
  654. background-color:#f5f5f5;
  655. }
  656.  
  657. #perma {
  658. position:absolute;
  659. width:100px;
  660. margin-left:298px;
  661. padding:8px;
  662. text-align:justify;
  663. font-family:'Inconsolata';
  664. text transform:uppercase;
  665. font-size:9px;
  666. color:#ccc;
  667. line-height:10px;
  668. opacity:0.0;
  669. -webkit-transition: all 0.5s ease;
  670. -moz-transition: all 0.5s ease;
  671. -o-transition: all 0.5s ease;
  672. }
  673.  
  674. #perma a {
  675. color:#aaa;
  676. }
  677.  
  678. #perma a:hover {
  679. color:#555;
  680. text-decoration:none;
  681. font-style:normal;
  682. }
  683.  
  684. #posts:hover #perma {
  685. background-color:#f8f8f8;
  686. opacity:1.0;
  687. z-index:2;
  688. }
  689.  
  690. .buttons a {
  691. color:#444;
  692. background:#dfdfdf;
  693. padding:5px 7px 5px 7px;
  694. line-height:280%;
  695. letter-spacing:1px;
  696. font-family:'Inconsolata';
  697. text-transform:uppercase;
  698. font-size:8px;
  699. opacity:1;
  700. -moz-outline-style:none;
  701. }
  702.  
  703. .buttons a:hover {
  704. color:#fff;
  705. background:#bbb;
  706. text-decoration:none;
  707. opacity:1;
  708. transition:0.1s all ease-in-out;
  709. moz-transition:0.1s all ease-in-out;
  710. -o-transition:0.1s all ease-in-out;
  711. -webkit-transition:0.1s all ease-in-out;
  712. }
  713.  
  714. #page {
  715. text-align:left;
  716. font-size:13px;
  717. line-height:150%;
  718. padding:20px;
  719. background-color:#f5f5f5;
  720. width:482px;
  721. margin-top:-2px;
  722. }
  723.  
  724. #notes {
  725. font-size:8px;
  726. line-height:3px;
  727. font-family:'Inconsolata';
  728. letter-spacing:1px;
  729. margin-top:40px;
  730. border-bottom:1px solid #eee;
  731. }
  732.  
  733. #notes img {
  734. width:15px;
  735. height:15px;
  736. padding:2px;
  737. margin-top:5px;
  738. margin-right:5px;
  739. border:1px solid #eee;
  740. }
  741.  
  742. #quote {
  743. font-family:'Cambria';
  744. padding:4px;
  745. letter-spacing:0px;
  746. font-size: 26px;
  747. text-align:justify;
  748. line-height: 75%;
  749. }
  750.  
  751. #audio {
  752. padding-bottom:30px;
  753. font-family:'Inconsolata';
  754. font-size:8px;
  755. line-height:100%;
  756. }
  757.  
  758. .audio-player {
  759. position:absolute;
  760. width:27px;
  761. height:27px;
  762. overflow:hidden;
  763. margin-left:-66px;
  764. margin-top:27px;
  765. opacity:0.6;
  766. filter:alpha(opacity=60);
  767. border:2px solid #f2f2f2;
  768. }
  769.  
  770. #ask {
  771. background-color: #fafafa;
  772. padding:5px;
  773. margin-bottom:3px;
  774. letter-spacing:2px;
  775. text-align:left;
  776. font-style:none;
  777. border-bottom:1px solid #eee;
  778. border-radius:0px;
  779. color: #888;
  780. line-height:130%;
  781. max-width:100%;
  782. }
  783.  
  784. .credit {
  785. position:fixed;
  786. bottom:10px;
  787. right:10px;
  788. font-size:11px;
  789. letter-spacing:1px;
  790. font-family:'Inconsolata';
  791. padding:5px;
  792. background-color:#fff;
  793. border:1px solid {color:Border};
  794. z-index:999;
  795. }
  796.  
  797. .credit a {
  798. color:{color:Text};
  799. }
  800.  
  801. .credit a:hover {
  802. color:{color:Links Hover};
  803. }
  804.  
  805. .credit img {
  806. opacity:0.5
  807. }
  808.  
  809. #plant {
  810. position:fixed;
  811. top:10px;
  812. left:12px;
  813. z-index:9999999;
  814. font-size:9px;
  815. letter-spacing:0px;
  816. color:#777;
  817. z-index:999999;
  818. }
  819.  
  820. .oldtop {
  821. top:-7px;
  822. width:100%;
  823. position:fixed;
  824. background-color:#fff;
  825. padding-top:5px;
  826. margin-left:-8px;
  827. height:25px;
  828. border-bottom:3px double #fff;
  829. opacity:0.5;
  830. z-index:99!important;
  831. }
  832.  
  833. .lace {
  834. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  835. repeat:repeat-x;
  836. margin-top:24px;
  837. left:0;
  838. width:100%;
  839. height:18px;
  840. opacity:1;
  841. }
  842.  
  843. #desc {
  844. color:{color:Text};
  845. text-align:center;
  846. font-size:10px;
  847. padding:0px;
  848. font-family:'Inconsolata';
  849. letter-spacing:0px;
  850. height:100px;
  851. }
  852.  
  853. #desc img {
  854. max-height:100px;
  855. -webkit-filter: grayscale(80%);
  856. }
  857.  
  858. #desc img:hover {
  859. -webkit-filter: grayscale(0%);
  860. }
  861.  
  862. .bow {
  863. margin-top:20px;
  864. text-align:center;
  865. opacity:0.7;
  866. }
  867.  
  868. .bum {
  869. position:fixed;
  870. margin-top:3px;
  871. margin-left:-4px;
  872. opacity:0.5;
  873. -webkit-filter:grayscale(100%);
  874. }
  875.  
  876. </style>
  877.  
  878. </head>
  879.  
  880. <body>
  881.  
  882. <div id="top">
  883. <div class="bow"><img src="{image:Ribbon}"></a></div>
  884. <div id="desc">
  885. <img src="{image:Below Ribbon Icon}">
  886. </div>
  887. </div>
  888.  
  889. <div class="oldtop">
  890. <div class="space" style="
  891. z-index:99999!important;">
  892. </div>
  893. <div class="lace"></div>
  894. </div>
  895.  
  896. <div class="navi">
  897. <a title="home" href="/"><img src="http://static.tumblr.com/7dwvytx/Tx5n68o5u/navihome.png"></a>
  898. <a title="messaji" href="#?w=500" rel="askeu" class="poplight"><img src="http://static.tumblr.com/7dwvytx/CeNn68o7l/naviask.png"></a>
  899. <a title="about" href="/about"><img src="https://31.media.tumblr.com/6f42dca53aafdb5bd7068a0a5142f477/tumblr_inline_n81wcqIgnq1r9nnh5.png"></a>
  900. <a title="{text:Button 4 Name}" href="{text:Button 4 URL}"><img src="http://static.tumblr.com/7dwvytx/Pxwn68o7z/naviarchive.png"></a>
  901. <a title="links" href="#?w=170" rel="linkseu" class="poplight"><img src="http://static.tumblr.com/7dwvytx/aMin68oew/navilinks.png"></a>
  902. <a title="{text:Button 6 Name}" href="{text:Button 4 URL}"><img src="http://static.tumblr.com/7dwvytx/2i3n68ocr/navifaves.png"></a>
  903. </div>
  904.  
  905. <div id="linkseu" class="popup_block"><p>
  906. <div style="background:#fbfbfb;padding:5px;margin-bottom:3px;border-bottom:1px double #eee;border-radius:3px;text-align:center;font-size:8px;color:#ccc;">
  907. <br><img src="{image:Links Icon}"><p>
  908. <font face="Consolas">L I N K S</font></div>
  909. <span style="position:center;"><font face="Inconsolata">
  910. {block:IfLinkA}
  911. <li><a href="{text:linkA url}">{text:linkA}</a>
  912. {/block:IfLinkA}
  913. {block:IfLinkB}
  914. <li><a href="{text:linkB url}">{text:linkB}</a>
  915. {/block:IfLinkB}
  916. {block:IfLinkC}
  917. <li><a href="{text:linkC url}">{text:linkC}</a>
  918. {/block:IfLinkC}
  919. {block:IfLinkD}
  920. <li><a href="{text:linkD url}">{text:linkD}</a>
  921. {/block:IfLinkD}
  922. {block:IfLinkE}
  923. <li><a href="{text:linkE url}">{text:linkE}</a>
  924. {/block:IfLinkE}
  925. {block:IfLinkF}
  926. <li><a href="{text:linkF url}">{text:linkF}</a>
  927. {/block:IfLinkF}
  928. {block:IfLinkG}
  929. <li><a href="{text:linkG url}">{text:linkG}</a>
  930. {/block:IfLinkG}
  931. {block:IfLinkH}
  932. <li><a href="{text:linkH url}">{text:linkH}</a>
  933. {/block:IfLinkH}
  934. {block:IfLinkI}
  935. <li><a href="{text:linkI url}">{text:linkI}</a>
  936. {/block:IfLinkI}
  937. </span>
  938. </div>
  939.  
  940. <div id="askeu" class="popup_block"><p>
  941. <p align="right"><small>if this doesn't work, go to <a href="/ask">/ask</a></small>.
  942. <p><iframe frameborder="0"
  943. height="190" id="ask_form" src="http://www.tumblr.com/ask_form/{text:Askbox URL}" width="100%">
  944. </iframe></p>
  945. </div>
  946.  
  947. <div id="sidebar">
  948. <div class="title"><a>{Title}</a></div>
  949. <div id="desc2">
  950. <a style="color:#555;text-decoration:none;">{block:Description}
  951. {Description}
  952. {/block:Description}</a>
  953. </div>
  954. {block:Pagination}<div id="pagi">
  955. <center>
  956. {block:PreviousPage}
  957. <a href="{PreviousPage}">previous</a>
  958. {/block:PreviousPage}
  959. <img title="{CurrentPage} of {TotalPages}" src="{image:Pagination Icon}"/>
  960. {block:NextPage}
  961. <a href="{NextPage}">next</a>
  962. {/block:NextPage}
  963. </center>
  964. </div>{/block:Pagination}
  965. <div class="bum"><img src="https://68.media.tumblr.com/be7a9c7fad851274d1345482ab5247f8/tumblr_inline_ot3n927lmm1r9nnh5_540.png"></div>
  966. </div>
  967.  
  968. <div id="burrito">{block:Posts}<div id="posts">
  969.  
  970. {block:Text}
  971. {block:IndexPage}
  972. <div id="perma">
  973. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  974. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  975. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  976. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  977. </div>
  978. {/block:IndexPage}
  979. <h1>{block:Title}{Title}{/block:Title}</h1>
  980. {Body}
  981. {/block:Text}
  982.  
  983. {block:Photo}
  984. {block:IndexPage}
  985. <div id="perma">
  986. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  987. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  988. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  989. </div>
  990. {/block:IndexPage}
  991. {LinkOpenTag}<img {block:IndexPage}href="{Permalink}" title="{NoteCountWithLabel}"{/block:IndexPage} src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}">{LinkCloseTag}
  992. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  993. {/block:Photo}
  994.  
  995. {block:Photoset}
  996. {block:IndexPage}
  997. <div id="perma">
  998. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  999. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1000. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1001. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1002. </div>
  1003. {/block:IndexPage}
  1004. {block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1005. {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}
  1006. {/block:Photoset}
  1007.  
  1008. {block:Link}
  1009. {block:IndexPage}
  1010. <div id="perma">
  1011. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  1012. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1013. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1014. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1015. </div>
  1016. {/block:IndexPage}
  1017. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1018. {block:Description}{Description}{/block:Description}
  1019. {/block:Link}
  1020.  
  1021. {block:Quote}
  1022. {block:IndexPage}
  1023. <div id="perma">
  1024. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  1025. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1026. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1027. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1028. </div>
  1029. {/block:IndexPage}
  1030. <div id="quote">
  1031. <i><center>{Quote}</center></i>
  1032. <br><span style="font-family:Inconsolata;font-size:10px;font-style:none">— {Source}</span>
  1033. </div>
  1034. {/block:Quote}
  1035.  
  1036. {block:Audio}
  1037. {block:IndexPage}
  1038. <div id="perma">
  1039. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  1040. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1041. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1042. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1043. </div>
  1044. {/block:IndexPage}
  1045. <div id="audio">
  1046. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px;"/>{/block:AlbumArt}
  1047. {block:AudioPlayer}<span class="audio-player">{AudioPlayerWhite}{/block:AudioPlayer}</span></left>
  1048. <br>{block:TrackName}<span style="text-transform:uppercase">Title:</span> {TrackName}<br />{/block:TrackName}
  1049. <br>{block:Artist}<span style="text-transform:uppercase">Artist:</span> {Artist}<br />{/block:Artist}
  1050. <br>{block:Album}<span style="text-transform:uppercase">Album:</span> {Album}<BR>{/block:Album}
  1051. <br>{/block:ExternalAudio}<span style="text-transform:uppercase">Played:</span> {PlayCount} times
  1052. </div>
  1053. {/block:Audio}
  1054.  
  1055. {block:Video}
  1056. {block:IndexPage}
  1057. <div id="perma">
  1058. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  1059. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1060. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1061. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1062. </div>
  1063. {Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1064. {block:Caption}{Caption}{/block:Caption}
  1065. {/block:Video}
  1066.  
  1067. {block:Chat}
  1068. {block:IndexPage}
  1069. <div id="perma">
  1070. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  1071. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1072. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1073. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1074. </div>
  1075. {/block:IndexPage}
  1076. {block:Title}<h1>{Title}</h1>{/block:Title}
  1077. {block:Lines}{block:Label}<span style="text-transform:uppercase;font-size:14px;"><b>{Label}</b></span>{/block:Label} <span style="font-size:12px;">{Line}</span><br>{/block:Lines}
  1078. {/block:Chat}
  1079.  
  1080. {block:Answer}
  1081. {block:IndexPage}
  1082. <div id="perma">
  1083. <a href="{Permalink}" title="permalink"><img src="{image:Permalink Icon}"/></a>
  1084. <br>{block:Tags}<br># <a href="{TagURL}">{Tag}</a>{/block:Tags}
  1085. <p><div class="buttons"><a title="{TimeAgo}">{DayOfWeek}</a></div>
  1086. <div class="buttons"><a title="{NoteCountWithLabel}">notes</a></div>
  1087. </div>
  1088. {/block:IndexPage}
  1089. <div id="ask"><font face="cambria"><span style="text-transform:uppercase;font-size:24px;"><img style="border-radius:48px" src="{AskerPortraitURL-48}">{Asker} <small><small>{text:asked}</small></small></span> <span style="font-size:12px;">{Question}</span></font></div>
  1090. <left> {Answer}
  1091. {/block:Answer}
  1092.  
  1093. {block:Permalinkpage}
  1094. {block:Caption}{Caption}{/block:Caption}
  1095. {/block:Permalinkpage}
  1096.  
  1097. </div>
  1098.  
  1099. {block:Permalinkpage}
  1100. <div id="page">
  1101. <b>posted:</b> {ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes}
  1102. {block:RebloggedFrom}
  1103. <br><b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1104. <br><b>source:</b> {block:ContentSource}<a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}
  1105. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  1106. <br>{block:HasTags}<b>filed under:</b> {block:Tags}<span style="padding-right:6px;font-size:10px;"><a href="{TagURL}">{Tag}</a> </span></span> {/block:Tags} {/block:HasTags}
  1107. <br><b>notes:</b> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1108. </div>
  1109. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1110. {/block:Permalinkpage}
  1111.  
  1112. {block:IndexPage}
  1113. <div class="line">
  1114. mailed ♡ {Timestamp} ♡
  1115. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1116. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}
  1117. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  1118. </div>
  1119. {/block:IndexPage}
  1120.  
  1121. {/block:Posts}
  1122. </div>
  1123.  
  1124. <div id="plant">
  1125. <img src="{image:Counter}"> {text:Counter}
  1126.  
  1127. </div>
  1128.  
  1129. <!-- DELETE THIS SECTION IF YOU DON'T WANT THE SPARKLES -->
  1130. <div style="position:fixed; width: 160px; text-align: center; margin: -500px; font-size: 10px;"><script src="http://www.cursor-switch.com/widgets/12933/1825157414.js" type="text/javascript" charset="UTF-8"></script><a href="http://www.cursor-switch.com/" target="_blank">カーソル・スイッチ</a></div>
  1131. <!--カーソル・スイッチコード/-->
  1132.  
  1133. <div class="credit"><a href="http://kurokoi.tumblr.com/" title="theme by Helen">&copy</a></div>
  1134.  
  1135. </body></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!