API tools faq
paste
Advertisement
tanaxmercedes

Coast

tanaxmercedes
Apr 24th, 2019
1,880
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.98 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. coast theme by
  5.  
  6. โ’ธ๐™’๐™๐™ž๐™ข๐™จ๐™ฎ๐™๐™๐™š๐™ข๐™š๐™จ on tumblr
  7.  
  8.  
  9. release date: 04.24.019
  10. last update: 04.24.019
  11.  
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17.  
  18.  
  19. <meta name="color:Background" content="#f6f6f6"/>
  20. <meta name="color:Text" content="#909090"/>
  21. <meta name="color:Link" content="#B49594"/>
  22. <meta name="color:Post BG" content="#ffffff"/>
  23. <meta name="color:Border" content="#e9e9e9"/>
  24. <meta name="color:Accent" content="#B49594">
  25. <meta name="color:Highlight" content="#B49594">
  26.  
  27. <meta name="image:Background" content=""/>
  28.  
  29. <meta name="if:Show Blog Title" content="1"/>
  30. <meta name="if:Show Description" content="1"/>
  31. <meta name="if:Show Links" content="1"/>
  32. <meta name="if:Show Tags" content="1"/>
  33. <meta name="if:Infinite Scroll" content="1"/>
  34. <meta name="if:Two Columns" content="1"/>
  35. <meta name="if:Three Columns" content="0"/>
  36. <meta name="if:Custom Link 1" content="1"/>
  37. <meta name="if:Custom Link 2" content="1"/>
  38. <meta name="if:Custom Link 3" content="1"/>
  39.  
  40. <meta name="text:Title Font Size" content="14px"/>
  41. <meta name="text:Font Size" content="10px"/>
  42. <meta name="text:Link 1 Title" content="one"/>
  43. <meta name="text:Link 1 url" content="/"/>
  44. <meta name="text:Link 2 Title" content="two"/>
  45. <meta name="text:Link 2 url" content="/"/>
  46. <meta name="text:Link 3 Title" content="three"/>
  47. <meta name="text:Link 3 url" content="/"/>
  48.  
  49. <meta name="select:Font" content="raleway">
  50. <meta name="select:Font" content="trebuchet ms">
  51. <meta name="select:Font" content="lucida console">
  52. <meta name="select:Font" content="times new roman">
  53. <meta name="select:Font" content="georgia">
  54. <meta name="select:Font" content="verdana">
  55. <meta name="select:Font" content="courier new">
  56. <meta name="select:Font" content="arial">
  57. <meta name="select:Font" content="calibri">
  58. <meta name="select:Font" content="consolas">
  59. <meta name="select:Font" content="ms gothic">
  60.  
  61. <meta name="select:Nav Links" content="8px">
  62. <meta name="select:Nav Links" content="9px">
  63. <meta name="select:Nav Links" content="10px">
  64. <meta name="select:Nav Links" content="11px">
  65. <meta name="select:Nav Links" content="12px">
  66.  
  67. <meta name="select:Title Font" content="raleway">
  68. <meta name="select:Title Font" content="trebuchet ms">
  69. <meta name="select:Title Font" content="lucida console">
  70. <meta name="select:Title Font" content="times new roman">
  71. <meta name="select:Title Font" content="georgia">
  72. <meta name="select:Title Font" content="verdana">
  73. <meta name="select:Title Font" content="courier new">
  74. <meta name="select:Title Font" content="arial">
  75. <meta name="select:Title Font" content="calibri">
  76. <meta name="select:Title Font" content="consolas">
  77. <meta name="select:Title Font" content="ms gothic">
  78.  
  79. <meta name="select:Description Text Align" content="justify">
  80. <meta name="select:Description Text Align" content="center">
  81. <meta name="select:Description Text Align" content="left">
  82. <meta name="select:Description Text Align" content="right">
  83.  
  84. <title>{Title}</title>
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  87. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  88.  
  89. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. /* TUMBLR CONTROLS */
  95.  
  96. iframe.tmblr-iframe {
  97. z-index:99999999999999!important;
  98. top:0!important;
  99. right:0!important;
  100. opacity:0.4;
  101. /* delete invert(1) from here */
  102. filter:invert(1) contrast(150%);
  103. -webkit-filter:invert(1) contrast(150%);
  104. -o-filter:invert(1) contrast(150%);
  105. -moz-filter:invert(1) contrast(150%);
  106. -ms-filter:invert(1) contrast(150%);
  107. /* to here if your blog has a dark background */
  108. transform:scale(0.65);
  109. transform-origin:100% 0;
  110. -webkit-transform:scale(0.65);
  111. -webkit-transform-origin:100% 0;
  112. -o-transform:scale(0.65);
  113. -o-transform-origin:100% 0;
  114. -moz-transform:scale(0.65);
  115. -moz-transform-origin:100% 0;
  116. -ms-transform:scale(0.65);
  117. -ms-transform-origin:100% 0;}
  118.  
  119. iframe.tmblr-iframe:hover {
  120. opacity:0.6!important;}
  121.  
  122. /* TOOLTIPS */
  123.  
  124. #s-m-t-tooltip{
  125. font-size:8px;
  126. color:#000;
  127. background-color:#fff;
  128. letter-spacing:2px;
  129. min-width:50px;
  130. max-width:200px;
  131. overflow:auto;
  132. text-transform:uppercase;
  133. font-style:italic;
  134. display: none;
  135. position: absolute;
  136. z-index: 999999999999;
  137. padding:5px;
  138. margin:30px 0 15px 10px;
  139. -webkit-transition: all 0.2s ease-in-out;
  140. -moz-transition: all 0.2s ease-in-out;
  141. transition: all 0.2s ease-in-out;}
  142.  
  143. /* SCROLLBAR */
  144.  
  145. ::-webkit-scrollbar {
  146. width: 5px;
  147. height: 5px;
  148. }
  149. ::-webkit-scrollbar-button {
  150. width: 0px;
  151. height: 0px;
  152. }
  153. ::-webkit-scrollbar-thumb {
  154. background: #e1e1e1;
  155. border: 0px none #ffffff;
  156. border-radius: 50px;
  157. }
  158.  
  159. /* SELECTION */
  160.  
  161. ::selection {
  162. color: {color:Accent};
  163. background: {color:Background};
  164. }
  165. ::-moz-selection {
  166. color: {color:Accent};
  167. background: {color:Background};
  168. }
  169.  
  170. #content {
  171. margin-left:30%;
  172. margin-top:30px;
  173. width: 900px; /*changes # of columns*/
  174. float: left;
  175. }
  176.  
  177. body {
  178. background-color: {color:background};
  179. background-image: url({image:background});
  180. background-attachment:fixed;
  181. background-repeat:repeat;
  182. background-position:center;
  183. font-family: {select:Font};
  184. font-size: {text:Font Size};
  185. color: {color:text};
  186. }
  187.  
  188. a {
  189. color: {color:link};
  190. text-decoration:none;
  191. }
  192.  
  193. blockquote {
  194. padding-left:5px;
  195. border-left:1px dotted;
  196. color: {color:text};
  197. margin-left:3px;
  198. margin-bottom:5px;
  199. }
  200.  
  201. iframe, img, embed, object, video {
  202. max-width: 100%;
  203. }
  204.  
  205. img {
  206. height: auto;
  207. width: auto;
  208. }
  209.  
  210. #sidebar {
  211. height:auto;
  212. width:180px;
  213. margin-top:210px;
  214. padding:12px;
  215. margin-left:156px;
  216. position:fixed;
  217. color:{color:text};
  218. font-size: 10px;
  219. font-family:arial;
  220. text-align:center;
  221. line-height:25px;
  222. }
  223.  
  224. #blogtitle {
  225. background-color:{color:post bg};
  226. font-family:{select:Title Font};
  227. font-size:2em;
  228. float:left;
  229. padding:5px 10px 5px 10px;
  230. border: 0px solid {color:border};
  231. color:{color:accent}!important;
  232. margin-right:8px;
  233. margin-top:12px;
  234. text-transform:uppercase;
  235. }
  236.  
  237. .description {
  238. text-align:{select:description text align};
  239. padding:4px;
  240. }
  241.  
  242. #navlinks {
  243. margin:4px;
  244. }
  245.  
  246. #navlinks a {
  247. font-style:italic;
  248. text-transform:uppercase;
  249. font-size:{select:Nav Links};
  250. padding:4px;
  251. }
  252.  
  253. #navlinks a:hover {
  254. font-style:none;
  255. border-bottom:1px dotted {color:accent};
  256. }
  257.  
  258. article {
  259. background: {color:post bg};
  260. margin: 12px;
  261. padding: 0px;
  262. border: 1px solid {color:border};
  263. width: 450px!important;
  264. {block:iftwocolumns}
  265. width: 350px!important;
  266. {/block:iftwocolumns}
  267. {block:ifthreecolumns}
  268. width: 250px!important;
  269. {/block:ifthreecolumns}
  270. overflow:auto;
  271. }
  272.  
  273. .title {
  274. text-align:center;
  275. text-transform:uppercase;
  276. font-family: {select:Title Font};
  277. font-size: {text:Title Font Size};
  278. }
  279.  
  280. .text {
  281. font-family: {select:Font};
  282. font-size: {text:Font Size};
  283. color: {color:text};
  284. padding-left:12px;
  285. }
  286.  
  287.  
  288. .photo {
  289. }
  290.  
  291. .photoset {
  292. }
  293.  
  294. .quote {
  295. text-align:center;
  296. padding:12px;
  297. }
  298.  
  299. .link {
  300. padding:12px;
  301. }
  302.  
  303. .audio {
  304. padding:12px;
  305. }
  306.  
  307. .video{
  308. padding:12px;
  309. }
  310.  
  311. .video-player {
  312.  
  313. }
  314.  
  315. .answer {
  316. padding:12px;
  317. }
  318.  
  319. .ques {
  320. font-weight:bolder;
  321. }
  322.  
  323. .ans {
  324. font-style:italic;
  325. }
  326.  
  327. .chat{
  328. margin-left:-30px;
  329. }
  330.  
  331. .chat span {
  332. float: left;
  333. margin-right: 10px;
  334. }
  335.  
  336. .chat:nth-child(even) {
  337. background:#f9f9f9;
  338. }
  339.  
  340. .odd{
  341. background:#f6f6f6;
  342. }
  343.  
  344.  
  345. #perma {
  346. text-align: center;
  347. position: relative;
  348. text-transform:uppercase;
  349. margin-top:2px;
  350. padding:12px;
  351. font-size: 9px;
  352. {block:PermalinkPage}
  353. display:none;
  354. {/block:PermalinkPage}
  355. }
  356.  
  357. .tumblr_audio_player {
  358. width: 100%;
  359. height: 100px;
  360. overflow: hidden;
  361. position: relative;
  362. z-index: 1000;
  363. }
  364.  
  365. .pagination {
  366.  
  367. }
  368.  
  369. {block:ifnotinfinitescroll}
  370. .pagi {
  371. font-size:15px;
  372. font: {select:font};
  373. color: {color:link};
  374. text-align:center;
  375. padding:2px;
  376. padding-top:5px;
  377. }
  378. {/block:ifnotinfinitescroll}
  379.  
  380. {block:ifinfinitescroll}
  381. .pagi {
  382. display:none;
  383. }
  384. {/block:ifinfinitescroll}
  385.  
  386. hr {
  387. width:75%;
  388. border-top:1px solid {color:Borders};
  389. }
  390.  
  391. .caption {
  392. padding:12px;
  393. {block:permalinkpage}
  394. background:#eee;
  395. {/block:permalinkpage}
  396. }
  397.  
  398. #posthead {
  399. background-color: {color:post bg};
  400. padding: 12px;
  401. text-transform: lowercase;
  402. border-bottom: {color:border} 1px solid;
  403. }
  404.  
  405. b {
  406. font-weight:800;
  407. }
  408.  
  409. em {
  410. background:{color:accent};
  411. color:#fff;
  412. padding:2px;
  413. }
  414.  
  415. strike {
  416. position: relative;
  417. display: inline-block;
  418. text-decoration:none;
  419. }
  420. strike::before, strike::after {
  421. content: '';
  422. width: 100%;
  423. position: absolute;
  424. right: 0;
  425. top: 50%;
  426. }
  427. strike::before {
  428. border-bottom: 1px solid {color:accent};
  429. -webkit-transform: skewY(-10deg);
  430. transform: skewY(-10deg);
  431. }
  432. strike::after {
  433. border-bottom: 0px solid blue;
  434. -webkit-transform: skewY(10deg);
  435. transform: skewY(10deg);
  436. }
  437.  
  438. #postnotes {
  439. max-height:100px;
  440. overflow-y:scroll;
  441. margin-top:20px;
  442. }
  443.  
  444. footer {
  445. padding:12px;
  446. }
  447.  
  448. </style>
  449. </head>
  450. <body>
  451.  
  452. <div id="sidebar">
  453. {block:ifshowblogtitle}
  454. <div id="blogtitle"><a href="/">{Title}</a></div>
  455. {/block:ifshowblogtitle}
  456. {block:ifshowdescription}
  457. <div class="description">{Description}</div>
  458. {/block:ifshowdescription}
  459. {block:ifshowlinks}
  460. <hr style="width:55%;">
  461. <div id="navlinks">
  462. <a href="/" title="home"> I </a>
  463. <a href="/ask" title="ask"> II </a>
  464. <a href="/archive" title="archive"> III</a>
  465. {block:ifcustomlink1}
  466. <a href="{text:link 1 url}" title="{text:link 1 title}"> IV</a>
  467. {/block:ifcustomlink1}
  468.  
  469. {block:ifcustomlink2}
  470. <a href="{text:link 2 url}" title="{text:link 2 title}"> V </a>
  471. {/block:ifcustomlink2}
  472.  
  473. {block:ifcustomlink3}
  474. <a href="{text:link 3 url}" title="{text:link 3 title}"> VI</a>
  475. {/block:ifcustomlink3}
  476.  
  477. </div>
  478. {/block:ifshowlinks}
  479.  
  480. {block:Pagination}
  481. <div class="pagination">
  482. <div class="pagi">
  483. {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-chevron-left"></i></a>{/block:PreviousPage}
  484. {block:NextPage}<a href="{NextPage}"><i class="fas fa-chevron-right"></i></a>{/block:NextPage}
  485. </div></div>
  486. {/block:Pagination}
  487. </div>
  488. <nav>
  489. <ul>
  490. {block:HasPages}
  491. {block:Pages}
  492. <li> <a href="{URL}">{Label}</a></li>
  493. {/block:Pages}
  494. {/block:HasPages}
  495. </ul>
  496. </nav>
  497.  
  498.  
  499.  
  500. <div id="content">
  501. {block:Posts}
  502. <article>
  503.  
  504. <div id="posthead">
  505. <a href="{Reblog}"><i class="fas fa-history"></i></a> &nbsp;
  506. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  507. <a style="float:right;" href="{Permalink}" title="this post has {NoteCount} notes">{NoteCount} <i class="fas fa-heart"></i></a>
  508. </div>
  509.  
  510. {block:Text}
  511. <div class="text">
  512. {block:Title}<h1 class="title">
  513. <a href="{Permalink}">{Title}</a>
  514. </h1><hr>{/block:Title}
  515. {Body}
  516. {/block:Text}
  517.  
  518. {block:Photo}
  519. <div class="photo">
  520. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  521. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  522. {/block:Photo}
  523.  
  524. {block:Photoset}
  525. <div class="photoset">
  526. {block:IndexPage}
  527. {Photoset-500}
  528. {/block:IndexPage}
  529. {block:PermalinkPage}
  530. {Photoset-500}
  531. {/block:PermalinkPage}
  532. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  533. {/block:Photoset}
  534.  
  535. {block:Quote}
  536. <div class="quote">
  537. โ {Quote} โž
  538. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  539. {/block:Quote}
  540.  
  541. {block:Link}
  542. <div class="link">
  543. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  544. {block:Description}{Description}{/block:Description}
  545. {/block:Link}
  546.  
  547. {block:Chat}
  548. <div class="chat">
  549. <ul>
  550. {block:Lines}
  551. <div class="{Alt} user_{UserNumber}">
  552. {block:Label}
  553. <b>{Label}</b>{/block:Label}
  554. {Line}
  555. </div>
  556. {/block:Lines}
  557. </ul>
  558. {/block:Chat}
  559.  
  560. {block:Audio}
  561. <div class="audio">
  562. {block:AlbumArt}
  563. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  564. {/block:AlbumArt}
  565.  
  566. {block:AudioEmbed}
  567. {AudioEmbed}
  568. {/block:AudioEmbed}<br>
  569.  
  570. {block:TrackName}
  571. <b>track:</b> {TrackName}
  572. {/block:TrackName}</span><br>
  573. {block:Artist}
  574. <b>artist:</b> {Artist}
  575. {/block:Artist}
  576. {block:Caption}
  577. {Caption}
  578. {/block:Caption}
  579. {/block:Audio}
  580.  
  581. {block:Video}
  582. <div class="video">
  583. <div class="video-player">{Video-500}</div>
  584. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  585. {/block:Video}
  586.  
  587. {block:Answer}
  588. <div class="answer">
  589. {Asker} asked: <b><div class="ques">{Question}</div></b>
  590. <div class="ans">{Answer}</div>
  591. {/block:Answer}
  592. </div>
  593.  
  594. <div id="perma">
  595.  
  596. <hr> <a href="{reblogURL}" title="reblog this post">RE<i class="fas fa-sync-alt"></i></a> &nbsp; <a href="{Permalink}" title="posted &mdash; {ShortMonth} {DayOfMonth} {Year} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a> &nbsp; {block:ifShowTags}{block:HasTags} <a style="font-size:9px;" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fas fa-hashtag"></i></a>{block:HasTags} {block:ifShowTags}
  597.  
  598. </div>
  599.  
  600. <footer>
  601. {block:PermalinkPage}
  602. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  603. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  604. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  605. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  606. {block:PostNotes}<div id="postnotes">{PostNotes-16}</div>{/block:PostNotes}
  607. </div></div>
  608. {/block:PermalinkPage}
  609. </footer>
  610.  
  611.  
  612. </article>
  613. {/block:Posts}
  614. </div>
  615.  
  616. <!-- SCRIPTS -->
  617.  
  618. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  619. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  620. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  621. {block:IfInfiniteScroll}
  622. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  623. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  624. {/block:IfInfiniteScroll}
  625.  
  626. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  627. <script>
  628. (function($){
  629. $(document).ready(function(){
  630. $("[title]").style_my_tooltips({
  631. tip_follows_cursor:true,
  632. tip_delay_time:0,
  633. tip_fade_speed:0
  634. }
  635. );
  636. });
  637. })(jQuery);
  638. </script>
  639.  
  640. <script>
  641. (function() {
  642. var $tumblelog = $('#content');
  643. {block:IfInfiniteScroll}
  644. $tumblelog.infinitescroll({
  645. navSelector : ".pagination",
  646. nextSelector : ".pagination a:first",
  647. itemSelector : "article",
  648. bufferPx : 50,
  649. done : "",
  650. loading: {
  651. img : "",
  652. msgText: ""
  653. },
  654. },
  655. function( newElements ) {
  656. var $newElems = $( newElements ).css({ opacity: 0 });
  657. $newElems.imagesLoaded(function(){
  658. $newElems.animate({ opacity: 1 });
  659. $tumblelog.masonry( 'appended', $newElems);
  660. });
  661. }
  662. );
  663. {/block:IfInfiniteScroll}
  664. $tumblelog.imagesLoaded( function(){
  665. $tumblelog.masonry({
  666. columnWidth: function( containerWidth ) {
  667. return containerWidth / 100;
  668. }
  669. });
  670. });
  671. })();
  672. </script>
  673.  
  674. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  675. <script>
  676. SmoothScroll({
  677. // Scrolling Core
  678. animationTime : 700, // [ms]
  679. stepSize : 100, // [px]
  680. // Acceleration
  681. accelerationDelta : 50, // 50
  682. accelerationMax : 3, // 3
  683. // Keyboard Settings
  684. keyboardSupport : true, // option
  685. arrowScroll : 100, // [px]
  686. // Pulse (less tweakable)
  687. // ratio of "tail" to "acceleration"
  688. pulseAlgorithm : true,
  689. pulseScale : 4,
  690. pulseNormalize : 1,
  691. // Other
  692. touchpadSupport : false, // ignore touchpad by default
  693. fixedBackground : true,
  694. excluded : ''
  695. });
  696. </script>
  697.  
  698. <a href="https://whimsythemes.tumblr.com" title="theme by whimsythemes." style="position:fixed;font-size:18px;bottom:3px;right:5px;">
  699. <i class="fas fa-signature"></i>
  700. </a>
  701.  
  702. </body>
  703.  
  704.  
  705. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!