API tools faq
paste
Advertisement
nemurou

reverie v1

nemurou
Dec 2nd, 2017
2,573
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.47 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. tumblr theme by nemurou
  4. december 2017
  5.  
  6. terms of use: https://nemurou.tumblr.com/tou
  7.  
  8. need help with editing this theme?
  9. send questions here: https://nemurou.tumblr.com/mail
  10.  
  11. DO NOT ALTER/TOUCH THE CREDITS.
  12.  
  13. ---->
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17. <title>{Title}</title>
  18. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link rel="shortcut icon" href="{Favicon}">
  21. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23. <script>
  24. $(document).ready(function() {
  25. $('iframe.tumblr_audio_player').load( function() {
  26. $('iframe.tumblr_audio_player').contents().find("head")
  27. .append($("<style type='text/css'> .audio-player{background:{color:border} !important} </style>"));
  28. });
  29. });
  30. </script>
  31.  
  32. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700|Playfair+Display:400,400i,700" rel="stylesheet">
  33.  
  34. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37.  
  38. (function($){
  39.  
  40. $(document).ready(function(){
  41.  
  42. $("a[title]").style_my_tooltips({
  43.  
  44. tip_follows_cursor:true,
  45.  
  46. tip_delay_time:0,
  47.  
  48. tip_fade_speed:300,
  49.  
  50. attribute:"title"
  51.  
  52. });
  53.  
  54. });
  55.  
  56. })(jQuery);
  57.  
  58. </script>
  59.  
  60. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  61. <script src="https://static.tumblr.com/wegwsdb/AfJp0baiv/unnest.js"></script>
  62. <script> $(function(){ $('article').unnest({
  63. yourCaption: ".captions", //your caption selector, the div wrapping {Caption}
  64. wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
  65. newCaptionUsername: true, //if the user adds a new caption, following a series of captions, show their username above the caption
  66. originalPostCaptionUsername: true, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
  67. tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
  68. tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
  69. usernameColon: false //if turned to false, removes the colon at the end of usernames
  70. }); }); </script>
  71.  
  72. <script>
  73. $(document).scroll(function() {
  74. var y = $(this).scrollTop();
  75. if (y > 300) {
  76. $('#backtotop').fadeIn();
  77. } else {
  78. $('#backtotop').fadeOut();
  79. }
  80. });
  81. </script>
  82.  
  83. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  84. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  85.  
  86. <script>
  87. $(document).ready(function(){
  88. $('.photo-slideshow').pxuPhotoset({
  89. lightbox: true,
  90. rounded: false,
  91. gutter: '3px',
  92. borderRadius: '0px',
  93. photoset: '.photo-slideshow',
  94. photoWrap: '.photo-data',
  95. photo: '.pxu-photo'
  96. });
  97. });
  98. </script>
  99.  
  100. <meta name="if:two sidebars" content="">
  101. <meta name="if:show permalink border" content="">
  102. <meta name="if:underlined permalinks" content="">
  103. <meta name="if:display captions" content="">
  104. <meta name="if:display tags" content="">
  105.  
  106. <meta name="if:show about section" content="">
  107. <meta name="if:show extra links section" content="">
  108. <meta name="if:show network section" content="">
  109. <meta name="if:show schedule section" content="">
  110. <meta name="if:show project section" content="">
  111. <meta name="if:show disclaimer section" content="">
  112.  
  113. <meta name="image:header" content="">
  114. <meta name="image:icon" content="">
  115. <meta name="image:about image" content="https://static.tumblr.com/wegwsdb/T9Ep0bqa7/aboutimg.png">
  116.  
  117. <meta name="color:text" content="#3f3f3f">
  118. <meta name="color:link" content="#000000">
  119. <meta name="color:border" content="#eeeeee">
  120. <meta name="color:accent" content="#f9f9f9">
  121.  
  122. <meta name="text:post width" content="350px"/>
  123.  
  124. <meta name="text:header tagline" content="WOOZI (우지)"/>
  125. <meta name="text:header title" content="LEE JIHOON"/>
  126. <meta name="text:header description" content="This is a simple fansite theme featuring Woozi (Lee Jihoon) of Pledis Entertainment's boy group, SEVENTEEN! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tristique dui arcu, at malesuada turpis laoreet id. Nullam sodales purus quis consectetur viverra. Sed non mattis nisi."/>
  127.  
  128. <meta name="text:header link 1" content=""/>
  129. <meta name="text:header link 1 url" content=""/>
  130. <meta name="text:header link 2" content=""/>
  131. <meta name="text:header link 2 url" content=""/>
  132. <meta name="text:header link 3" content=""/>
  133. <meta name="text:header link 3 url" content=""/>
  134. <meta name="text:header link 4" content=""/>
  135. <meta name="text:header link 4 url" content=""/>
  136.  
  137. <meta name="text:about section title" content="About"/>
  138. <meta name="text:about text" content=""/>
  139. <meta name="text:date established" content=""/>
  140. <meta name="text:online counter" content=""/>
  141. <meta name="text:hit counter" content=""/>
  142.  
  143. <meta name="text:extra links section title" content="Navigation"/>
  144. <meta name="text:extra link 1" content=""/>
  145. <meta name="text:extra link 1 url" content=""/>
  146. <meta name="text:extra link 2" content=""/>
  147. <meta name="text:extra link 2 url" content=""/>
  148. <meta name="text:extra link 3" content=""/>
  149. <meta name="text:extra link 3 url" content=""/>
  150. <meta name="text:extra link 4" content=""/>
  151. <meta name="text:extra link 4 url" content=""/>
  152. <meta name="text:extra link 5" content=""/>
  153. <meta name="text:extra link 5 url" content=""/>
  154. <meta name="text:extra link 6" content=""/>
  155. <meta name="text:extra link 6 url" content=""/>
  156.  
  157. <meta name="text:network section title" content="Network"/>
  158. <meta name="text:admin section title" content="Admin"/>
  159. <meta name="text:members section title" content="Vocal Team"/>
  160.  
  161.  
  162.  
  163. <style type="text/css">
  164.  
  165. /*tumblr controls by cyantists*/
  166. iframe.tmblr-iframe {
  167. z-index: 99999999999999!important;
  168. top: 0!important;
  169. right: 0!important;
  170. opacity: 0.4;
  171. margin-top:50px!important;
  172. filter: invert(1) contrast(150%);
  173. -webkit-filter: invert(1) contrast(150%);
  174. -o-filter: invert(1) contrast(150%);
  175. -moz-filter: invert(1) contrast(150%);
  176. -ms-filter: invert(1) contrast(150%);
  177. transform: scale(0.5);
  178. transform-origin: 100% 0;
  179. -webkit-transform: scale(.7);
  180. -webkit-transform-origin: 100% 0;
  181. -o-transform: scale(.7);
  182. -o-transform-origin: 100% 0;
  183. -moz-transform: scale(.7);
  184. -moz-transform-origin: 100% 0;
  185. -ms-transform: scale(.7);
  186. -ms-transform-origin: 100% 0;
  187. }
  188.  
  189. ::selection {
  190. background: #f2f2f2;
  191. color:#000;
  192. }
  193.  
  194. ::-moz-selection {
  195. background: #f2f2f2;
  196. color:#000;
  197. }
  198.  
  199.  
  200. ::-webkit-scrollbar {
  201. width:17px;
  202. height:17px;
  203. }
  204.  
  205. ::-webkit-scrollbar {
  206. background-color:#fff;
  207. }
  208.  
  209. ::-webkit-scrollbar-thumb {
  210. border:8px solid #fff;
  211. background-color:{color:border};
  212. min-width:26px;
  213. min-height:26px;
  214. }
  215.  
  216. #s-m-t-tooltip {
  217. max-width:150px;
  218. background:{color:accent};
  219. padding:1px 10px 2px 10px;
  220. z-index:999;
  221. margin:20px;
  222. font-size:10px;
  223. font-style:italic;
  224. }
  225.  
  226. body {
  227. margin:0;
  228. font-size:11px;
  229. font-family: 'Libre Baskerville', serif;
  230. line-height:200%;
  231. -moz-osx-font-smoothing:grayscale;
  232. -webkit-font-smoothing:antialiased;
  233. font-smoothing:antialiased;
  234. color:{color:text};
  235. background:#fff;
  236. }
  237.  
  238. a {
  239. color:{color:link};
  240. text-decoration:none;
  241. }
  242.  
  243.  
  244. big, pre, h1, h2, h3, h4, h5, h6, small, sub {
  245. font-size:11px;
  246. font-family: 'Libre Baskerville', serif;
  247. }
  248.  
  249. hr {
  250. border:0;
  251. }
  252.  
  253. li {
  254. list-style:normal;
  255. margin-left:-25px;
  256. }
  257.  
  258. img {
  259. border:0;
  260. max-width:100%;
  261. height:auto;
  262. display:block;
  263. }
  264.  
  265.  
  266. #content {
  267. margin:150px auto;
  268. {block:iftwosidebars}
  269. width:calc({text:post width} + 600px);
  270. {/block:iftwosidebars}
  271. {block:ifnottwosidebars}
  272. width:calc({text:post width} + 300px);
  273. {/block:ifnottwosidebars}
  274. }
  275.  
  276.  
  277. article {
  278. position:relative;
  279. margin:0px 0px 100px 300px;
  280. width:{text:post width};
  281. min-width:300px;
  282. max-width:540px;
  283. }
  284.  
  285.  
  286. article:last-child {
  287. margin-bottom:0px;
  288. }
  289.  
  290. blockquote {
  291. margin:0px 0px 5px 0px;
  292. padding:0px 5px 0px 15px;
  293. border-left:1px solid {color:border};
  294. }
  295.  
  296.  
  297. .tumblr_avatar {
  298. margin-right:9px;
  299. width:25px;
  300. height:25px;
  301. border-radius:4px;
  302. -moz-border-radius:4px;
  303. -webkit-border-radius:4px;
  304. vertical-align:middle;
  305. display:inline;
  306. box-sizing:border-box;
  307. -webkit-box-sizing: border-box;
  308. -moz-box-sizing: border-box;
  309. border:1px solid {color:border};
  310. padding:3px;
  311. background:#fff;
  312. }
  313.  
  314. .captions a.tumblr_blog {
  315. vertical-align:middle;
  316. height:25px;
  317. line-height:25px;
  318. text-decoration:none;
  319. background:{color:accent};
  320. padding:2px 8px 4px 8px;
  321. border-bottom:0;
  322. border-radius:4px;
  323. -moz-border-radius:4px;
  324. -webkit-border-radius:4px;
  325. box-sizing:border-box;
  326. -webkit-box-sizing: border-box;
  327. -moz-box-sizing: border-box;
  328. }
  329.  
  330. .captions a {
  331. border-bottom:1px solid {color:border};
  332. }
  333.  
  334. .captions {
  335. margin-top:15px;
  336. color:#555;
  337. }
  338.  
  339. .captions blockquote {
  340. border:0;
  341. margin:5px 0px 0px 0px;
  342. padding:0;
  343. }
  344.  
  345. .title {
  346. font-weight:700;
  347. font-size:16px;
  348. margin-bottom:7px;
  349. font-family: 'Playfair Display', serif;
  350. }
  351.  
  352. .chatlines {
  353. border-bottom:1px dotted {color:border};
  354. padding:5px 0px;
  355. }
  356.  
  357. .notes {
  358. margin:30px 0 0 0;
  359. }
  360.  
  361. .quote, .src {
  362. line-height:190%;
  363. }
  364.  
  365. .quote {
  366. font-size:14px;
  367. font-style: italic;
  368. }
  369.  
  370. .src {
  371. font-size:10px;
  372. margin-top:5px;
  373. text-align:right;
  374. }
  375.  
  376. .w {
  377. max-width:{text:post width};
  378. max-height:{text:post width};
  379. }
  380.  
  381. .vc {
  382. overflow:hidden;
  383. }
  384.  
  385. .vc iframe, .vc object, .vc embed {
  386. max-width:{text:post width};
  387. max-height:{text:post width};
  388. }
  389.  
  390. .music iframe {
  391. max-width: 100%;
  392. }
  393.  
  394. .music {
  395. margin-bottom:-7px;
  396. }
  397.  
  398. ol.notes{
  399. padding:0;
  400. margin:0;
  401. }
  402.  
  403. ol.notes li {
  404. list-style-type: none;
  405. }
  406.  
  407. ol.notes li.note img{
  408. width:0px;
  409. height:0px;
  410. }
  411.  
  412. ol.notes li.note{
  413. margin:0px;
  414. }
  415.  
  416. #bar {
  417. position:fixed;
  418. width:100vw;
  419. height:50px;
  420. vertical-align: middle;
  421. line-height:50px;
  422. text-align:center;
  423. background:#fff;
  424. z-index:999;
  425. top:0;
  426. font-size:10px;
  427. border-bottom:1px solid {color:border};
  428. text-transform:uppercase;
  429. }
  430.  
  431. #bar a {
  432. margin-right:25px;
  433. }
  434.  
  435. #bar a:last-child {
  436. margin-right:0px;
  437. }
  438.  
  439. aside {
  440. width:200px;
  441. position:absolute;
  442. }
  443.  
  444. #right {
  445. margin-left:calc({text:post width} + 300px);
  446. width:200px;
  447. position:absolute;
  448. padding-left:100px;
  449. }
  450.  
  451. header {
  452. margin-bottom:150px;
  453. text-align:center;
  454. border-bottom:1px solid {color:border};
  455. padding-bottom:50px;
  456. {block:iftwosidebars}
  457. width:calc({text:post width} + 600px);
  458. {/block:iftwosidebars}
  459. {block:ifnottwosidebars}
  460. width:calc({text:post width} + 300px);
  461. {/block:ifnottwosidebars}
  462. }
  463.  
  464. #cover {
  465. z-index:1;
  466. position: relative;
  467. {block:iftwosidebars}
  468. width:calc({text:post width} + 600px);
  469. {/block:iftwosidebars}
  470. {block:ifnottwosidebars}
  471. width:calc({text:post width} + 300px);
  472. {/block:ifnottwosidebars}
  473. }
  474.  
  475. #header-info {
  476. margin-bottom:150px;
  477. color:#3f3f3f;
  478. }
  479.  
  480. #tagline {
  481. font-size:15px;
  482. font-weight:700;
  483. text-transform:uppercase;
  484. word-spacing:10px;
  485. margin-bottom:15px;
  486. }
  487.  
  488. #blogtit {
  489. font-family: 'Playfair Display', serif;
  490. font-size:32px;
  491. font-weight:700;
  492. text-transform:uppercase;
  493. word-spacing:10px;
  494. }
  495.  
  496. #icon {
  497. width:100px;
  498. height:100px;
  499. border-radius:50%;
  500. -moz-border-radius:50%;
  501. -webkit-border-radius:50%;
  502. margin:-50px auto 0px auto;
  503. background:#fff;
  504. padding:4px;
  505. -webkit-box-sizing: border-box;
  506. -moz-box-sizing: border-box;
  507. box-sizing: border-box;
  508. z-index:2;
  509. position:relative;
  510. }
  511.  
  512. #description {
  513. {block:iftwosidebars}
  514. width:calc({text:post width} + 600px);
  515. {/block:iftwosidebars}
  516. {block:ifnottwosidebars}
  517. width:calc({text:post width} + 300px);
  518. {/block:ifnottwosidebars}
  519. text-align:center;
  520. margin-top:30px;
  521. font-size:12px;
  522. }
  523.  
  524. #description a {
  525. border-bottom:1px solid {color:border};
  526. }
  527.  
  528. .sects {
  529. margin-bottom:40px;
  530. padding-bottom:40px;
  531. border-bottom:1px solid {color:border};
  532. }
  533.  
  534. .sects:last-of-type {
  535. border-bottom:0px;
  536. }
  537.  
  538. .sects-title {
  539. font-family: 'Playfair Display', serif;
  540. font-weight:700;
  541. font-size:15px;
  542. border-bottom:1px solid {color:border};
  543. }
  544.  
  545. .sects-content {
  546. margin-top:10px;
  547. }
  548.  
  549. .sects-label {
  550. margin-right:10px;
  551. font-weight:700;
  552. border-bottom:1px solid {color:border};
  553. }
  554.  
  555. .sects-preview {
  556. width:200px;
  557. margin-bottom:15px;
  558. }
  559.  
  560. #links a{
  561. display:block;
  562. }
  563.  
  564. .memb-label {
  565. font-weight:700;
  566. margin-bottom:10px;
  567. }
  568.  
  569. .mem {
  570. margin-bottom:7px;
  571. border-bottom:1px solid {color:border};
  572. padding-bottom:7px;
  573. }
  574.  
  575. .mem:last-of-type {
  576. border-bottom:0px;
  577. padding-bottom:0px;
  578. }
  579.  
  580. .mem-icon {
  581. width:20px;
  582. height:20px;
  583. position:absolute;
  584. }
  585.  
  586. .mem-url {
  587. height:20px;
  588. vertical-align:middle;
  589. line-height:20px;
  590. margin-left:50px;
  591. text-align:right;
  592. }
  593.  
  594. .mem-url a {
  595. text-transform:lowercase;
  596. }
  597.  
  598. .sects-project:first-of-type {
  599. padding-top:0px;
  600. }
  601.  
  602. .sects-project {
  603. padding:10px 0px;
  604. border-bottom:1px dotted {color:border};
  605. }
  606.  
  607. .sects-project:last-of-type {
  608. padding-bottom:0px;
  609. border-bottom:0px;
  610. }
  611.  
  612.  
  613. .sects-pro {
  614. width:200px;
  615. padding:5px;
  616. border:1px solid {color:border};
  617. -webkit-box-sizing: border-box;
  618. -moz-box-sizing: border-box;
  619. box-sizing: border-box;
  620. margin:7px 0px;
  621. }
  622.  
  623. .sects-update {
  624. margin-bottom:10px;
  625. }
  626.  
  627. .sects-upadte:last-of-type {
  628. margin-bottom:0px;
  629. }
  630.  
  631. .sects-proname {
  632. font-weight:700;
  633. font-size:13px;
  634. }
  635.  
  636. .sects-protagline {
  637. font-style:italic;
  638. margin-bottom:5px;
  639. }
  640.  
  641. .vignette, #vignette {
  642. opacity:0;
  643. }
  644.  
  645. .lightbox-image, #tumblr_lightbox img {
  646. box-shadow:none !important;
  647. border-radius:0 !important;
  648. max-width:none;
  649. }
  650.  
  651. .tmblr-lightbox, #tumblr_lightbox {
  652. background-color:rgba(255, 255, 255, 0.5) !important;
  653. }
  654.  
  655. .lightbox-caption, #tumblr_lightbox_caption {
  656. visibility:hidden;
  657. }
  658.  
  659. .permalink, .permalinks {
  660. margin-top:20px;
  661. }
  662.  
  663. .permalink a {
  664. color:{color:link};
  665. {block:ifunderlinedpermalinks}
  666. border-bottom:1px solid {color:border};
  667. {/block:ifunderlinedpermalinks}
  668. margin-right:13px;
  669. text-transform:lowercase;
  670. }
  671.  
  672. .permalink a:last-of-type {
  673. margin-right:0px;
  674. }
  675.  
  676. .permalink a:hover {
  677. color:{color:text};
  678. }
  679.  
  680. .perma-a {
  681. position:absolute;
  682. }
  683.  
  684. .perma-b {
  685. text-align:right;
  686. }
  687.  
  688. .like-b {
  689. position:relative;
  690. display:inline-block;
  691. height:1em;
  692. line-height:1em;
  693. overflow:hidden;
  694. margin-bottom:-3px;
  695. }
  696.  
  697. .like-b .like_button iframe {
  698. position:absolute;
  699. top:0;
  700. left:0;
  701. bottom:0;
  702. right:0;
  703. z-index:2;
  704. opacity:0;
  705. }
  706.  
  707. .like-b .liked + .b {
  708. color:inherit;
  709. }
  710.  
  711. .like-b .liked + .b:after {
  712. content:'d';
  713. }
  714.  
  715. .tag {
  716. {block:ifshowpermalinkborder}
  717. border-top:1px solid {color:border};
  718. {/block:ifshowpermalinkborder}
  719. width:100%;
  720. padding-top:8px;
  721. }
  722.  
  723. .tag a {
  724. line-height:100%;
  725. display:inline-block;
  726. margin:10px 10px 0 0;
  727. padding:3px 5px;
  728. font-size:10px;
  729. background:{color:accent};
  730. -moz-border-radius:4px;
  731. -webkit-border-radius:4px;
  732. box-sizing:border-box;
  733. }
  734.  
  735. .tag a:last-of-type {
  736. margin-right:0px;
  737. }
  738.  
  739. .ask a{
  740. border-bottom:1px solid {color:border};
  741. }
  742.  
  743. .asker a {
  744. border-bottom:0;
  745. padding:0;
  746. display:inline;
  747. font-weight:700;
  748. }
  749.  
  750. .asker {
  751. background:{color:accent};
  752. box-sizing:border-box;
  753. -webkit-box-sizing: border-box;
  754. -moz-box-sizing: border-box;
  755. padding:15px;
  756. }
  757.  
  758. #pagination {
  759. text-align:center;
  760. margin:0px 0px 0px -9px;
  761. }
  762.  
  763. .jump_page, .current_page {
  764. margin-right:9px;
  765. }
  766.  
  767. .jump_page {
  768. padding: 4px 8px;
  769. color:{color:text};
  770. text-decoration:none;
  771. }
  772.  
  773. .current_page {
  774. padding: 4px 8px;
  775. color:{color:text};
  776. background:{color:accent};
  777. text-decoration:none;
  778. border-radius:4px;
  779. -moz-border-radius:4px;
  780. -webkit-borde-rradius:4px;
  781. }
  782.  
  783.  
  784. #backtotop{
  785. position:fixed;
  786. bottom:5px;
  787. left:20px;
  788. padding:0px 6px 4px 6px;
  789. display:none;
  790. padding:5px;
  791. font-size:30px;
  792. color:#414141;
  793. text-align:center;
  794. }
  795.  
  796. </style> </head> <body>
  797.  
  798. <div id="bar">
  799. <a href="/">index</a>
  800. <a href="/ask">message</a>
  801. <a href="/archive">archive</a>
  802. {block:ifheaderlink1}<a href="{text:header link 1 url}">{text:header link 1}</a>{/block:ifheaderlink1}
  803. {block:ifheaderlink2}<a href="{text:header link 2 url}">{text:header link 2}</a>{/block:ifheaderlink2}
  804. {block:ifheaderlink3}<a href="{text:header link 3 url}">{text:header link 3}</a>{/block:ifheaderlink3}
  805. {block:ifheaderlink4}<a href="{text:header link 4 url}">{text:header link 4}</a>{/block:ifheaderlink4}
  806. <!--
  807. dont edit the theme credit.
  808. dont delete it.
  809. just dont touch the theme credit.
  810. --->
  811. <a href="https://nemurou.tumblr.com/">theme</a>
  812. </div>
  813.  
  814. <div id="content">
  815.  
  816. {block:HomePage}
  817. <header>
  818. <div id="header-info">
  819. <div id="tagline">{text:header tagline}</div>
  820. <div id="blogtit">{text:header title}</div>
  821. </div>
  822. <img id="cover" src="{image:header}">
  823. <img id="icon" src="{image:icon}">
  824. <div id="description">{text:header description}</div>
  825. </header>
  826. {/block:HomePage}
  827.  
  828. <aside>
  829.  
  830. {block:ifshowaboutsection}
  831. <div class="sects">
  832. {block:ifaboutsectiontitle}<span class="sects-title">{text:about section title}</span>{/block:ifaboutsectiontitle}
  833. <div class="sects-content">
  834. <img class="sects-preview" src="{image:about image}">
  835. {block:ifabouttext}<div style="margin-bottom:15px;">{text:about text}</div>{/block:ifabouttext}
  836. {block:ifdateestablished}<span class="sects-label">Established</span>{text:date established}<br>{/block:ifdateestablished}
  837. {block:ifonlinecounter}<span class="sects-label">Online</span>{text:online counter}<br>{/block:ifonlinecounter}
  838. {block:ifhitcounter}<span class="sects-label">Hits</span>{text:hit counter}<br>{/block:ifhitcounter}
  839. <!--
  840. dont edit the theme credit.
  841. dont delete it.
  842. just dont touch the theme credit.
  843. --->
  844. <span class="sects-label">Theme</span><a href="https://nemurou.tumblr.com">Nemurou</a>
  845. </div>
  846. <!---end of about section--->
  847. </div>
  848. {/block:ifshowaboutsection}
  849.  
  850. {block:ifshowextralinkssection}
  851. <div class="sects">
  852. {block:ifextralinkssectiontitle}<span class="sects-title">{text:extra links section title}</span>{/block:ifextralinkssectiontitle}
  853. <div class="sects-content">
  854. <div id="links">
  855. {block:ifextralink1}<a href="{text:extra link 1 url}">{text:extra link 1}</a>{/block:ifextralink1}
  856. {block:ifextralink2}<a href="{text:extra link 2 url}">{text:extra link 2}</a>{/block:ifextralink2}
  857. {block:ifextralink3}<a href="{text:extra link 3 url}">{text:extra link 3}</a>{/block:ifextralink3}
  858. {block:ifextralink4}<a href="{text:extra link 4 url}">{text:extra link 4}</a>{/block:ifextralink4}
  859. {block:ifextralink5}<a href="{text:extra link 5 url}">{text:extra link 5}</a>{/block:ifextralink5}
  860. {block:ifextralink6}<a href="{text:extra link 6 url}">{text:extra link 6}</a>{/block:ifextralink6}
  861. </div>
  862. <!---end of inner--->
  863. </div>
  864. <!--end of links section-->
  865. </div>
  866. {/block:ifshowextralinkssection}
  867.  
  868. {block:ifshownetworksection}
  869. <div class="sects">
  870. {block:ifnetworksectiontitle}<span class="sects-title">{text:network section title}</span>{/block:ifnetworksectiontitle}
  871.  
  872. <div class="sects-content">
  873. {block:ifadminsectiontitle}<div class="memb-label">{text:admin section title}</div>{/block:ifadminsectiontitle}
  874.  
  875. <!--- EDIT ADMINS HERE --->
  876.  
  877. <!---
  878.  
  879. 1. to add another admin copy the code snippet between 'start of one member' and 'end of one member' and paste it before the div following the 'end of members' notice. i have marked them & provided an example down below for your convenience.
  880.  
  881. 2. to change icon replace https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png with your icon's url
  882.  
  883. 3. change s.coups to the admin's name, tumblr handle, or whatever you want
  884.  
  885. 4. let's look at the following code:
  886.  
  887. <a href="/" title="hip hop and group leader">s.coups</a>
  888.  
  889. replace the / between the 2 quotation marks with the admin's url.
  890.  
  891. for example, my tumblr handle is nemurou. i would therefor replace
  892. / with https://nemurou.tumblr.com/
  893.  
  894. next, on the PREVIEW (not here) hover over the text you edited in step 3. hip hop and group leader showed up, yes?
  895.  
  896. this is the portion of the code that does that:
  897.  
  898. title="hip hop and group leader"
  899.  
  900. if you don't want anything to show up, just delete the snippet above. otherwise, edit the text in between the two quotation marks to whatever you like.
  901.  
  902. ----->
  903.  
  904. <!---start of one member--->
  905. <div class="mem">
  906. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  907. <div class="mem-url"><a href="/" title="hip hop and group leader">s.coups</a></div>
  908. </div>
  909. <!---end of one member--->
  910.  
  911. <!---PASTE NEW ADMINS BELOW--->
  912.  
  913. <!---start of one member--->
  914. <div class="mem">
  915. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  916. <div class="mem-url"><a href="https://nemurou.tumblr.com/" title="admin name">nemurou</a></div>
  917. </div>
  918. <!---end of one member--->
  919.  
  920.  
  921. <!--DO NOT PASTE NEW ADMINS BELOW THIS LINE OF TEXT--->
  922.  
  923. <!---end of admins--->
  924. </div>
  925.  
  926. <!--- EDIT MEMBERS HERE --->
  927.  
  928. <div class="sects-content">
  929. {block:ifmemberssectiontitle}<div class="memb-label">{text:members section title}</div>{/block:ifmemberssectiontitle}
  930.  
  931. <!---start of one member--->
  932. <div class="mem">
  933. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  934. <div class="mem-url"><a href="/" title="admin name">jeonghan</a></div>
  935. </div>
  936. <!---end of one member--->
  937.  
  938. <!---start of one member--->
  939. <div class="mem">
  940. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  941. <div class="mem-url"><a href="/" title="admin name">joshua</a></div>
  942. </div>
  943. <!---end of one member--->
  944.  
  945. <!---start of one member--->
  946. <div class="mem">
  947. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  948. <div class="mem-url"><a href="/" title="admin name">woozi</a></div>
  949. </div>
  950. <!---end of one member--->
  951.  
  952. <!---start of one member--->
  953. <div class="mem">
  954. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  955. <div class="mem-url"><a href="/" title="admin name">dokyeom</a></div>
  956. </div>
  957. <!---end of one member--->
  958.  
  959. <!---start of one member--->
  960. <div class="mem">
  961. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  962. <div class="mem-url"><a href="/" title="admin name">seungkwan</a></div>
  963. </div>
  964. <!---end of one member--->
  965.  
  966.  
  967. <!---end of members--->
  968. </div>
  969.  
  970.  
  971. <!--- EDIT AFFILIATES HERE --->
  972.  
  973. <div class="sects-content">
  974. <div class="memb-label">Affiliates</div>
  975. <!---start of one member--->
  976. <div class="mem">
  977. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  978. <div class="mem-url"><a href="/" title="admin name">pledis entertainment</a></div>
  979. </div>
  980. <!---end of one member--->
  981.  
  982. <!---start of one member--->
  983. <div class="mem">
  984. <img class="mem-icon" src="https://static.tumblr.com/grynaut/SLnozwn5h/woozicon.png">
  985. <div class="mem-url"><a href="/" title="admin name">south korean boy groups</a></div>
  986. </div>
  987. <!---end of one member--->
  988.  
  989. <!---end of Affiliates--->
  990. </div>
  991.  
  992. <!---end of members section--->
  993. </div>
  994. {/block:ifshownetworksection}
  995.  
  996.  
  997. <!--- **EDIT SECTIONS BELOW ONLY IF YOU DID NOT CHECK OFF THE TWO SIDEBARS OPTIONS** --->
  998.  
  999. {block:ifnottwosidebars}
  1000. {block:ifshowschedulesection}
  1001. <div class="sects">
  1002. <span class="sects-title">Schedule</span>
  1003. <div class="sects-content">
  1004.  
  1005. <!---start of one update--->
  1006. <div class="sects-update">
  1007. <span class="sects-label">11/24</span>KBS Music Bank @ 5PM
  1008. <div class="sects-infos">
  1009. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1010. <!--end of extra info--->
  1011. </div>
  1012. </div>
  1013. <!---end of one update--->
  1014.  
  1015. <!---start of one update--->
  1016. <div class="sects-update">
  1017. <span class="sects-label">11/25</span>Location & Time
  1018. <div class="sects-infos">
  1019. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1020. <!--end of extra info--->
  1021. </div>
  1022. </div>
  1023. <!---end of one update--->
  1024.  
  1025. <!---start of one update--->
  1026. <div class="sects-update">
  1027. <span class="sects-label">11/26</span>Location & Time
  1028. <div class="sects-infos">
  1029. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1030. <!--end of extra info--->
  1031. </div>
  1032. </div>
  1033. <!---end of one update--->
  1034.  
  1035.  
  1036.  
  1037. <!---end of inner--->
  1038. </div>
  1039. <!--end of schedule section-->
  1040. </div>
  1041. {/block:ifshowschedulesection}
  1042.  
  1043. {block:ifshowprojectsection}
  1044. <div class="sects">
  1045. <span class="sects-title">Projects</span>
  1046. <div class="sects-content">
  1047.  
  1048. <!--start of one project--->
  1049. <div class="sects-project">
  1050. <div class="sects-proname">Teen, Age</div>
  1051. <div class="sects-protagline">Second Album, Nov 6th 2017 release</div>
  1052. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat sagittis velit venenatis hendrerit.
  1053. <!--end of one project--->
  1054. </div>
  1055.  
  1056. <!--start of one project--->
  1057. <div class="sects-project">
  1058. <div class="sects-proname">Project Name</div>
  1059. <div class="sects-protagline">Type, date, etc. </div>
  1060. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat sagittis velit venenatis hendrerit.
  1061. <!--end of one project--->
  1062. </div>
  1063.  
  1064.  
  1065.  
  1066. <!---end of inner--->
  1067. </div>
  1068. <!--end of projects section-->
  1069. </div>
  1070. {/block:ifshowprojectsection}
  1071.  
  1072. {block:ifshowdisclaimersection}
  1073. <div class="sects">
  1074. <span class="sects-title">Disclaimer</span>
  1075. <div class="sects-content">
  1076. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat sagittis velit venenatis hendrerit. Fusce sapien arcu, vulputate et ipsum in, auctor aliquet dolor. Nullam id ipsum ac purus semper ultricies et vitae neque. Donec molestie tincidunt nisi, sit amet pellentesque dolor ultricies ac.
  1077. <!---end of inner--->
  1078. </div>
  1079. <!--end of disclaimer section-->
  1080. </div>
  1081. {/block:ifshowdisclaimersection}
  1082.  
  1083. {/block:ifnottwosidebars}
  1084.  
  1085. </aside>
  1086.  
  1087. <!--- **EDIT SECTIONS BELOW ONLY IF YOU CHECKED OFF THE TWO SIDEBARS OPTIONS** --->
  1088.  
  1089. {block:iftwosidebars}
  1090. <div id="right">
  1091.  
  1092. {block:ifshowschedulesection}
  1093. <div class="sects">
  1094. <span class="sects-title">Schedule</span>
  1095. <div class="sects-content">
  1096.  
  1097. <!---start of one update--->
  1098. <div class="sects-update">
  1099. <span class="sects-label">11/24</span>KBS Music Bank @ 5PM
  1100. <div class="sects-infos">
  1101. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1102. <!--end of extra info--->
  1103. </div>
  1104. </div>
  1105. <!---end of one update--->
  1106.  
  1107. <!---start of one update--->
  1108. <div class="sects-update">
  1109. <span class="sects-label">11/25</span>Location & Time
  1110. <div class="sects-infos">
  1111. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1112. <!--end of extra info--->
  1113. </div>
  1114. </div>
  1115. <!---end of one update--->
  1116.  
  1117. <!---start of one update--->
  1118. <div class="sects-update">
  1119. <span class="sects-label">11/26</span>Location & Time
  1120. <div class="sects-infos">
  1121. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  1122. <!--end of extra info--->
  1123. </div>
  1124. </div>
  1125. <!---end of one update--->
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131. <!---end of inner--->
  1132. </div>
  1133. <!--end of schedule section-->
  1134. </div>
  1135. {/block:ifshowschedulesection}
  1136.  
  1137.  
  1138. {block:ifshowprojectsection}
  1139. <div class="sects">
  1140. <span class="sects-title">Projects</span>
  1141. <div class="sects-content">
  1142.  
  1143. <!--start of one project--->
  1144. <div class="sects-project">
  1145. <div class="sects-proname">Teen, Age</div>
  1146. <div class="sects-protagline">Second Album, Nov 6th 2017 release</div>
  1147. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat sagittis velit venenatis hendrerit.
  1148. <!--end of one project--->
  1149. </div>
  1150.  
  1151. <!--start of one project--->
  1152. <div class="sects-project">
  1153. <div class="sects-proname">Project Name</div>
  1154. <div class="sects-protagline">Type, date, etc. </div>
  1155. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat sagittis velit venenatis hendrerit.
  1156. <!--end of one project--->
  1157. </div>
  1158.  
  1159.  
  1160.  
  1161.  
  1162. <!---end of inner--->
  1163. </div>
  1164. <!--end of projects section-->
  1165. </div>
  1166. {/block:ifshowprojectsection}
  1167.  
  1168. {block:ifshowdisclaimersection}
  1169. <div class="sects">
  1170. <span class="sects-title">Disclaimer</span>
  1171. <div class="sects-content">
  1172. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat sagittis velit venenatis hendrerit. Fusce sapien arcu, vulputate et ipsum in, auctor aliquet dolor. Nullam id ipsum ac purus semper ultricies et vitae neque. Donec molestie tincidunt nisi, sit amet pellentesque dolor ultricies ac.
  1173. <!---end of inner--->
  1174. </div>
  1175. <!--end of disclaimer section-->
  1176. </div>
  1177. {/block:ifshowdisclaimersection}
  1178.  
  1179. <!--end of right sidebar--->
  1180. </div>
  1181. {/block:iftwosidebars}
  1182.  
  1183. {block:Posts}
  1184.  
  1185.  
  1186. {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} -->
  1187.  
  1188.  
  1189.  
  1190. <article id="{PostID}">
  1191.  
  1192.  
  1193. {block:Photo}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img style="width:100%;" src="{PhotoURL-HighRes}"></a>{/block:Photo}
  1194.  
  1195. {block:Photoset}<a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false"><div style="max-width:100%;"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></a>{/block:Photoset}
  1196.  
  1197. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title} <div style="border:0; padding:0;" class="captions">{Body}</div>{/block:Text}
  1198.  
  1199. {block:Audio}<div class="music">{AudioEmbed}</div>{/block:Audio}
  1200.  
  1201. {block:Answer}
  1202. <div class="ask">
  1203. <div class="asker">
  1204. {Asker} sent: {Question}</div>
  1205. {Answer}
  1206. </div>
  1207. {/block:Answer}
  1208.  
  1209. {block:Chat}
  1210. {block:Title}
  1211. <div class="title">{Title}</div>
  1212. {/block:Title}
  1213. <div style="border-top:1px dotted {color:border}">
  1214. {block:Lines}
  1215. <div class="chatlines">{block:Label}<div style="font-weight:700;display:inline;margin-right:5px;">{Label}</div>{/block:Label}{Line}
  1216. </div>
  1217. {/block:Lines}
  1218. </div>
  1219. {/block:Chat}
  1220.  
  1221. {block:Quote}
  1222. <div class="quote">{Quote}</div>
  1223. {block:source}
  1224. <div class="src">&mdash; {source}</div>
  1225. {/block:source}
  1226. {/block:Quote}
  1227.  
  1228. {block:Link}
  1229. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  1230. {Description}
  1231. {/block:Link}
  1232.  
  1233. {block:Video}
  1234. <div class="vc"><div class="w">{Video-500}</div></div>
  1235. {/block:Video}
  1236.  
  1237. {block:ifdisplaycaptions}{block:indexpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:indexpage}{/block:ifdisplaycaptions}
  1238.  
  1239. {block:permalinkpage}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  1240.  
  1241. {block:indexpage}{block:date}
  1242. <div class="permalink">
  1243. <div class="perma-a">
  1244. <a href="{permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  1245. <a href="{permalink}">{NoteCountwithlabel}</a>
  1246. </div>
  1247. <div class="perma-b">
  1248. <a href="{ReblogURL}" target="_blank" >reblog</a>
  1249. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1250. <!---end of right perma info-->
  1251. </div>
  1252. <!---end of permalink--->
  1253. </div>
  1254.  
  1255. {block:ifdisplaytags}{block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifdisplaytags} {/block:date}{/block:indexpage}
  1256.  
  1257. {block:permalinkpage}{block:date} <div class="permalinks">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year} / {12HourWithZero}:{Minutes} {AmPm} / {NoteCountwithLabel}<br>{block:RebloggedFrom}<a href="{ReblogParentURL}"> reblogged from </a> / <a href="{ReblogRootURL}">original post</a>{/block:RebloggedFrom}</div>
  1258.  
  1259. {block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:date}{/block:permalinkpage}
  1260.  
  1261. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1262.  
  1263. </article>
  1264.  
  1265. {/block:Posts}
  1266.  
  1267. <article style="margin-bottom:0;">
  1268. {block:Pagination}
  1269. <div id="pagination">
  1270. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1271. {block:JumpPagination length="5"}
  1272. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1273. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1274. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1275. </div>
  1276. {/block:Pagination}
  1277. </article>
  1278.  
  1279.  
  1280. </div>
  1281. </body>
  1282.  
  1283. <div id="backtotop"><a href="javascript:scroll(0,0)">⌃</a></div>
  1284.  
  1285.  
  1286.  
  1287. </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!