SHARE
TWEET

Untitled

a guest Mar 20th, 2019 58 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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!
 
Top