Advertisement
nemurou

nameless w/ on click ask only

Oct 5th, 2017
757
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.79 KB | None | 0 0
  1. <!---
  2.  
  3. tumblr theme by kenshinuesugi / nemurou
  4.  
  5. august 2017
  6.  
  7. --->
  8.  
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <title>{Title}</title>
  13. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. <link rel="shortcut icon" href="{Favicon}">
  16. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17. <meta name="viewport" content="width=device-width, initial-scale=1">
  18. <script>
  19. $(document).ready(function() {
  20. $('iframe.tumblr_audio_player').load( function() {
  21. $('iframe.tumblr_audio_player').contents().find("head")
  22. .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
  23. });
  24. });
  25. </script>
  26. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600|Work+Sans:400,600" rel="stylesheet">
  28.  
  29. <script>
  30. $(function() {
  31. $( "#message" ).click(function() {
  32. $( ".msgbub" ).toggle();
  33. });
  34. });
  35. </script>
  36.  
  37. <meta name="if:show profile" content=""/>
  38. <meta name="if:show blogroll" content=""/>
  39. <meta name="if:show updates" content=""/>
  40. <meta name="if:show tags" content=""/>
  41. <meta name="if:show via or source" content=""/>
  42. <meta name="if:show captions" content=""/>
  43.  
  44. <meta name="image:icon" content="">
  45.  
  46. <meta name="color:background" content="">
  47. <meta name="color:text" content="">
  48. <meta name="color:link" content="">
  49. <meta name="color:titles" content="">
  50. <meta name="color:via and source text" content="">
  51. <meta name="color:via and source link" content="">
  52. <meta name="color:permalink background" content="">
  53. <meta name="color:permalink text" content="">
  54. <meta name="color:tags" content="">
  55. <meta name="color:border" content="">
  56. <meta name="color:bar" content="">
  57. <meta name="color:home icon" content="">
  58. <meta name="color:hover home icon" content="">
  59. <meta name="color:home speech bubble" content="">
  60. <meta name="color:blog title" content="">
  61. <meta name="color:description" content="">
  62. <meta name="color:blog title underline" content="">
  63. <meta name="color:ask icon" content="">
  64. <meta name="color:hover ask icon" content="">
  65. <meta name="color:ask speech bubble" content="">
  66. <meta name="color:profile icon" content="">
  67. <meta name="color:hover profile icon" content="">
  68. <meta name="color:profile speech bubble" content="">
  69. <meta name="color:url" content="">
  70. <meta name="color:tagline" content="">
  71. <meta name="color:tagline underline" content="">
  72. <meta name="color:table border" content="">
  73. <meta name="color:left table column background" content="">
  74. <meta name="color:left table column text" content="">
  75. <meta name="color:right table column background" content="">
  76. <meta name="color:right table column text" content="">
  77. <meta name="color:blogroll icon" content="">
  78. <meta name="color:hover blogroll icon" content="">
  79. <meta name="color:blogroll speech bubble" content="">
  80. <meta name="color:updates icon" content="">
  81. <meta name="color:hover updates icon" content="">
  82. <meta name="color:updates speech bubble" content="">
  83. <meta name="color:updates text" content="">
  84. <meta name="color:updates title" content="">
  85. <meta name="color:updates date" content="">
  86. <meta name="color:updates date underline" content="">
  87. <meta name="color:links icon" content="">
  88. <meta name="color:hover links icon" content="">
  89. <meta name="color:links speech bubble" content="">
  90. <meta name="color:bubble link border" content="">
  91. <meta name="color:bubble links" content="">
  92. <meta name="color:bubble link background" content="">
  93. <meta name="color:forward pagination arrow" content="">
  94. <meta name="color:hover forward pagination arrow" content="">
  95. <meta name="color:previous pagination arrow" content="">
  96. <meta name="color:hover previous pagination arrow" content="">
  97.  
  98. <meta name="text:post width" content="450px"/>
  99.  
  100. <meta name="text:tagline" content=""/>
  101. <meta name="text:A1" content=""/>
  102. <meta name="text:A2" content=""/>
  103. <meta name="text:B1" content=""/>
  104. <meta name="text:B2" content=""/>
  105. <meta name="text:C1" content=""/>
  106. <meta name="text:C2" content=""/>
  107. <meta name="text:D1" content=""/>
  108. <meta name="text:D2" content=""/>
  109. <meta name="text:E1" content=""/>
  110. <meta name="text:E2" content=""/>
  111.  
  112. <meta name="text:updates title" content=""/>
  113. <meta name="text:updates date 1" content=""/>
  114. <meta name="text:update 1" content=""/>
  115. <meta name="text:updates date 2" content=""/>
  116. <meta name="text:update 2" content=""/>
  117. <meta name="text:updates date 3" content=""/>
  118. <meta name="text:update 3" content=""/>
  119.  
  120. <meta name="text:links title" content=""/>
  121.  
  122. <meta name="text:link 1" content=""/>
  123. <meta name="text:link 1 url" content=""/>
  124. <meta name="text:link 2" content=""/>
  125. <meta name="text:link 2 url" content=""/>
  126. <meta name="text:link 3" content=""/>
  127. <meta name="text:link 3 url" content=""/>
  128. <meta name="text:link 4" content=""/>
  129. <meta name="text:link 4 url" content=""/>
  130. <meta name="text:link 5" content=""/>
  131. <meta name="text:link 5 url" content=""/>
  132. <meta name="text:link 6" content=""/>
  133. <meta name="text:link 6 url" content=""/>
  134.  
  135. <meta name="text:tags title" content=""/>
  136.  
  137. <meta name="text:tag 1" content=""/>
  138. <meta name="text:tag 1 url" content=""/>
  139. <meta name="text:tag 2" content=""/>
  140. <meta name="text:tag 2 url" content=""/>
  141. <meta name="text:tag 3" content=""/>
  142. <meta name="text:tag 3 url" content=""/>
  143. <meta name="text:tag 4" content=""/>
  144. <meta name="text:tag 4 url" content=""/>
  145. <meta name="text:tag 5" content=""/>
  146. <meta name="text:tag 5 url" content=""/>
  147. <meta name="text:tag 6" content=""/>
  148. <meta name="text:tag 6 url" content=""/>
  149. <meta name="text:tag 7" content=""/>
  150. <meta name="text:tag 7 url" content=""/>
  151. <meta name="text:tag 8" content=""/>
  152. <meta name="text:tag 8 url" content=""/>
  153.  
  154. <style type="text/css">
  155.  
  156. /*tumblr controls by cyantists*/
  157. iframe.tmblr-iframe {
  158. z-index: 99999999999999!important;
  159. top: 0!important;
  160. right: 0!important;
  161. opacity: 0.4;
  162. filter: invert(1) contrast(150%);
  163. -webkit-filter: invert(1) contrast(150%);
  164. -o-filter: invert(1) contrast(150%);
  165. -moz-filter: invert(1) contrast(150%);
  166. -ms-filter: invert(1) contrast(150%);
  167. transform: scale(0.5);
  168. transform-origin: 100% 0;
  169. -webkit-transform: scale(.7);
  170. -webkit-transform-origin: 100% 0;
  171. -o-transform: scale(.7);
  172. -o-transform-origin: 100% 0;
  173. -moz-transform: scale(.7);
  174. -moz-transform-origin: 100% 0;
  175. -ms-transform: scale(.7);
  176. -ms-transform-origin: 100% 0;
  177. }
  178.  
  179. iframe.tmblr-iframe:hover {
  180. opacity: 0.3!important;
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184. width:17px;
  185. background-color:{color:background};
  186. height:17px;
  187. }
  188.  
  189. ::-webkit-scrollbar-thumb {
  190. border:8px solid {color:background};
  191. background-color:{color:border};
  192. min-width:26px;
  193. min-height:26px;
  194. }
  195.  
  196. body {
  197. margin:0;
  198. font-size:12px;
  199. font-family:'Open Sans', sans-serif;
  200. line-height:160%;
  201. -moz-osx-font-smoothing:grayscale;
  202. -webkit-font-smoothing:antialiased;
  203. font-smoothing:antialiased;
  204. color:{color:text};
  205. background:{color:background};
  206. }
  207.  
  208. a {
  209. color:{color:link};
  210. text-decoration:none;
  211. }
  212.  
  213. b {
  214. font-weight:600;
  215. }
  216.  
  217. big, pre, h1, h2, h3, h4, h5, h6, small, sub {
  218. font-size:12px;
  219. font-family:'Open Sans', sans-serif;
  220. }
  221.  
  222. hr {
  223. border:0;
  224. }
  225.  
  226. blockquote {
  227. margin:0px 0px 5px 0px;
  228. padding:0px 5px 0px 15px;
  229. border-left:1px solid {color:border};
  230. }
  231.  
  232. li {
  233. list-style:normal;
  234. margin-left:-25px;
  235. }
  236.  
  237. img {
  238. border:0;
  239. max-width:100%;
  240. height:auto;
  241. display:block;
  242. }
  243.  
  244. #content {
  245. min-width: 350px;
  246. max-width: 650px;
  247. margin:auto;
  248. width:{text:post width};
  249. }
  250.  
  251. aside {
  252. position:fixed;
  253. width:30px;
  254. top:0;
  255. background:{color:bar};
  256. padding:0px 20px;
  257. left:0;
  258. -webkit-box-shadow:2px 1px 2px 0px rgba(238,238,238,1);
  259. -moz-box-shadow:2px 1px 2px 0px rgba(238,238,238,1);
  260. box-shadow:2px 1px 2px 0px rgba(238,238,238,1);
  261. height:100vh;
  262. }
  263.  
  264. #icon {
  265. top: 50%; left: 50%;
  266. transform: translate(-50%,-50%);
  267. position: absolute;
  268. }
  269.  
  270. .sf, .sf a {
  271. display:block;
  272. font-size:14px;
  273. margin-bottom:40px;
  274. }
  275.  
  276. .sf a:last-child {
  277. margin-bottom:0px;
  278. }
  279.  
  280. .sf-home-o {
  281. color:{color:home icon};
  282. }
  283.  
  284. .sf-home-o:hover {
  285. color:{color:hover home icon};
  286. }
  287.  
  288. .sf-chat-bubbles-o {
  289. color:{color:ask icon};
  290. }
  291.  
  292. .sf-chat-bubbles-o:hover {
  293. color:{color:hover ask icon};
  294. }
  295.  
  296. .sf-heart-o {
  297. color:{color:blogroll icon};
  298. }
  299.  
  300. .sf-heart-o:hover {
  301. color:{color:hover blogroll icon};
  302. }
  303.  
  304. .sf-user-o {
  305. color:{color:profile icon};
  306. }
  307.  
  308. .sf-user-o:hover {
  309. color:{color:hover profile icon};
  310. }
  311.  
  312. .sf-push-pin-o {
  313. color:{color:updates icon};
  314. }
  315.  
  316. .sf-push-pin-o:hover {
  317. color:{color:hover updates icon};
  318. }
  319.  
  320. .sf-link-1-o {
  321. color:{color:links icon};
  322. }
  323.  
  324. .sf-link-1-o:hover {
  325. color:{color:hover links icon};
  326. }
  327.  
  328. .sf-chevron-right {
  329. color:{color:forward pagination arrow};
  330. }
  331.  
  332. .sf-chevron-right:hover {
  333. color:{color:hover forward pagination arrow};
  334. }
  335.  
  336. .sf-chevron-left {
  337. color:{color:previous pagination arrow};
  338. }
  339.  
  340. .sf-chevron-left:hover {
  341. color:{color:hover previous pagination arrow};
  342. }
  343.  
  344. /*DO NOT CHANGE THE COLOR OF THE THEME ICON.*/
  345. .sf-code-o {
  346. color:{color:forward pagination arrow};
  347. }
  348.  
  349. .sf:hover, .sf a:hover {
  350. -webkit-box-sizing: border-box;
  351. -moz-box-sizing: border-box;
  352. box-sizing: border-box;
  353. -webkit-transition: 2s;
  354. transition: 2s;
  355. -o--transition: 2s:
  356. -moz-transition: 2s;
  357. }
  358.  
  359. #home:hover .homebub, #about:hover .aboutbub, #blogroll:hover .rollbub, #update:hover .upbub,#link:hover .linkbub {
  360. opacity:1;
  361. -moz-transition:all 0.3s ease-out;
  362. -o-transition:all 0.3s ease-out;
  363. -webkit-transition:all 0.3s ease-out;
  364. transition:all 0.3s ease-out;
  365. }
  366.  
  367. #home .homebub, #update .upbub, #blogroll .rollbub, #about .aboutbub, #link .linkbub {
  368. margin-top:-85px;
  369. }
  370.  
  371. #message .msgbub {
  372. margin-top:-90px;
  373. position:absolute; margin-left:80px; display:none;
  374. }
  375.  
  376. #home .homebub, #about .aboutbub, #blogroll .rollbub, #update .upbub, #link .linkbub{
  377. position:absolute;
  378. margin-left:80px;
  379. opacity:0;
  380. -moz-transition:all 0.3s ease-out;
  381. -o-transition:all 0.3s ease-out;
  382. -webkit-transition:all 0.3s ease-out;
  383. transition:all 0.3s ease-out;
  384. }
  385.  
  386. .homebub {
  387. background: {color:home speech bubble};
  388. }
  389.  
  390. .msgbub {
  391. background:{color:ask speech bubble};
  392. }
  393.  
  394. .aboutbub {
  395. background:{color:profile speech bubble};
  396. }
  397.  
  398. .rollbub {
  399. background:{color:blogroll speech bubble};
  400. }
  401.  
  402. .upbub {
  403. background:{color:updates speech bubble};
  404. color:{color:updates text};
  405. }
  406.  
  407. .linkbub {
  408. background:{color:links speech bubble};
  409. }
  410.  
  411. .homebub, .msgbub, .aboutbub, .rollbub, .upbub, .linkbub {
  412. position:relative;
  413. width:250px;
  414. box-shadow:0px 2px 3px #eee;
  415. padding:15px 20px 10px 20px;
  416. -webkit-border-radius:4px;
  417. -moz-border-radius: 4px;
  418. border-radius: 4px;
  419. }
  420.  
  421. .homebub, .msgbub, .rollbub, .upbub{
  422. text-align:justify;
  423. }
  424.  
  425. .aboutbub {
  426. min-height:150px;
  427. }
  428.  
  429. .rollbub {
  430. height:200px;
  431. padding-bottom:35px;
  432. }
  433.  
  434. .homebub:after {
  435. content:'';
  436. position:absolute;
  437. border-style:solid;
  438. border-color:transparent {color:home speech bubble};
  439. border-width:11px 11px 11px 0;
  440. display:block;
  441. width:0;
  442. z-index:1;
  443. margin-top:-11px;
  444. left:-11px;
  445. top:40px;
  446. }
  447.  
  448. .msgbub:after {
  449. content:'';
  450. position:absolute;
  451. border-style:solid;
  452. border-color:transparent {color:ask speech bubble};
  453. border-width:11px 11px 11px 0;
  454. display:block;
  455. width:0;
  456. z-index:1;
  457. margin-top:-11px;
  458. left:-11px;
  459. top:40px;
  460. }
  461.  
  462. .aboutbub:after {
  463. content:'';
  464. position:absolute;
  465. border-style:solid;
  466. border-color:transparent {color:profile speech bubble};
  467. border-width:11px 11px 11px 0;
  468. display:block;
  469. width:0;
  470. z-index:1;
  471. margin-top:-11px;
  472. left:-11px;
  473. top:40px;
  474. }
  475.  
  476. .rollbub:after {
  477. content:'';
  478. position:absolute;
  479. border-style:solid;
  480. border-color:transparent {color:blogroll speech bubble};
  481. border-width:11px 11px 11px 0;
  482. display:block;
  483. width:0;
  484. z-index:1;
  485. margin-top:-11px;
  486. left:-11px;
  487. top:40px;
  488. }
  489.  
  490. .upbub:after {
  491. content:'';
  492. position:absolute;
  493. border-style:solid;
  494. border-color:transparent {color:updates speech bubble};
  495. border-width:11px 11px 11px 0;
  496. display:block;
  497. width:0;
  498. z-index:1;
  499. margin-top:-11px;
  500. left:-11px;
  501. top:40px;
  502. }
  503.  
  504. .linkbub:after {
  505. content:'';
  506. position:absolute;
  507. border-style:solid;
  508. border-color:transparent {color:links speech bubble};
  509. border-width:11px 11px 11px 0;
  510. display:block;
  511. width:0;
  512. z-index:1;
  513. margin-top:-11px;
  514. left:-11px;
  515. top:40px;
  516. }
  517.  
  518. #description {
  519. margin-top:10px;
  520. color:{color:description};
  521. }
  522.  
  523. #blogtit {
  524. border-bottom:1px dashed {color:blog title underline};
  525. font-family: 'Work Sans', sans-serif;
  526. font-weight:600;
  527. color:{color:blog title};
  528. font-size:16px;
  529. }
  530.  
  531. .aboutbub img {
  532. width:70px;
  533. height:70px;
  534. position:absolute;
  535. border-radius:50%;
  536. -moz-border-radius:50%;
  537. -webkit-border-radius:50%;
  538. }
  539.  
  540. #info {
  541. margin-left:90px;
  542. }
  543.  
  544. table {
  545. margin:20px 0px 10px 0px;
  546. width:250px;
  547. text-align:left;
  548. font-size:12px;
  549. text-align:left;
  550. font-family: 'Work Sans', sans-serif;
  551. letter-spacing:.25px;
  552. border-collapse: collapse;
  553. -webkit-box-sizing: border-box;
  554. -moz-box-sizing: border-box;
  555. box-sizing: border-box;
  556. }
  557.  
  558. table, th, td {
  559. border:1px solid {color:table border};
  560. padding:7px;
  561. }
  562.  
  563. th {
  564. font-weight:600;
  565. color:{color:left table column text};
  566. background:{color:left table column background};
  567. padding-left:0px 10px;
  568. }
  569.  
  570. td {
  571. padding-left:0px 10px;
  572. color:{color:right table column text};
  573. background:{color:right table column background};
  574. }
  575.  
  576. .rollbub ul {
  577. padding:0;
  578. margin-top:20px;
  579. }
  580.  
  581. .rollbub ul li {
  582. list-style-type:none;
  583. display:inline;
  584. margin-right:2px;
  585. }
  586.  
  587. #roll {
  588. height:200px;
  589. overflow:hidden;
  590. margin:0px 0px 20px 10px;
  591. }
  592.  
  593. .rollbub img(n+21) {
  594. display:hidden;
  595. }
  596.  
  597. .name, #up, #sl{
  598. font-family: 'Work Sans', sans-serif;
  599. font-weight:600;
  600. display:block;
  601. font-size:15px;
  602. margin-bottom:10px;
  603. }
  604.  
  605. #up {
  606. color:{color:updates title};
  607. }
  608.  
  609. .name {
  610. color:{color:url};
  611. }
  612.  
  613. #sl {
  614. text-align:left;
  615. }
  616.  
  617. .tagline {
  618. color:{color:tagline};
  619. border-bottom:1px dashed {color:tagline underline};
  620. }
  621.  
  622. .udate {
  623. display:inline;
  624. color:{color:updates date};
  625. border-bottom:1px dashed {color:updates date underline};
  626. font-family: 'Work Sans', sans-serif;
  627. font-weight:600;
  628. font-size:13px;
  629. margin-right:10px;
  630. }
  631.  
  632. #sch {
  633. display:block;
  634. margin-top:5px;
  635. padding-bottom:10px;
  636. }
  637.  
  638. .conts {
  639. width:250px;
  640. text-align:center;
  641. margin-bottom:10px;
  642. }
  643.  
  644. .conts a {
  645. font-family: 'Work Sans', sans-serif;
  646. border:1px solid {color:bubble link border};
  647. color:{color:bubble links};
  648. padding: 0px 8px;
  649. font-weight:600;
  650. font-size:10px;
  651. text-transform:uppercase;
  652. margin:0px 4px 9px 0px;
  653. display:inline-block;
  654. border-radius:12px;
  655. -moz-border-radius:12px;
  656. -webkit-border-radius:12px;
  657. background:{color:bubble link background};
  658. }
  659.  
  660. .perma {
  661. margin-bottom:40px;
  662. text-transform:uppercase;
  663. font-weight:600;
  664. word-spacing:5px;
  665. font-size:14px;
  666. font-family: 'Work Sans', sans-serif;
  667. text-align:center;
  668. }
  669.  
  670. .date {
  671. background:{color:permalink background};
  672. padding:5px 10px;
  673. color:{color:permalink text};
  674. }
  675.  
  676. article {
  677. margin:0px 0px 150px 70px;
  678. }
  679.  
  680. article:first-child {
  681. margin-top:150px;
  682. }
  683.  
  684. .tags {
  685. margin:25px 0px;
  686. width:100%;
  687. font-size:14px;
  688. font-weight:600;
  689. line-height:160%;
  690. text-align:center;
  691. }
  692.  
  693. .tags a {
  694. font-weight:400;
  695. color:{color:tags};
  696. font-size:13px;
  697. margin-left:7px;
  698. }
  699.  
  700. .tags a:first-child {
  701. margin-left:15px;
  702. }
  703.  
  704. .tags a::after, .tag a::after {
  705. content:",";
  706. }
  707.  
  708. .tags a:last-child::after, .tag a:last-child::after {
  709. content:"";
  710. }
  711.  
  712. .title {
  713. font-family: 'Work Sans', sans-serif;
  714. font-weight:600;
  715. color:{color:titles};
  716. margin-bottom:15px;
  717. font-size:18px;
  718. }
  719.  
  720. .reblogs {
  721. margin: 30px auto 0px auto;
  722. width: 50%;
  723. color:{color:via and source text};
  724. text-transform:uppercase;
  725. }
  726.  
  727. .pic {
  728. position:absolute;
  729. width:40px;
  730. z-index:-999;
  731. }
  732.  
  733. .pic img {
  734. border-radius:6px;
  735. -moz-border-radius:6px;
  736. -webkit-border-radius:6px;
  737. }
  738.  
  739. .via {
  740. margin-left:40px;
  741. text-align:center;
  742. }
  743.  
  744. .via a {
  745. font-weight:600;
  746. color:{color:via and source link};
  747. }
  748.  
  749. .notes {
  750. font-size:11px;
  751. margin:30px 0 30px 0;
  752. }
  753.  
  754. .quote, .src {
  755. line-height:190%;
  756. }
  757.  
  758. .quote {
  759. font-size:14px;
  760. font-style: italic;
  761. }
  762.  
  763. .src {
  764. font-size:10px;
  765. margin-top:5px;
  766. text-align:right;
  767. }
  768.  
  769. .w {
  770. max-width:{text:post width};
  771. max-height:{text:post width};
  772. }
  773.  
  774. .vc {
  775. overflow:hidden;
  776. }
  777.  
  778. .vc iframe, .vc object, .vc embed {
  779. max-width:{text:post width};
  780. max-height:{text:post width};
  781. }
  782.  
  783. .cont {
  784. background:#fff;
  785. border:1px solid {color:border};
  786. position:relative;
  787. height:24px;
  788. padding:15px 30px;
  789. }
  790.  
  791. .player {
  792. position:absolute;
  793. width:25px;
  794. height:24px;
  795. left:10px;
  796. display:block;
  797. overflow:hidden;
  798. }
  799.  
  800. .info {
  801. line-height:24px;
  802. margin:2px 0 0 15px;
  803. }
  804.  
  805. .notes {
  806. font-size:11px;
  807. margin-top:30px;
  808. }
  809.  
  810. ol.notes{
  811. padding:0;
  812. margin:0;
  813. }
  814.  
  815. ol.notes li {
  816. list-style-type: none;
  817. }
  818.  
  819. ol.notes li.note img{
  820. width:0px;
  821. height:0px;
  822. }
  823.  
  824. ol.notes li.note{
  825. margin:0px;
  826. }
  827.  
  828. .permalinks {
  829. font-size:11px;
  830. margin-top:40px;
  831. }
  832.  
  833. .tag a {
  834. margin-right:4px;
  835. font-size:11px;
  836. }
  837.  
  838. .tag a:last-child {
  839. margin-right:0px;
  840. }
  841.  
  842. </style> </head> <body>
  843.  
  844. <aside>
  845. <div id="icon">
  846.  
  847. <div id="home">
  848. <a href="/"><span class="sf sf-home-o"></span></a>
  849. <div class="homebub">
  850. <span id="blogtit">{Title}</span>
  851. <div id="description">{description}</div>
  852. </div>
  853. </div>
  854.  
  855.  
  856. <div id="message">
  857. <span class="sf sf-chat-bubbles-o"></span>
  858. <div class="msgbub">
  859. <iframe frameborder="0" scrolling="no" width="100%" height="260" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  860. </div>
  861. </div>
  862.  
  863. {block:ifshowprofile}
  864. <div id="about">
  865. <span class="sf sf-user-o"></span>
  866. <div class="aboutbub">
  867. <img src="{image:icon}">
  868. <div id="info">
  869. <span class="name">@{Name}</span>
  870. <span class="tagline">{text:tagline}</span>
  871. </div>
  872. <table>
  873. {block:ifA1}
  874. <tr>
  875. <th>{text:A1}</th>
  876. <td>{text:A2}</td>
  877. </tr>
  878. {/block:ifA1}
  879. {block:ifB1}
  880. <tr>
  881. <th>{text:B1}</th>
  882. <td>{text:B2}</td>
  883. </tr>
  884. {/block:ifB1}
  885. {block:ifC1}
  886. <tr>
  887. <th>{text:C1}</th>
  888. <td>{text:C2}</td>
  889. </tr>
  890. {/block:ifC1}
  891. {block:ifD1}
  892. <tr>
  893. <th>{text:D1}</th>
  894. <td>{text:D2}</td>
  895. </tr>
  896. {/block:ifD1}
  897. {block:ifE1}
  898. <tr>
  899. <th>{text:E1}</th>
  900. <td>{text:E2}</td>
  901. </tr>
  902. {/block:ifE1}
  903. </table>
  904. </div>
  905. </div>
  906. {/block:ifshowprofile}
  907.  
  908. {block:ifshowblogroll}
  909. <div id="blogroll">
  910. <span class="sf sf-heart-o"></span>
  911. <div class="rollbub">
  912. <div id="roll">
  913. <ul>
  914. {block:Following}{block:Followed}<li><a target='_blank' title="{FollowedName}" href='{FollowedURL}'><img style="width:34px; border-radius:4px;display:inline;float: left; margin:.5em;" src='{FollowedPortraitURL-96}'/></a></li>{/block:Followed}{/block:Following}
  915. </ul>
  916. </div>
  917. </div>
  918. </div>
  919. {/block:ifshowblogroll}
  920.  
  921. {block:ifshowupdates}
  922. <div id="update">
  923. <span class="sf sf-push-pin-o"></span>
  924. <div class="upbub">
  925. <div id="up">{text:updates title}</div>
  926.  
  927. <div id="sch">
  928. <span class="udate">{text:updates date 1}</span>
  929. {text:update 1}
  930. </div>
  931.  
  932. <div id="sch">
  933. <span class="udate">{text:updates date 2}</span>
  934. {text:update 2}
  935. </div>
  936.  
  937. <div id="sch">
  938. <span class="udate">{text:updates date 3}</span>
  939. {text:update 3}
  940. </div>
  941.  
  942. </div>
  943. </div>
  944. {/block:ifshowupdates}
  945.  
  946. <div id="link">
  947. <span class="sf sf-link-1-o"></span>
  948. <div class="linkbub">
  949.  
  950. <div class="conts">
  951. <div id="sl">{text:links title}</div>
  952. {block:iflink1}
  953. <a href="{text:link 1 url}">{text:link 1}</a>
  954. {/block:iflink1}
  955. {block:iflink2}
  956. <a href="{text:link 2 url}">{text:link 2}</a>
  957. {/block:iflink2}
  958. {block:iflink3}
  959. <a href="{text:link 3 url}">{text:link 3}</a>
  960. {/block:iflink3}
  961. {block:iflink4}
  962. <a href="{text:link 4 url}">{text:link 4}</a>
  963. {/block:iflink4}
  964. {block:iflink5}
  965. <a href="{text:link 5 url}">{text:link 5}</a>
  966. {/block:iflink5}
  967. {block:iflink6}
  968. <a href="{text:link 6 url}">{text:link 6}</a>
  969. {/block:iflink6}
  970. </div>
  971.  
  972. <div style="margin-bottom:0px;" class="conts">
  973. <div id="sl">{text:tags title}</div>
  974. {block:iftag1}
  975. <a href="{text:tag 1 url}">{text:tag 1}</a>
  976. {/block:iftag1}
  977. {block:iftag2}
  978. <a href="{text:tag 2 url}">{text:tag 2}</a>
  979. {/block:iftag2}
  980. {block:iftag3}
  981. <a href="{text:tag 3 url}">{text:tag 3}</a>
  982. {/block:iftag3}
  983. {block:iftag4}
  984. <a href="{text:tag 4 url}">{text:tag 4}</a>
  985. {/block:iftag4}
  986. {block:iftag5}
  987. <a href="{text:tag 5 url}">{text:tag 5}</a>
  988. {/block:iftag5}
  989. {block:iftag6}
  990. <a href="{text:tag 6 url}">{text:tag 6}</a>
  991. {/block:iftag6}
  992. {block:iftag7}
  993. <a href="{text:tag 7 url}">{text:tag 7}</a>
  994. {/block:iftag7}
  995. {block:iftag8}
  996. <a href="{text:tag 8 url}">{text:tag 8}</a>
  997. {/block:iftag8}
  998. </div>
  999.  
  1000. </div>
  1001. </div>
  1002.  
  1003. <!----PLEASE DO NOT TOUCH THE THEME CREDIT.--->
  1004. <a href="https://nemurou.tumblr.com/" title="theme credit"><span class="sf sf-code-o"></span></a>
  1005.  
  1006. {block:Pagination}
  1007. {block:NextPage}<a title="next page" href="{NextPage}">
  1008. <span class="sf sf-chevron-right"></span>
  1009. </a>{/block:NextPage}
  1010. {block:PreviousPage}<a title="previous page" href="{PreviousPage}">
  1011. <span class="sf sf-chevron-left"></span>
  1012. </a>{/block:PreviousPage}
  1013. </div>
  1014. {/block:Pagination}
  1015. </div>
  1016. </aside>
  1017.  
  1018. <div id="content">
  1019.  
  1020. {block:Posts}
  1021.  
  1022.  
  1023. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1024.  
  1025.  
  1026. <article>
  1027.  
  1028. {block:indexpage}<div class="perma">{block:date}<a href="{permalink}"><span class="date">{DayOfWeek}, {DayOfMonthWithZero} {ShortMonth} {Year}</span></a>{/block:date}</div>{/block:indexpage}
  1029.  
  1030. {block:Photo}<img style="width:100%;" src="{PhotoURL-HighRes}">{/block:Photo}
  1031.  
  1032. {block:Photoset}<div style="max-width:100%;margin-bottom:-4px;">{Photoset}</div>{/block:Photoset}
  1033.  
  1034. {block:Text}
  1035. <div style="margin-top:-10px">
  1036. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1037. {Body}</div>{/block:Text}
  1038.  
  1039. {block:Audio} {block:audioplayer}
  1040. <div class="cont"> <div class="player"> {audioplayerwhite}</div><div class="info">{block:trackname}{trackname}{/block:trackname}</div></div>
  1041. {/block:audioplayer}{/block:Audio}
  1042.  
  1043. {block:Answer}
  1044. <div style="margin-top:-10px">
  1045. {Asker} asked: {Question}
  1046. {Answer}
  1047. </div>
  1048. {/block:Answer}
  1049.  
  1050. {block:Chat}
  1051. <div style="margin-top:-10px">
  1052. {block:Title}
  1053. <div class="title">{Title}</div>
  1054. {/block:Title}
  1055. {block:Lines}
  1056. {block:Label}<div style="font-weight:700;display:inline;margin-right:5px;">{Label}</div>{/block:Label}{Line}<br>
  1057. {/block:Lines}
  1058. </div>
  1059. {/block:Chat}
  1060.  
  1061. {block:Quote}
  1062. <div style="margin-top:-10px">
  1063. <div class="quote">{Quote}</div>
  1064. {block:source}
  1065. <div class="src">&mdash; {source}</div>
  1066. {/block:source}
  1067. </div>
  1068. {/block:Quote}
  1069.  
  1070. {block:Link}
  1071. <div style="margin-top:-10px">
  1072. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  1073. {description}
  1074. </div>
  1075. {/block:Link}
  1076.  
  1077. {block:Video}
  1078. <div class="vc"><div class="w">{Video-500}</div></div>
  1079. {/block:Video}
  1080.  
  1081. {block:ifshowcaptions}{block:indexpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:indexpage}{/block:ifshowcaptions}
  1082.  
  1083. {block:permalinkpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{block:permalinkpage}
  1084.  
  1085.  
  1086. {block:indexpage}{block:ifshowtags}{block:HasTags}<div class="tags">Tags{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}{/block:indexpage}
  1087.  
  1088.  
  1089. {block:indexpage}{block:ifshowviaorsource}{block:NotReblog}<div class="reblogs"><div class="pic"><img src="{PortraitURL-40}"></div><div class="via">originally by<br><a href="{permalink}">{Name}</a></div></div>{/block:NotReblog}{/block:ifshowviaorsource}{/block:indexpage}
  1090.  
  1091. {block:indexpage}{block:ifshowviaorsource}{block:RebloggedFrom}<div class="reblogs"><div class="pic"><img src="{ReblogParentPortraitURL-40}"></div><div class="via">reblogged from<br><a href="{ReblogParentURL}">{ReblogParentName}</a></div></div>{/block:RebloggedFrom}{/block:ifshowviaorsource}{/block:indexpage}
  1092.  
  1093. {block:permalinkpage}{block:date} <div class="permalinks">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year} / {24HourWithZero}:{Minutes} / {NoteCountwithLabel}<br>{block:RebloggedFrom}<a href="{ReblogParentURL}"> reblogged from </a> / <a href="{ReblogRootURL}">original post</a>{/block:RebloggedFrom}</div>
  1094.  
  1095. {block:HasTags} <div class="tag"><div style="font-weight:700; display:inline;margin-right:7px;">#:</div>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags} {/block:date}{/block:permalinkpage}
  1096.  
  1097. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1098.  
  1099. </article>
  1100.  
  1101. {/block:Posts}
  1102.  
  1103. </body>
  1104.  
  1105.  
  1106. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement