API tools faq
paste
Advertisement
Guest User

Untitled

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