bisexualsteverogers

LEMON THEME

Jun 10th, 2018
8,314
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6. ------
  7. ------
  8.  
  9. LEMON THEME BY SOLASZ
  10.  
  11. EDITING TO ANY EXTEND ALLOWED AS LONG AS THE CREDIT STAYS IN TACT :)
  12.  
  13. Questions go here: https://solasz.tumblr.com/ask
  14.  
  15. ------
  16. ------
  17.  
  18. Big Thank You to shythemes for:
  19.  
  20. - Pixelunion Photoset Tutorial
  21. - Infinite Scroll & Load More
  22. - Video Resizing Script
  23. - Base Code
  24.  
  25. --- Script Credits --------
  26.  
  27. Shrinking Header Script
  28. http://codepen.io/tomdurkin/pen/nvAjd
  29.  
  30. Scroll To Top Button
  31. http://jsfiddle.net/gilbitron/Lt2wH/
  32.  
  33. Nivo Slider
  34. https://dev7studios.com/products/nivo-slider-wordpress-plugin/
  35.  
  36. Font Awesome Icons
  37. https://fontawesome.com/
  38.  
  39. Newsticker Script
  40. http://risq.github.io/jquery-advanced-news-ticker/
  41.  
  42. Tumblr Controls Fix
  43. http://cyantists.tumblr.com/post/163728517915/
  44.  
  45.  
  46. -->
  47. <title>{Title}</title>
  48.  
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. <link rel="shortcut icon" href="{Favicon}">
  51. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  52.  
  53. <meta name="viewport" content="width=device-width, initial-scale=1">
  54.  
  55. <meta name="color:Accent" content="#f7c282">
  56.  
  57. <meta name="image:Sidebar" content=""/>
  58.  
  59. <meta name="select:Post Margin" content="40" title="40px" />
  60. <meta name="select:Post Margin" content="50" title="50px" />
  61. <meta name="select:Post Margin" content="60" title="60px" />
  62. <meta name="select:Post Margin" content="70" title="70px" />
  63. <meta name="select:Post Margin" content="80" title="80px" />
  64. <meta name="select:Post Margin" content="90" title="90px" />
  65. <meta name="select:Post Margin" content="100" title="100px" />
  66. <meta name="select:Post Margin" content="110" title="110px" />
  67. <meta name="select:Post Margin" content="120" title="120px" />
  68.  
  69. <meta name="select:Post Size" content="350" title="350px" />
  70. <meta name="select:Post Size" content="375" title="375px" />
  71. <meta name="select:Post Size" content="400" title="400px" />
  72. <meta name="select:Post Size" content="450" title="450px" />
  73. <meta name="select:Post Size" content="500" title="500px" />
  74. <meta name="select:Post Size" content="540" title="540px" />
  75.  
  76. <meta name="select:Font" content="Arimo" title="Arimo"/>
  77. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  78. <meta name="select:Font" content="Roboto" title="Roboto"/>
  79. <meta name="select:Font" content="Nunito" title="Nunito"/>
  80. <meta name="select:Font" content="Open Sans" title="Open Sans"/>
  81. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  82.  
  83. <meta name="select:Font Size" content="13" title="13px" />
  84. <meta name="select:Font Size" content="12" title="12px" />
  85. <meta name="select:Font Size" content="11" title="11px" />
  86. <meta name="select:Font Size" content="10" title="10px" />
  87. <meta name="select:Font Size" content="9" title="9px" />
  88. <meta name="select:Font Size" content="8" title="8px" />
  89.  
  90. <meta name="if:Drop Down Menu" content="0">
  91. <meta name="if:Show Captions" content="1">
  92. <meta name="if:Show Big Image" content="0">
  93. <meta name="if:Sidebar Image" content="1">
  94. <meta name="if:Show Tags" content="1">
  95.  
  96. <meta name="text:Welcome Message" content="">
  97. <meta name="text:Link 1" content="">
  98. <meta name="text:Link 1 Title" content="">
  99. <meta name="text:Link 2" content="">
  100. <meta name="text:Link 2 Title" content="">
  101. <meta name="text:Link 3" content="">
  102. <meta name="text:Link 3 Title" content="">
  103. <meta name="text:Link 4" content="">
  104. <meta name="text:Link 4 Title" content="">
  105.  
  106. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  107.  
  108. <link href="https://fonts.googleapis.com/css?family=Arimo|Fira+Sans|Nunito|Open+Sans|PT+Sans|Roboto" rel="stylesheet">
  109.  
  110. <style type="text/css">
  111.  
  112.  
  113. ::-webkit-scrollbar { height:9px; width:0px; background:transparent;}
  114. ::-webkit-scrollbar-thumb { background-color:#000000; border:4px solid #ffffff;}
  115.  
  116. body {
  117. margin:0;
  118. font-size:{select:font size}px;
  119. font-family:'{select:font}', sans-serif;
  120. line-height:1.5em;
  121. -moz-osx-font-smoothing:grayscale;
  122. -webkit-font-smoothing:antialiased;
  123. font-smoothing:antialiased;
  124. color:#929292;
  125. background:#f5f5f5;
  126. overflow-x:hidden;
  127. }
  128.  
  129. ::selection {
  130. background:{color:accent};
  131. color:#fff;
  132. }
  133.  
  134. a {
  135. color:inherit;
  136. text-decoration:none;
  137. -webkit-transition:all .2s linear;
  138. transition:all .2s linear;
  139. }
  140. a:hover {
  141. color:{color:accent}; ;
  142. }
  143. small, sub {
  144. font-size:1em;
  145. vertical-align:baseline;
  146. }
  147. blockquote {
  148. border-left:1px solid #eee;
  149. padding:3px 0px 3px 14px;
  150. }
  151. blockquote, ol, ul, p, pre {
  152. margin:0 0 .6em;
  153. }
  154. h1, h2, h3, h4, h5, h6 {
  155. margin:0 0 .6em;
  156. font-size:1em;
  157. font-weight:inherit;
  158. }
  159. img {
  160. border:0;
  161. max-width:100%;
  162. height:auto;
  163. display:block;
  164. }
  165.  
  166. /* wrapper */
  167.  
  168. .main {
  169. margin:150px auto;
  170. left:0px;
  171. margin-top:220px;
  172. {block:ifNotShowBigImage}
  173. margin-top:300px;
  174. {/block:ifNotShowBigImage}
  175. width:{select:post size}px;
  176. position:relative;
  177. }
  178.  
  179. /* posts */
  180.  
  181. .content {
  182. margin:0px 0;
  183. width:{select:post size}px;
  184. margin-top:-150px;
  185. margin-left:40px;
  186. }
  187.  
  188. .entry {
  189. position:relative;
  190. margin:0 0 {select:post margin}px;
  191. width:{select:post size}px;
  192.  
  193. }
  194.  
  195. .photo img {
  196. display:block;
  197. width:{select:post size}px;
  198. background:#fff;
  199. padding:10px;
  200. border-top:1px solid #eee;
  201. border-left:1px solid #eee;
  202. border-right:1px solid #eee;
  203. {block:ifNotShowTags}
  204. border-bottom:1px solid #eee;
  205. {/block:ifNotShowTags}
  206. }
  207.  
  208. .wrap {
  209. display:block;
  210. width:{select:post size}px;
  211. background:#fff;
  212. padding:10px;
  213. border-top:1px solid #eee;
  214. border-left:1px solid #eee;
  215. border-right:1px solid #eee;
  216. {block:ifNotShowTags}
  217. border-bottom:1px solid #eee;
  218. {/block:ifNotShowTags}
  219. }
  220.  
  221. .video {
  222. width:{select:post size}px;
  223. background:#fff;
  224. padding:10px;
  225. border-top:1px solid #eee;
  226. border-left:1px solid #eee;
  227. border-right:1px solid #eee;
  228. {block:ifNotShowTags}
  229. border-bottom:1px solid #eee;
  230. {/block:ifNotShowTags}
  231. }
  232.  
  233. .entry:last-child {
  234. margin-bottom:20px;
  235. }
  236.  
  237. .load {
  238. background:#fff;
  239. border:1px solid #eee;
  240. padding:4px;
  241. margin-left:40px;
  242. width:70px;
  243. }
  244.  
  245. hr {
  246. margin:1em 0;
  247. border:0;
  248. height:1px;
  249. -moz-box-sizing:border-box;
  250. box-sizing:border-box;
  251. background-color:{color:border};
  252. }
  253.  
  254. /* top bar */
  255.  
  256. header {
  257. width:100%;
  258. padding:40px 10px 35px 35px;
  259. background:#fff;
  260. position:fixed;
  261. border-bottom:1px solid #eee;
  262. z-index:99;
  263. top:0;
  264. -webkit-transition:all .2s ease-in-out;
  265. transition:all .2s ease-in-out;
  266.  
  267. }
  268.  
  269. /* top bar - shrinking header */
  270.  
  271. .shrink {
  272. padding:20px 10px 20px 20px;
  273. -webkit-transition:all .2s ease-in-out;
  274. transition:all .2s ease-in-out;
  275. border-bottom:1px solid #eee;
  276. }
  277.  
  278. /* top bar - shrinking header end */
  279.  
  280. /* top bar title */
  281.  
  282. .t {
  283. color:{color:accent};
  284. font-weight:bold;
  285. text-transform:uppercase;
  286. font-size:15px;
  287. letter-spacing:2px;
  288. }
  289.  
  290. /* top bar links */
  291.  
  292. .l {
  293. font-size:11px;
  294. color:#929292;
  295. display:inline;
  296. font-weight:normal;
  297. margin-left:20px;
  298. }
  299.  
  300. .l a { margin-right:14px; padding-bottom:3px; }
  301. .l a:hover { border-bottom:1px solid #eee;-webkit-transition:all 0s linear;
  302. transition:all 0s linear; color:#929292;}
  303.  
  304. .first {
  305. position:relative;
  306. min-width:100%;
  307. }
  308.  
  309. .first img {
  310. width:100%;
  311. height:auto;
  312. }
  313.  
  314. /* box container */
  315.  
  316. .left {
  317. position:absolute;
  318. width:290px;
  319. margin-top:0px;
  320. margin-left:-330px;
  321. }
  322.  
  323. /* box element */
  324.  
  325. .box {
  326. background:#fff;
  327. border-bottom:1px solid #eee;
  328. border-left:1px solid #eee;
  329. border-right:1px solid #eee;
  330. padding:15px;
  331. margin-bottom:60px;
  332.  
  333. }
  334.  
  335. .box img {
  336. display:inline;
  337. margin-right:8px;
  338. -webkit-filter: grayscale(90%);
  339. -webkit-transition:all .2s ease-in-out;
  340. transition:all .2s ease-in-out;
  341. padding-left:1px;
  342. margin-bottom:5px;
  343. }
  344.  
  345. .box img:hover {
  346. -webkit-filter: grayscale(0%);
  347. -webkit-transition:all .2s ease-in-out;
  348. transition:all .2s ease-in-out;
  349. }
  350.  
  351. .heading {
  352. text-transform:uppercase;
  353. border:1px solid #eee;
  354. font-size:11px;
  355. letter-spacing:1px;
  356. padding:10px 12px 8px 12px;
  357. color:#5b5b5b;
  358. background:#fff;
  359. text-align:right;
  360. }
  361.  
  362. date {
  363. background:#fafafa;
  364. padding:3px;
  365. font-weight:normal;
  366. border:1px solid #eee;
  367. }
  368.  
  369. /* the welcome box */
  370.  
  371. .wbox {
  372. background:#fff;
  373. border-bottom:1px solid #eee;
  374. border-left:1px solid #eee;
  375. border-right:1px solid #eee;
  376. padding:15px;
  377. margin-bottom:60px;
  378.  
  379. }
  380.  
  381. .sbimage, .sbimage img {
  382. width:290px;
  383. }
  384.  
  385. /* text post */
  386.  
  387. .title {
  388. color:{color:accent};
  389. padding:7px 5px 7px 15px;
  390. border:1px solid #eee;
  391. background:#fff;
  392. line-height:1.5em;
  393. width:{select:post size}px;
  394. }
  395.  
  396. .text {
  397. background:#fff;
  398. padding:20px;
  399. width:calc({select:post size}px - 20px);
  400. margin-top:-15px;
  401. border-left:1px solid #eee;
  402. border-right:1px solid #eee;
  403. {block:ifNotShowTags}
  404. border-bottom:1px solid #eee;
  405. {/block:ifNotShowTags}
  406. }
  407.  
  408. .text:last-child,.text *:last-child {
  409. margin-bottom:0; }
  410.  
  411. /* permalink top */
  412.  
  413. .date {
  414. margin-top:0px;
  415. border-top:1px solid #eee;
  416. border-left:1px solid #eee;
  417. border-right:1px solid #eee;
  418. background:#fff;
  419. padding:15px 5px 13px 15px;
  420. line-height:1.8em;
  421. width:{select:post size}px;
  422. color:#aaa;
  423. }
  424.  
  425. /* permalink bottom */
  426.  
  427. .dateb {
  428. margin-top:0px;
  429. border:1px solid #eee;
  430. background:#fff;
  431. padding:8px 5px 8px 13px;
  432. width:calc({select:post size}px + 2px);
  433. }
  434.  
  435. /* tags */
  436.  
  437. .tags {
  438. {block:IndexPage}
  439. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  440. {/block:IndexPage}
  441. margin-top:2px;
  442. text-transform:none;
  443. font-style:italic;
  444. letter-spacing:0px;
  445. }
  446.  
  447. .tags a {
  448. margin-right:8px;
  449. border:none;
  450. font-size:9px;
  451. letter-spacing:1px;
  452. }
  453.  
  454. /* post caption */
  455.  
  456. .caption {
  457. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  458. background:#fff;
  459. padding:20px;
  460. border-right:1px solid #eee;
  461. border-left:1px solid #eee;
  462. width:calc({select:post size}px + -20px);
  463. }
  464.  
  465. /* ask */
  466.  
  467. .question {
  468. background:#fff;
  469. padding:20px;
  470. border-top:1px solid #eee;
  471. border-left:1px solid #eee;
  472. border-right:1px solid #eee;
  473. width:calc({select:post size}px + -20px);
  474. }
  475.  
  476. .caption p:first-of-type a {
  477. border-bottom:1px solid #eee;
  478. }
  479.  
  480. /* chat */
  481.  
  482. .chat {
  483. padding:0;
  484. list-style-type:none;
  485. background:#fff;
  486. padding:20px;
  487. border-bottom:1px solid #eee;
  488. }
  489.  
  490. .chat .label {
  491. font-weight:bold;
  492. }
  493.  
  494. /* quote */
  495.  
  496. .quote {
  497. font-weight:bold;
  498. font-size:16px;
  499. font-style:italic;
  500. }
  501.  
  502. .media {
  503. position:relative;
  504. display:inline-block;
  505. width:100%;
  506. }
  507.  
  508. /* music player */
  509.  
  510. .playbox {
  511. height:50px;
  512. background:#f2f2f2;
  513. width:calc({select:post size}px + 20px);
  514. border:1px solid #eee;
  515. }
  516.  
  517. .playbutton {
  518. overflow:hidden;
  519. position:relative;
  520. z-index:1000;
  521. width:calc({select:post size}px - 50px);
  522. height:26px;
  523. padding:3px;
  524. margin-left:5px;
  525. top:9px;
  526. border-radius:90px;
  527. }
  528.  
  529. #info {
  530. text-align:left;
  531. margin:0px 0px 0px 0px;
  532. padding:20px;
  533. width:calc({select:post size}px - 20px);
  534. background:#fff;
  535. border-left:1px solid #eee;
  536. border-right:1px solid #eee;
  537. {block:ifNotShowTags}
  538. border-bottom:1px solid #eee;
  539. {/block:ifNotShowTags}
  540. }
  541.  
  542.  
  543. /* DO NOT EDIT ANY OF THE FOLLOWING CODE IF YOU DONT KNOW WHAT YOURE DOING */
  544.  
  545.  
  546.  
  547.  
  548. /* pagination (load more, back to top) */
  549.  
  550. .pagi {
  551. background:#fff;
  552. border-left:5px solid #ddd;
  553. width:calc({select:post size}px - 5px);
  554. padding:10px;
  555. margin-left:40px;
  556. }
  557.  
  558. /* tumblr controls */
  559.  
  560. iframe.tmblr-iframe {
  561. z-index:99999999999999!important;
  562. top:0!important;
  563. right:0!important;
  564. opacity:0.4;
  565. /* delete invert(1) from here */
  566. filter:invert(1) contrast(150%);
  567. -webkit-filter:invert(1) contrast(150%);
  568. -o-filter:invert(1) contrast(150%);
  569. -moz-filter:invert(1) contrast(150%);
  570. -ms-filter:invert(1) contrast(150%);
  571. /* to here if your blog has a dark background */
  572. transform:scale(0.65);
  573. transform-origin:100% 0;
  574. -webkit-transform:scale(0.65);
  575. -webkit-transform-origin:100% 0;
  576. -o-transform:scale(0.65);
  577. -o-transform-origin:100% 0;
  578. -moz-transform:scale(0.65);
  579. -moz-transform-origin:100% 0;
  580. -ms-transform:scale(0.65);
  581. -ms-transform-origin:100% 0;}
  582.  
  583. iframe.tmblr-iframe:hover {
  584. opacity:0.6!important;}
  585.  
  586. /* infinite scroll stuff */
  587.  
  588. .pagination,
  589. #infscr-loading {
  590. display:none!important;
  591. }
  592.  
  593. /* btp */
  594.  
  595. #back-to-top {
  596. z-index: 9999;
  597. width: 32px;
  598. height: 32px;
  599. border: 0;
  600. text-decoration: none;
  601. transition: opacity 0.2s ease-out;
  602. opacity: 0;
  603. }
  604. #back-to-top.show {
  605. opacity: 1;
  606. }
  607.  
  608. /* newsticker */
  609.  
  610. ul.newsticker {
  611. font-size:{select:font size}px;
  612. list-style-type: none;
  613. margin-left:-40px;
  614. margin-top:-5px;
  615. }
  616.  
  617. ul.newsticker li {
  618. border-bottom:1px dashed #ddd;
  619. padding:10px 0px 7px 0px;
  620. line-height:1.7em;
  621. }
  622.  
  623. /* drop down */
  624.  
  625. .newsticker a:hover {
  626. cursor:pointer;
  627. }
  628.  
  629. .dropbtn {
  630. border: none;
  631. cursor: pointer;
  632. background:#fff;
  633. text-transform:uppercase;
  634. font-size:11px;
  635. color:#929292;
  636. font-family:{select:font};
  637. letter-spacing:1px;
  638. }
  639.  
  640. .dropdown {
  641. position: relative;
  642. display: inline-block;
  643. }
  644.  
  645. .dropdown-content {
  646. text-transform:capitalize;
  647. display: none;
  648. position: absolute;
  649. background-color: #fff;
  650. border:1px solid #eee;
  651. min-width: 100px;
  652. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  653. padding: 11px 10px 6px 10px;
  654. }
  655.  
  656. .dropdown-content a {
  657. text-decoration: none;
  658. letter-spacing:0px;
  659. display: block;
  660. line-height:2em;
  661. }
  662.  
  663. .dropdown-content a:hover {
  664. border:none;
  665. color:{color:accent};
  666. }
  667.  
  668. .dropdown:hover .dropdown-content {
  669. display: block;
  670. }
  671.  
  672. /* permalink page notes */
  673.  
  674. .pnotes {
  675. margin-top:50px;
  676. margin-bottom:80px;
  677. width:{select:post size}px;
  678. font-size:9px;
  679. }
  680.  
  681. .pnotes ol.notes {
  682. list-style-type:decimal-leading-zero;
  683. margin-left:20px;
  684. padding:0;
  685. }
  686.  
  687. .pnotes img.avatar {
  688. display:none;
  689. }
  690.  
  691. /* :) */
  692.  
  693. .credit {
  694. bottom:20px;
  695. right:30px;
  696. position:fixed;
  697. padding:5px 8px 4px 8px;
  698. background:#fff;
  699. font-size:8px;
  700. border:1px solid #eee;
  701.  
  702. }
  703.  
  704. </style>
  705.  
  706.  
  707. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  708.  
  709. </head>
  710. <body>
  711.  
  712. <div class="credit"><a href="https://solasz.tumblr.com" title="theme">SO</a></div>
  713.  
  714. <!---- top bar ---->
  715.  
  716. <header><div class="t"><a href="/">{title}</a>
  717. <div class="l">
  718. <!---- here is where you edit your links, write the link between "" and write the link title between >< ---->
  719. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  720. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  721. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  722. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  723. <!---- below is the drop down menu. if you don't want this feel free to remove this section! ---->
  724. {block:ifDropDownMenu}
  725. <div class="dropdown">
  726. <button class="dropbtn">explore</button>
  727. <div class="dropdown-content">
  728. <a href="/">link one</a>
  729. <a href="/">link two</a>
  730. <a href="/">link three</a>
  731. </div>
  732. </div>
  733. {/block:ifDropDownMenu}
  734.  
  735. </div></div>
  736.  
  737. </header>
  738.  
  739. <!---- the top slider
  740.  
  741. upload the image you want to an image uploading site like imgur, puush, etc. and copy the direct link to the image between "" after img src
  742.  
  743. if you upload more than 1 slider there will be a transition effect when switching images
  744.  
  745. ---->
  746.  
  747. {block:ifShowBigImage}
  748. <div class="first">
  749. <div id="slider" class="nivoSlider">
  750. <img src="https://i.imgur.com/7udKjiU.jpg" alt="" />
  751. </div>
  752. </div>
  753. {/block:ifShowBigImage}
  754.  
  755. <!---- begin of everything under the header, aka the boxes ---->
  756.  
  757. <div class="main">
  758.  
  759. <div class="left">
  760.  
  761. <!--- this is the welcome box (first box). you don't have to do anything here if you don't want to change the icon or title. or delete it. whatever floats your boat. --->
  762.  
  763. {block:ifSidebarImage}<div class="sbimage"><img src="{image:sidebar}"></div>{/block:ifSidebarImage}
  764. <div class="heading"><i class="far fa-heart" style="float:left;" aria-hidden="true"></i>Welcome!</div>
  765. <div class="wbox">
  766. {text:welcome message}
  767. </div>
  768.  
  769. <!--
  770.  
  771. You can add as many boxes as you want here. Just copy and paste the following code and adjust it to your needs. You can choose a different icon from here: https://fontawesome.com/icons?d=gallery
  772.  
  773. <div class="heading"><i class="far fa-star" style="float:left;" aria-hidden="true"></i>Title</div>
  774.  
  775. <div class="box">
  776. Box Content
  777. </div>
  778.  
  779. -->
  780.  
  781. <!--- newsticker --->
  782.  
  783. <div class="heading"><i class="far fa-lightbulb" style="float:left;" aria-hidden="true"></i>News Ticker</div>
  784. <div class="box">
  785. <ul class="newsticker">
  786.  
  787. <!--- format to copy and paste
  788.  
  789. <li><date>DATE HERE</date>&nbsp; <a href="/">TEXT HERE</a></li>
  790.  
  791. --->
  792.  
  793. <li><date>010218</date>&nbsp; <a href="/">I'm very productive.</a></li>
  794. <li><date>010218</date>&nbsp; <a href="/">These are some exciting news.</a></li>
  795. <li><date>010218</date>&nbsp; <a href="/">I hope you enjoy this news ticker. </a></li>
  796. <li><date>010218</date>&nbsp; <a href="/">I am a news ticker update.</a></li>
  797. <li><date>010218</date>&nbsp; <a href="/">I'm running out of messages.</a></li>
  798. <li><date>010218</date>&nbsp; <a href="/">Don't forget to drink water today.</a></li>
  799.  
  800. </div>
  801.  
  802. <!--- schedule --->
  803. <!--- format to copy and paste
  804.  
  805. <date>DATE HERE</date>&nbsp; TEXT HERE<p><p>
  806.  
  807. --->
  808.  
  809. <div class="heading"><i class="far fa-star" style="float:left;" aria-hidden="true"></i>Schedule</div>
  810. <div class="box">
  811. <date>010101</date>&nbsp; Drink water!<p><p>
  812. <date>010102</date>&nbsp; Treat yourself today!<p><p>
  813. <date>010103</date>&nbsp; But don't go overboard. <p>
  814.  
  815. </div>
  816.  
  817. <!--- members. no need to edit anything here. --->
  818.  
  819. <div class="heading"><i class="far fa-moon" style="float:left;" aria-hidden="true"></i>Members</div>
  820. <div class="box">
  821. {block:GroupMembers}{block:GroupMember} <a href="{GroupMemberURL}" title="{GroupMemberName}"> <img src="{GroupMemberPortraitURL-40}" style="border:1px solid {color:accent}; padding:3px;"></a> {/block:GroupMember}{/block:GroupMembers}
  822. </div>
  823.  
  824. <!--- info box. --->
  825.  
  826. <div class="heading"><i class="far fa-lemon" style="float:left;" aria-hidden="true"></i>Info</div>
  827. <div class="box">
  828. <!--- edit info box text here --->
  829. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor.<p><p>
  830. <b>Established:</b> 01.01.1999<br>
  831. <b>Theme:</b> <!--- please don't remove :-) ty ---> <a href="http://solasz.tumblr.com">solasz</a><br>
  832. </div>
  833.  
  834. </div>
  835.  
  836. <!--- don't edit any of the things below if you don't know what you're doing --->
  837.  
  838. <div class="content">
  839.  
  840. {block:Posts}
  841. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  842.  
  843. {block:Date}
  844. <div class="date">
  845. <a class="permalink" href="{Permalink}" style="text-transform:uppercase;font-weight:bold;letter-spacing:1px;color:{color:accent};">{Month} {DayOfMonthWithZero}, {DayOfWeek}</a> <br>
  846. with {NoteCountWithLabel} by <a href="{PostAuthorURL}" style="border:none;">{PostAuthorName}</a>
  847. </div>
  848. {/block:Date}
  849.  
  850. <section class="post">
  851.  
  852. {block:Audio}
  853. {block:AudioPlayer}
  854. <div class="playbox">
  855. <div class="playbutton">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div></div>
  856.  
  857. <div id="info">
  858. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br>
  859. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  860. {block:PlayCount}<b>Plays:</b> {PlayCountWithLabel}{/block:PlayCount}
  861. </div>
  862. {/block:Audio}
  863.  
  864.  
  865. {block:Photo}
  866. <div class="photo">
  867. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  868. </div>
  869. {/block:Photo}
  870.  
  871.  
  872. {block:Photoset}
  873. <div class="wrap">
  874. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  875. </div>
  876. {/block:Photoset}
  877.  
  878.  
  879. {block:Video}
  880. <div class="video">{Video-500}</div>
  881. {/block:Video}
  882.  
  883.  
  884. {block:Answer}
  885. <div class="question">
  886. <div class="sender"><b>{lang:Asker asked}:</b></div>
  887. <span class="inquiry">{Question}</span>
  888. </div>
  889. <div class="answer text">{Answer}</div>
  890. {/block:Answer}
  891.  
  892.  
  893. {block:Chat}
  894. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  895. <ul class="chat text">
  896. {block:Lines}
  897. <li class="line">
  898. {block:Label}
  899. <span class="label">{Label}&nbsp; </span>
  900. {/block:Label}
  901. {Line}
  902. </li>
  903. {/block:Lines}
  904. </ul>
  905. {/block:Chat}
  906.  
  907.  
  908. {block:Link}
  909. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  910. {block:Description}<div class="text">{Description}</div>{/block:Description}
  911. {/block:Link}
  912.  
  913.  
  914. {block:Quote}
  915. <div class="quote text">{Quote}</div>
  916. {block:Source}
  917. <div class="source text">{Source}</div>
  918. {/block:Source}
  919. {/block:Quote}
  920.  
  921.  
  922. {block:Text}
  923. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  924. <div class="text">{Body}</div>
  925. {/block:Text}
  926.  
  927.  
  928. {block:Caption}
  929. <div class="caption text">{Caption}</div>
  930. {/block:Caption}
  931.  
  932.  
  933. {block:ifShowTags}{block:Date}
  934. <div class="dateb">
  935. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  936. {/block:HasTags}
  937. </div>
  938. {/block:Date}{/block:ifShowTags}
  939.  
  940.  
  941. </section>
  942. </article>
  943.  
  944. {block:PermalinkPage}{block:PostNotes}<div class="pnotes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  945.  
  946. {/block:Posts}
  947.  
  948.  
  949.  
  950.  
  951. <!--- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --->
  952. </div>
  953.  
  954. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  955.  
  956. <div class="pagi">
  957. {block:Pagination}<a href="#" class="load-more">Load More</a>{/block:Pagination} <a href="#" id="back-to-top" title="Back to top" style="float:right; font-size:20px;width:20px;"><i class="fas fa-angle-up"></i></a> </div>
  958.  
  959. </div>
  960.  
  961. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  962. <script src="http://static.tumblr.com/fx69xie/a7Mo8d10e/jquery.newsticker.js" type="text/javascript"></script>
  963. <link rel="stylesheet" href="http://static.tumblr.com/tyt3xth/QYwmzzr7w/nivo-slider.css" type="text/css" />
  964. <script src="http://static.tumblr.com/tyt3xth/01bmzzr99/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  965. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  966. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  967. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  968.  
  969. {block:IndexPage}
  970. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  971. {/block:IndexPage}
  972.  
  973. <script>
  974. $(document).ready(function(){
  975. $('.photo-slideshow').pxuPhotoset({
  976. lightbox: true,
  977. rounded: false,
  978. gutter: '1px',
  979. photoset: '.photo-slideshow',
  980. photoWrap: '.photo-data',
  981. photo: '.pxu-photo'
  982. });
  983. var $container = $('.content');
  984. $container.infinitescroll({
  985. itemSelector: '.entry',
  986. navSelector: '.pagination',
  987. nextSelector: '.next',
  988. loadingImg: '',
  989. loadingText: '<em></em>',
  990. bufferPx: 2000
  991. },
  992. function( newElements ) {
  993. var $newElems = $( newElements );
  994. $newElems.find('.photo-slideshow').pxuPhotoset({
  995. lightbox: true,
  996. rounded: false,
  997. gutter: '1px',
  998. photoset: '.photo-slideshow',
  999. photoWrap: '.photo-data',
  1000. photo: '.pxu-photo'
  1001. });
  1002. resizeVideos();
  1003. });
  1004. $(window).unbind('.infscr');
  1005. $('.load-more').click(function(){
  1006. $container.infinitescroll('retrieve');
  1007. return false
  1008. });
  1009. });
  1010. if ($('#back-to-top').length) {
  1011. var scrollTrigger = 100, // px
  1012. backToTop = function () {
  1013. var scrollTop = $(window).scrollTop();
  1014. if (scrollTop > scrollTrigger) {
  1015. $('#back-to-top').addClass('show');
  1016. } else {
  1017. $('#back-to-top').removeClass('show');
  1018. }
  1019. };
  1020. backToTop();
  1021. $(window).on('scroll', function () {
  1022. backToTop();
  1023. });
  1024. $('#back-to-top').on('click', function (e) {
  1025. e.preventDefault();
  1026. $('html,body').animate({
  1027. scrollTop: 0
  1028. }, 700);
  1029. });
  1030. }
  1031. $(document).on("scroll", function(){
  1032. if
  1033. ($(document).scrollTop() > 100){
  1034. $("header").addClass("shrink");
  1035. updateSliderMargin();
  1036. }
  1037. else
  1038. {
  1039. $("header").removeClass("shrink");
  1040. updateSliderMargin();
  1041. }
  1042. });
  1043.  
  1044. $(window).load(function() {
  1045. $('#slider').nivoSlider({
  1046. effect:'sliceUp,sliceDown,fold', // Specify sets like: 'fold,fade,sliceDown'
  1047. animSpeed:600, // Slide transition speed
  1048. pauseTime:15000, // How long each slide will show
  1049. startSlide:0, // Set starting Slide (0 index)
  1050. directionNav:false, // Next & Prev navigation
  1051. directionNavHide:true, // Only show on hover
  1052. controlNav:false, // 1,2,3... navigation
  1053. controlNavThumbs:false, // Use thumbnails for Control Nav
  1054. controlNavThumbsFromRel:false, // Use image rel for thumbs
  1055. controlNavThumbsSearch: '.jpg', // Replace this with...
  1056. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  1057. keyboardNav:true, // Use left & right arrows
  1058. pauseOnHover:false, // Stop animation while hovering
  1059. manualAdvance:false, // Force manual transitions
  1060. captionOpacity:0.8, // Universal caption opacity
  1061. prevText: 'Prev', // Prev directionNav text
  1062. nextText: 'Next' // Next directionNav text
  1063. });
  1064. $('.newsticker').newsTicker({
  1065. row_height: 60,
  1066. max_rows: 3,
  1067. speed: 650,
  1068. direction: 'up',
  1069. duration: 4000,
  1070. autostart: 1,
  1071. pauseOnHover: 1
  1072. });
  1073.  
  1074. });
  1075. </script>
  1076.  
  1077. </body>
  1078. </html>
Advertisement
Add Comment
Please, Sign In to add comment