API tools faq
paste
Advertisement
mothmans

275 ps fix

mothmans
Jul 8th, 2019
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  4.  
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <meta charset="utf-8">
  9.  
  10. <!---
  11.  
  12. THEME BY SEYCHE.TUMBLR.COM
  13.  
  14. CREDITS:
  15. -outicons by Anton Saputro
  16. -pxu photosets by pixel union / with modifications by bychloethemes
  17. -style my tooltips by malihu
  18. -notecount shortening and video resizing by shythemes
  19. -remove redirects by magnusthemes
  20. (full list of credits @ seyche.tumblr.com/credits
  21.  
  22. --->
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Cabin:400,400i,700,700i|Fira+Sans:400,400i,700,700i|Karla:400,400i,700,700i|Lato:400,400i,700,700i|Libre+Franklin:400,400i,700,700i|Literata:400,400i,700,700i|Lora:400,400i,700,700i|Muli:400,400i,700,700i|Open+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i&display=swap" rel="stylesheet">
  25.  
  26.  
  27. <!----- VARIABLES ----->
  28.  
  29. <meta name="image:Sidebar" content=""/>
  30.  
  31. <meta name="color:Background" content="#fafafa"/>
  32. <meta name="color:Text" content="#707070"/>
  33. <meta name="color:Link" content="#4c4c4c"/>
  34. <meta name="color:Accent" content="#da8da9"/>
  35. <meta name="color:Borders" content="#e0e0e0"/>
  36. <meta name="color:Title" content="#212121"/>
  37.  
  38. <meta name="select:Body Font" content="Libre Franklin" title="Libre Franklin"/>
  39. <meta name="select:Body Font" content="Cabin" title="Cabin"/>
  40. <meta name="select:Body Font" content="Fira Sans" title="Fira Sans"/>
  41. <meta name="select:Body Font" content="Karla" title="Karla"/>
  42. <meta name="select:Body Font" content="Lato" title="Lato"/>
  43. <meta name="select:Body Font" content="Muli" title="Muli"/>
  44. <meta name="select:Body Font" content="Open Sans" title="Open Sans"/>
  45. <meta name="select:Body Font" content="Lora" title="Lora"/>
  46. <meta name="select:Body Font" content="Literata" title="Literata"/>
  47. <meta name="select:Body Font" content="PT Serif" title="PT Serif"/>
  48.  
  49. <meta name="select:Font Size" content="13px" title="13px"/>
  50. <meta name="select:Font Size" content="12px" title="12px"/>
  51. <meta name="select:Font Size" content="14px" title="14px"/>
  52.  
  53. <meta name="select:Post width" content="540px" title="540px"/>
  54. <meta name="select:Post width" content="350px" title="350px"/>
  55. <meta name="select:Post width" content="400px" title="400px"/>
  56. <meta name="select:Post width" content="450px" title="450px"/>
  57. <meta name="select:Post width" content="500px" title="500px"/>
  58.  
  59. <meta name="if:Search Bar" content="1"/>
  60. <meta name="if:Show Blog URL" content="1"/>
  61. <meta name="if:Hover Tags" content="0"/>
  62.  
  63. <meta name="text:Home Link" content="home"/>
  64. <meta name="text:Ask Link" content="ask"/>
  65. <meta name="text:Link 1 URL" content="" />
  66. <meta name="text:Link 1" content="" />
  67. <meta name="text:Link 2 URL" content="" />
  68. <meta name="text:Link 2" content="" />
  69. <meta name="text:Link 3 URL" content="" />
  70. <meta name="text:Link 3" content="" />
  71.  
  72. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73.  
  74. <!----- TOOLTIPS ----->
  75.  
  76. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  77. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  78.  
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:100,
  85. tip_fade_speed:200
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <!----- PHOTOSETS ----->
  92.  
  93. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  94. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  95.  
  96. <script>
  97. $(document).ready(function(){
  98. $('.photo-slideshow').pxuPhotoset({
  99. lightbox: true,
  100. rounded: false,
  101. gutter: '4px',
  102. borderRadius: '0px',
  103. photoset: '.photo-slideshow',
  104. photoWrap: '.photo-data',
  105. photo: '.pxu-photo'
  106. });
  107. });
  108. </script>
  109.  
  110. <!----- VIDEO RESIZING ----->
  111.  
  112. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  113.  
  114. <style type="text/css">
  115.  
  116. body {
  117. font-family: {select:body font}, sans-serif;
  118. font-size: {select:font size};
  119. color: {color:text};
  120. background-color: {color:background};
  121. text-align: left;
  122. line-height: 160%;
  123. word-wrap: break-word;
  124. letter-spacing: 0.2px;
  125. }
  126.  
  127. a {
  128. color: {color:link};
  129. text-decoration: none;
  130. -webkit-transition: all 0.3s;
  131. -moz-transition: all 0.3s;
  132. -ms-transition: all 0.3s;
  133. -o-transition: all 0.3s;
  134. transition: all 0.3s;
  135. }
  136.  
  137. a:hover {
  138. color: {color:accent};
  139. -webkit-transition: all 0.3s;
  140. -moz-transition: all 0.3s;
  141. -ms-transition: all 0.3s;
  142. -o-transition: all 0.3s;
  143. transition: all 0.3s;
  144. }
  145.  
  146. p a, li a {border-bottom: 2px solid rgba({RGBcolor:accent}, 0.6);}
  147. p a:hover, li a:hover {border-bottom: 2px solid rgba({RGBcolor:accent}, 1.0);}
  148.  
  149. blockquote {
  150. padding: 0 0 0 15px;
  151. border-left: 1px solid {color:borders};
  152. margin: 15px 0 15px 15px;
  153. }
  154.  
  155. h1, h2, h3, h4, h5 {
  156. color: {color:title};
  157. letter-spacing: 1px;
  158. line-height: 140%;
  159. }
  160.  
  161. h1 a, h2 a, h3 a, h4 a, h5 a {color: {color:title};}
  162. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: {color:accent}}
  163. h1 {font-size: 1.5em;}
  164. h2 {font-size: 1.3em;}
  165. h3 {font-size: 1.25em;}
  166. h4 {font-size: 1.1em;}
  167. h5 {font-size: 1em;}
  168.  
  169. small {font-size: 0.9em;}
  170. big {font-size: 1.1em;}
  171. b, strong {color: {color:title};}
  172. b a, strong a {color: {color:link};}
  173. b a:hover, strong a:hover {color: {color:accent};}
  174.  
  175. #s-m-t-tooltip {
  176. max-width: 300px;
  177. margin: 17px;
  178. padding: 6px 9px;
  179. background: {color:background};
  180. color: {color:title};
  181. z-index: 999999;
  182. font-size: 0.75em;
  183. text-transform: uppercase;
  184. font-family: inherit;
  185. letter-spacing: 1px;
  186. border-radius: 0px;
  187. box-shadow: none;
  188. font-weight: normal;
  189. border: 1px solid {color:borders};
  190. }
  191.  
  192. ::-webkit-scrollbar {
  193. width: 17px;
  194. height: 17px;
  195. background-color: {color:background};
  196. }
  197.  
  198. ::-webkit-scrollbar-track {border: 8px solid {color:background}; background-color: {color:borders};}
  199.  
  200. ::-webkit-scrollbar-thumb {
  201. border: 6px solid {color:background};
  202. background-color: {color:title};
  203. min-height: 24px;
  204. min-width: 24px;
  205. }
  206.  
  207. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  208. z-index: 999999999!important;
  209. opacity: 0.6;
  210. }
  211.  
  212. .tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
  213. opacity: 1.0;
  214. -webkit-transition: all 0.4s;
  215. -moz-transition: all 0.4s;
  216. -ms-transition: all 0.4s;
  217. -o-transition: all 0.4s;
  218. transition: all 0.4s;
  219. }
  220.  
  221. /*----- COMMON -----*/
  222.  
  223. .border::after, nav::before, #description::before {
  224. content: '';
  225. display: block;
  226. height: 1px;
  227. width: 50px;
  228. background: {color:borders};
  229. margin: 20px 0;
  230. }
  231.  
  232. .title {
  233. font-weight: bold;
  234. font-size: 1.5em;
  235. color: {color:title};
  236. line-height: 140%;
  237. }
  238.  
  239. .title a {color: {color:title};}
  240. .title a:hover {color: {color:accent};}
  241.  
  242. .upper {
  243. text-transform: uppercase;
  244. letter-spacing: 1px;
  245. font-size: 0.85em;
  246. }
  247.  
  248. .subtitle {font-weight: bold; color: {color:title};}
  249. .subtitle a {color: {color:title};}
  250. .subtitle a:hover {color: {color:accent};}
  251.  
  252. .icon {
  253. width: 20px;
  254. height: 20px;
  255. display: inline;
  256. vertical-align: middle;
  257. fill: {color:accent};
  258. float: left;
  259. }
  260.  
  261. .bullet a::before {
  262. content: '';
  263. display: inline-block;
  264. vertical-align: middle;
  265. background: rgba({RGBcolor:accent}, 0.6);
  266. width: 5px;
  267. height: 5px;
  268. border-radius: 50%;
  269. margin: auto 8px auto 5px;
  270. }
  271.  
  272. /*----- SIDEBAR -----*/
  273.  
  274. .sidebar {
  275. position: fixed;
  276. margin-left: calc({select:post width} + 110px);
  277. top: 175px;
  278. width: 275px;
  279. height: auto;
  280. }
  281.  
  282. {block:ifSidebarImage}
  283. #sideimg {
  284. margin: 0 0 20px 0;
  285. width: 275px;
  286. height: auto;
  287. }
  288. {/block:ifSidebarImage}
  289.  
  290. .find {
  291. background-color: {color:background};
  292. margin-top: 5px;
  293. }
  294.  
  295. .find input {
  296. border: 0;
  297. outline: none;
  298. display: inline-block;
  299. background: inherit;
  300. margin: 0;
  301. padding: 0;
  302. color: {color:link};
  303. text-align: left;
  304. width: 275px;
  305. font-family: inherit;
  306. font-size: 0.85em;
  307. }
  308.  
  309. .find input[type=text] {color: {color:link};}
  310. input::-webkit-input-placeholder {color: {color:link};}
  311. input::-moz-placeholder {color: {color:link};}
  312. input:-moz-placeholder {color: {color:link};}
  313. input:-ms-input-placeholder {color: {color:link};}
  314.  
  315. nav {font-style: italic;}
  316. nav a:first-of-type::before {display: none;}
  317.  
  318. /*----- POSTS -----*/
  319.  
  320. .container {
  321. margin: auto;
  322. width: {select:post width};
  323. position: relative;
  324. }
  325.  
  326. article {
  327. position: relative;
  328. width: {select:post width};
  329. margin: 175px auto;
  330. }
  331.  
  332. .tumblr_video_container {max-height: 540px!important; overflow: hidden!important;}
  333. .posts li, .posts blockquote, .posts img {max-width: 100%;}
  334. .postsource {display: none;}
  335.  
  336.  
  337. /*----- CAPTION -----*/
  338.  
  339. .caption {margin: 20px 0 0 0;}
  340. .caption p {margin: 0.5em 0 0 0;}
  341. .body:first-of-type {margin-top: 0;}
  342. .caption img {margin: 1.25em 0; max-width: 100%;}
  343.  
  344. .username::before {
  345. content: '';
  346. display: inline-block;
  347. vertical-align: middle;
  348. background: rgba({RGBcolor:accent}, 0.6);
  349. width: 8px;
  350. height: 8px;
  351. border-radius: 50%;
  352. margin-right: 10px;
  353. -webkit-transition: all 0.3s;
  354. -moz-transition: all 0.3s;
  355. -ms-transition: all 0.3s;
  356. -o-transition: all 0.3s;
  357. transition: all 0.3s;
  358. }
  359.  
  360. .username:hover::before {
  361. background: rgba({RGBcolor:accent}, 1.0);
  362. -webkit-transition: all 0.3s;
  363. -moz-transition: all 0.3s;
  364. -ms-transition: all 0.3s;
  365. -o-transition: all 0.3s;
  366. transition: all 0.3s;
  367. }
  368.  
  369. .deactive:hover {color: {color:link};}
  370.  
  371. .deactive::after {
  372. content: '(deactivated blog)';
  373. margin-left: 10px;
  374. opacity: 0;
  375. -webkit-transition: all 0.3s;
  376. -moz-transition: all 0.3s;
  377. -ms-transition: all 0.3s;
  378. -o-transition: all 0.3s;
  379. transition: all 0.3s;
  380. }
  381.  
  382. .deactive:hover::after {
  383. opacity: 0.7;
  384. -webkit-transition: all 0.3s;
  385. -moz-transition: all 0.3s;
  386. -ms-transition: all 0.3s;
  387. -o-transition: all 0.3s;
  388. transition: all 0.3s;
  389. }
  390.  
  391. /*----- TEXT -----*/
  392.  
  393. pre {
  394. line-height: inherit;
  395. font-size: inherit;
  396. white-space: pre-wrap;
  397. white-space: -moz-pre-wrap;
  398. white-space: -pre-wrap;
  399. white-space: -o-pre-wrap;
  400. word-wrap: break-word;
  401. }
  402.  
  403. @font-face {
  404. font-family: Calluna;
  405. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  406. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  407. font-weight: 700;
  408. font-style: italic
  409. }
  410.  
  411. @font-face {
  412. font-family: Fairwater;
  413. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  414. font-weight: 400;
  415. font-style: normal
  416. }
  417.  
  418. p.npf_quirky {font-family: Fairwater; font-size: 20px;}
  419.  
  420. .npf_color_joey {color: #e57373;}
  421. .npf_color_monica {color: #ff8a65;}
  422. .npf_color_phoebe {color: #ffee58;}
  423. .npf_color_ross {color: #81c784;}
  424. .npf_color_rachel {color: #4fc3f7;}
  425. .npf_color_chandler {color: #9575cd;}
  426. .npf_color_niles {color: #f06292;}
  427.  
  428. #k {
  429. position: fixed;
  430. bottom: 30px;
  431. right: 30px;
  432. font-weight: bold;
  433. }
  434.  
  435. /*----- LINK -----*/
  436.  
  437. .linkp {
  438. border: 1px solid {color:borders};
  439. color: {color:link};
  440. -webkit-transition: all 0.3s;
  441. -moz-transition: all 0.3s;
  442. -ms-transition: all 0.3s;
  443. -o-transition: all 0.3s;
  444. transition: all 0.3s;
  445. }
  446.  
  447. .linkp:hover {
  448. border: 1px solid {color:accent};
  449. -webkit-transition: all 0.3s;
  450. -moz-transition: all 0.3s;
  451. -ms-transition: all 0.3s;
  452. -o-transition: all 0.3s;
  453. transition: all 0.3s;
  454. }
  455.  
  456. .thumbnail {width: calc({select:post width} - 2px);}
  457. #link {padding: 25px;}
  458. #linktxt, #linkhost {margin-top: 15px;}
  459. #linkhost {font-style: italic;}
  460. #link svg {margin: 15px 10px 0 0;}
  461.  
  462. .npf-link-block {
  463. margin-top: 1em;
  464. border-radius: 0;
  465. -webkit-transition: all 0.3s;
  466. -moz-transition: all 0.3s;
  467. -ms-transition: all 0.3s;
  468. -o-transition: all 0.3s;
  469. transition: all 0.3s;
  470. }
  471.  
  472. .npf-link-block:hover {
  473. border: 1px solid {color:accent};
  474. -webkit-transition: all 0.3s;
  475. -moz-transition: all 0.3s;
  476. -ms-transition: all 0.3s;
  477. -o-transition: all 0.3s;
  478. transition: all 0.3s;
  479. }
  480.  
  481. .npf-link-block .bottom {
  482. padding: 25px !important;
  483. color: {color:link};
  484. }
  485.  
  486. .npf-link-block .bottom .site-name {
  487. text-transform: lowercase;
  488. font-style: italic;
  489. font-size: {select:font size};
  490. font-weight: normal;
  491. color: {color:link};
  492. }
  493.  
  494. /*----- PHOTO -----*/
  495.  
  496. img {
  497. margin: 0;
  498. display: block;
  499. height: auto;
  500. }
  501.  
  502. .photo img {width: 100%;}
  503. .vignette, #vignette {opacity: 0;}
  504. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(60, 60, 60, .8) !important;}
  505.  
  506. .lightbox-image, #tumblr_lightbox img {
  507. box-shadow: none !important;
  508. border-radius: 0 !important;
  509. max-width: none;
  510. }
  511.  
  512. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  513. margin-left: 0 !important;
  514. margin-right: 0 !important;
  515. }
  516.  
  517. /*----- QUOTE -----*/
  518.  
  519. #quote, p.npf_quote {
  520. font-size: 1.25em;
  521. line-height: 140%;
  522. font-style: italic;
  523. color: {color:title};
  524. }
  525.  
  526. p.npf_quote {font-family: inherit; margin-bottom: 1em;}
  527.  
  528. /*----- CHAT -----*/
  529.  
  530. .chat {padding: 0; margin: 0;}
  531. .chat li {list-style-type: none;}
  532. .line, p.npf_chat {padding-top: 20px;}
  533. .line:first-of-type, p.npf_chat:first-of-type {padding-top: 0;}
  534. .chat svg {margin-right: 10px;}
  535. p.npf_chat {font-family: inherit;}
  536.  
  537. /*----- ASK -----*/
  538.  
  539. #askpost {border: 1px solid {color:borders};}
  540.  
  541. #asker {
  542. color: {color:title};
  543. font-weight: bold;
  544. border-bottom: 1px solid {color:borders};
  545. padding: 10px 10px 10px 50px;
  546. }
  547.  
  548. #askpost svg {border-right: 1px solid {color:borders}; padding: 10px;}
  549. #question {font-style: italic; padding: 20px;}
  550.  
  551. /*----- AUDIO -----*/
  552.  
  553. .audiopost {
  554. min-height: 100px;
  555. border: 1px solid {color:borders};
  556. padding: 20px;
  557. }
  558.  
  559. .albumart {
  560. z-index: 1;
  561. float: right;
  562. width: 100px;
  563. height: 100px;
  564. }
  565.  
  566. .button {
  567. width: 30px;
  568. height: 30px;
  569. overflow: hidden;
  570. position: relative;
  571. z-index: 10;
  572. margin: 8px 7px 6px 7px;
  573. }
  574.  
  575. .audiobox {
  576. background-color: #f2f2f2;
  577. z-index: 50;
  578. position: absolute;
  579. margin: 27px 0 0 0;
  580. border-radius: 50%;
  581. }
  582.  
  583. .audioinfo {
  584. display: inline-block;
  585. position: relative;
  586. left: 75px;
  587. top: 28px;
  588. max-width: calc({select:post width} - 175px);
  589. }
  590.  
  591. .track {font-size: 1.2em;}
  592.  
  593. /*----- INFO -----*/
  594.  
  595. .info::before, .pinfo::before {
  596. content: '';
  597. display: block;
  598. height: 1px;
  599. width: 50px;
  600. background: {color:borders};
  601. margin: 25px 0 20px 0;
  602. }
  603.  
  604. .lirb {display: inline;}
  605.  
  606. .lirb::before {
  607. content: '';
  608. display: block;
  609. height: 1px;
  610. width: 50px;
  611. background: {color:borders};
  612. margin: -20px 0 20px 45px;
  613. }
  614.  
  615. .ibullet::after {
  616. content: '';
  617. display: inline-block;
  618. vertical-align: middle;
  619. background: rgba({RGBcolor:accent}, 0.6);
  620. width: 5px;
  621. height: 5px;
  622. border-radius: 50%;
  623. margin: auto 6px 3px 8px;
  624. }
  625.  
  626. .likeb {
  627. position: relative;
  628. display: inline-block;
  629. height: 1em;
  630. line-height: 1em;
  631. overflow: hidden;
  632. margin-bottom: -2px;
  633. }
  634.  
  635. .likeb .like_button iframe {
  636. position: absolute;
  637. top: 0;
  638. left: 0;
  639. bottom: 0;
  640. right: 0;
  641. z-index: 2;
  642. opacity: 0;
  643. }
  644.  
  645. .lirb {float: right; text-align: right;}
  646. .likeb .liked + .lb {color: {color:accent};}
  647. .likeb .liked + .lb:after {content: 'd';}
  648.  
  649. .tags {
  650. font-style: italic;
  651. {block:IndexPage}{block:ifHoverTags}
  652. opacity: 0;
  653. -webkit-transition: all 0.5s;
  654. -moz-transition: all 0.5s;
  655. -ms-transition: all 0.5s;
  656. -o-transition: all 0.5s;
  657. transition: all 0.5s;
  658. {/block:ifHoverTags}{/block:IndexPage}
  659. }
  660.  
  661. .tags a::before {
  662. content: '#';
  663. color: rgba({RGBcolor:accent}, 0.6);
  664. font-weight: bold;
  665. display: inline;
  666. vertical-align: middle;
  667. font-style: normal;
  668. margin-right: 2px;
  669. }
  670.  
  671. .tags a {margin-right: 7px;}
  672. #ptags a::after {content: ',';}
  673. #ptags a:last-of-type::after {display: none;}
  674. #taghead {text-align: center;}
  675. .tagname {color: {color:accent}; font-style: italic;}
  676.  
  677. {block:ifHoverTags}
  678. .posts:hover .tags {
  679. opacity: 1.0;
  680. -webkit-transition: all 0.5s;
  681. -moz-transition: all 0.5s;
  682. -ms-transition: all 0.5s;
  683. -o-transition: all 0.5s;
  684. transition: all 0.5s;
  685. }
  686. {/block:ifHoverTags}
  687.  
  688. /*----- POST NOTES -----*/
  689.  
  690. #notetitle {
  691. margin-top: 50px;
  692. color: {color:title};
  693. font-size: 1.1em;
  694. }
  695.  
  696. ol.notes {
  697. list-style-type: none;
  698. width: {select:post width};
  699. padding: 0;
  700. margin: 0;
  701. }
  702.  
  703. ol.notes li.note {display: block; line-height: 180%;}
  704. ol.notes li.note img.avatar {display: none;}
  705.  
  706.  
  707. /*----- PAGINATION -----*/
  708.  
  709. .pg {
  710. margin: auto auto 200px auto;
  711. text-align: center;
  712. color: {color:title};
  713. }
  714.  
  715. .pg svg {
  716. width: 30px;
  717. height: 30px;
  718. display: inline;
  719. vertical-align: middle;
  720. fill: {color:accent};
  721. margin: 0 7px;
  722. -webkit-transition: all 0.3s;
  723. -moz-transition: all 0.3s;
  724. -ms-transition: all 0.3s;
  725. -o-transition: all 0.3s;
  726. transition: all 0.3s;
  727. }
  728.  
  729. .pg svg:hover {
  730. fill: {color:link};
  731. -webkit-transition: all 0.3s;
  732. -moz-transition: all 0.3s;
  733. -ms-transition: all 0.3s;
  734. -o-transition: all 0.3s;
  735. transition: all 0.3s;
  736. }
  737.  
  738. /*----- RESPONSIVE -----*/
  739.  
  740. @media only screen and (max-width: 800px) {
  741. .sidebar {
  742. margin: 175px auto;
  743. position: static;
  744. width: {select:post width};
  745. }
  746. }
  747.  
  748. </style>
  749. </head>
  750.  
  751. <body>
  752.  
  753. <section class="container">
  754.  
  755. <!----- SIDEBAR ----->
  756.  
  757. <aside class="sidebar">
  758. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar}" id="sideimg"/></a>{/block:ifSidebarImage}
  759. <a href="/" id="stitle" class="title">{Title}</a>
  760. {block:ifShowBlogURL}<div id="blogurl">@{Name}</div>{/block:ifShowBlogURL}
  761. <div id="description">{Description}</div>
  762. {block:ifSearchBar}
  763. <form action="/search" method="get" class="find" name="sform">
  764. <input type="text" name="q" placeholder="search this blog..." value="{SearchQuery}" class="upper"/>
  765. </form>
  766. {/block:ifSearchBar}
  767. <nav class="bullet">
  768. {block:ifHomeLink}<a href="/">{text:Home Link}</a>{/block:ifHomeLink}
  769. {block:ifAskLink}<a href="/ask">{text:Ask Link}</a>{/block:ifAskLink}
  770. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  771. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  772. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  773. </nav>
  774. </aside>
  775.  
  776. <!----- POSTS ----->
  777.  
  778. {block:TagPage}
  779. <article id="taghead">
  780. showing posts tagged with <span class="tagname upper">#{Tag}</span>
  781. </article>
  782. {/block:TagPage}
  783.  
  784. {block:Posts}
  785. <article class="posts">
  786.  
  787. {block:Text}
  788. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  789. {block:NotReblog}
  790. <div class="caption body">
  791. {Body}
  792. </div>
  793. {/block:NotReblog}
  794. {block:RebloggedFrom}{block:Reblogs}
  795. <div class="caption">
  796. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  797. {Body}
  798. </div>
  799. {/block:Reblogs}{/block:RebloggedFrom}
  800. {/block:Text}
  801.  
  802. {block:Link}
  803. <a href="{URL}"><div class="linkp">
  804. {block:Thumbnail}<img src="{Thumbnail-HighRes}" class="thumbnail">{/block:Thumbnail}
  805. <div id="link">
  806. <div id="linktitle" class="title">{Name}</div>
  807. {block:Excerpt}<div id="linktxt">{Excerpt}</div>{/block:Excerpt}
  808. {block:Host}<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"> <path d="M47.9,66h82.1c4.5,0,7.9,5.4,7.9,12.5v24.3c0,8.8-4.9,16.2-7.9,16.2H98c-3.3,0-6,2.7-6,6s2.7,6,6,6h32.1 c11.9,0,19.9-14.6,19.9-28.2V78.5c0-14-8.6-24.5-19.9-24.5H47.9C36.4,54,27,65,27,78.5v24.3c0,13,8.5,27.4,20.6,27.4c3.3,0,6-2.7,6-6s-2.7-6-6-6c-3.4,0-8.6-6.9-8.6-15.4V78.5C39,70.8,43.6,66,47.9,66z"/><path d="M86,164h82.1c9.1,0,18.9-9.7,18.9-27.6v-24.3c0-14.5-8.3-25.4-19.3-25.4c-3.3,0-6,2.7-6,6s2.7,6,6,6c4.1,0,7.3,6,7.3,13.4v24.3c0,8.6-3.7,15.6-6.9,15.6H86c-3.5,0-9-7.1-9-15.6v-24.3c0-7.5,4.8-13.1,9-13.1h32c3.3,0,6-2.7,6-6s-2.7-6-6-6H86c-11.6,0-21,11.3-21,25.1v24.3C65,149.4,74,164,86,164z"/><div id="linkhost">by {Host}</div>{/block:Host}
  809. </div>
  810. </div></a>
  811. {block:Description}
  812. {block:NotReblog}
  813. <div class="caption">
  814. {Description}
  815. </div>
  816. {/block:NotReblog}
  817. {/block:Description}
  818. {block:RebloggedFrom}{block:Reblogs}
  819. <div class="caption">
  820. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  821. {Body}
  822. </div>
  823. {/block:Reblogs}{/block:RebloggedFrom}
  824. {/block:Link}
  825.  
  826. {block:Photo}
  827. <div class="photo">
  828. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}
  829. </div>
  830. {block:Caption}
  831. {block:NotReblog}
  832. <div class="caption">
  833. {Caption}
  834. </div>
  835. {/block:NotReblog}
  836. {block:Reblogs}
  837. <div class="caption">
  838. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  839. {Body}
  840. </div>
  841. {/block:Reblogs}
  842. {/block:Caption}
  843. {/block:Photo}
  844.  
  845. {block:Photoset}
  846. <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>
  847. {block:Caption}
  848. {block:NotReblog}
  849. <div class="caption">
  850. {Caption}
  851. </div>
  852. {/block:NotReblog}
  853. {block:Reblogs}
  854. <div class="caption">
  855. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  856. {Body}
  857. </div>
  858. {/block:Reblogs}
  859. {/block:Caption}
  860. {/block:Photoset}
  861.  
  862. {block:Video}
  863. <div class="video">{Video-500}</div>
  864. {block:Caption}
  865. {block:NotReblog}
  866. <div class="caption">
  867. {Caption}
  868. </div>
  869. {/block:NotReblog}
  870. {block:Reblogs}
  871. <div class="caption">
  872. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  873. {Body}
  874. </div>
  875. {/block:Reblogs}
  876. {/block:Caption}
  877. {/block:Video}
  878.  
  879. {block:Quote}
  880. <div id="quote" class="border">{Quote}</div>
  881. {block:Source}<div id="source" class="upper">{Source}</div>{/block:Source}
  882. {/block:Quote}
  883.  
  884. {block:Chat}
  885. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  886. <ul class="chat">{block:Lines}
  887. <li class="line">
  888. {block:Label}<svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg><div class="label subtitle">{Label}</div>{/block:Label}
  889. {Line}
  890. </li>
  891. {/block:Lines}</ul>
  892. {/block:Chat}
  893.  
  894. {block:Answer}
  895. <div id="askpost">
  896. <svg class="icon" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M37.1,171h141.9c3.3,0,6-2.7,6-6V74.7c0,0,0-0.1,0-0.1V50.7c0-3.3-2.7-6-6-6H37.1c-3.3,0-6,2.7-6,6v25.1c0,0,0,0,0,0.1V165C31.1,168.3,33.8,171,37.1,171z M43.1,56.7h129.9v15.2l-65.5,55.5L43.1,73V56.7z M43.1,88.7l60.5,51.1c2.2,1.9,5.5,1.9,7.7,0l61.6-52.2V159H43.1V88.7z"/></svg>
  897. <div id="asker" class="upper">{Asker} sent a message</div>
  898. <div id="question">{Question}</div>
  899. </div>
  900. {block:NotReblog}
  901. <div class="caption">
  902. {Replies}
  903. </div>
  904. {/block:NotReblog}
  905. {block:Answerer}
  906. <div class="caption">
  907. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  908. {Answer}
  909. </div>
  910. {/block:Answerer}
  911. {block:RebloggedFrom}{block:Reblogs}
  912. <div class="caption">
  913. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  914. {Body}
  915. </div>
  916. {/block:Reblogs}{/block:RebloggedFrom}
  917. {/block:Answer}
  918.  
  919. {block:Audio}
  920. <div class="audiopost">
  921. <div class="audiobox"><div class="button">
  922. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  923. </div></div>
  924. {block:AlbumArt}
  925. <img src="{AlbumArtURL}" class="albumart">
  926. {/block:AlbumArt}
  927. <div class="audioinfo">
  928. {block:TrackName}<div class="subtitle track">{TrackName}</div>{/block:TrackName}
  929. {block:Artist}<div class="upper">by {Artist}</div>{/block:Artist}
  930. </div>
  931. </div>
  932. {block:Caption}
  933. {block:NotReblog}
  934. <div class="caption">
  935. {Caption}
  936. </div>
  937. {/block:NotReblog}
  938. {block:Reblogs}
  939. <div class="caption">
  940. <div class="username subtitle {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  941. {Body}
  942. </div>
  943. {/block:Reblogs}
  944. {/block:Caption}
  945. {/block:Audio}
  946.  
  947. <!----- INFO ----->
  948.  
  949. {block:Date}
  950. <div class="info">
  951. {block:IndexPage}
  952. <div class="upper">
  953. <a href="{Permalink}" {block:NoteCount}class="ibullet"{/block:NoteCount} title="{TimeAgo}">{DayOfWeek}</a>
  954. {block:NoteCount}<a href="{Permalink}" class="notecount">{NoteCount}</a>{/block:NoteCount}
  955. <span class="lirb">
  956. <a href="{ReblogURL}" target="_blank" class="ibullet">reblog</a>
  957. <a class="likeb" href="#">{LikeButton}<span class="lb">like</span></a>
  958. </span>
  959. </div>
  960. {/block:IndexPage}
  961. </div>
  962. {block:PermalinkPage}
  963. {TimeAgo} on {DayOfWeek}, {DayOfMonth} {Month} {Year}<br>
  964. {block:RebloggedFrom}
  965. reblogged via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  966. original post by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  967. {/block:RebloggedFrom}
  968. {/block:PermalinkPage}
  969.  
  970. {block:HasTags}
  971. <div class="tags" {block:PermalinkPage}id="ptags"{/block:PermalinkPage}>
  972. {block:Tags}
  973. <a href="{TagURL}">{Tag}</a>
  974. {/block:Tags}
  975. </div>
  976. {/block:HasTags}
  977. {/block:Date}
  978.  
  979. <!----- POST NOTES ----->
  980.  
  981. {block:Date}{block:PermalinkPage}
  982. <div class="notes">
  983. {block:PostNotes}
  984. <div class="upper border" id="notetitle">{NoteCountWithLabel}</div>
  985. <div id="pnotes">{PostNotes}</div>
  986. {/block:PostNotes}
  987. </div>
  988. {/block:PermalinkPage}{/block:Date}
  989.  
  990. <!----- SOURCE ----->
  991.  
  992. <div class="postsource">
  993. {block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
  994. </div>
  995.  
  996. </article>
  997. {/block:Posts}
  998.  
  999. <a href="https://seyche.tumblr.com" title="theme by seyche" id="k">&.</a>
  1000.  
  1001. <!----- PAGINATION ----->
  1002.  
  1003. {block:Pagination}
  1004. <article class="pg upper">
  1005. {block:PreviousPage}
  1006. <a href="{PreviousPage}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg></a>
  1007. {/block:PreviousPage}
  1008. page {CurrentPage} of {TotalPages}
  1009. {block:NextPage}
  1010. <a href="{NextPage}"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a>
  1011. {/block:NextPage}
  1012. </article>
  1013. {/block:Pagination}
  1014.  
  1015.  
  1016. </section>
  1017.  
  1018. <!----- NOTECOUNT ----->
  1019.  
  1020. <script>
  1021. $('article').find('.notecount').each(function(){
  1022. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1023. if (n > 999) {
  1024. n = Math.floor(n / 100) / 10;
  1025. $(this).text(n + 'k n');
  1026. }
  1027. });
  1028. </script>
  1029.  
  1030. <!----- REMOVE REDIRECTS ----->
  1031.  
  1032. <script>
  1033. $(document).ready(function(){
  1034. //remove tumblr redirects script by magnusthemes@tumblr
  1035. $('a[href*="t.umblr.com/redirect"]').each(function(){
  1036. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  1037. var replaceURL = decodeURIComponent(originalURL);
  1038. $(this).attr("href", replaceURL);
  1039. });
  1040. });
  1041. </script>
  1042.  
  1043. </body>
  1044. </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!