nea

change your mind

nea
Jan 27th, 2019
2,588
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.55 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <link rel="shortcut icon" href="{Favicon}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}">
  9. {/block:Description}
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11.  
  12. <!--
  13.  
  14. theme 'change your mind' by rue-bennett
  15.  
  16. (✿◠‿◠)
  17.  
  18. -->
  19.  
  20. <meta name="color:background" content="#fff">
  21. <meta name="color:posts" content="#fff">
  22. <meta name="color:text" content="#3f3f3f">
  23. <meta name="color:borders" content="#f1f1f1">
  24. <meta name="color:links" content="#333">
  25. <meta name="color:hover" content="#999">
  26. <meta name="color:accent" content="#333"/>
  27. <meta name="color:select text" content="#f1f1f1"/>
  28. <meta name="color:custom scrollbar" content="#333"/>
  29.  
  30. <meta name="image:sidebar image" content=""/>
  31.  
  32. <meta name="if:sidebar image" content="1" />
  33. <meta name="if:custom scrollbar" content="1" />
  34.  
  35. <meta name="text:title size" content="17">
  36. <meta name="text:letter spacing" content="0.2">
  37.  
  38. <meta name="text:link 1 title" content="one">
  39. <meta name="text:link 1 url" content="">
  40. <meta name="text:link 2 title" content="two">
  41. <meta name="text:link 2 url" content="">
  42. <meta name="text:link 3 title" content="three">
  43. <meta name="text:link 3 url" content="">
  44. <meta name="if:link 1" content="1" />
  45. <meta name="if:link 2" content="1" />
  46. <meta name="if:link 3" content="1" />
  47.  
  48. <meta name="select:accent letter spacing" content="0" title="0px">
  49. <meta name="select:accent letter spacing" content="0.25" title="0.25px">
  50. <meta name="select:accent letter spacing" content="0.5" title="0.5px">
  51. <meta name="select:accent letter spacing" content="0.75" title="0.75px">
  52. <meta name="select:accent letter spacing" content="1" title="1px">
  53.  
  54. <meta name="select:font family" content="'Nunito Sans', sans-serif" title="Nunito Sans">
  55. <meta name="select:font family" content="'Heebo', sans-serif" title="Heebo">
  56. <meta name="select:font family" content="'ABeeZee', sans-serif" title="ABeeZee">
  57. <meta name="select:font family" content="'Niramit', sans-serif" title="Niramit">
  58. <meta name="select:font family" content="'Tajawal', sans-serif" title="Tajawal">
  59. <meta name="select:font family" content="'Libre Franklin', sans-serif" title="Libre Franklin">
  60. <meta name="select:font family" content="'Assistant', sans-serif" title="Assistant">
  61. <meta name="select:font family" content="'Rubik', sans-serif" title="Rubik">
  62. <meta name="select:font family" content="'Cambay', sans-serif" title="Cambay">
  63. <meta name="select:font family" content="'Hind', sans-serif" title="Hind">
  64. <meta name="select:font family" content="'Source Sans Pro', sans-serif" title="Source Sans Pro">
  65.  
  66. <meta name="select:font accent" content="'Sunflower', sans-serif" title="Sunflower">
  67. <meta name="select:font accent" content="'Mada', sans-serif" title="Mada">
  68. <meta name="select:font accent" content="'Athiti', sans-serif" title="Athiti">
  69. <meta name="select:font accent" content="'Pavanam', sans-serif" title="Pavanam">
  70. <meta name="select:font accent" content="'Taviraj', sans-serif" title="Taviraj">
  71. <meta name="select:font accent" content="'Trirong', sans-serif" title="Trirong">
  72. <meta name="select:font accent" content="'El Messiri', sans-serif" title="El Messiri">
  73. <meta name="select:font accent" content="'Yrsa', sans-serif" title="Yrsa">
  74. <meta name="select:font accent" content="'Arya', sans-serif" title="Arya">
  75. <meta name="select:font accent" content="'Sumana', sans-serif" title="Sumana">
  76.  
  77. <meta name="select:font size" content="9" title="9px">
  78. <meta name="select:font size" content="9.5" title="9.5px">
  79. <meta name="select:font size" content="10" title="10px">
  80. <meta name="select:font size" content="10.5" title="10.5px">
  81. <meta name="select:font size" content="11" title="11px">
  82. <meta name="select:font size" content="11.5" title="11.5px">
  83. <meta name="select:font size" content="12" title="12px">
  84. <meta name="select:font size" content="12.5" title="12.5px">
  85. <meta name="select:accent size" content="9" title="9px">
  86. <meta name="select:accent size" content="9.5" title="9.5px">
  87. <meta name="select:accent size" content="10" title="10px">
  88. <meta name="select:accent size" content="10.5" title="10.5px">
  89. <meta name="select:accent size" content="11" title="11px">
  90. <meta name="select:accent size" content="11.5" title="11.5px">
  91. <meta name="select:accent size" content="12" title="12px">
  92. <meta name="select:accent size" content="12.5" title="12.5px">
  93.  
  94. <meta name="select:font weight" content="400" title="normal">
  95. <meta name="select:font weight" content="500" title="medium">
  96. <meta name="select:font weight" content="600" title="semi-bold">
  97. <meta name="select:font weight" content="700" title="bold">
  98. <meta name="select:font weight" content="800" title="extra-bold">
  99.  
  100. <meta name="select:border radius" content="0px" title="0px">
  101. <meta name="select:border radius" content="3px" title="3px">
  102. <meta name="select:border radius" content="5px" title="5px">
  103. <meta name="select:border radius" content="10px" title="10px">
  104.  
  105. <meta name="select:icon shape" content="3px" title="rounded corners">
  106. <meta name="select:icon shape" content="100%" title="circle">
  107. <meta name="select:icon shape" content="0px" title="solid">
  108.  
  109. <meta name="select:text transform" content="lowercase" title="lowercase">
  110. <meta name="select:text transform" content="uppercase" title="uppercase">
  111. <meta name="select:text transform" content="capitalize" title="capitalize">
  112.  
  113. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  114.  
  115. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  116.  
  117. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  118.  
  119. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  120.  
  121. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips({ tip_follows_cursor:false, tip_delay_time:200, tip_fade_speed:300 }); }); })(jQuery); </script>
  122.  
  123. <style type="text/css">
  124.  
  125.  
  126. /*-------------------------------------------------------------------------*/
  127.  
  128.  
  129. /*GENERAL SECTION */
  130.  
  131.  
  132. /*GENERAL: TUMBLR CONTROLS */
  133.  
  134. iframe.tmblr-iframe {
  135. z-index:99999999999999!important;
  136. top:0!important;
  137. right:0!important;
  138. opacity:0.4;
  139. filter:invert(1);
  140. -webkit-filter:invert(1);
  141. -o-filter:invert(1);
  142. -moz-filter:invert(1);
  143. -ms-filter:invert(1);
  144. transform:scale(0.6);
  145. transform-origin:100% 0;
  146. -webkit-transform:scale(0.6);
  147. -webkit-transform-origin:100% 0;
  148. -o-transform:scale(0.6);
  149. -o-transform-origin:100% 0;
  150. -moz-transform:scale(0.6);
  151. -moz-transform-origin:100% 0;
  152. -ms-transform:scale(0.6);
  153. -ms-transform-origin:100% 0;
  154. -moz-transition-duration:0.4s;
  155. -webkit-transition-duration:0.4s;
  156. -o-transition-duration:0.4s;
  157. }
  158.  
  159. iframe.tmblr-iframe:hover {
  160. opacity:0.6!important;
  161. -moz-transition-duration:0.4s;
  162. -webkit-transition-duration:0.4s;
  163. -o-transition-duration:0.4s;
  164. }
  165.  
  166. /*END OF GENERAL: TUMBLR CONTROLS */
  167.  
  168. /*GENERAL: SCROLLBAR */
  169.  
  170. {block:IfCustomScrollbar}
  171. ::-webkit-scrollbar {
  172. width:12px;
  173. height:12px;
  174. background:{color:background};
  175. }
  176.  
  177. ::-webkit-scrollbar-thumb {
  178. background:{color:custom scrollbar};
  179. }
  180. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  181. border:5px solid {color:background};
  182. }
  183. {/block:IfCustomScrollbar}
  184.  
  185. /*END OF GENERAL: SCROLLBAR */
  186.  
  187. /*GENERAL: SELECTION */
  188.  
  189. ::selection {
  190. background: {color:select text};
  191. color: {color:text};
  192. }
  193.  
  194. ::-moz-selection {
  195. background: {color:select text};
  196. color: {color:text};
  197. }
  198.  
  199. /*END OF GENERAL: SELECT */
  200.  
  201. /*GENERAL: STYLING */
  202.  
  203. body {
  204. text-align:justify;
  205. margin:0;
  206. font-size: {select:font size}px;
  207. line-height:1.5em;
  208. letter-spacing:{text:letter spacing}px;
  209. font-family: {select:font family};
  210. -moz-osx-font-smoothing:grayscale;
  211. -webkit-font-smoothing:antialiased;
  212. font-smoothing:antialiased;
  213. color:{color:text};
  214. background:{color:background};
  215. }
  216.  
  217. #s-m-t-tooltip {
  218. max-width:300px;
  219. margin:15px;
  220. padding:5px;
  221. border:0px solid {color:select text};
  222. border-radius:0px;
  223. color:{color:text};
  224. background:{color:posts};
  225. z-index:999999;
  226. font-style:none;
  227. font-size: {text:accent font size}px;
  228. font-style:none;
  229. box-shadow: 0px 0px 0px rgba(0,0,0,.1);
  230. font-family: {select:font accent};
  231. text-transform:lowercase;
  232. letter-spacing:{select:accent letter spacing};
  233. }
  234.  
  235. a {
  236. color:{color:links};
  237. text-decoration:none;
  238. -webkit-transition:all 0.2s;
  239. -moz-transition:all 0.2s;
  240. -ms-transition:all 0.2s;
  241. -o-transition:all 0.2s;
  242. transition:all 0.2s;
  243. cursor:pointer;
  244. }
  245.  
  246. a:hover {
  247. text-decoration:none;
  248. color:{color:hover};
  249. -webkit-transition:all 0.2s;
  250. -moz-transition:all 0.2s;
  251. -ms-transition:all 0.2s;
  252. -o-transition:all 0.2s;
  253. transition:all 0.2s;
  254. }
  255.  
  256. .credit {
  257. font-size: 13px;
  258. font-family: {select:font accent};
  259. position:fixed;
  260. bottom:35px;
  261. right:45px;
  262. z-index:10;
  263. }
  264.  
  265. .credit a {
  266. letter-spacing:{select:accent letter spacing};
  267. color:{color:links};
  268. }
  269.  
  270. .credit a:hover {
  271. color:{color:hover};
  272. }
  273.  
  274. .icon-cred:before {
  275. content:'\e9b1';
  276. font-family:'honeybee';
  277. position:absolute;
  278. }
  279.  
  280. small, sub, sup {
  281. font-size: {select:font size}px;
  282. }
  283.  
  284. b, 700, strong {
  285. font-weight: {select:font weight};
  286. color:{color:links};
  287. }
  288.  
  289. pre {
  290. font-family: {select:font family};
  291. }
  292.  
  293. ol {
  294. list-style: none;
  295. padding:0px;
  296. }
  297.  
  298. ul {
  299. list-style: none;
  300. padding: 0px;
  301. }
  302.  
  303. ol li {
  304. padding: 0px;
  305. margin-left:0px;
  306. }
  307.  
  308. ul li {
  309. margin: 0px 0px 0px 0px;
  310. }
  311.  
  312. li:before {
  313. content: "";
  314. display:inline;
  315. padding-right: 5px;
  316. content: "› ";
  317. }
  318.  
  319. blockquote {
  320. display:block;
  321. margin:0;
  322. margin-left:5px;
  323. margin-right:5px;
  324. padding-left:10px;
  325. border-left:1px #f1f1f1 solid;
  326. }
  327.  
  328. blockquote blockquote {
  329. border:none;
  330. padding:0;
  331. margin:0;
  332. }
  333.  
  334. big, h1, h2, h3, h4, h5, 56 {
  335. font-size: {text:title size}px;
  336. font-family: {select:title font};
  337. font-weight:{select:font weight};
  338. color:{color:links};
  339. text-transform:{select:text transform};
  340. letter-spacing:0.5px;
  341. }
  342.  
  343. img {
  344. border:0;
  345. max-width:100%;
  346. height:auto;
  347. margin-left:0px;
  348. }
  349.  
  350. hr {
  351. margin:1em 0;
  352. border:0;
  353. height:1px;
  354. -moz-box-sizing:border-box;
  355. box-sizing:border-box;
  356. background-color:{color:border};
  357. }
  358.  
  359. .title {
  360. font-family:{select:font accent};
  361. font-size: {text:title size}px;
  362. font-weight:{select:font weight};
  363. color:{color:accent};
  364. text-transform:{select:text transform};
  365. letter-spacing:{select:accent letter spacing};
  366. margin-left:0px;
  367. margin-top:5px;
  368. }
  369.  
  370. .sidetitle {
  371. font-family:{select:font accent};
  372. font-size: {text:title size}px;
  373. font-weight:{select:font weight};
  374. color:{color:accent};
  375. text-transform:lowercase;
  376. letter-spacing:{select:accent letter spacing};
  377. text-align:center;
  378. margin-bottom:13px;
  379. }
  380.  
  381. /*END OF GENERAL: STYLING */
  382.  
  383. /*GENERAL: CONTAINERS */
  384.  
  385. .main {
  386. margin:150px auto;
  387. padding-left:300px;
  388. width:540px;
  389. }
  390.  
  391. .sidebarcont {
  392. position:fixed;
  393. margin-top:0px;
  394. height:100%;
  395. margin-left:-380px;
  396. }
  397.  
  398. /*END OF GENERAL: CONTAINERS */
  399.  
  400.  
  401. /*END OF GENERAL SECTION */
  402.  
  403.  
  404. /*-------------------------------------------------------------------------*/
  405.  
  406.  
  407. /*SIDEBAR SECTION */
  408.  
  409.  
  410. /*SIDEBAR: GENERAL */
  411.  
  412. .sidebar {
  413. width:220px;
  414. height:auto;
  415. padding:15px;
  416. overflow:hidden;
  417. }
  418.  
  419. /*END OF SIDEBAR: GENERAL */
  420.  
  421. /*SIDEBAR: IMAGE */
  422.  
  423. .sidebarimage {
  424. width:220px;
  425. }
  426.  
  427. .sidebarimage a:hover {
  428. background:none;
  429. }
  430.  
  431. .sidebarimage img {
  432. width:220px;
  433. border-radius:{select:border radius};
  434. margin-bottom:16px;
  435. }
  436.  
  437. /*END OF SIDEBAR: IMAGE */
  438.  
  439. /*SIDEBAR: DESCRIPTION */
  440.  
  441. .wrap {
  442. padding:0px;
  443. margin-top:0px;
  444. border-radius:0px;
  445. overflow:hidden;
  446. }
  447.  
  448. .description {
  449. line-height:16px;
  450. letter-spacing:{text:letter spacing}px;
  451. margin-bottom:0;
  452. margin-top:0px;
  453. text-align:center;
  454. }
  455.  
  456. .description a {
  457. color:{color:accent};
  458. font-size: {select:font size}px;
  459. font-family: {select:font family};
  460. }
  461.  
  462. /*END OF SIDEBAR: DESCRIPTION */
  463.  
  464. /*SIDEBAR: NAVIGATION */
  465.  
  466. nav {
  467. margin-bottom:0;
  468. word-spacing:0px;
  469. border-top: 0px solid {color:borders};
  470. padding-top:0px;
  471. margin-top:15px;
  472. overflow:visible;
  473. text-transform:{select:text transform};
  474. margin-left:0px;
  475. text-align:center;
  476. font-family: {select:font accent};
  477. letter-spacing:1px;
  478. font-size: {select:accent size}px;
  479. }
  480.  
  481. nav a {
  482. background:{color:posts};
  483. font-size: {select:accent size}px;
  484. font-weight: {select:font weight};
  485. display:inline-block;
  486. text-align:center;
  487. padding:10px;
  488. border:1px solid {color:borders};
  489. height:14px;
  490. width:70px;
  491. line-height:15px;
  492. text-transform:uppercase;
  493. color:{color:links};
  494. margin-bottom:3px;
  495. border-radius:{select:border radius};
  496. }
  497.  
  498. nav a:hover {
  499. color:{color:hover};
  500. background:{color:borders};
  501. }
  502.  
  503. /*END OF SIDEBAR: NAVIGATION */
  504.  
  505.  
  506. /*END OF SIDEBAR SECTION */
  507.  
  508.  
  509. /*-------------------------------------------------------------------------*/
  510.  
  511.  
  512. /*POSTS SECTION */
  513.  
  514.  
  515. /*POSTS: GENERAL */
  516.  
  517. .content {
  518. margin:50px 0px;
  519. }
  520.  
  521. .entry {
  522. width:572px;
  523. position:relative;
  524. margin:-50px 0 0px;
  525. margin-bottom:150px;
  526. }
  527.  
  528. .entry 700, b, strong {
  529. font-weight: {select:font weight};
  530. color:{color:links};
  531. }
  532.  
  533. .entry:last-child {
  534. margin-bottom:0;
  535. }
  536.  
  537. .post {
  538. background:{color:posts};
  539. padding:15px;
  540. border: 1px solid {color:borders};
  541. border-radius:{select:border radius};
  542. }
  543.  
  544. .text:last-child, .text *:last-child {
  545. margin-bottom:0px;
  546. }
  547.  
  548. .vignette, #vignette {
  549. opacity:0;
  550. }
  551.  
  552. .lightbox-image, #tumblr_lightbox img {
  553. box-shadow:none !important;
  554. border-radius:0px !important;
  555. max-width:none;
  556. }
  557. .tmblr-lightbox, #tumblr_lightbox {
  558. background-color:rgba(255,255,255,.75) !important;
  559. }
  560.  
  561. /*END OF POSTS: GENERAL */
  562.  
  563. /*POSTS: CAPTIONS */
  564.  
  565. .caption {
  566. width:540px;
  567. margin-top:12px;
  568. padding:0;
  569. margin-bottom:0px;
  570. }
  571.  
  572. .caps blockquote {
  573. max-width:540px;
  574. margin:5px 0px 5px 0px;
  575. font-weight:normal;
  576. border-left:solid 2px rgba(0,0,0,0.12);
  577. padding-left:15px;
  578. padding-right:15px;
  579. }
  580.  
  581. .caps a.tumblr_blog {
  582. font-size: {select:font size}px;
  583. font-family: {select:font family};
  584. padding-bottom:0px;
  585. border-bottom: 1px solid {color:posts};
  586. text-overflow:ellipsis;
  587. vertical-align:middle;
  588. font-weight: 400;
  589. text-transform:lowercase;
  590. color:{color:links}!important;
  591. -webkit-transition:all 0.2s;
  592. -moz-transition:all 0.2s;
  593. -ms-transition:all 0.2s;
  594. -o-transition:all 0.2s;
  595. transition:all 0.2s;
  596. margin-top:5px;
  597. margin-bottom:15px;
  598. }
  599.  
  600. .caps a.tumblr_blog:hover {
  601. color:{color:links}!important;
  602. text-decoration:none;
  603. -webkit-transition:all 0.2s;
  604. -moz-transition:all 0.2s;
  605. -ms-transition:all 0.2s;
  606. -o-transition:all 0.2s;
  607. transition:all 0.2s;
  608. }
  609.  
  610. .caps .ic{
  611. width:18px;
  612. height:18px;
  613. margin-right:10px;
  614. display:inline-block;
  615. float:left;
  616. border-radius: {select:icon shape};
  617. background:transparent;
  618. text-align:left;
  619. padding:0;
  620. margin-left:0;
  621. margin-top:-1px;
  622. }
  623.  
  624. .caps {
  625. margin:10px 0px 0px 0;
  626. padding:0px 0 0 0;
  627. border:0;
  628. }
  629.  
  630. .caps p {
  631. margin:10px 0 0 0;
  632. font-weight:normal;
  633. }
  634.  
  635. .caps b {
  636. color:{color:links};
  637. font-weight:400;
  638. }
  639.  
  640. .caps hr {
  641. margin:0;
  642. border:0;
  643. }
  644.  
  645. .caps img {
  646. margin-top:13px;
  647. margin-left:0;
  648. max-width:100%;
  649. display:inline-block;
  650. }
  651.  
  652. /*END OF POSTS: CAPTIONS */
  653.  
  654. /*POSTS: ASKS */
  655.  
  656. .ask {
  657. min-height:30px;
  658. background:#f5f5f5;
  659. padding:20px;
  660. width:450px;
  661. border-radius:3px;
  662. border: 1px solid #f5f5f5;
  663. }
  664.  
  665. .askt {
  666. position: absolute;
  667. width: 8px;
  668. height: 8px;
  669. margin-left: 487px;
  670. margin-top:17px;
  671. transform: rotate(-45deg);
  672. background:#f5f5f5;
  673. border-right: 1px solid #f5f5f5;
  674. border-bottom: 1px solid {color:borders};
  675. }
  676.  
  677. .question {
  678. margin-top:0px;
  679. text-transform:lowercase;
  680. }
  681.  
  682. .question a {
  683. color: {color:links};
  684. }
  685.  
  686. .question a:hover {
  687. color: {color:hover};
  688. }
  689.  
  690. .askimg {
  691. width: 50px;
  692. display:inline;
  693. float:right;
  694. }
  695.  
  696. .askimg img {
  697. width:35px;
  698. border-radius: {select:icon shape};
  699. margin-top:-20px;
  700. margin-left:85px;
  701. }
  702.  
  703. .answer {
  704. padding-top:1px;
  705. padding-left:2px;
  706. padding-right:2px;
  707. }
  708.  
  709. .answer img {
  710. margin-bottom:15px;
  711. }
  712.  
  713. /*END OF POSTS: ASKS */
  714.  
  715. /*POSTS: STYLES */
  716.  
  717. .chat {
  718. padding:0;
  719. list-style-type:none;
  720. line-height:1.5em;
  721. margin-bottom:10px;
  722. }
  723.  
  724. .chat .label {
  725. font-weight: {select:font weight};
  726. line-height:1.5em;
  727. }
  728.  
  729. .quote {
  730. font-weight: {select:font weight};
  731. line-height:1.5em;
  732. margin-bottom:5px;
  733. }
  734.  
  735. .source {
  736. margin-bottom:0px;
  737. }
  738.  
  739. .media {
  740. position:relative;
  741. display:inline-block;
  742. width:100%;
  743. }
  744.  
  745. .media img {
  746. position:relative;
  747. display:inline-block;
  748. width:540px!important;
  749. }
  750.  
  751. /*END OF POSTS: STYLES */
  752.  
  753. /*END OF POSTS SECTION /*
  754.  
  755.  
  756. /*-------------------------------------------------------------------------*/
  757.  
  758.  
  759. /*POST INFO SECTION */
  760.  
  761.  
  762. /*POST INFO: TOP */
  763.  
  764. .topinfo {
  765. margin:0px 0 10px 0;
  766. letter-spacing:{select:accent letter spacing}px;
  767. padding:0px 0 0 0;
  768. text-transform:{select:text transform};
  769. text-align:left; color:{color:links};
  770. background:transparent;
  771. border-top:0px solid {color:borders};
  772. font-size: {select:accent size}px;
  773. font-family: {select:font accent};
  774. }
  775.  
  776. .topinfo b {
  777. text-transform:{select:text transform};
  778. font-weight:400;
  779. }
  780.  
  781. .topinfo a {
  782. color:{color:accent};
  783. }
  784.  
  785. .topinfo i {
  786. font-style: normal;
  787. font-weight: {select:font weight}!important;
  788. }
  789.  
  790. .topinfo a:hover {
  791. color:{color:text};
  792. }
  793.  
  794. svg {
  795. width:12px;
  796. height:auto;
  797. opacity:.7;
  798. padding:1px;
  799. display:block;
  800. overflow:visible;
  801. margin-left:5px;
  802. margin-top:-3px;
  803. }
  804.  
  805. .controls a {
  806. position:relative;
  807. display:inline-block;
  808. overflow:hidden;
  809. padding:5px;
  810. width:16px;
  811. height:12px;
  812. color:#aaa;
  813. }
  814.  
  815. .controls .reblog {
  816. opacity:0.93;
  817. }
  818.  
  819. .controls .reblog svg {
  820. width:16px;
  821. }
  822.  
  823. .controls .like .liked + svg {
  824. opacity:1;
  825. }
  826.  
  827. .controls .like .liked + svg path {
  828. fill:#ffaaaa;
  829. }
  830.  
  831. .controls .like .like_button {
  832. position:relative;
  833. }
  834.  
  835. .controls .like .like_button iframe {
  836. position:absolute;
  837. top:0;
  838. left:0;
  839. bottom:0;
  840. right:0;
  841. z-index:2;
  842. opacity:0.000001;
  843. }
  844.  
  845. /*END OF POST INFO: TOP */
  846.  
  847. /*POST INFO: BOTTOM */
  848.  
  849. .postinfo {
  850. margin:65px 0 0 0;
  851. letter-spacing:{select:accent letter spacing}px;
  852. margin:10px 0px 0px 0px;
  853. padding:0px 0 0 0;
  854. text-transform:{select:text transform};
  855. text-align:left;
  856. background:transparent;
  857. border-top:0px solid {color:borders};
  858. font-size: {select:accent size}px;
  859. font-family: {select:font accent};
  860. }
  861.  
  862. .postinfo b {
  863. text-transform:{select:text transform};
  864. font-weight: {select:font weight};
  865. }
  866.  
  867. .postinfo a {
  868. display:inline-block;
  869. height:14px;
  870. line-height:14px;
  871. }
  872.  
  873. .postinfo i {
  874. font-style: normal;
  875. font-weight: {select:font weight}!important;
  876. }
  877.  
  878. .postinfo a:hover {
  879. color:{color:hover};
  880. }
  881.  
  882. .postinfo img {
  883. display:inline-block;
  884. margin: 0 0px -4px -3px;
  885. border-radius: {select:icon shape};
  886. width:16px; opacity:.7;
  887. -webkit-transition:all .3s;
  888. -moz-transition:all .3s;
  889. -ms-transition:all .3s;
  890. -o-transition:all .3s;
  891. transition:all .3s;
  892. }
  893.  
  894. .postinfo img:hover {
  895. opacity:1;
  896. -webkit-transition:all .3s;
  897. -moz-transition:all .3s;
  898. -ms-transition:all .3s;
  899. -o-transition:all .3s;
  900. transition:all .3s;
  901. }
  902.  
  903. .tags {
  904. color:{color:links}!important;
  905. font-weight:200;
  906. font-family: {select:font family};
  907. font-size: {select:font size}px;
  908. text-transform:lowercase;
  909. letter-spacing:{text:letter spacing}px;
  910. opacity:1;
  911. -webkit-transition: all 0.7s ease;
  912. transition: all 0.7s ease;
  913. -moz-transition: all 0.7s ease;
  914. -o-transition: all 0.7s ease;
  915. text-align:justify!important;
  916. }
  917.  
  918. .tags a {
  919. font-style:none;
  920. letter-spacing:{text:letter spacing}px;
  921. }
  922.  
  923. .tags a:hover {
  924. text-decoration:none;
  925. }
  926.  
  927. /*END OF POST INFO: BOTTOM */
  928.  
  929. /*POST INFO: PERMALINK */
  930.  
  931. .permainfo {
  932. margin-top:50px!important;
  933. letter-spacing:{select:accent letter spacing}px;
  934. padding:0;
  935. text-transform:{select:text transform};
  936. text-align:left;
  937. color:{color:text};
  938. background:transparent;
  939. font-size: {select:accent size}px;
  940. font-weight: {select:font weight};
  941. font-family: {select:font accent};
  942. }
  943.  
  944. .permainfo b {
  945. text-transform:{select:text transform};
  946. font-weight: {select:font weight};
  947. }
  948.  
  949. .permainfo a {
  950. color:{color:text};
  951. }
  952.  
  953. .permainfo a:hover {
  954. }
  955.  
  956. ol.notes {
  957. list-style-type:none;
  958. font-style:normal;
  959. margin-top:-100px;
  960. margin-left:0px;
  961. }
  962.  
  963. li.note {
  964. margin:15px 0 15px 0;
  965. padding:0;
  966. font-style:normal;
  967. }
  968.  
  969. li.note:before {
  970. content:"";
  971. padding:0;
  972. }
  973.  
  974. .more_notes_link, .notes_loading {
  975. float:left;
  976. text-align:left!important;
  977. text-transform:lowercase!important;
  978. font-weight:400!important;
  979. }
  980.  
  981. .notes img {
  982. display:none!important;
  983. }
  984.  
  985. ol.notes li.note blockquote {
  986. border:0;
  987. padding:0px 0px;
  988. margin:0px 0 0 0px;
  989. }
  990.  
  991. .permatags {
  992. font-weight:{select:font weight};
  993. line-height:1.8em;
  994. font-size:{text:accent font size}px;
  995. text-transform:{select:text transform};
  996. letter-spacing:{select:accent letter spacing}px;
  997. opacity:1;
  998. -webkit-transition: all 0.7s ease;
  999. transition: all 0.7s ease;
  1000. -moz-transition: all 0.7s ease;
  1001. -o-transition: all 0.7s ease;
  1002. }
  1003. .permatags a {
  1004. font-style:none;
  1005. }
  1006.  
  1007. .permatags a:hover {
  1008. text-decoration:none;
  1009. }
  1010.  
  1011. a.tag:after {
  1012. content:",";
  1013. }
  1014.  
  1015. a.tag:last-child:after {
  1016. content:"";
  1017. }
  1018. /*END OF POST INFO: PERMALINK */
  1019.  
  1020.  
  1021. /*END OF POST INFO SECTION */
  1022.  
  1023.  
  1024. /*-------------------------------------------------------------------------*/
  1025.  
  1026.  
  1027. /*PAGINATION SECTION */
  1028.  
  1029.  
  1030. /*PAGINATION: GENERAL */
  1031.  
  1032. .pagi {
  1033. margin-top:20px;
  1034. text-align:center;
  1035. font-size:7px;
  1036. margin-left:15px;
  1037. padding-top:20px;
  1038. width:540px;
  1039. }
  1040.  
  1041. .pagi a {
  1042. color:{color:links};
  1043. }
  1044.  
  1045. .pagi a:hover {
  1046. color:{color:hover};
  1047. }
  1048.  
  1049. /*END OF PAGINATION: GENERAL */
  1050.  
  1051. /*PAGINATION: ICONS */
  1052.  
  1053. .icon-chevron-right:before{
  1054. content:'\e08f';
  1055. font-family:'saturnicons';
  1056. position:absolute;
  1057. }
  1058.  
  1059. .icon-chevron-left:before{
  1060. content:'\e08e';
  1061. font-family:'saturnicons';
  1062. position:absolute;
  1063. }
  1064.  
  1065. /*END OF PAGINATION: ICONS */
  1066.  
  1067.  
  1068. /*END OF PAGINATION SECTION */
  1069.  
  1070.  
  1071. /*-------------------------------------------------------------------------*/
  1072.  
  1073.  
  1074. </style></head>
  1075.  
  1076. <body>
  1077.  
  1078. <div class="main">
  1079. <div class="credit">
  1080. <a href="https://rue-bennett.tumblr.com/" target="_blank" title="© rue-bennett, 2019"><span class="icon-cred"></span></a>
  1081. </div>
  1082.  
  1083. <div class="sidebarcont">
  1084. <div class="sidebar">
  1085.  
  1086. {block:IfSidebarImage}
  1087. <center>
  1088. <div class="sidebarimage">
  1089. <a href="/"><img src="{image:sidebar image}"></a>
  1090. </div>
  1091. </center>
  1092. {/block:IfSidebarImage}
  1093.  
  1094. <div class="sidetitle">
  1095. {title}
  1096. </div>
  1097.  
  1098. <div class="wrap">
  1099. <div class="description">
  1100. {Description}
  1101. </div>
  1102. </div>
  1103.  
  1104. <nav>
  1105. <a href="/">home</a><br>
  1106. <a href="/ask">ask</a><br>
  1107. {block:IfLink1}
  1108. <a href="{text:link 1 url}">{text:link 1 title}</a><br>
  1109. {/block:IfLink1}
  1110. {block:IfLink2}
  1111. <a href="{text:link 2 url}">{text:link 2 title}</a><br>
  1112. {/block:IfLink2}
  1113. {block:IfLink3}
  1114. <a href="{text:link 3 url}">{text:link 3 title}</a>
  1115. {/block:IfLink3}
  1116. </nav>
  1117.  
  1118. </div>
  1119. </div>
  1120.  
  1121. <div class="content">
  1122.  
  1123. {block:Posts}
  1124. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  1125. {block:IndexPage}
  1126. <div class="topinfo">
  1127. <i><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}, {12Hour}:{Minutes}{AmPm}</a></i>
  1128.  
  1129. <span style="float:right;"><span class="controls"><a href="{ReblogURL}" target="_blank" class="reblog"> <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M629.657 343.598L528.971 444.284c-9.373 9.372-24.568 9.372-33.941 0L394.343 343.598c-9.373-9.373-9.373-24.569 0-33.941l10.823-10.823c9.562-9.562 25.133-9.34 34.419.492L480 342.118V160H292.451a24.005 24.005 0 0 1-16.971-7.029l-16-16C244.361 121.851 255.069 96 276.451 96H520c13.255 0 24 10.745 24 24v222.118l40.416-42.792c9.285-9.831 24.856-10.054 34.419-.492l10.823 10.823c9.372 9.372 9.372 24.569-.001 33.941zm-265.138 15.431A23.999 23.999 0 0 0 347.548 352H160V169.881l40.416 42.792c9.286 9.831 24.856 10.054 34.419.491l10.822-10.822c9.373-9.373 9.373-24.569 0-33.941L144.971 67.716c-9.373-9.373-24.569-9.373-33.941 0L10.343 168.402c-9.373 9.373-9.373 24.569 0 33.941l10.822 10.822c9.562 9.562 25.133 9.34 34.419-.491L96 169.881V392c0 13.255 10.745 24 24 24h243.549c21.382 0 32.09-25.851 16.971-40.971l-16.001-16z"></path></svg></a>
  1130.  
  1131. <a href="#" class="like">{LikeButton} <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path></svg></a></span></span>
  1132. </div>
  1133. {/block:IndexPage}
  1134. <section class="post" id="{PostID}">
  1135. {block:Audio}
  1136. <div class="audio" id="{PostID}">
  1137. {block:AudioEmbed}
  1138. {AudioEmbed width="540px"}
  1139. {/block:AudioEmbed}
  1140. </div>
  1141. {/block:Audio}
  1142.  
  1143. {block:Photo}
  1144. <div class="media" id="{PostID}">
  1145. <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>
  1146. </div>
  1147. {/block:Photo}
  1148.  
  1149. {block:Photoset}
  1150. <div class="media photoset" id="{PostID}">
  1151. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1152.  
  1153. {block:Photos}
  1154. <div class="photo-data">
  1155. <div class="pxu-photo">
  1156. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1157. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  1158. {/block:Photos}
  1159. </div></div>
  1160. {/block:Photoset}
  1161.  
  1162. {block:Video}
  1163. <div class="media video" id="{PostID}">{Video-500}</div>
  1164. {/block:Video}
  1165.  
  1166. {block:Answer}<div class="askt"></div>
  1167. <div class="ask" id="{PostID}">
  1168. <div class="askimg"><img src="{AskerPortraitURL-40}" /></div>
  1169. <div class="question"><font style="letter-spacing:{text:letter spacing}px; text-transform:lowercase; font-size: {text:accent font size}px; font-weight:{select:font weight}; color:{color:links};">{Asker} asked:</font>
  1170. <br>{Question}
  1171. </div>
  1172. </div>
  1173. <div class="caption">{Answer}</div>
  1174. {/block:Answer}
  1175.  
  1176. {block:Chat}
  1177. {block:Title}
  1178. <div class="title" id="{PostID}">{Title}</div>
  1179. {/block:Title}
  1180.  
  1181. <ul class="chat text">
  1182. {block:Lines}
  1183. <li class="line">
  1184. {block:Label}
  1185. <span class="label">{Label}&nbsp; </span>
  1186. {/block:Label}
  1187. {Line}</li>
  1188. {/block:Lines}</ul>
  1189. {/block:Chat}
  1190.  
  1191. {block:Link}
  1192. <h1 class="title" id="{PostID}">
  1193. <a href="{URL}">{Name}</a></h1>
  1194. {block:Description}
  1195. <div class="caption">{Description}</div>
  1196. {/block:Description}
  1197. {/block:Link}
  1198.  
  1199. {block:Quote}
  1200. <div class="quote" id="{PostID}">{Quote}</div>
  1201. {block:Source}
  1202. <div class="source">— {Source}</div>
  1203. {/block:Source}
  1204. {/block:Quote}
  1205.  
  1206. {block:Text}
  1207. {block:Title}
  1208. <h1 class="title">{Title}</h1>
  1209. {/block:Title}
  1210. {block:Body}
  1211. <div class="caption">{Body}</div>
  1212. {/block:Body}
  1213. {/block:Text}
  1214.  
  1215. {block:Caption}
  1216. <div class="caption" id="{PostID}">{Caption}</div>
  1217. {/block:Caption}
  1218.  
  1219. </section>
  1220.  
  1221. {block:Date}
  1222. <div class="postinfo">
  1223. {block:IndexPage}
  1224. <i>
  1225. <a href="{Permalink}" class="notecounts" style="color:{color:accent}!important;">{NoteCount}</a>
  1226. </i>
  1227.  
  1228. {block:RebloggedFrom}
  1229. <span style="float:right">
  1230. <a href="{ReblogParentURL}" title="reblogged from: {ReblogParentName}">
  1231. <img src="{ReblogParentPortraitURL-24}"></a>{block:ContentSource}&nbsp;
  1232. <a href="{ReblogRootURL}" title="originally from: {ReblogRootName}">
  1233. <img src="{ReblogRootPortraitURL-24}"></a>
  1234. {/block:ContentSource}</span>
  1235. {/block:RebloggedFrom}
  1236.  
  1237. <div class="tags">
  1238. {block:HasTags}
  1239. {block:Tags}
  1240. <a href="{TagURL}">#{Tag}</a></i>&nbsp;
  1241. {/block:Tags}
  1242. {/block:HasTags}
  1243. </span>
  1244. </span>
  1245. </div>
  1246. {/block:IndexPage}
  1247.  
  1248. {block:PermalinkPage}
  1249. <div class="permainfo">
  1250. <span style="line-height:1.8em">posted {timeago}</span>
  1251. with <span class="notecounts">{NoteCount}</span>
  1252. <br>
  1253. {block:RebloggedFrom}
  1254. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1255. {block:ContentSource}&nbsp;
  1256. <b>source:</b> <a href="{ReblogRootURL}" "{ReblogRootName}">{ReblogRootName}</a>
  1257. {/block:ContentSource}
  1258. {/block:RebloggedFrom}
  1259. <div class="permatags">
  1260. {block:HasTags}
  1261. tagged as: {block:Tags}<a class="tag" href="{TagURL}">{Tag}</a></i>
  1262. {/block:Tags}
  1263. {/block:HasTags}</span>
  1264. {/block:PermalinkPage}
  1265. </div>
  1266. {/block:Date}
  1267.  
  1268. </article>
  1269.  
  1270. {block:PostNotes} {PostNotes} {/block:PostNotes} {/block:Posts} <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} --> </div>
  1271.  
  1272. {block:Pagination}
  1273. <div class="pagi">
  1274. {block:PreviousPage}
  1275. <a href="{PreviousPage}" title="previous page">
  1276. <span class="icon-chevron-left"></span></a>
  1277. &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
  1278. {/block:PreviousPage}
  1279. {block:NextPage}
  1280. <a href="{NextPage}" title="next page">
  1281. <span class="icon-chevron-right"></span></a>
  1282. {/block:NextPage}
  1283. </div>
  1284. {/block:Pagination}
  1285. </div>
  1286.  
  1287. <!-- FONTS -->
  1288.  
  1289. <link href="https://fonts.googleapis.com/css?family=Assistant:400,600,700,800|Cambay:400,400i,700,700i|Catamaran:400,500,600,700,800|Hind+Guntur:400,500,600,700|Hind:400,500,600,700|K2D:400,400i,500,500i,600,600i,700,700i,800,800i|Khula:400,600,700,800|Libre+Franklin:400,400i,500,500i,600,600i,700,700i|M+PLUS+1p:400,500,700|Mada:400,500,600,700|Mallanna|Mandali|Meera+Inimai|Merriweather+Sans:400,400i,700,700i|Niramit:400,400i,500,500i,600,600i,700,700i|Noto+Sans+SC:400,500,700,900|Rubik:400,400i,500,500i,700,700i|Sarabun:400,400i,500,500i,600,600i,700,700i|Source+Sans+Pro:400,400i,600,600i,700,700i|Tajawal:400,500,700,800,900|Arya:400,700|Athiti:400,500,600,700|El+Messiri:400,500,600,700|Harmattan|Mada:400,500,600,700|Mukta+Mahee:400,500,600,700,800|Mukta+Malar:400,500,600,700,800|Nanum+Gothic:400,700,800|Pavanam|Sawarabi+Gothic|Sumana:400,700|Sunflower:300,500,700|Taviraj:400,500,600,700|Trirong:400,500,600,700,800,900|Yrsa:400,500,600,700|Quantico:400,400i,700,700i|ABeeZee:400,400i|Heebo:400,500,700|Hind+Guntur:400,500,600,700|Libre+Franklin:400,400i,500,500i,600,600i,700,700i|Noto+Sans:400,400i,700,700i|Nunito+Sans:400,400i,600,600i,700,700i|Open+Sans:400,400i,600,600i,700,700i|Source+Sans+Pro:400,400i,600,600i,700,700i|=Exo+2:400,400i,500,500i,600,600i,400,400i|Roboto:400,400i,500,500i,400,400i" rel="stylesheet">
  1290.  
  1291. <!-- SCRIPTS -->
  1292.  
  1293. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  1294.  
  1295. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1296.  
  1297. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1298.  
  1299. <script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1300.  
  1301. <script> $('article').unnest({ yourCaption: ".caption", wrapName: ".caps", newCaptionUsername: true, originalPostCaptionUsername: false, tumblrAvatars: true, tumblrAvatarClass: ".ic", usernameColon: false }); </script>
  1302.  
  1303. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1304.  
  1305. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1306. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  1307.  
  1308. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1309.  
  1310. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1311.  
  1312. <script> $(document).ready(function(){ $('.photo-slideshow').pxuPhotoset({ lightbox: true, rounded: 'corners', gutter: '4px', borderRadius: '0px', photoset: '.photo-slideshow', photoWrap: '.photo-data', photo: '.pxu-photo' }); }); </script>
  1313.  
  1314. <script> var $container = $('.content'); $container.find('.notecounts').each(function(){ var n = $(this).html().split(' ')[0].replace(/,/g, ''); if (n > 999) { n = Math.floor(n / 100) / 10; $(this).text(n + 'k notes');} else if (n > 1 && n <= 999) {$(this).text(n + ' notes');} else if (n <= 0) {$(this).text(n + ' notes');} else {$(this).text(n + ' note');} }); </script>
  1315.  
  1316. </body></html>
Add Comment
Please, Sign In to add comment