API tools faq
paste
bisexualsteverogers

solasz theme 04

bisexualsteverogers
Oct 14th, 2018
13,549
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6. ------
  7. ------
  8.  
  9. THEME 04 BY SOLASZ
  10.  
  11. EDITING TO ANY EXTEND ALLOWED AS LONG AS THE CREDIT STAYS IN TACT :)
  12. Questions go here: https://solasz.tumblr.com/ask
  13.  
  14. ------
  15. ------
  16.  
  17. Big Thank You to shythemes for:
  18.  
  19. - Infinite Scroll, Load More & Pixel Union merged code
  20. - Video Resizing Script
  21.  
  22. Linearicons
  23. https://linearicons.com/free
  24.  
  25. Unnest Tumblr Captions
  26. https://neothm.com/post/148902138319/
  27.  
  28. Tumblr Controls Fix
  29. https://cyantists.tumblr.com/post/163728517915/
  30.  
  31. Style-My-Tooltips jQuery plugin
  32. https://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  33.  
  34. -->
  35. <title>{Title}</title>
  36.  
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38. <link rel="shortcut icon" href="{Favicon}">
  39. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  40.  
  41. <meta name="viewport" content="width=device-width, initial-scale=1">
  42.  
  43. <meta name="color:Accent" content="#333333">
  44. <meta name="color:Text" content="#737373">
  45. <meta name="color:Underline" content="#d45b5f">
  46.  
  47. <meta name="image:Sidebar" content=""/>
  48.  
  49. <meta name="select:Post Margin" content="80" title="80px" />
  50. <meta name="select:Post Margin" content="90" title="90px" />
  51. <meta name="select:Post Margin" content="100" title="100px" />
  52. <meta name="select:Post Margin" content="110" title="110px" />
  53. <meta name="select:Post Margin" content="120" title="120px" />
  54.  
  55. <meta name="select:Post Size" content="300" title="300px" />
  56. <meta name="select:Post Size" content="350" title="350px" />
  57. <meta name="select:Post Size" content="375" title="375px" />
  58. <meta name="select:Post Size" content="400" title="400px" />
  59. <meta name="select:Post Size" content="450" title="450px" />
  60. <meta name="select:Post Size" content="500" title="500px" />
  61. <meta name="select:Post Size" content="540" title="540px" />
  62.  
  63. <meta name="select:Sidebar Image Size" content="150" title="150px" />
  64. <meta name="select:Sidebar Image Size" content="40" title="40px" />
  65. <meta name="select:Sidebar Image Style" content="5" title="Rounded" />
  66. <meta name="select:Sidebar Image Style" content="90" title="Circle" />
  67. <meta name="select:Sidebar Image Style" content="0" title="Square" />
  68.  
  69. <meta name="if:Sidebar Image" content="1">
  70. <meta name="if:Show Tags" content="1">
  71. <meta name="if:Hover Tags" content="1">
  72. <meta name="if:Underline" content="1">
  73.  
  74. <meta name="text:Link 1" content="">
  75. <meta name="text:Link 1 Title" content="">
  76. <meta name="text:Link 2" content="">
  77. <meta name="text:Link 2 Title" content="">
  78. <meta name="text:Link 3" content="">
  79. <meta name="text:Link 3 Title" content="">
  80. <meta name="text:Link 4" content="">
  81. <meta name="text:Link 4 Title" content="">
  82.  
  83. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  84. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  85. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
  86. <link href="https://static.tumblr.com/6jwyigb/Dntpgl2mg/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  87.  
  88. <style type="text/css">
  89.  
  90. figure img {
  91. max-width:100%;
  92. height:auto;
  93. }
  94.  
  95. body {
  96. margin:0;
  97. font-size:10px;
  98. font-family:'source sans pro', sans-serif;
  99. line-height:1.7em;
  100. -moz-osx-font-smoothing:grayscale;
  101. -webkit-font-smoothing:antialiased;
  102. font-smoothing:antialiased;
  103. color:{color:text};
  104. overflow-x:hidden;
  105. }
  106.  
  107. b {
  108. font-weight:700;
  109. }
  110.  
  111. h1 {
  112. margin:0;
  113. padding:0;
  114. }
  115. blockquote, ol, ul, p, pre {
  116. margin:0 0 .5em 0;
  117. {block:PermalinkPage}
  118. margin:0 0 .6em;
  119. {block:PermalinkPage}
  120. }
  121.  
  122. a {
  123. color:inherit;
  124. text-decoration:none;
  125. {block:PermalinkPage}
  126. border-bottom:1px solid #eee;
  127. {/block:PermalinkPage}
  128. -webkit-transition: all 0.2s ease-out;
  129. -moz-transition: all 0.2s ease-out;
  130. transition: all 0.2s ease-out;
  131. }
  132.  
  133. a:hover {
  134. color:{color:accent};
  135. -webkit-transition: all 0.2s ease-out;
  136. -moz-transition: all 0.2s ease-out;
  137. transition: all 0.2s ease-out;
  138. }
  139.  
  140. small, sub {
  141. font-size:1em;
  142. vertical-align:baseline;
  143. }
  144.  
  145. .entry li {
  146. list-style-type:none;
  147. padding: 1px 0;
  148. margin-left: -15px;
  149. }
  150.  
  151. .entry li:before {
  152. content:"";
  153. background:#e1e1e1;
  154. position:absolute;
  155. display:block;
  156. margin-left:-18px;
  157. margin-top:8px;
  158. width:11px;
  159. height:1px;
  160. }
  161.  
  162. .tags a {
  163. border:none;
  164. }
  165.  
  166. /* wrapper */
  167.  
  168. .main {
  169. margin:100px auto;
  170. left:0px;
  171. width:{select:post size}px;
  172. position:relative;
  173. }
  174.  
  175. /* posts */
  176.  
  177. .content {
  178. margin:0px 0;
  179. width:{select:post size}px;
  180. }
  181.  
  182. .entry {
  183. position:relative;
  184. margin:0 0 {select:post margin}px;
  185. width:{select:post size}px;
  186.  
  187. }
  188.  
  189. {block:ifHoverTags}
  190. .entry:hover .tags {
  191. opacity:1;
  192. -webkit-transition: all 0.1s ease-out;
  193. -moz-transition: all 0.1s ease-out;
  194. transition: all 0.1s ease-out;
  195. }
  196. {/block:ifHoverTags}
  197.  
  198. .photo img {
  199. display:block;
  200. width:{select:post size}px;
  201. }
  202.  
  203. .wrap {
  204. display:block;
  205. width:{select:post size}px;
  206. }
  207.  
  208. .video {
  209. width:{select:post size}px;
  210. }
  211.  
  212. .entry:last-child {
  213. margin-bottom:20px;
  214. }
  215.  
  216. .load {
  217. background:#fff;
  218. border:1px solid #eee;
  219. padding:4px;
  220. margin-left:40px;
  221. width:70px;
  222. }
  223.  
  224. hr {
  225. margin:1em 0;
  226. border:0;
  227. height:1px;
  228. -moz-box-sizing:border-box;
  229. box-sizing:border-box;
  230. background-color:{color:border};
  231. }
  232.  
  233. /* box container */
  234.  
  235. .sbar {
  236. width:150px;
  237. background:#fff;
  238. position:fixed;
  239. margin-left:-320px;
  240. border-right:1px solid #eee;
  241. padding:10px 30px;
  242. text-align:right;
  243. }
  244.  
  245. .sbar a {
  246. border:none;
  247. }
  248.  
  249. .sbimage img {
  250. width:{select:sidebar image size}px;
  251. border-radius:{select:sidebar image style}px;
  252. }
  253.  
  254. .tit {
  255. font-size:10px;
  256. text-transform:uppercase;
  257. letter-spacing:2px;
  258. font-weight:bold;
  259. margin-top:3px;
  260. color:#636363;
  261. padding:5px 0;
  262. }
  263.  
  264. .desc {
  265. margin-top:5px;
  266.  
  267. }
  268.  
  269. .sblinks {
  270. margin-top:2px;
  271. border-top:1px solid #eee;
  272. padding-top:5px;
  273. }
  274.  
  275. .sblinks a {
  276. font-size:9px;
  277. letter-spacing:2px;
  278. margin-left:6px;
  279. font-family:'calibri' sans-serif;
  280. text-transform:uppercase;
  281. }
  282.  
  283. .pagination {
  284. display:block;
  285. margin-top:10px;
  286. }
  287.  
  288. .pagination a {
  289. letter-spacing:1px;
  290. border-bottom:1px solid #ebebeb;
  291. }
  292.  
  293. /* text post */
  294.  
  295. .title {
  296. color:{color:accent};
  297. font-size:13px;
  298. background:#fff;
  299. font-weight:bold;
  300. }
  301.  
  302. /* post caption */
  303.  
  304. .caption, .text {
  305. overflow:hidden;
  306. background:#fff;
  307. margin-top:15px;
  308. border-bottom:1px solid #eee;
  309. padding:0 0 10px;
  310. }
  311.  
  312. .caption a {
  313. border:none;
  314. }
  315.  
  316. a.tumblr_blog {
  317. margin-left:20px;
  318. }
  319.  
  320. .tumblr_avatar {
  321. width:13px;
  322. border-radius:90px;
  323. position:absolute;
  324. margin-top:1px;
  325. }
  326.  
  327. .caption p {
  328. margin-top:7px;
  329. }
  330.  
  331.  
  332. /* tags */
  333.  
  334. .date {
  335. letter-spacing:0px;
  336. border:none;
  337. font-size:10px;
  338. background:#fff;
  339. text-transform:lowercase;
  340. margin-top:10px;
  341. }
  342.  
  343. .date a {
  344. word-break:break-all;
  345. margin-right:3px;
  346. }
  347.  
  348. .d {
  349. position:relative;
  350. display:inline;
  351. }
  352.  
  353. {block:ifUnderline}
  354. .d:after {
  355. content: "";
  356. background: {color:underline};
  357. opacity: 0.4;
  358. position: absolute;
  359. left: -0.07em;
  360. right: 0.2em;
  361. bottom: 0;
  362. height: 40%;
  363. }
  364. {/block:ifUnderline}
  365.  
  366. .tags {
  367. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  368. position:absolute;
  369. padding:5px 0px;
  370. {block:ifHoverTags}
  371. opacity:0;
  372. {/block:ifHoverTags}
  373. -webkit-transition: all 0.1s ease-out;
  374. -moz-transition: all 0.1s ease-out;
  375. transition: all 0.1s ease-out;
  376. }
  377.  
  378. .tags a {margin-right:6px;}
  379.  
  380. /* ask */
  381.  
  382. .question {
  383. border:1px solid #eee;
  384. padding:10px 10px;
  385. }
  386.  
  387. .sender {
  388. font-size:10px;
  389. margin-bottom:2px;
  390. text-transform:uppercase;
  391. font-weight:700;
  392. }
  393.  
  394. .aimg img {
  395. border-radius:90px;
  396. }
  397.  
  398. /* chat */
  399.  
  400. .chat {
  401. list-style-type:none;
  402. padding-left:20px;
  403. }
  404.  
  405. .chat .label {
  406. font-weight:bold;
  407. }
  408.  
  409. .chat li {
  410. padding: 0 18px;
  411. }
  412.  
  413. /* quote */
  414.  
  415. .quote {
  416. font-size:15px;
  417. line-height:1.3em;
  418. }
  419.  
  420. .source {
  421. font-style:italic;
  422. margin-top:10px;
  423. }
  424.  
  425. .media {
  426. position:relative;
  427. display:inline-block;
  428. width:100%;
  429. }
  430.  
  431. /* music player */
  432.  
  433. .playbox {
  434. height:50px;
  435. background:#f2f2f2;
  436. width:{select:post size}px;
  437. border:1px solid #eee;
  438. }
  439.  
  440. .playbutton {
  441. overflow:hidden;
  442. position:relative;
  443. z-index:1000;
  444. width:calc({select:post size}px - 50px);
  445. height:26px;
  446. padding:3px;
  447. margin-left:5px;
  448. top:9px;
  449. border-radius:90px;
  450. }
  451.  
  452. .info {
  453. position:relative;
  454. z-index: 1000;
  455. left: 120px;
  456. top: -13px;
  457. }
  458.  
  459. /* tumblr controls */
  460.  
  461. iframe.tmblr-iframe {
  462. z-index:99999999999999!important;
  463. top:0!important;
  464. right:0!important;
  465. opacity:0.4;
  466. /* delete invert(1) from here */
  467. filter:invert(1) contrast(150%);
  468. -webkit-filter:invert(1) contrast(150%);
  469. -o-filter:invert(1) contrast(150%);
  470. -moz-filter:invert(1) contrast(150%);
  471. -ms-filter:invert(1) contrast(150%);
  472. /* to here if your blog has a dark background */
  473. transform:scale(0.65);
  474. transform-origin:100% 0;
  475. -webkit-transform:scale(0.65);
  476. -webkit-transform-origin:100% 0;
  477. -o-transform:scale(0.65);
  478. -o-transform-origin:100% 0;
  479. -moz-transform:scale(0.65);
  480. -moz-transform-origin:100% 0;
  481. -ms-transform:scale(0.65);
  482. -ms-transform-origin:100% 0;}
  483.  
  484. iframe.tmblr-iframe:hover {
  485. opacity:0.6!important;
  486. }
  487.  
  488. /* permalink page notes */
  489.  
  490. .pnotes {
  491. width:{select:post size}px;
  492. font-size:9px;
  493. }
  494.  
  495. .pnotes ol.notes {
  496. list-style-type:decimal-leading-zero;
  497. margin-left:20px;
  498. padding:0;
  499. }
  500.  
  501. .pnotes img.avatar {
  502. display:none;
  503. }
  504.  
  505. /* :) */
  506.  
  507. .credit {
  508. bottom:20px;
  509. right:30px;
  510. position:fixed;
  511. font-size:9px;
  512. color:#000;
  513.  
  514. }
  515.  
  516. .sfm input {
  517. background-color: #eee;
  518. font-size:10px;
  519. font-family:{select:font};
  520. border: 0px;
  521. width:250px;
  522. border-radius:3px;
  523. margin-top: 0px;
  524. color: #999;
  525. padding: 4px 8px;
  526. outline:none;
  527. }
  528.  
  529. .stickypost {
  530. background:#fff;
  531. margin-bottom:40px;
  532. padding:5px 10px;
  533. }
  534.  
  535. .updi {
  536. font-size:9px;
  537. color:{color:text};
  538. text-align:left;
  539. width:150px;
  540. opacity:0;
  541. top:30px;
  542. left:20px;
  543. position:fixed;
  544. overflow:hidden;
  545. -webkit-transition: all 0.3s ease-in-out;
  546. -moz-transition: all 0.3s ease-in-out;
  547. -o-transition: all 0.3s ease-in-out;
  548. }
  549.  
  550. .updi:hover {
  551. opacity:1;
  552. }
  553.  
  554. .utit {
  555. font-size:8px;
  556. top:15px;
  557. left:20px;
  558. position:fixed;
  559. overflow:hidden;
  560. text-transform:uppercase;
  561. letter-spacing:2px;
  562. font-weight:bold;
  563. color:{color:text};
  564. }
  565.  
  566. #s-m-t-tooltip{
  567. /* basic */
  568. max-width:300px;
  569. z-index:10;
  570. /* style and design */
  571. padding:2px 5px;
  572. background:#fff;
  573. border:1px solid #eee;
  574. border-radius:0;
  575. color:{color:text};
  576. font:inherit;
  577. box-shadow:none;
  578.  
  579. }
  580.  
  581. </style>
  582.  
  583.  
  584. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  585.  
  586. </head>
  587. <body>
  588.  
  589. <div class="credit"><a href="https://solasz.tumblr.com" title="theme"><span class="lnr lnr-moon"></span></a></div>
  590.  
  591. <div class="main">
  592.  
  593. <div class="sbar">
  594. {block:ifSidebarImage}
  595. <div class="sbimage"><a href="/"><img src="{image:sidebar}"></a></div>
  596. {/block:ifSidebarImage}
  597. <div class="tit"><a href="/">{title}</a></div>
  598. <div class="sblinks">
  599. <a href="{text:Link 1}" title="{text:Link 1 Title}">.01</a>
  600. <a href="{text:Link 2}" title="{text:Link 2 Title}">.02</a>
  601. <a href="{text:Link 3}" title="{text:Link 3 Title}">.03</a>
  602. <a href="{text:Link 4}" title="{text:Link 4 Title}">.04</a>
  603. </div>
  604. <div class="desc">{description}</div>
  605.  
  606. {block:Pagination}<div class="pagination">{block:PreviousPage}<span class="lnr lnr-chevron-left" style="font-size:7px;"></span> <a class="prev" href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a> <span class="lnr lnr-chevron-right" style="font-size:7px;"></span>{/block:NextPage}</div>{/block:Pagination}
  607. </div>
  608.  
  609.  
  610. <!--- don't edit any of the things below if you don't know what you're doing --->
  611.  
  612. <div class="content">
  613.  
  614. {block:Posts}
  615. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  616.  
  617. <section class="post">
  618.  
  619. {block:Audio}
  620. {block:AudioPlayer}
  621. <div class="playbox">
  622. <div class="playbutton">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div>
  623. <div class="info">
  624. {block:Artist}{Artist}{/block:Artist} &mdash;
  625. {block:TrackName}{TrackName}{/block:TrackName}
  626. </div>
  627. </div>
  628. {/block:Audio}
  629.  
  630.  
  631. {block:Photo}
  632. <div class="photo">
  633. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  634. </div>
  635. {/block:Photo}
  636.  
  637.  
  638. {block:Photoset}
  639. <div class="wrap">
  640. <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>
  641. </div>
  642. {/block:Photoset}
  643.  
  644.  
  645. {block:Video}
  646. <div class="video">{Video-500}</div>
  647. {/block:Video}
  648.  
  649.  
  650. {block:Answer}
  651. <div class="question">
  652. <div class="sender"><span class="lnr lnr-envelope"></span>&nbsp; {Asker}</div>
  653. <span class="inquiry">{Question}</span>
  654. </div>
  655. <div class="answer text"><div class="sender"><span class="lnr lnr-user"></span>&nbsp; {Name}</div> {Answer}</div>
  656. {/block:Answer}
  657.  
  658.  
  659. {block:Chat}
  660. {block:Title}<div class="title">{Title}</div>{/block:Title}
  661. <ul class="chat text">
  662. {block:Lines}
  663. <li class="line">
  664. {block:Label}
  665. <span class="label">{Label}&nbsp; </span>
  666. {/block:Label}
  667. {Line}
  668. </li>
  669. {/block:Lines}
  670. </ul>
  671. {/block:Chat}
  672.  
  673.  
  674. {block:Link}
  675. <div class="title"><a href="{URL}">{Name}</a></div>
  676. {block:Description}<div class="text">{Description}</div>{/block:Description}
  677. {/block:Link}
  678.  
  679.  
  680. {block:Quote}
  681. <div class="quote">{Quote}</div>
  682. {block:Source}
  683. <div class="source">{Source}</div>
  684. {/block:Source}
  685. {/block:Quote}
  686.  
  687.  
  688. {block:Text}
  689. {block:Title}<div class="title">{Title}</div>{/block:Title}
  690. <div class="caption">{Body}</div>
  691. {/block:Text}
  692.  
  693.  
  694. {block:Caption}
  695. <div class="caption">{Caption}</div>
  696. {/block:Caption}
  697.  
  698. {block:Date}
  699. <div class="date">
  700. <div class="d"><a href="{permalink}"><b>{DayOfWeek}</b></div> &middot;&nbsp; {12HourWithZero}:{Minutes}{CapitalAmPm}</a></span> <a href="{ReblogURL}" target="_blank" style="font-size:8px;" title="reblog"><span class="lnr lnr-undo"></span></a> {NoteCountWithLabel}
  701. </div>
  702. {/block:Date}
  703.  
  704. {block:ifShowTags}<div class="tags">
  705. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  706. </div>{/block:ifShowTags}
  707.  
  708.  
  709. </section>
  710. </article>
  711.  
  712. {block:PermalinkPage}{block:PostNotes}<div class="pnotes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  713.  
  714. {/block:Posts}
  715.  
  716. <!--- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --->
  717. </div>
  718.  
  719. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  720. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  721. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  722. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  723. <script src="https://static.tumblr.com/6jwyigb/LV4pgl2ma/jquery.style-my-tooltips.js"></script>
  724.  
  725. <script>
  726. $(document).ready(function(){
  727. $('.photo-slideshow').pxuPhotoset({
  728. lightbox: true,
  729. rounded: false,
  730. gutter: '1px',
  731. photoset: '.photo-slideshow',
  732. photoWrap: '.photo-data',
  733. photo: '.pxu-photo'
  734. });
  735. $("[title]").style_my_tooltips({
  736. tip_follows_cursor:true,
  737. tip_delay_time:0,
  738. tip_fade_speed:200,
  739. attribute:"title"
  740. });
  741. });
  742.  
  743. $('article').unnest({
  744. yourCaption: ".caption", //initial caption selector
  745. wrapName: ".tumblr_parent", //separate captions wrapper name
  746. newCaptionUsername: true, //if user adds new caption, have their names on it
  747. originalPostCaptionUsername: true, //if user adds new caption on post without an already existing caption
  748. tumblrAvatars: true, //with or without tumblr avatars before captions
  749. tumblrAvatarClass: ".tumblr_avatar", //the class applied to tumblr avatars
  750. usernameColon: false //removes that fucking colon like who asked you tumblr no one wants it
  751. });
  752.  
  753. </script>
  754.  
  755. </body>
  756. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!