API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 20th, 2019
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #35 by caulfielld -
  5. don't take parts of this code.
  6. don't remove this comment.
  7. don't remove the credit.
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16. <meta name="description" content="" />
  17. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  18.  
  19. <meta name="image:Background" content="">
  20. <meta name="image:Sidebar" content="">
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Text" content="#999999" />
  24. <meta name="color:Link" content="#444444" />
  25. <meta name="color:Link hover" content="#ffd1dc" />
  26. <meta name="color:Icon bg" content="#ffd1dc" />
  27. <meta name="color:Caption" content="#f6f6f6" /
  28. <meta name="color:Info" content="#444444" />
  29. <meta name="color:Bold" content="#ffd1dc" />
  30. <meta name="color:Borders" content="#eeeeee" />
  31. <meta name="color:Scrollbar" content="#ffd1dc" />
  32.  
  33. <meta name="select:Background position" content="initial" title="initial"/>
  34. <meta name="select:Background position" content="5% 5%" title="left top"/>
  35. <meta name="select:Background position" content="5% 50%" title="left center"/>
  36. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  37. <meta name="select:Background position" content="95% 5%" title="right top"/>
  38. <meta name="select:Background position" content="95% 50%" title="right center"/>
  39. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  40.  
  41. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  42. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  43.  
  44. <meta name="select:Body font" content="karla" title="karla"/>
  45. <meta name="select:Body font" content="roboto" title="Roboto"/>
  46. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  47. <meta name="select:Body font" content="arial" title="Arial"/>
  48. <meta name="select:Body font" content="cambria" title="Cambria"/>
  49. <meta name="select:Body font" content="calibri" title="Calibri"/>
  50. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  51.  
  52. <meta name="select:Body font size" content="10px" title="10px"/>
  53. <meta name="select:Body font size" content="09px" title="09px"/>
  54. <meta name="select:Body font size" content="11px" title="11px"/>
  55. <meta name="select:Body font size" content="10.4px" title="10.4px"/>
  56.  
  57. <meta name="select:Posts width" content="250" title="250px"/>
  58. <meta name="select:Posts width" content="300" title="300px"/>
  59. <meta name="select:Posts width" content="350" title="350px"/>
  60. <meta name="select:Posts width" content="400" title="400px"/>
  61. <meta name="select:Posts width" content="450" title="450px"/>
  62. <meta name="select:Posts width" content="500" title="500px"/>
  63. <meta name="select:Posts width" content="540" title="540px"/>
  64.  
  65. <meta name="if:Show caption" content="1">
  66. <meta name="if:No rescaling" content="0">
  67. <meta name="if:Custom gutter" content="0">
  68. <meta name="if:Reblog button" content="0">
  69.  
  70. <meta name="select:Tags" content="0" title="hover"/>
  71. <meta name="select:Tags" content="1" title="always visible"/>
  72.  
  73. <meta name="select:Number of links" content="3" title="3">
  74. <meta name="select:Number of links" content="1" title="1">
  75. <meta name="select:Number of links" content="2" title="2">
  76. <meta name="select:Number of links" content="4" title="4">
  77. <meta name="select:Number of links" content="5" title="5">
  78.  
  79. <meta name="text:Margin" content="50" />
  80. <meta name="text:Gutter" content="2" />
  81. <meta name="text:Link 01 URL" content="/" />
  82. <meta name="text:Link 01 title" content="Link 01">
  83. <meta name="text:Link 02 URL" content="/" />
  84. <meta name="text:Link 02 title" content="Link 02">
  85. <meta name="text:Link 03 URL" content="/" />
  86. <meta name="text:Link 03 title" content="Link 03">
  87. <meta name="text:Link 04 URL" content="/" />
  88. <meta name="text:Link 04 title" content="Link 04">
  89. <meta name="text:Link 05 URL" content="/" />
  90. <meta name="text:Link 05 title" content="Link 05">
  91.  
  92.  
  93. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  94. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  95. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  96. {block:ifNotCustomGutter}<link href="https://static.tumblr.com/nb65v05/MWoo293ue/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  97. <link href="https://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  98. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  99. {block:ifNoRescaling}<link href="https://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  100.  
  101. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  102. <script>
  103. (function($){
  104. $(document).ready(function(){
  105. $("[title]").style_my_tooltips({
  106. tip_follows_cursor:true,
  107. tip_delay_time:200,
  108. tip_fade_speed:300
  109. }
  110. );
  111. });
  112. })(jQuery);
  113. </script>
  114.  
  115. <script language="Javascript">
  116. $(document).ready(function() {
  117. $('#panel a').hide();
  118. $('#panel a:lt({select:Number of links})').show();
  119. });
  120. </script>
  121.  
  122. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  123. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  124.  
  125. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  126.  
  127. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  128.  
  129. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
  130. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  131.  
  132. <style type="text/css">
  133.  
  134. body {
  135. font-size:10px;
  136. font-family:'roboto', 'helvetica neue', sans-serif;
  137. line-height:16px;
  138. margin:0;
  139. text-align:justify;
  140. letter-spacing:0px;
  141. color:{color:text};
  142. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  143. background-position: {select:background position};
  144. background-repeat: {select:background repeat};
  145. line-height:1.5em;
  146. }
  147.  
  148. a {
  149. color:{color:link};
  150. text-decoration: none;
  151. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  152. -o-transition:all 0.6s ease-in-out;/*opera*/
  153. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  154. -ms-transition:all 0.6s ease-in-out;/*ie*/
  155. transition:all 0.6s ease-in-out;/*w3c*/}
  156.  
  157. a:hover {
  158. color:{color:link hover};}
  159.  
  160. em, strong {
  161. color:{color:bold};}
  162.  
  163. small {
  164. font-size:10px;}
  165.  
  166. ol, ul {
  167. padding:0;
  168. padding-left:5px;
  169. list-style-type:none;
  170. }
  171. ol li,
  172. ul li {
  173. position:relative;
  174. padding-left:10px;
  175. }
  176. .posts ol li:before{
  177. content:'›';
  178. position:absolute;
  179. margin-top:-1.5px;
  180. left:0;
  181. font-size:10px;
  182. }
  183. .posts ul li:before {
  184. content:'›';
  185. position:absolute;
  186. margin-top:-1.5px;
  187. left:0;
  188. font-size:10px;
  189. }
  190.  
  191. sub, sup{font-size: 10px;}
  192.  
  193. .container {
  194. width:540px;
  195. margin: auto;}
  196.  
  197. #entries{
  198. width:540px;
  199. position:relative;
  200. margin-top:90px;
  201. margin-bottom:90px;margin-left:50px;
  202. }
  203.  
  204. #entries a{
  205. cursor:help;
  206. }
  207.  
  208. .posts {
  209. width:{select:posts width}px;
  210. overflow:hidden;
  211. word-wrap: break-word;
  212. {block:IndexPage}
  213. padding:05px;
  214. margin-bottom:{text:Margin}px;
  215. {/block:IndexPage}
  216. }
  217.  
  218. .posts h2{
  219. font-size:12px;
  220. line-height:16px;
  221. font-family:'arial', 'helvetica neue', sans-serif;
  222. font-weight:bold;
  223. text-align:justify;
  224. color:{color:link};
  225. }
  226.  
  227. .posts blockquote {
  228. border-left: 2px solid {color:borders};
  229. padding-left: 10px;
  230. margin:0px;}
  231.  
  232. .posts blockquote h2{
  233. text-align:justify;
  234. }
  235.  
  236. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  237.  
  238. .tmblr-full img {
  239. width:100%;}
  240.  
  241. .posts .images{
  242. {block:ifNotNoRescaling}
  243. width: 100%;
  244. {/block:ifNotNoRescaling}
  245. display:block;}
  246.  
  247.  
  248.  
  249. /* SIDEBAR */
  250. .sidebar {
  251. width: 145px;
  252. margin-left:-200px;
  253. margin-top:90px;
  254. position:fixed;}
  255.  
  256. .sidebar .sidebar-image{
  257. max-width:45px;
  258. border-radius:0%;
  259. padding:2px;
  260. padding-top:0;
  261. margin-top:0px;
  262. border:0px solid {color:borders};
  263. display:block;
  264. margin-left: auto;
  265. margin-right: auto;
  266. float:right;
  267. }
  268.  
  269. .menu{
  270. float:left;
  271. line-height:100%;
  272. }
  273.  
  274. .menu green {
  275. background-color:{color:Icon bg};
  276. border-radius:5px;
  277. color:white;
  278. display:inline-block;
  279.  
  280. }
  281.  
  282. .menu a{
  283. display:inline-block;
  284. padding:05px;
  285. }
  286.  
  287. .sb-title{
  288. margin-top:80px;
  289. margin-bottom:05px;
  290. text-align:left;
  291. letter-spacing:2px;
  292. font-size:18px;
  293. font-family:karla;
  294. text-transform:uppercase;
  295. line-height:120%;
  296. }
  297.  
  298. /* DESCRIPTION */
  299. .description{
  300. text-align:justify;
  301. margin-top:20px;
  302. line-height:150%;
  303. }
  304.  
  305. /* NAVIGATION / LINKS */
  306. .navi {
  307. -webkit-column-count: 3; /* Chrome, Safari, Opera */
  308. -moz-column-count: 3; /* Firefox */
  309. column-count: 3;}
  310.  
  311. .navi a{
  312. display:block;
  313. border:0 solid {color:Borders}!important;}
  314.  
  315. /* PAGINATION */
  316. .pag{
  317.  
  318. }
  319.  
  320. /* QUOTE POSTS */
  321. .quote {
  322. padding:0 10px 0 10px;
  323. line-height:18px;
  324. }
  325.  
  326. .quotetext-short {
  327. font-size: 12px;}
  328.  
  329. .quotetext-medium {
  330. font-size: 12px;}
  331.  
  332. .quotetext-long {
  333. font-size: 12px;}
  334.  
  335. .quote-source {
  336. text-align:center;
  337. margin-top:15px;
  338. }
  339.  
  340. /* CHAT POSTS */
  341. .odd, .even {
  342. margin:0px;
  343. padding:10px;
  344. border-bottom:1px solid {color:borders};}
  345.  
  346. .odd:first-of-type {
  347. border-top:1px solid {color:borders};}
  348.  
  349. /* AUDIO POSTS */
  350. .tumblr_audio_player {
  351. height:20px;
  352. width:20px;
  353. z-index:99;
  354. margin:0;
  355. padding:10px;
  356. margin-left:30px;
  357. margin-top:30px;
  358. position:absolute;
  359. float:left;
  360. background-color:white;
  361. border-radius:100%;
  362. opacity:0.5;}
  363.  
  364. .audio:hover .au-image img{
  365. opacity:1;
  366. }
  367.  
  368.  
  369. .audioi {
  370. width:auto;
  371. border:1px solid {color:Borders};
  372. overflow:hidden;
  373. max-height:98px;
  374. position:relative;
  375. margin-left:102px;
  376. }
  377.  
  378. .audio{
  379. height:102px;
  380. }
  381.  
  382. .au-info {
  383. position:relative;
  384. margin-left:100px;
  385. overflow:auto;
  386. padding:10px;
  387. padding-top:0;
  388. font-size:12px;
  389. font-weight:bold;
  390. height:100px;
  391. display: table-cell;
  392. vertical-align: middle;
  393. }
  394.  
  395. .au-image{
  396. float:left;
  397. width:100px;
  398. height:100px;
  399. }
  400.  
  401. .au-image img{
  402. opacity:1;
  403. display: block;
  404. position:relative;
  405. z-index:9;
  406. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  407. -o-transition:all 0.6s ease-in-out;/*opera*/
  408. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  409. -ms-transition:all 0.6s ease-in-out;/*ie*/
  410. transition:all 0.6s ease-in-out;/*w3c*/
  411. }
  412.  
  413. /* VIDEO POSTS*/
  414. .video{
  415. position:relative;
  416. z-index:9999;}
  417.  
  418. .tumblr_video_container {
  419. width:auto!important;
  420. height:auto!important;}
  421.  
  422. .video .instagram-media {
  423. max-height:none!important;
  424. box-shadow:none!important;
  425. border:1px solid {color:borders}!important;
  426. max-width:calc({select:posts width}px - 3px)!important;}
  427.  
  428. /* ASK POSTS */
  429. .question{
  430. border-left:2px solid {color:borders};
  431. padding-left:15px;
  432. margin-left:45px;
  433. padding:5px;
  434. margin-bottom:20px;
  435. }
  436.  
  437. /* CAPTION */
  438. .caption{
  439. padding:10px;
  440. background-color:{color:caption};
  441. margin-top:10px;
  442. }
  443.  
  444. .text a {
  445. border-bottom:1px solid {color:borders};}
  446.  
  447. .text a:hover {
  448. text-decoration:none;
  449. color:{color:link hover};
  450. border-color:{color:link hover};
  451. }
  452.  
  453. .caption a {
  454. border-bottom:1px solid {color:borders};}
  455.  
  456. .caption a:hover {
  457. text-decoration:none;
  458. color:{color:link hover};
  459. border-color:{color:link hover};
  460. }
  461.  
  462. /* INFO */
  463. .posts-info{
  464. margin-top:15px;
  465. font-size:09px;
  466. text-transform:uppercase;
  467. letter-spacing:0px;
  468. text-align: center;
  469. color:{color:info};
  470. margin-bottom:1px;}
  471.  
  472. .posts-info a{
  473. color:{color:info};
  474. }
  475.  
  476. a.tag {
  477. text-decoration:none;
  478. font-family: 'open sans', sans-serif;
  479. border-bottom:1px solid {color:caption}!important;
  480. font-weight:500;
  481. line-height:16px;
  482. margin:3px;
  483. font-size:9px;
  484. text-transform:none;
  485. letter-spacing:0px;
  486. opacity:{select:tags};
  487. {block:permalinkPage}
  488. opacity:1;{/block:permalinkPage}
  489. }
  490.  
  491. .posts:hover a.tag{
  492. opacity:1;
  493. }
  494.  
  495.  
  496. /* NOTES */
  497. #notes{
  498. width:{select:posts width}px;
  499. margin-left:0px;
  500. max-height:190px;
  501. overflow:auto;
  502. margin-top:15px;}
  503.  
  504. .notes img{border-radius:100%;}
  505.  
  506. ol.notes {
  507. padding: 0px;
  508. margin: 0;
  509. list-style-type: none;}
  510.  
  511. ol.notes li.note {padding: 10px;}
  512.  
  513. ol.notes li.note img.avatar {
  514. vertical-align: -4px;
  515. float:left;
  516. margin-right: 10px;
  517. width: 16px;
  518. height: 16px;}
  519.  
  520. ol.notes li.note span.action {}
  521.  
  522. ol.notes li.note .answer_content {font-weight: normal;}
  523.  
  524. ol.notes li.note blockquote {
  525. border-color: {color:borders};
  526. padding: 4px 10px;
  527. margin: 10px 0px 0px 25px;}
  528.  
  529. /* EXTRAS */
  530. a.c{
  531. position:fixed;
  532. bottom:25px;
  533. right:25px;
  534. font:07px 'trebuchet ms';
  535. text-transform:uppercase;
  536. letter-spacing:1px;
  537. text-align:right;
  538. z-index:9999999;
  539. background-color:#fff;
  540. border:1px solid #e9e9e9;
  541. padding:05px;
  542. border-radius:100%;
  543. color:#8c8c8c;
  544. }
  545.  
  546. .vignette, #vignette {
  547. opacity:0;
  548. }
  549. .lightbox-image, #tumblr_lightbox img {
  550. box-shadow:none !important;
  551. border-radius:0 !important;
  552. max-width:none;
  553. }
  554.  
  555. .tmblr-lightbox, #tumblr_lightbox {
  556. background-color:rgba(255,255,255,.8) !important;
  557. }
  558.  
  559. #tumblr_lightbox img {
  560. border:3px solid #fff !important;
  561. -moz-box-sizing:border-box;
  562. box-sizing:border-box;
  563. }
  564.  
  565. .lightbox-image {
  566. padding:3px;
  567. background-color:rgba(255,255,255,1) !important;
  568. }
  569.  
  570. ::-webkit-scrollbar {
  571. width: 3px;
  572. height: 3px;
  573. background: {color:background};}
  574.  
  575. ::-webkit-scrollbar-thumb {
  576. background-color:{color:scrollbar};}
  577.  
  578. #s-m-t-tooltip{
  579. margin:24px 14px 7px 12px;
  580. z-index:9999999999999;
  581. line-height:16px;
  582. background:{color:background};
  583. padding:2px 4px;
  584. font-size:8px;
  585. text-transform:uppercase;
  586. border:1px solid {color:borders};
  587. line-height:10px;
  588. letter-spacing:1px;}
  589.  
  590. ::selection {
  591. background: {color:link};
  592. color: white;}
  593. ::-moz-selection {
  594. background: {color:link};
  595. color: white;}
  596. ::-webkit-selection {
  597. background: {color:link};
  598. color: white;}
  599.  
  600. .buttons{
  601. padding-bottom:7px;
  602. display:inline-block;
  603. border-bottom:1px solid {color:borders};
  604. }
  605.  
  606. .buttons a {
  607. position:relative;
  608. display:inline-block;
  609. padding:3px;
  610. }
  611.  
  612. .like svg path {
  613. fill: {color:link};
  614. }
  615. .like .like_button iframe {
  616. position: absolute;
  617. top: -01px;
  618. opacity: 0;
  619. width:14px;
  620. bottom:0;
  621. left:01px;
  622. right:0;
  623. }
  624. .like .like_button.liked + svg {
  625. opacity:1;
  626. }
  627. .like .like_button.liked + svg path {
  628. fill:red;
  629. }
  630.  
  631. .date a{
  632. margin:3px;
  633. margin-top:0;
  634. margin-bottom:0;
  635. }
  636.  
  637. img.ask{
  638. width:30px;
  639. border-radius:100%;
  640. height:30px;
  641. float:left;
  642. }
  643.  
  644. .pag{
  645. text-align:center;
  646. font:08px helvetica;
  647. letter-spacing:1px;
  648. text-transform:uppercase;
  649. }
  650. .pag a, .current_page, .jump_page{
  651. padding:05px;
  652. margin:05px;
  653. border-bottom:1px solid {color:scrollbar};
  654. }
  655.  
  656. #panel{
  657. position:absolute;
  658. text-align: center;
  659. display: none;
  660. line-height:90%;
  661. }
  662.  
  663. #panel a:first-child{
  664. padding-left:0;
  665. }
  666.  
  667. #panel a:last-child{
  668. padding-right:0;
  669. }
  670.  
  671. .me{
  672. text-align:center;
  673. }
  674.  
  675. .flip:hover{
  676. cursor:pointer;
  677. }
  678.  
  679. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.5; z-index:9999999!important;}
  680.  
  681.  
  682.  
  683. </style>
  684. </head>
  685.  
  686. <body>
  687.  
  688. <!---------------------------------------------------------------------------
  689. ------------------------ updates tab by yearsandsyears ----------------------
  690. ---------------------------------------------------------------------------->
  691.  
  692. <script src="https://use.fontawesome.com/8b31d30a04.js"></script>
  693. <script>$(document).ready(function(){$('.ut').click(function(){if($(this).hasClass('active')){$(this).children('span').delay(300).fadeOut(300);$(this).siblings('.hidden').slideUp(300);$(this).delay(400).queue(function(){$(this).removeClass('active');$(this).dequeue();});}else{$(this).addClass('active');$(this).children('span').delay(150).fadeIn(300);$(this).siblings('.hidden').delay(600).slideDown(300);$(this).delay(400).queue(function(){$(this).parents('.update').siblings('.update').children('.ut').removeClass('active');$(this).dequeue();});$(this).parents('.update').siblings('.update').children('.ut').children('span').delay(300).fadeOut(300);$(this).parents('.update').siblings('.update').children('.hidden').slideUp(300);}});$('.ut').click(function(){if($(this).parents('.update').find('.ucr').length){$(this).children('.fa').fadeToggle(300);$('.ucr').fadeToggle(300);}else{$('.ucr').fadeOut(300);$('.fa:not(.fa-flask)').fadeIn(300);}});});</script>
  694.  
  695. <link href="https://static.tumblr.com/f6blkfc/r1aobqyxi/cyantists_updates_8.css" rel="stylesheet" type="text/css"><style type="text/css">
  696.  
  697. .updates {
  698. width:120px; /* this will change the width of the entire tab */
  699. font-size:9px; /* changing this will scale all of the text */
  700. }
  701.  
  702. .ut, .updates .text {
  703. border-color:#f0f0f0; /* border colour of the boxes */
  704. background:#ffffff; /* background colour of the boxes */
  705. }
  706. .updates .text {
  707. padding:10px; /* padding around the updates tab text */
  708. }
  709.  
  710. </style>
  711.  
  712.  
  713. <!-- to move the updates tab to the right of the page, change this line
  714. to <div class="updates uright"> --> <div class="updates">
  715.  
  716.  
  717. <!-------------------------------------------------------------------->
  718. <div class="update"><div class="ut tr">
  719.  
  720. <!-- you can move this to the same place in a different tab but
  721. please leave it intact --><div class="ucr">
  722. <a href="https://yearsandsyears.tumblr.com" title="cyantists">
  723. <i class="fa fa-copyright" style="font-size:0.7em;"></i></a></div>
  724. <!-- thank you! -->
  725.  
  726. <i class="fa fa-times"></i>
  727. <!-- go here for more icons: https://fontawesome.io/icons/
  728. to change it you only replace the fa-bolt part, see below
  729. for some common icon suggestions -->
  730.  
  731. <span>Networks</span></div>
  732.  
  733. <div class="hidden"><div class="text">
  734.  
  735. <div style="text-align: left;">• <a href="https://baekhyun-net.tumblr.com/">baekhyun-net</a><br>• <a href="https://beagleline-net.tumblr.com/">beagleline-net</a><br>• <a href="https://byunbaek-net.tumblr.com/">byunbaek-net</a><br>• <a href="https://thexonet.tumblr.com/">thexonet</a></div>
  736.  
  737. </div></div></div>
  738. <!-------------------------------------------------------------------->
  739. <div class="update"><div class="ut tr">
  740.  
  741. <i class="fa fa-bars"></i>
  742.  
  743. <span>To You</span></div>
  744.  
  745. <div class="hidden"><div class="text">
  746.  
  747. <div style="text-align: left;">You are my <a href="/tagged/baekhyun">dream</a>; thank you for your <a href="/tagged/!smile">smile</a>.</div>
  748.  
  749. </div></div></div>
  750.  
  751. <!-------------------------------------------------------------------->
  752. <div class="update"><div class="ut tr">
  753.  
  754. <i class="fa fa-user"></i>
  755.  
  756. <span>My Works</span></div>
  757.  
  758. <div class="hidden"><div class="text">
  759.  
  760. <div style="text-align: left;">• <a href="/tagged/edits%3Ajelly">edits</a><br>• <a href="/tagged/gifs%3Ajelly">gifs</a></div>
  761.  
  762. </div></div></div>
  763. <!-------------------------------------------------------------------->
  764.  
  765.  
  766. <!-- ICON SUGGESTIONS: ------------------------------------------------
  767.  
  768. fa-bars / fa-calendar / fa-cog / fa-comment / fa-cube / fa-diamond
  769. fa-envelope / fa-folder / fa-headphones / fa-heart / fa-music
  770. fa-paper-plane / fa-quote-left / fa-star / fa-tag / fa-user
  771.  
  772. ---------------------------------------------------------------------->
  773.  
  774.  
  775. </div>
  776.  
  777.  
  778. <div class="container">
  779. <div class="sidebar">
  780.  
  781. <div class="menu"><green><a href="/" title="refresh"><svg width="12" height="12" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg>
  782. </a></green>
  783. <a href="/ask" title="message"><svg width="12" height="12" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 475.433 475.433" style="enable-background:new 0 0 475.433 475.433;" xml:space="preserve"><g><g><path d="M237.717,17.425C106.533,17.425,0,101.008,0,203.575c0,52.983,28.333,102.567,77.917,137.983l-17,96.617 c-1.133,6.517,1.417,13.033,6.8,16.717c2.833,2.267,6.517,3.117,9.917,3.117c2.833,0,5.667-0.567,7.933-1.983l125.517-67.433 c9.067,0.85,17.85,1.133,26.633,1.133c131.183,0,237.717-83.583,237.717-186.15S368.9,17.425,237.717,17.425z M237.717,355.442 c-9.067,0-18.7-0.567-28.333-1.417c-3.4-0.283-6.8,0.283-9.917,1.983L100.3,409.275l12.75-72.817c1.133-6.8-1.7-13.6-7.65-17.283 c-45.617-29.183-71.683-71.117-71.683-115.6c0-83.867,91.517-152.15,203.717-152.15s203.717,68.283,203.717,152.15 S349.917,355.442,237.717,355.442z"/></g></g></svg></a><br>
  784. <a href="/archive/filter-by/photo" title="archive"><svg width="12" height="12" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 493 493" style="enable-background:new 0 0 493 493;" xml:space="preserve"><g><g><path d="M473.167,45.333h-51c-9.35,0-17,7.65-17,17s7.65,17,17,17h34V459H36.833V79.333h45.333c9.35,0,17-7.65,17-17 s-7.65-17-17-17H19.833c-9.35,0-17,7.65-17,17V476c0,9.35,7.65,17,17,17h453.333c9.35,0,17-7.65,17-17V62.333 C490.167,52.983,482.517,45.333,473.167,45.333z"/><path d="M269.167,45.333H221c-9.35,0-17,7.65-17,17s7.65,17,17,17h48.167c9.35,0,17-7.65,17-17S278.517,45.333,269.167,45.333z"/><path d="M144.5,351.333h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17v-28.333 C161.5,358.983,153.85,351.333,144.5,351.333z"/><path d="M266.333,351.333h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17v-28.333 C283.333,358.983,275.683,351.333,266.333,351.333z"/><path d="M161.5,274.833c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17H144.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M283.333,274.833c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5 c9.35,0,17-7.65,17-17V274.833z"/><path d="M385.333,257.833h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667c9.35,0,17-7.65,17-17v-28.333 C402.333,265.483,394.683,257.833,385.333,257.833z"/><path d="M87.833,178.5v28.333c0,9.35,7.65,17,17,17H144.5c9.35,0,17-7.65,17-17V178.5c0-9.35-7.65-17-17-17h-39.667 C95.483,161.5,87.833,169.15,87.833,178.5z"/><path d="M283.333,178.5c0-9.35-7.65-17-17-17h-42.5c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h42.5c9.35,0,17-7.65,17-17 V178.5z"/><path d="M402.333,178.5c0-9.35-7.65-17-17-17h-39.667c-9.35,0-17,7.65-17,17v28.333c0,9.35,7.65,17,17,17h39.667 c9.35,0,17-7.65,17-17V178.5z"/><path d="M155.833,113.333c9.35,0,17-7.65,17-17V17c0-9.35-7.65-17-17-17h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17 H155.833z"/><path d="M351.333,0h-17c-9.35,0-17,7.65-17,17v79.333c0,9.35,7.65,17,17,17h17c9.35,0,17-7.65,17-17V17 C368.333,7.65,360.683,0,351.333,0z"/></g></g></svg>
  785. </a>
  786.  
  787. <a class="flip" title="links"><svg width="12" height="12" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><g><g><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></g></g></svg>
  788. </a><br><br>
  789. <div id="panel">
  790. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  791. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  792. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  793. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  794. <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  795. </div>
  796. </div>
  797.  
  798. <img src="{image:sidebar}" class="sidebar-image">
  799.  
  800. {block:ShowTitle}
  801. <div class="sb-title"><a href="/">{Title}</a></div>{/block:ShowTitle}
  802.  
  803. {block:ShowDescription}<div class="description">{Description}</div>
  804. {/block:ShowDescription}
  805.  
  806.  
  807. </div><!--- sidebar --->
  808.  
  809.  
  810. <div id="entries">
  811. {block:Posts}
  812.  
  813. {block:ContentSource}
  814. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  815. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  816. {/block:SourceLogo}
  817. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  818. {/block:ContentSource}
  819.  
  820. <div class="posts">
  821.  
  822.  
  823. {block:Text}
  824. {block:Title}<h2>{Title}</h2>{/block:Title}
  825. <div class="text">{Body}</div>
  826. {/block:Text}
  827.  
  828. {block:Photo}
  829. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  830. {block:ifShowCaption}
  831. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  832. {/block:ifShowCaption}
  833. {block:ifNotShowCaption}
  834. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  835. {/block:ifNotShowCaption}
  836. {/block:Photo}
  837.  
  838. {block:Photoset}<div class="center">
  839. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"><center>{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}</center></div></div>
  840. {block:ifShowCaption}
  841. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  842. {/block:ifShowCaption}
  843. {block:ifNotShowCaption}
  844. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  845. {/block:ifNotShowCaption}
  846. {/block:Photoset}
  847.  
  848. {block:Quote}<div class="quote">
  849. <div class="quotetext-{Length}"><center><b>{Quote}</b></center></div>
  850. {block:Source}
  851. <div class="quote-source">{Source}</div>
  852. {/block:Source}
  853. </div>{/block:Quote}
  854.  
  855. {block:Link}
  856. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  857. {block:Description}{Description}{/block:Description}
  858. {/block:Link}
  859.  
  860. {block:Chat}
  861. {block:Title}<h2>{Title}</h2>{/block:Title}
  862. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  863. {/block:Chat}
  864.  
  865. {block:Audio}
  866. <div class="audio">
  867. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  868. <div class="au-image">{block:AlbumArt}
  869. <img src="{AlbumArtURL}">
  870. {/block:AlbumArt}</div><div class="audioi">
  871. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  872. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  873. </div></div>
  874.  
  875. </div>
  876. {block:ifShowCaption}
  877. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  878. {/block:ifShowCaption}
  879. {block:ifNotShowCaption}
  880. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  881. {/block:ifNotShowCaption}
  882. {/block:Audio}
  883.  
  884. {block:Video}
  885. <div class="video">{Video-500}</div>
  886. {block:ifShowCaption}
  887. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  888. {/block:ifShowCaption}
  889. {block:ifNotShowCaption}
  890. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  891. {/block:ifNotShowCaption}
  892. {/block:Video}
  893.  
  894. {block:Answer}<img src="{AskerPortraitURL-128}" class="ask">
  895. <div class="question">
  896. <b>{Asker}:</b> {Question}</div>
  897. <justify>{Answer}</justify>
  898. {/block:Answer}
  899.  
  900. {block:Date}<div class="posts-info">
  901. <div class="date" style="margin-top:10px">
  902. <a href="{Permalink}"><b>{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</b></a>
  903.  
  904. {block:NoteCount}<a href="{Permalink}"><b> {NoteCount}N </b>{/block:NoteCount}</a>
  905.  
  906. {block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}
  907.  
  908. {block:NotReblog}Original{/block:NotReblog}{/block:Permalinkpage}
  909.  
  910. {block:ifReblogButton}{block:indexpage}<span style="float:right"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></span>{/block:indexPage}{/block:ifReblogButton}
  911.  
  912. <div style="margin-top:5px">
  913. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">
  914. <i class="fa fa-tag" aria-hidden="true" style="font-size:0.7em;"></i></span> {Tag}</a> {/block:Tags} {/block:HasTags}
  915. </div>
  916. </div>
  917. {/block:Date}
  918.  
  919. </div>
  920.  
  921.  
  922. </div><!--- posts --->
  923.  
  924. {block:PermalinkPage}
  925. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  926. {/block:PermalinkPage}
  927.  
  928. {/block:Posts}
  929.  
  930. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>{block:PreviousPage}
  931. <a href="{PreviousPage}"><b>Go Baek</b></a>
  932. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  933. <span class="current_page">{PageNumber}</span>
  934. {/block:CurrentPage}{block:JumpPage}
  935. <a class="jump_page" href="{URL}">{PageNumber}</a>
  936. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  937. <a href="{NextPage}"><b>Go Forth</b></a>
  938. {/block:NextPage}</div>{/block:Pagination}
  939.  
  940. </div><!--- entries --->
  941.  
  942. </div><!--- container --->
  943.  
  944.  
  945. <script>
  946. $(document).ready(function(){
  947. $(".flip").click(function(){
  948. $("#panel").slideToggle("slow");
  949. });
  950. });
  951. </script>
  952.  
  953. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  954.  
  955. <script>
  956. $(document).ready(function(){
  957. $('.photo-slideshow').pxuPhotoset({
  958. lightbox: true,
  959. rounded: false,
  960. {block:ifNotCustomGutter}
  961. gutter: '0px',{/block:ifNotCustomGutter}
  962. {block:ifCustomGutter}
  963. gutter: {text:Gutter},{/block:ifCustomGutter}
  964. borderRadius: '0px',
  965. photoset: '.photo-slideshow',
  966. photoWrap: '.photo-data',
  967. photo: '.pxu-photo'
  968. });
  969. });
  970. </script>
  971.  
  972. <a href="https://caulfielld.tumblr.com/" target="_blank" class="c">tc</a>
  973.  
  974.  
  975.  
  976. </body>
  977. </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!