API tools faq
paste
Advertisement
baekdumbb

FAVE!!!!!! LONGEST EVER!!!!

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