API tools faq
paste
Advertisement
nemurou

nameless (on click chat bubbles)

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