API tools faq
paste
Advertisement
sexycullen

217 w/ pxu photoset

sexycullen
Nov 4th, 2020
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- HTML5 Shiv -->
  3. <!--[if lt IE 9]> <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <!--<![endif]-->
  7.  
  8. <!--
  9.  
  10. maziekeen's theme #215
  11. https://maziekeen.tumblr.com/
  12. (previously tylergaciaposey)
  13.  
  14.  
  15. PLEASE DO NOT:
  16. remove the credits; claim as your own; use as a base, take parts
  17. of the theme, repost as your own
  18. YOU CAN:
  19. edit as much as you want for your own personal use only.
  20.  
  21.  
  22. CREDITS,
  23. shythemes:
  24. like and reblog (fix by cyantists),
  25. short notecount, video resize, pxu photosets
  26.  
  27. tumblr controls by cyantists
  28. time stamp by bychloethemes
  29. smooth scroll & animation on scroll by michael herf and balazs galambosi
  30. saturn icons by suiomi.com
  31. feathericons by github.com/feathericons/feather
  32. tumblr captions style by anyhsthemes
  33. normalize reest html by necolas.github.io
  34. audio style by octomoosey
  35.  
  36. -->
  37. <html>
  38. <head>
  39. <meta charset="utf-8">
  40. <title>{block:TagPage}#{Tag} / {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} / {/block:SearchPage}{block:PostSummary}{PostSummary} / {/block:PostSummary} {Title}</title>
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44.  
  45. <link rel="shortcut icon" href="{Favicon}"/>
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  47. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  48. <meta name="viewport" content="width=device-width, initial-scale=1">
  49.  
  50.  
  51. <!------------ custom css ---->
  52.  
  53. <link href="https://static.tumblr.com/0siu224/1Eaqd80d8/normalize.css" rel="stylesheet"> <!-- reset html code -->
  54. <link href="https://static.tumblr.com/0siu224/OT8qd80dc/reset.css" rel="stylesheet"> <!-- reset html code -->
  55. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- custom icons -->
  56. <script src="https://unpkg.com/feather-icons"></script> <!-- custom icons -->
  57.  
  58.  
  59.  
  60. {block:Hidden}
  61. <meta name="image:Sidebar" content=""/>
  62. <meta name="image:Background" content=""/>
  63.  
  64. <meta name="color:Background Theme Color" content="#191919">
  65. <meta name="color:Top Sidebar Title Color" content="#fe881c">
  66. <meta name="color:Body Text Color" content="#d7d7d7">
  67. <meta name="color:Body Link Color" content="#df9a5a">
  68. <meta name="color:Body Link Hover Color" content="#fe881c">
  69. <meta name="color:Bold Color" content="#fe881c">
  70. <meta name="color:Italic Color" content="#bea996">
  71. <meta name="color:Liked Icon Color" content="#ff7a00">
  72. <meta name="color:Borders Color" content="#272727">
  73. <meta name="color:Posts Background Color" content="#202020">
  74. <meta name="color:Scrollbar Color" content="#f38830">
  75. <meta name="color:Tumblr Controls Icon Color" content="#f38830">
  76.  
  77.  
  78. <meta name="text:Body Font Family" content="Nunito">
  79.  
  80. <meta name="select:Body Font Size" content="12px" title="12px">
  81. <meta name="select:Body Font Size" content="8px" title="8px">
  82. <meta name="select:Body Font Size" content="9px" title="9px">
  83. <meta name="select:Body Font Size" content="10px" title="10px">
  84. <meta name="select:Body Font Size" content="11px" title="11px">
  85. <meta name="select:Body Font Size" content="13px" title="13px">
  86. <meta name="select:Body Font Size" content="14px" title="14px">
  87. <meta name="select:Body Font Size" content="15px" title="15px">
  88. <meta name="select:Body Font Size" content="16px" title="16px">
  89.  
  90.  
  91. <meta name="select:Bold Font Weight" content="bold" title="bold">
  92. <meta name="select:Bold Font Weight" content="normal" title="normal">
  93.  
  94. <meta name="select:Posts Text Position" content="left" title="left">
  95. <meta name="select:Posts Text Position" content="center" title="center">
  96. <meta name="select:Posts Text Position" content="justify" title="justify">
  97.  
  98.  
  99.  
  100. <meta name="select:Top Sidebar Title Font Size" content="17px" title="17px">
  101. <meta name="select:Top Sidebar Title Font Size" content="8px" title="8px">
  102. <meta name="select:Top Sidebar Title Font Size" content="9px" title="9px">
  103. <meta name="select:Top Sidebar Title Font Size" content="10px" title="10px">
  104. <meta name="select:Top Sidebar Title Font Size" content="11px" title="11px">
  105. <meta name="select:Top Sidebar Title Font Size" content="12px" title="12px">
  106. <meta name="select:Top Sidebar Title Font Size" content="13px" title="13px">
  107. <meta name="select:Top Sidebar Title Font Size" content="14px" title="14px">
  108. <meta name="select:Top Sidebar Title Font Size" content="15px" title="15px">
  109. <meta name="select:Top Sidebar Title Font Size" content="16px" title="16px">
  110. <meta name="select:Top Sidebar Title Font Size" content="18px" title="18px">
  111.  
  112. <meta name="select:Top Sidebar Title Font Weight" content="bold" title="bold">
  113. <meta name="select:Top Sidebar Title Font Weight" content="normal" title="normal">
  114.  
  115. <meta name="select:Top Sidebar Title Font Style" content="normal" title="normal">
  116. <meta name="select:Top Sidebar Title Font Style" content="italic" title="italic">
  117.  
  118. <meta name="select:Top Sidebar Title Text Transform" content="lowercase" title="lowercase">
  119. <meta name="select:Top Sidebar Title Text Transform" content="uppercase" title="uppercase">
  120. <meta name="select:Top Sidebar Title Text Transform" content="none" title="none">
  121. <meta name="select:Top Sidebar Title Text Transform" content="capitalize" title="capitalize">
  122.  
  123. <meta name="select:Top Sidebar Title Position" content="center" title="center">
  124. <meta name="select:Top Sidebar Title Position" content="left" title="left">
  125. <meta name="select:Top Sidebar Title Position" content="justify" title="justify">
  126. <meta name="select:Top Sidebar Title Position" content="right" title="right">
  127.  
  128.  
  129.  
  130. <meta name="select:Sidebar Links Icons Size" content="14px" title="14px">
  131. <meta name="select:Sidebar Links Icons Size" content="8px" title="8px">
  132. <meta name="select:Sidebar Links Icons Size" content="9px" title="9px">
  133. <meta name="select:Sidebar Links Icons Size" content="10px" title="10px">
  134. <meta name="select:Sidebar Links Icons Size" content="11px" title="11px">
  135. <meta name="select:Sidebar Links Icons Size" content="12px" title="12px">
  136. <meta name="select:Sidebar Links Icons Size" content="13px" title="13px">
  137. <meta name="select:Sidebar Links Icons Size" content="15px" title="15px">
  138. <meta name="select:Sidebar Links Icons Size" content="16px" title="16px">
  139.  
  140. <meta name="select:Sidebar Links Font Weight" content="normal" title="normal">
  141. <meta name="select:Sidebar Links Font Weight" content="bold" title="bold">
  142.  
  143. <meta name="select:Sidebar Links Font Style" content="normal" title="normal">
  144. <meta name="select:Sidebar Links Font Style" content="italic" title="italic">
  145.  
  146. <meta name="select:Sidebar Links Text Transform" content="none" title="none">
  147. <meta name="select:Sidebar Links Text Transform" content="uppercase" title="uppercase">
  148. <meta name="select:Sidebar Links Text Transform" content="lowercase" title="lowercase">
  149. <meta name="select:Sidebar Links Text Transform" content="capitalize" title="capitalize">
  150.  
  151.  
  152.  
  153. <meta name="select:Description Font Size" content="11px" title="11px">
  154. <meta name="select:Description Font Size" content="8px" title="8px">
  155. <meta name="select:Description Font Size" content="9px" title="9px">
  156. <meta name="select:Description Font Size" content="10px" title="10px">
  157. <meta name="select:Description Font Size" content="12px" title="12px">
  158. <meta name="select:Description Font Size" content="13px" title="13px">
  159. <meta name="select:Description Font Size" content="14px" title="14px">
  160. <meta name="select:Description Font Size" content="15px" title="15px">
  161. <meta name="select:Description Font Size" content="16px" title="16px">
  162.  
  163. <meta name="select:Description Font Weight" content="normal" title="normal">
  164. <meta name="select:Description Font Weight" content="bold" title="bold">
  165.  
  166. <meta name="select:Description Font Style" content="normal" title="normal">
  167. <meta name="select:Description Font Style" content="italic" title="italic">
  168.  
  169. <meta name="select:Description Text Transform" content="none" title="none">
  170. <meta name="select:Description Text Transform" content="uppercase" title="uppercase">
  171. <meta name="select:Description Text Transform" content="lowercase" title="lowercase">
  172. <meta name="select:Description Text Transform" content="capitalize" title="capitalize">
  173.  
  174. <meta name="select:Description Text Position" content="center" title="center">
  175. <meta name="select:Description Text Position" content="left" title="left">
  176. <meta name="select:Description Text Position" content="justify" title="justify">
  177. <meta name="select:Description Text Position" content="right" title="right">
  178.  
  179.  
  180.  
  181. <meta name="select:Date Icons Size" content="11px" title="11px">
  182. <meta name="select:Date Icons Size" content="8px" title="8px">
  183. <meta name="select:Date Icons Size" content="9px" title="9px">
  184. <meta name="select:Date Icons Size" content="10px" title="10px">
  185. <meta name="select:Date Icons Size" content="12px" title="12px">
  186. <meta name="select:Date Icons Size" content="13px" title="13px">
  187. <meta name="select:Date Icons Size" content="14px" title="14px">
  188. <meta name="select:Date Icons Size" content="15px" title="15px">
  189. <meta name="select:Date Icons Size" content="16px" title="16px">
  190.  
  191.  
  192. <meta name="select:Tags Font Size" content="11px" title="11px">
  193. <meta name="select:Tags Font Size" content="8px" title="8px">
  194. <meta name="select:Tags Font Size" content="9px" title="9px">
  195. <meta name="select:Tags Font Size" content="10px" title="10px">
  196. <meta name="select:Tags Font Size" content="12px" title="12px">
  197. <meta name="select:Tags Font Size" content="13px" title="13px">
  198. <meta name="select:Tags Font Size" content="14px" title="14px">
  199. <meta name="select:Tags Font Size" content="15px" title="15px">
  200. <meta name="select:Tags Font Size" content="16px" title="16px">
  201.  
  202. <meta name="select:Tags Font Weight" content="normal" title="normal">
  203. <meta name="select:Tags Font Weight" content="bold" title="bold">
  204.  
  205. <meta name="select:Tags Font Style" content="normal" title="normal">
  206. <meta name="select:Tags Font Style" content="italic" title="italic">
  207.  
  208. <meta name="select:Tags Text Transform" content="none" title="none">
  209. <meta name="select:Tags Text Transform" content="uppercase" title="uppercase">
  210. <meta name="select:Tags Text Transform" content="lowercase" title="lowercase">
  211. <meta name="select:Tags Text Transform" content="capitalize" title="capitalize">
  212.  
  213.  
  214.  
  215. <meta name="select:Photoset Gutter" content="3px" title="3px">
  216. <meta name="select:Photoset Gutter" content="1px" title="1px">
  217. <meta name="select:Photoset Gutter" content="2px" title="2px">
  218. <meta name="select:Photoset Gutter" content="4px" title="4px">
  219. <meta name="select:Photoset Gutter" content="5px" title="5px">
  220. <meta name="select:Photoset Gutter" content="6px" title="6px">
  221.  
  222.  
  223. <meta name="select:Borders Size" content="1px" title="1px">
  224. <meta name="select:Borders Size" content="0px" title="0px">
  225. <meta name="select:Borders Size" content="2px" title="2px">
  226. <meta name="select:Borders Size" content="3px" title="3px">
  227.  
  228. <meta name="select:Borders Style" content="solid" title="solid">
  229. <meta name="select:Borders Style" content="dotted" title="dotted">
  230. <meta name="select:Borders Style" content="dashed" title="dashed">
  231. <meta name="select:Borders Style" content="double" title="double">
  232. <meta name="select:Borders Style" content="ridge" title="ridge">
  233.  
  234.  
  235.  
  236.  
  237. <meta name="if:Top Sidebar Title" content="1" />
  238.  
  239. <meta name="if:Sidebar Link 1" content="1" />
  240. <meta name="if:Sidebar Link 2" content="1" />
  241. <meta name="if:Sidebar Link 3" content="1" />
  242. <meta name="if:Sidebar Link 4" content="1" />
  243. <meta name="if:Sidebar Link 5" content="1" />
  244. <meta name="if:Sidebar Link 6" content="1" />
  245.  
  246. <meta name="if:Images Black and White" content="0" />
  247. <meta name="if:Images Opacity" content="0" />
  248. <meta name="if:Tumblr Captions" content="0"/>
  249. <meta name="if:Caption Avatar" content="0" />
  250. <meta name="if:Custom Caption Icon" content="1" />
  251. <meta name="if:Box Shadow" content="1" />
  252. <meta name="if:Posts and Sidebar Borders" content="1" />
  253. <meta name="if:Custom Controls" content="1"/>
  254.  
  255. <meta name="if:Posts size 540px" content="1"/>
  256. <meta name="if:Posts size 500px" content="0"/>
  257. <meta name="if:Posts size 400px" content="0"/>
  258.  
  259.  
  260. <meta name="text:Box Shadow Size" content="0px 4px 8px">
  261. <meta name="text:Box Shadow Color" content="0, 0, 0, 0.1">
  262.  
  263. <meta name="text:TimeIcon" content="map-pin">
  264. <meta name="text:NotesIcon" content="activity">
  265. <meta name="text:RebloggedIcon" content="arrow-up-left">
  266. <meta name="text:SourceIcon" content="arrow-up-right">
  267. <meta name="text:ReblogIcon" content="repeat">
  268. <meta name="text:LikeIcon" content="heart">
  269. <meta name="text:ShowTagsIcon" content="hash">
  270.  
  271. <meta name="text:Index URL" content="/">
  272. <meta name="text:Index Text" content="Index">
  273. <meta name="text:Index Icon" content="home">
  274. <meta name="text:Ask URL" content="/ask">
  275. <meta name="text:Ask Text" content="Ask">
  276. <meta name="text:Ask Icon" content="mail">
  277.  
  278. <meta name="text:Sidebar Link 1 URL" content="/">
  279. <meta name="text:Sidebar Link 1 Text" content="Link 1">
  280. <meta name="text:Sidebar Link 1 Icon" content="menu">
  281. <meta name="text:Sidebar Link 2 URL" content="/">
  282. <meta name="text:Sidebar Link 2 Text" content="Link 2">
  283. <meta name="text:Sidebar Link 2 Icon" content="edit">
  284. <meta name="text:Sidebar Link 3 URL" content="/">
  285. <meta name="text:Sidebar Link 3 Text" content="Link 3">
  286. <meta name="text:Sidebar Link 3 Icon" content="user">
  287. <meta name="text:Sidebar Link 4 URL" content="/">
  288. <meta name="text:Sidebar Link 4 Text" content="Link 4">
  289. <meta name="text:Sidebar Link 4 Icon" content="file-text">
  290. <meta name="text:Sidebar Link 5 URL" content="/">
  291. <meta name="text:Sidebar Link 5 Text" content="Link 5">
  292. <meta name="text:Sidebar Link 5 Icon" content="folder">
  293. <meta name="text:Sidebar Link 6 URL" content="/">
  294. <meta name="text:Sidebar Link 6 Text" content="Link 6">
  295. <meta name="text:Sidebar Link 6 Icon" content="message-square">
  296. {/block:Hidden}
  297.  
  298.  
  299.  
  300.  
  301. <!------------ fonts ---->
  302.  
  303. <link href="https://fonts.googleapis.com/css2?family={text:Body Font Family}:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
  304.  
  305.  
  306.  
  307. <!------------ scripts ---->
  308.  
  309. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
  310. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <!-- for tooltips -->
  311.  
  312. <!-- pxu photosets -->
  313. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  314. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  315. <!-- pxu photosets -->
  316.  
  317.  
  318.  
  319. <style type="text/css">
  320.  
  321. /* ------------ theme's variables */
  322.  
  323. :root {
  324. /* colors */
  325.  
  326. --backgroundThemeColor: {color:Background Theme Color};
  327. --topSidebarTitleColor: {color:Top Sidebar Title Color};
  328. --bodyTextColor: {color:Body Text Color};
  329. --bodyLinkColor: {color:Body Link Color};
  330. --bodyLinkHoverColor: {color:Body Link Hover Color};
  331. --boldColor: {color:Bold Color};
  332. --italicColor: {color:Italic Color};
  333. --likedIconColor: {color:Liked Icon Color};
  334. --scrollbarColor: {color:Scrollbar Color};
  335. --bordersColor: {color:Borders Color};
  336. --postsBackgroundColor: {color:Posts Background Color};
  337. --tumblrControlsIconColor: {color:Tumblr Controls Icon Color};
  338.  
  339.  
  340. /* fonts, sizes, styles */
  341.  
  342. --bodyFont: {text:Body Font Family};
  343.  
  344. --topSidebarTitleFontSize: {select:Top Sidebar Title Font Size};
  345. --bodyFontSize: {select:Body Font Size};
  346. --sidebarLinksIconsSize: {select:Sidebar Links Icons Size};
  347. --descriptionFontSize: {select:Description Font Size};
  348. --dateIconsSize: {select:Date Icons Size};
  349. --tagsFontSize: {select:Tags Font Size};
  350.  
  351. --boldFontWeight: {select:Bold Font Weight};
  352. --topSidebarTitleFontWeight: {select:Top Sidebar Title Font Weight};
  353. --sidebarLinksFontWeight: {select:Sidebar Links Font Weight};
  354. --descriptionFontWeight: {select:Description Font Weight};
  355. --tagsFontWeight: {select:Tags Font Weight};
  356.  
  357. --topSidebarTitleTextTransform: {select:Top Sidebar Title Text Transform};
  358. --sidebarLinksTextTransform: {select:Sidebar Links Text Transform};
  359. --descriptionTextTransform: {select:Description Text Transform};
  360. --tagsTextTransform: {select:Tags Text Transform};
  361.  
  362. --topSidebarTitleFontStyle: {select:Top Sidebar Title Font Style};
  363. --sidebarLinksFontStyle: {select:Sidebar Links Font Style};
  364. --descriptionFontStyle: {select:Description Font Style};
  365. --tagsFontStyle: {select:Tags Font Style};
  366.  
  367. --postsTextPosition: {select:Posts Text Position};
  368. --topSidebarTitlePosition: {select:Top Sidebar Title Position};
  369. --sidebarLinksPosition: {select:Sidebar Links Position};
  370. --descriptionTextPosition: {select:Description Text Position};
  371.  
  372.  
  373.  
  374.  
  375. /* other styles */
  376.  
  377. --photosetGutter: {select:Photoset Gutter};
  378. --bordersStyle: {select:Borders Style};
  379. --bordersSize: {select:Borders Size};
  380. --postsSize: {select:Posts Size};
  381. --boxShadowSize:{text:Box Shadow Size};
  382. --boxShadowColor:{text:Box Shadow Color};
  383. --transitions: all 0.3s ease-in-out;
  384.  
  385.  
  386. }
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. /* ------------ tumblr controls */
  395.  
  396. {block:ifCustomControls}
  397. iframe.tmblr-iframe {
  398. z-index:99999999999999!important;
  399. top: 15px!important;
  400. right: 15px!important;
  401. opacity:0;
  402. padding-right:38px;
  403. -webkit-transform:scale(0.75);
  404. -ms-transform:scale(0.75);
  405. transform:scale(0.75);
  406. -webkit-transform-origin:100% 0;
  407. -ms-transform-origin:100% 0;
  408. transform-origin:100% 0;
  409. -webkit-transition: var(--transitions);
  410. -o-transition: var(--transitions);
  411. transition: var(--transitions);
  412. cursor: pointer;
  413. }
  414.  
  415. iframe.tmblr-iframe:hover {
  416. opacity:1!important;
  417. -webkit-transition: var(--transitions);
  418. -o-transition: var(--transitions);
  419. transition: var(--transitions);
  420. }
  421.  
  422. .hcontrols {
  423. position:fixed;
  424. top:23px;
  425. right:15px;
  426. z-index:999999999;
  427. cursor: pointer;
  428. }
  429.  
  430. .hcontrols .feather {
  431. width:25px;
  432. height:25px;
  433. stroke-width: 2;
  434. stroke:var(--tumblrControlsIconColor);
  435. -webkit-transition: var(--transitions);
  436. -o-transition: var(--transitions);
  437. transition: var(--transitions);
  438. cursor: pointer;
  439. }
  440.  
  441. .hcontrols .feather:hover {
  442. stroke: var(--bodyLinkHoverColor);
  443. }
  444.  
  445. {/block:ifCustomControls}
  446.  
  447.  
  448.  
  449.  
  450.  
  451. /* ------------ scrollbar */
  452.  
  453. ::-webkit-scrollbar {
  454. width:7px;
  455. height:7px;
  456. }
  457. ::-webkit-scrollbar {
  458. background-color:var(--backgroundThemeColor);
  459. }
  460. ::-webkit-scrollbar-track {
  461. border:8px solid var(--backgroundThemeColor);
  462. background-color:var(--backgroundThemeColor);
  463. }
  464. ::-webkit-scrollbar-thumb {
  465. border:2.1px solid var(--backgroundThemeColor);
  466. background-color:var(--scrollbarColor);
  467. border-radius:10px;
  468. min-height:24px;
  469. min-width:24px;
  470. }
  471.  
  472.  
  473. /* ------------ theme settings */
  474.  
  475. html {
  476. -webkit-box-sizing: border-box;
  477. box-sizing: border-box;
  478. }
  479.  
  480. *::after,
  481. *::before {
  482. box-sizing: inherit;
  483. }
  484.  
  485.  
  486. html,
  487. body {
  488. height: 100vh;
  489. }
  490.  
  491.  
  492. body {
  493. padding: 0;
  494. margin: 0;
  495. font-family: var(--bodyFont), Arial, sans-serif;
  496. font-size:var(--bodyFontSize);
  497. line-height:1.5;
  498. background-color:var(--backgroundThemeColor);
  499. color:var(--bodyTextColor);
  500. word-wrap:break-word;
  501. background-image:url('{image:Background}');
  502. background-repeat: repeat;
  503. background-attachment: fixed;
  504. background-position:center;
  505. }
  506.  
  507. a {
  508. position:relative;
  509. color: var(--bodyLinkColor);
  510. text-decoration: none;
  511. -webkit-transition: var(--transitions);
  512. -o-transition: var(--transitions);
  513. transition: var(--transitions);
  514. }
  515.  
  516. a:hover {
  517. color:var(--bodyLinkHoverColor);
  518. -webkit-transition: var(--transitions);
  519. -o-transition: var(--transitions);
  520. transition: var(--transitions);
  521. }
  522.  
  523. a:last-child {
  524. margin-right:0px;
  525. }
  526.  
  527. h1, h2 {
  528. margin:15px 0 5px;
  529. display:block;
  530. text-transform:lowercase;
  531. font-size: 16px;
  532. font-weight:var(--boldFontWeight);
  533. color:var(--boldColor);
  534. text-align:var(--postsTextPosition);
  535. }
  536.  
  537.  
  538. h2 a {
  539. color:var(--boldColor);
  540.  
  541. }
  542.  
  543.  
  544. p {
  545. display: block;
  546. margin-block-start: 0.1em;
  547. margin-block-end: 0.5em;
  548. word-wrap:wrap;
  549. }
  550.  
  551. hr {
  552. width:100px;
  553. margin:10px 0 10px 0;
  554. border-width: var(--bordersSize) 0px 0px 0px;
  555. border-style: var(--bordersStyle);
  556. border-color: var(--bordersColor);
  557. }
  558.  
  559. small, sup, sub {
  560. font-size:var(--bodyFontSize);
  561. }
  562.  
  563. pre, code {
  564. line-height:inherit!important;
  565. background:transparent;
  566. font-family:inherit!Important;
  567. font-size:inherit!important;
  568. white-space:pre-wrap;
  569. white-space:-moz-pre-wrap;
  570. white-space:-pre-wrap;
  571. white-space:-o-pre-wrap;
  572. word-wrap:break-word;
  573. }
  574.  
  575. strong, bold, b {
  576. color:var(--boldColor);
  577. font-weight:var(--boldFontWeight);
  578. }
  579.  
  580. italic, i, em {
  581. color:var(--italicColor);
  582. }
  583.  
  584. img {
  585. {block:ifImagesOpacity}
  586. opacity:0.6;
  587. {/block:ifImagesOpacity}
  588. border:0;
  589. max-width:100%;
  590. height:auto;
  591. display:block;
  592. margin: 0;
  593. padding: 0;
  594. {block:ifImagesBlackandWhite}
  595. -webkit-filter: grayscale(100%);
  596. {/block:ifImagesBlackandWhite}
  597. -webkit-transition: all 0.5s ease-in-out;
  598. -o-transition: all 0.5s ease-in-out;
  599. transition: all 0.5s ease-in-out;
  600. }
  601.  
  602. img:hover {
  603. opacity:1;
  604. -webkit-filter: grayscale(0%);
  605. -webkit-transition: var(--transitions);
  606. -o-transition: var(--transitions);
  607. transition: var(--transitions);
  608. }
  609.  
  610. .posts:hover img {
  611. -webkit-filter: grayscale(0%);
  612. opacity:1;
  613. }
  614.  
  615. ::-moz-selection {
  616. background-color: var(--boldColor);
  617. color:#fff;
  618. }
  619.  
  620. ::selection {
  621. background-color: var(--boldColor);
  622. color:#fff;
  623. }
  624.  
  625.  
  626.  
  627. /* ------------ lists */
  628.  
  629. ul {
  630. margin:15px 0;
  631. list-style:none;
  632. }
  633.  
  634. ul li {
  635. margin:5px 15px;
  636. list-style:none;
  637. -webkit-transition: var(--transitions);
  638. -o-transition: var(--transitions);
  639. transition: var(--transitions);
  640. }
  641.  
  642.  
  643. ul li::before {
  644. content: '\e08f';
  645. font-family:'saturnicons';
  646. font-size:calc(var(--bodyFontSize) - 50%);
  647. bottom:0.5px;
  648. margin-right:7px;
  649. display:inline-block;
  650. vertical-align:middle;
  651. position:relative;
  652. color: var(--bodyLinkColor);
  653. -webkit-transition: var(--transitions);
  654. -o-transition: var(--transitions);
  655. transition: var(--transitions);
  656. }
  657.  
  658. ul li:hover:before, ul li:hover {
  659. color:var(--bodyLinkHoverColor);
  660. -webkit-transition: var(--transitions);
  661. -o-transition: var(--transitions);
  662. transition: var(--transitions);
  663. }
  664.  
  665. ol {
  666. margin:15px;
  667. }
  668.  
  669. ol li {
  670. margin:5px 15px;
  671. list-style-type: decimal;
  672. }
  673.  
  674.  
  675.  
  676. /* ------------ tooltips */
  677.  
  678. #s-m-t-tooltip {
  679. max-width:300px;
  680. border-radius: 0px;
  681. padding:10px;
  682. font-weight:var(--boldFontWeight);
  683. margin:20px -25px;
  684. color:var(--boldColor);
  685. background-color:var(--postsBackgroundColor);
  686. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  687. {block:ifBoxShadow}
  688. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  689. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  690. {/block:ifBoxShadow}
  691. z-index:99999;
  692. }
  693.  
  694.  
  695.  
  696.  
  697. .scrolltop a {
  698. position: fixed;
  699. bottom:18px;
  700. padding:5px;
  701. color:var(--bodyLinkColor);
  702. background: var(--postsBackgroundColor);
  703. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  704. {block:ifBoxShadow}
  705. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  706. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  707. {/block:ifBoxShadow}
  708. right: 45px;
  709. display: inline-block;
  710. padding: 5px;
  711. font-weight: bold;
  712. text-transform: uppercase;
  713. -webkit-transition: all 0.3s ease-in-out;
  714. -o-transition: all 0.3s ease-in-out;
  715. transition: all 0.3s ease-in-out;
  716. font-size:var(--bodyFontSize);
  717. }
  718.  
  719. .scrolltop a:hover {
  720. color:var(--bodyLinkHoverColor);
  721. }
  722.  
  723.  
  724.  
  725.  
  726. /* ------------ custom borders */
  727.  
  728. .sidebar-title-border { /* sidebar title border */
  729. border-bottom: var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  730. width:60px;
  731. margin:5px auto;
  732. float:var(--topSidebarTitlePosition);
  733. }
  734.  
  735.  
  736.  
  737. /* ------------ custom icons */
  738.  
  739. .feather {
  740. stroke-width: 1.75;
  741. width:var(--bodyFontSize);
  742. height:var(--bodyFontSize);
  743. }
  744.  
  745.  
  746. /* ------------ sidebar */
  747.  
  748. .title {
  749. font-weight:var(--topSidebarTitleFontWeight);
  750. font-size:var(--topSidebarTitleFontSize);
  751. color:var(--topSidebarTitleColor);
  752. text-transform:var(--topSidebarTitleTextTransform);
  753. text-align:var(--topSidebarTitlePosition);
  754. font-style:var(--topSidebarTitleFontStyle);
  755. }
  756.  
  757. .top-sidebar {
  758. position:relative;
  759. margin-bottom:50px;
  760. grid-area: header;
  761. z-index:9999;
  762. background-color:var(--backgroundThemeColor);
  763. }
  764.  
  765. @supports (position: sticky) {
  766. .top-sidebar {
  767. position: sticky;
  768. top: 0;
  769. }
  770. }
  771.  
  772. .top-sidebar-content {
  773. display: flex;
  774. justify-content: space-between;
  775. align-items: center;
  776. width:570px;
  777. max-height: 110px;
  778. margin:15px auto 0;
  779. padding: 10px 0;
  780. background:var(--postsBackgroundColor);
  781. {block:ifPostsAndSidebarBorders}
  782. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  783. {/block:ifPostsAndSidebarBorders}
  784. {block:ifBoxShadow}
  785. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  786. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  787. {/block:ifBoxShadow}
  788. }
  789.  
  790. .top-sidebar-elements {
  791. flex: 1;
  792. padding:0 10px;
  793. }
  794.  
  795. .updates {
  796. width: 114px;
  797. grid-area: update;
  798. /*outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);*/
  799. }
  800.  
  801. .updates-content {
  802. max-width: 90px;
  803. position:fixed;
  804. z-index:11;
  805. background-color:transparent;
  806. -webkit-box-sizing: border-box;
  807. box-sizing: border-box;
  808. /*background-color:var(--postsBackgroundColor);*/
  809. /*outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);*/
  810. }
  811.  
  812.  
  813. .update-toggle {
  814. display: none;
  815. }
  816.  
  817. /* this is each option you add */
  818. .update-option {
  819. margin: 0px 0 0 35px;
  820. }
  821.  
  822.  
  823. /* buttons */
  824. .update-icon {
  825. width:15px;
  826. height:15px;
  827. padding: 10px;
  828. margin:0 0 15px;
  829. display:block;
  830. cursor:pointer;
  831. border:none;
  832. text-align:center;
  833. font-weight:bold;
  834. background-color: var(--postsBackgroundColor);
  835. outline: 1px solid var(--bordersColor);
  836. -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  837. box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  838. }
  839.  
  840.  
  841. .update-option .feather {
  842. width: var(--sidebarLinksIconsSize);
  843. height: var(--sidebarLinksIconsSize);
  844. stroke: var(--bodyLinkColor);
  845. }
  846.  
  847.  
  848. /* content that is hidden (before you click) */
  849. .update-content {
  850. max-height: 0;
  851. outline:0px solid transparent;
  852. overflow: hidden;
  853. -webkit-transition: all 0.2s ease-in-out;
  854. -o-transition: all 0.2s ease-in-out;
  855. transition: all 0.2s ease-in-out;
  856. }
  857.  
  858. .update-icon, .update-content {
  859. backface-visibility: hidden;
  860. transform: translateZ(0);
  861. -webkit-transform: translateZ(0);
  862. }
  863.  
  864. /* lists (ul li) styles inside the content */
  865. .update-content li {
  866. margin-bottom:5px;
  867. }
  868.  
  869.  
  870.  
  871.  
  872. /* effect on title once you clicked */
  873. .update-toggle:checked + .update-icon, .update-toggle:checked + .update-icon a {
  874. font-weight:bold;
  875. }
  876.  
  877. /* content that appears once you clicked */
  878. .update-toggle:checked + .update-icon + .update-content {
  879. outline:1px solid var(--bordersColor);
  880. background: var(--postsBackgroundColor);
  881. text-align:left;
  882. max-height: 350px;
  883. overflow-y: scroll;
  884. width:240px; /* size of the content, adjust as you wish */
  885. padding:10px;
  886. margin: 5px 0px 0px;
  887. z-index:1;
  888. -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  889. box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  890. -webkit-transition: all 0.2s ease-in-out;
  891. -o-transition: all 0.2s ease-in-out;
  892. transition: all 0.2s ease-in-out;
  893. }
  894.  
  895.  
  896. /* navigation */
  897.  
  898. .sidebar {
  899. width: 114px;
  900. grid-area: links;
  901. }
  902.  
  903.  
  904. /* content inside the sidebar */
  905.  
  906. .sidebar-content {
  907. position:fixed;
  908. }
  909.  
  910. .navigation li span {
  911. display: none;
  912. }
  913.  
  914. .navigation a {
  915. width:100%;
  916. color: var(--bodyLinkColor);
  917. display:inline-block;
  918. font-size: var(--sidebarLinksIconsSize);
  919. font-weight: var(--sidebarLinksFontWeight);
  920. font-style: var(--sidebarLinksFontStyle);
  921. text-transform:var(--sidebarLinksTextTransform);
  922. }
  923.  
  924. .navigation a:hover, .navigation .feather:hover {
  925. color: var(--bodyLinkHoverColor);
  926. stroke: var(--bodyLinkHoverColor);
  927. -webkit-transition: var(--transitions);
  928. -o-transition: var(--transitions);
  929. transition: var(--transitions);
  930. }
  931.  
  932. .navigation ul li:hover .feather {
  933. display: none;
  934. }
  935.  
  936. .navigation li a:hover span {
  937. padding:10px;
  938. margin:0 0 10px;
  939. background-color: var(--postsBackgroundColor);
  940. outline: 1px solid var(--bordersColor);
  941. -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  942. box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  943. display:block;
  944.  
  945. }
  946.  
  947.  
  948. .navigation ul {
  949. width: 114px;
  950. text-align:center;
  951. margin: 0;
  952. }
  953.  
  954. .navigation ul li {
  955. list-style-type:none;
  956. margin: 0;
  957. }
  958.  
  959.  
  960. .navigation ul li:before {
  961. content: '';
  962. width: 0px;
  963. height: 0px;
  964. margin:0px;
  965. background-color: none;
  966. }
  967.  
  968. .navigation ul li .feather {
  969. width:20px;
  970. height:20px;
  971. padding:10px;
  972. margin:0 0 10px;
  973. background-color: var(--postsBackgroundColor);
  974. outline: 1px solid var(--bordersColor);
  975. -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  976. box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  977. width: var(--sidebarLinksIconsSize);
  978. height: var(--sidebarLinksIconsSize);
  979. stroke: var(--bodyLinkColor);
  980. }
  981.  
  982.  
  983.  
  984.  
  985. /* description */
  986.  
  987. .description {
  988. margin:15px 0;
  989. font-size:var(--descriptionFontSize);
  990. font-style:var(--descriptionFontStyle);
  991. font-weight:var(--descriptionFontWeight);
  992. text-align:var(--descriptionTextPosition);
  993. color:var(--bodyTextColor);
  994. text-transform:var(--descriptionTextTransform);
  995. }
  996.  
  997. .description a {
  998. color:var(--bodyLinkColor);
  999. }
  1000.  
  1001. .description a:hover {
  1002. color: var(--bodyLinkHoverColor);
  1003. }
  1004.  
  1005.  
  1006.  
  1007. /* pagination */
  1008.  
  1009. .pagination {
  1010. text-align:var(--descriptionTextPosition);
  1011. }
  1012.  
  1013. .pagination a {
  1014. color:var(--boldColor);
  1015. font-weight:var(--boldFontWeight);
  1016. }
  1017.  
  1018. .pagination a:hover {
  1019. color: var(--bodyLinkHoverColor);
  1020. }
  1021.  
  1022. .pagination a::after {
  1023. content:none;
  1024. }
  1025.  
  1026.  
  1027.  
  1028. /* ------------ posts */
  1029.  
  1030.  
  1031. /* wrapping sidebar and posts */
  1032.  
  1033. .container {
  1034. width:90vw;
  1035. max-width: 800px;
  1036. {block:ifPostsSize400px}
  1037. max-width:900px;
  1038. {/block:ifPostsSize400px}
  1039. display: grid;
  1040. grid-template-areas:
  1041. "header header header"
  1042. "update posts links";
  1043. margin:0 auto 15px;
  1044. /*outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);*/
  1045. }
  1046.  
  1047.  
  1048.  
  1049.  
  1050. /* wrapping only the posts */
  1051.  
  1052. .posts-container {
  1053. width:570px;
  1054. margin: auto;
  1055. grid-area: posts;
  1056. background:var(--backgroundThemeColor);
  1057. }
  1058.  
  1059.  
  1060. .pinned-post span {
  1061. color: var(--bodyLinkColor);
  1062. font-size: 13px;
  1063. display:block;
  1064. margin:10px 15px;
  1065. cursor: pointer;
  1066. /*font-weight:bold;*/
  1067. /*outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);*/
  1068. }
  1069.  
  1070. .pinned-post span:hover {
  1071. color: var(--bodyLinkHoverColor);
  1072. -webkit-transition: var(--transitions);
  1073. -o-transition: var(--transitions);
  1074. transition: var(--transitions);
  1075. }
  1076.  
  1077.  
  1078. /* posts */
  1079.  
  1080. .posts {
  1081. {block:ifPostsSize540px}
  1082. width:540px;
  1083. {/block:ifPostsSize540px}
  1084. {block:ifPostsSize500px}
  1085. width:500px;
  1086. {/block:ifPostsSize500px}
  1087. {block:ifPostsSize400px}
  1088. max-width:400px;
  1089. {/block:ifPostsSize400px}
  1090. margin:100px auto;
  1091. padding:15px;
  1092. word-wrap:wrap;
  1093. text-align:var(--postsTextPosition);
  1094. background:var(--postsBackgroundColor);
  1095. {block:ifPostsAndSidebarBorders}
  1096. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1097. {/block:ifPostsAndSidebarBorders}
  1098. {block:ifBoxShadow}
  1099. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1100. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1101. {/block:ifBoxShadow}
  1102. }
  1103.  
  1104. .posts b, strong {
  1105. font-weight:var(--boldFontWeight);
  1106. }
  1107.  
  1108. .posts img {
  1109. {block:ifPostsSize540px}
  1110. max-width:100%;
  1111. height:auto;
  1112. {/block:ifPostsSize540px}
  1113. {block:ifPostsSize500px}
  1114. max-width:100%;
  1115. height:auto;
  1116. {/block:ifPostsSize500px}
  1117. {block:ifPostsSize400px}
  1118. max-width:100%;
  1119. height:auto;
  1120. {/block:ifPostsSize400px}
  1121. }
  1122.  
  1123.  
  1124. .posts:last-child {
  1125. margin-bottom:0px;
  1126. }
  1127.  
  1128. .posts:first-child {
  1129. margin-top:0px;
  1130. }
  1131.  
  1132.  
  1133.  
  1134. /* photosets */
  1135.  
  1136. /* style for pixel union photosets
  1137. i recomend not changing if you don't know what you're doing */
  1138. .photo-slideshow {
  1139. visibility: hidden;
  1140. }
  1141.  
  1142. .photo-slideshow.processed {
  1143. visibility: visible;
  1144. }
  1145.  
  1146. .photo-slideshow .row {
  1147. clear: both;
  1148. width: 100%;
  1149. }
  1150.  
  1151. .photo-slideshow .pxu-photo {
  1152. display: block;
  1153. float: clear;
  1154. width: 100%;
  1155. overflow: visible;
  1156. }
  1157.  
  1158.  
  1159. .photo-slideshow .pxu-photo img {
  1160. display: block;
  1161. }
  1162.  
  1163. .photo-slideshow.processed .pxu-photo img {
  1164. width:100%;
  1165. height: auto;
  1166. }
  1167.  
  1168. .photo-slideshow .pxu-photo:first-child img {
  1169. margin:auto;
  1170. }
  1171.  
  1172.  
  1173. {block:ifPostsSize540px}
  1174. .photo-slideshow .count-1 {
  1175. max-width:540px;
  1176. height: auto;
  1177. margin-bottom: calc(var(--photosetGutter) - 1px);
  1178. }
  1179. {/block:ifPostsSize540px}
  1180.  
  1181. {block:ifPostsSize500px}
  1182. .photo-slideshow .count-1 {
  1183. max-width:500px;
  1184. height: auto;
  1185. }
  1186. {/block:ifPostsSize500px}
  1187.  
  1188. {block:ifPostsSize400px}
  1189. .photo-slideshow .count-1 {
  1190. width:100%;
  1191. }
  1192. {/block:ifPostsSize400px}
  1193.  
  1194. .set {margin-left:10px;}
  1195.  
  1196. {block:ifPostsSize540px}
  1197. .photo-slideshow .count-2 {
  1198. width:268px;
  1199. height: auto;
  1200. margin-bottom: calc(var(--photosetGutter) + 1px);
  1201. }
  1202. {/block:ifPostsSize540px}
  1203.  
  1204. {block:ifPostsSize500px}
  1205. .photo-slideshow .count-2 {
  1206. width:245px;
  1207. height: auto;
  1208. }
  1209. {/block:ifPostsSize500px}
  1210.  
  1211. {block:ifPostsSize400px}
  1212. .photo-slideshow .count-2 {
  1213. width:50%;
  1214. height: auto;
  1215. }
  1216. {/block:ifPostsSize400px}
  1217.  
  1218.  
  1219.  
  1220. {block:ifPostsSize540px}
  1221. .photo-slideshow .count-3 {
  1222. width:33.33%;
  1223. height: auto;
  1224. overflow: hidden;
  1225. }
  1226. {/block:ifPostsSize540px}
  1227.  
  1228. {block:ifPostsSize500px}
  1229. .photo-slideshow .count-3 {
  1230. width:160px;
  1231. height: auto;
  1232. }
  1233. {/block:ifPostsSize500px}
  1234. {block:ifPostsSize400px}
  1235. .photo-slideshow .count-3 {
  1236. width:33.33%;
  1237. height: auto;
  1238. }
  1239. {/block:ifPostsSize400px}
  1240. /* style for pixel union photosets
  1241. i recomend not changing if you don't know what you're doing */
  1242.  
  1243.  
  1244.  
  1245. neue post format (npf)
  1246. images on posts as photosets
  1247.  
  1248.  
  1249. .post-content
  1250. div.npf_row,
  1251. .post
  1252. div.npf_row,
  1253. body
  1254. div.npf_row {
  1255. max-width:100%;
  1256. margin:5px auto;
  1257. }
  1258.  
  1259. body p+div.npf_row {
  1260. max-width:100%;
  1261. margin-top: 5px;
  1262. margin-bottom:5px;
  1263. }
  1264.  
  1265.  
  1266.  
  1267. /* ------------ captions & blockquote */
  1268.  
  1269.  
  1270. /* tumblr's dashboad captions style */
  1271.  
  1272. {block:ifTumblrCaptions}
  1273.  
  1274. .user-avatar {
  1275. {block:ifCaptionAvatar}
  1276. display:inline-block;
  1277. {/block:ifCaptionAvatar}
  1278. {block:ifNotCaptionAvatar}
  1279. display:none;
  1280. {/block:ifNotCaptionAvatar}
  1281. width:17px;
  1282. margin-right:4px;
  1283. border-radius:2px;
  1284. vertical-align:middle;
  1285. }
  1286.  
  1287. .user, .tumblr_blog, .inactive {
  1288. font-weight:var(--boldFontWeight);
  1289. color: (--bodyTextColor);
  1290. }
  1291.  
  1292. .inactive {
  1293. font-weight:300;
  1294. color: (--bodyTextColor);
  1295. text-decoration: line-through;
  1296. }
  1297.  
  1298. {/block:ifTumblrCaptions}
  1299.  
  1300.  
  1301.  
  1302.  
  1303.  
  1304. /* old captions style */
  1305.  
  1306. {block:ifNotTumblrCaptions}
  1307. .tumblr_blog {
  1308. display:inline-block;
  1309. line-height:15px;
  1310. margin-right:2px;
  1311. text-transform:lowercase;
  1312. font-family: var(--bodyFont), Arial, sans-serif;
  1313. font-size:var(--bodyFontSize);
  1314. color:var(--bodyLinkColor);
  1315. }
  1316.  
  1317.  
  1318. .tumblr_blog a {
  1319. color:var(--bodyLinkColor);
  1320. vertical-align:bottom;
  1321. }
  1322.  
  1323. .tumblr_blog a:hover {
  1324. text-decoration:none;
  1325. color:var(--bodyLinkHoverColor);
  1326. }
  1327. {/block:ifNotTumblrCaptions}
  1328.  
  1329.  
  1330. /* custom captions */
  1331.  
  1332. {block:ifCustomCaptionIcon}
  1333. .user .feather {
  1334. width:var(--bodyFontSize);
  1335. height:var(--bodyFontSize);
  1336. margin-right: 5px;
  1337. position: relative;
  1338. top: 2px;
  1339. }
  1340. {/block:ifCustomCaptionIcon}
  1341. {block:ifNotCustomCaptionIcon}
  1342. .user .feather {
  1343. display:none;
  1344. }
  1345. {/block:ifNotCustomCaptionIcon}
  1346.  
  1347.  
  1348. .reblog-header {
  1349. padding:0 15px;
  1350. margin:15px auto -10px;
  1351. font-weight:var(--boldFontWeight);
  1352. {block:ifCaptionAvatar}
  1353. margin-bottom: 2px;
  1354. {/block:ifCaptionAvatar}
  1355. }
  1356.  
  1357.  
  1358. .reblog-header a::after {
  1359. content:none;
  1360. }
  1361.  
  1362. .reblog-list {
  1363. outline:0px solid #000;
  1364. }
  1365.  
  1366. .reblog-content, .caption, figcaption {
  1367. padding: 3px 15px;
  1368. margin:10px auto 6px;
  1369. color:var(--bodyTextColor);
  1370. }
  1371.  
  1372.  
  1373. .reblog-content a {
  1374. color:var(--bodyLinkColor);
  1375. }
  1376.  
  1377. figcaption a {
  1378. color:var(--bodyLinkColor);
  1379. }
  1380.  
  1381. .reblog-content a:hover {
  1382. color:var(--bodyLinkHoverColor);
  1383. }
  1384.  
  1385. figcaption a:hover {
  1386. color:var(--bodyLinkHoverColor);
  1387. }
  1388.  
  1389. blockquote {
  1390. border-left:1px solid var(--bordersColor);
  1391. padding-left: 15px;
  1392. margin: 10px 10px;
  1393. }
  1394.  
  1395. figure {
  1396. display:inline-block;
  1397. }
  1398.  
  1399.  
  1400. /* ------------ date */
  1401.  
  1402. .date {
  1403. border: 1px solid var(--bordersColor);
  1404. padding: 15px;
  1405. margin-top: 10px;
  1406. background-color:var(--backgroundThemeColor);
  1407. }
  1408.  
  1409. .date-content {
  1410. display:flex;
  1411. align-items:center;
  1412. font-size:var(--dateIconsSize);
  1413. }
  1414.  
  1415. .date-icon {
  1416. margin-right:15px;
  1417. margin-bottom: -4px;
  1418. }
  1419.  
  1420. .date-icon:last-child {
  1421. margin-right:0px;
  1422. }
  1423.  
  1424. .date-icon .feather {
  1425. width: var(--dateIconsSize);
  1426. height: var(--dateIconsSize);
  1427. stroke: var(--bodyLinkColor);
  1428. padding: 10px;
  1429. cursor:pointer;
  1430. text-align:center;
  1431. font-weight:bold;
  1432. background-color: var(--postsBackgroundColor);
  1433. outline: 1px solid var(--bordersColor);
  1434. -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  1435. box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  1436. }
  1437.  
  1438. .date-icon .feather:hover {
  1439. color: var(--bodyLinkHoverColor);
  1440. stroke: var(--bodyLinkHoverColor);
  1441. -webkit-transition: all 0.3s ease-in-out;
  1442. -o-transition: all 0.3s ease-in-out;
  1443. transition: all 0.3s ease-in-out;
  1444. }
  1445.  
  1446.  
  1447.  
  1448. /* like text */
  1449.  
  1450. .like-b {
  1451. position:relative;
  1452. display:inline-block;
  1453. height:1em;
  1454. line-height:1.5em;
  1455. padding: 0 1px;
  1456. }
  1457.  
  1458. .like-b .like_button iframe {
  1459. position:absolute;
  1460. top:0;
  1461. left:0;
  1462. bottom:0;
  1463. right:0;
  1464. z-index:2;
  1465. opacity:0;
  1466. }
  1467.  
  1468. .like-b .liked + .b {
  1469. color: var(--likedIconColor);
  1470. stroke: var(--likedIconColor);
  1471. font-weight:var(--boldFontWeight);
  1472. }
  1473.  
  1474.  
  1475. /* ------------ tags */
  1476.  
  1477. .tags {
  1478. text-align:left;
  1479. text-transform: var(--tagsTextTransform);
  1480. font-style:var(--tagsFontStyle);
  1481. color:var(--bodyTextColor);
  1482. font-size:var(--tagsFontSize);
  1483. word-wrap:break-word;
  1484. margin:10px 0 0;
  1485.  
  1486. }
  1487.  
  1488. .tags a::before {
  1489. content:'\e24c';
  1490. font-family:'saturnicons';
  1491. font-style:none!important;
  1492. display:inline-block;
  1493. vertical-align:middle;
  1494. margin-right:5px;
  1495. font-weight:400;
  1496. color:var(--bodyLinkColor);
  1497. }
  1498.  
  1499. .tags a:hover::before {
  1500. color:var(--bodyLinkHoverColor);
  1501. -webkit-transition: var(--transitions);
  1502. -o-transition: var(--transitions);
  1503. transition: var(--transitions);
  1504. }
  1505.  
  1506. .tags a {
  1507. font-weight:var(--tagsFontWeight);
  1508. color:var(--bodyTextColor);
  1509. margin-right:10px;
  1510. }
  1511.  
  1512. .tags a:last-child{
  1513. margin-right:0px;
  1514. }
  1515.  
  1516. .tags a:first-child {
  1517. margin-left:0px;
  1518. }
  1519.  
  1520.  
  1521. .tags a:hover {
  1522. color:var(--bodyLinkHoverColor);
  1523. }
  1524.  
  1525.  
  1526.  
  1527.  
  1528. /* ------------ quote / source */
  1529.  
  1530. .quote {
  1531. font-size:16px;
  1532. text-transform:lowercase;
  1533. color:var(--boldColor);
  1534. font-weight:bold;
  1535. text-align:var(--postsTextPosition);
  1536. }
  1537.  
  1538. .quote-source {
  1539. }
  1540.  
  1541. .quote-source::before {
  1542. content: '';
  1543. width: 15px;
  1544. height: 1px;
  1545. margin-right:10px;
  1546. display:inline-block;
  1547. vertical-align:middle;
  1548. position:relative;
  1549. background-color: var(--bordersColor);
  1550. }
  1551.  
  1552.  
  1553. /* ------------ links */
  1554.  
  1555. .link-image img {
  1556. object-fit: cover;
  1557. }
  1558.  
  1559.  
  1560. .link {
  1561. font-weight:var(--boldFontWeight);
  1562. color:var(--boldColor);
  1563. font-size:16px;
  1564. text-align:var(--postsTextPosition);
  1565. outline:0px solid var(--bordersColor);
  1566. }
  1567.  
  1568.  
  1569. /* ------------ chat posts */
  1570.  
  1571. p.npf_chat {
  1572. font-size:var(--bodyFontSize);
  1573. font-family: var(--bodyFont), Arial, sans-serif;
  1574. list-style:none;
  1575. }
  1576.  
  1577.  
  1578. .label {
  1579. font-weight:var(--boldFontWeight);
  1580. color:var(--boldColor);
  1581. }
  1582.  
  1583. .line {
  1584. padding: 0px 0px 5px;
  1585. margin: 0px 0px 5px;
  1586. }
  1587.  
  1588.  
  1589. /* ------------ video */
  1590.  
  1591. .video {
  1592. {block:ifPostsSize540px}
  1593. max-width:540px;
  1594. {/block:ifPostsSize540px}
  1595. {block:ifPostsSize500px}
  1596. max-width:500px;
  1597. {/block:ifPostsSize500px}
  1598. {block:ifPostsSize400px}
  1599. max-width:400px;
  1600. {/block:ifPostsSize400px}
  1601. }
  1602.  
  1603.  
  1604. /* ------------ audio */
  1605.  
  1606. .audio {
  1607. display:flex;
  1608. }
  1609.  
  1610. .albumart img {
  1611. height:84px;
  1612. width:84px;
  1613. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1614. }
  1615.  
  1616. div.audio-player {
  1617. background: var(--PostsBackgroundColor);
  1618. color:var(--boldColor);
  1619.  
  1620. }
  1621.  
  1622. .audio_playbutton {
  1623. margin: 15px auto;
  1624. width: 33px;
  1625. height:50px;
  1626. overflow: hidden;
  1627. background: var(--PostsBackgroundColor);
  1628. opacity: .5;
  1629. }
  1630.  
  1631. .audio_playbox {
  1632. flex: 1;
  1633. height:54px;
  1634. padding:15px;
  1635. margin-bottom:5px;
  1636. background: var(--postsBackgroundColor);
  1637. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1638. }
  1639.  
  1640. .audio_trackinfo {
  1641. display: flex;
  1642. align-items: center;
  1643. justify-content:center;
  1644. flex-direction: column;
  1645. line-height:17px;
  1646. padding:15px;
  1647. margin-bottom: 10px;
  1648. background: var(--postsBackgroundColor);
  1649. color: var(--bodyTextColor);
  1650. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1651. }
  1652.  
  1653. .audio_trackname {
  1654. font-weight:var(--boldFontWeight);
  1655. color:var(--boldColor);
  1656. text-align:var(--postsTextPosition);
  1657. font-size:16px;
  1658. }
  1659.  
  1660.  
  1661. .audio_artist, .audio_album {
  1662. font-family: var(--bodyFont), Arial, sans-serif;
  1663. font-size:var(--bodyFontSize);
  1664. color:var(--bodyTextColor);
  1665. }
  1666.  
  1667.  
  1668.  
  1669. /* ------------ asks */
  1670.  
  1671. .ask {
  1672. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1673. padding:0 0 10px;
  1674. margin: 0px 15px 20px;
  1675. }
  1676.  
  1677. .clearfix::before, .clearfix::after{
  1678. content:'';
  1679. clear:both;
  1680. display:table;
  1681. }
  1682.  
  1683. .ask-user {
  1684. color:var(--bodyLinkColor);
  1685. font-weight:var(--boldFontWeight);
  1686. text-transform:lowercase;
  1687. }
  1688.  
  1689.  
  1690. .ask-user a {
  1691. color:var(--bodyLinkColor);
  1692. font-weight:var(--boldFontWeight);
  1693. }
  1694.  
  1695. .ask-user a:hover {
  1696. color:var(--bodyLinkHoverColor);
  1697. }
  1698.  
  1699.  
  1700. .ask-question {
  1701. position: relative;
  1702. top: -2px;
  1703. }
  1704.  
  1705. .ask-question p {
  1706. margin: 0 0 5px;
  1707. }
  1708.  
  1709. .ask .feather {
  1710. float: left;
  1711. margin: 2px 10px 0 0;
  1712. stroke:var(--bodyLinkColor);
  1713. }
  1714.  
  1715. .ask-answer.reblog-content::after {
  1716. content: '';
  1717. height: 0px;
  1718. }
  1719.  
  1720.  
  1721. /* ------------ postnotes */
  1722.  
  1723. .post-notes {
  1724. {block:ifPostsSize540px}
  1725. width:540px;
  1726. {/block:ifPostsSize540px}
  1727. {block:ifPostsSize500px}
  1728. width:500px;
  1729. {/block:ifPostsSize500px}
  1730. {block:ifPostsSize400px}
  1731. max-width:400px;
  1732. {/block:ifPostsSize400px}
  1733. list-style-type: none;
  1734. font-family: var(--bodyFont), Arial, sans-serif;
  1735. font-size:var(--bodyFontSize);
  1736. color:var(--bodyTextColor);
  1737. background-color:var(--postsBackgroundColor);
  1738. }
  1739.  
  1740. .post-notes ol li {
  1741. list-style-type: none;
  1742. }
  1743.  
  1744. .post-notes ol li::before {
  1745. content: '\e08f';
  1746. font-family:'saturnicons';
  1747. font-size:calc(var(--bodyFontSize) - 50%);
  1748. bottom:0.5px;
  1749. margin-right:7px;
  1750. display:inline-block;
  1751. vertical-align:middle;
  1752. position:relative;
  1753. color: var(--bodyLinkColor);
  1754. }
  1755.  
  1756. .post-notes ol li:hover:before {
  1757. color:var(--bodyLinkHoverColor);
  1758. }
  1759.  
  1760. .post-notes ol li .more_notes_link a::before {
  1761. content: '';
  1762.  
  1763. }
  1764.  
  1765.  
  1766. ol.notes {
  1767. list-style:none;
  1768. color:var(--bodyTextColor);
  1769. }
  1770.  
  1771. ol.notes img {
  1772. display: none;
  1773. }
  1774.  
  1775.  
  1776.  
  1777. /* DO NOT REMOVE */
  1778.  
  1779. .mcredito {
  1780. position:fixed;
  1781. right:5px;
  1782. bottom:18px;
  1783. padding:5px;
  1784. background: var(--postsBackgroundColor);
  1785. outline:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1786. {block:ifBoxShadow}
  1787. -webkit-box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1788. box-shadow: var(--boxShadowSize) rgba(var(--boxShadowColor));
  1789. {/block:ifBoxShadow}
  1790. }
  1791.  
  1792. .mcredito a {
  1793. font-weight:var(--boldFontWeight);
  1794. text-transform:lowercase;
  1795. text-align:center;
  1796. color:var(--bodyLinkColor);
  1797. padding:3px;
  1798. padding:3px;
  1799. }
  1800.  
  1801.  
  1802.  
  1803.  
  1804. /* tylergaciaposey's theme 203
  1805. css part */
  1806.  
  1807.  
  1808. .nav_container {
  1809. width:100%;
  1810. overflow: hidden;
  1811. margin:0 auto;
  1812. padding:2px;
  1813. }
  1814.  
  1815.  
  1816. .box_left {
  1817. width:50%;
  1818. overflow: hidden;
  1819. float:left;
  1820. padding:10px;
  1821. -webkit-box-sizing: border-box;
  1822. box-sizing: border-box;
  1823.  
  1824. }
  1825.  
  1826. .box_right {
  1827. width:50%;
  1828. overflow: hidden;
  1829. float:right;
  1830. padding:10px;
  1831. -webkit-box-sizing: border-box;
  1832. box-sizing: border-box;
  1833. }
  1834.  
  1835. .nav_title {
  1836. font-weight:bold;
  1837. color:var(--boldColor);
  1838. margin:2px 0 3px;
  1839. padding:0 0 5px;
  1840. }
  1841.  
  1842.  
  1843. .nav_title:after {
  1844. width:100px;
  1845. content:'';
  1846. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1847. display:block;
  1848. margin:5px 0;
  1849. }
  1850.  
  1851.  
  1852. .nav_list {
  1853. margin:0 0 2px 5px;
  1854. }
  1855.  
  1856.  
  1857. .nav_list::before {
  1858. content: '\e08f';
  1859. font-family:'saturnicons';
  1860. font-size:calc(var(--bodyFontSize) - 50%);
  1861. bottom:0.5px;
  1862. margin-right:7px;
  1863. display:inline-block;
  1864. vertical-align:middle;
  1865. position:relative;
  1866. color: var(--bodyLinkColor);
  1867. }
  1868.  
  1869. .nav_list:hover:before {
  1870. color:var(--bodyLinkHoverColor);
  1871. }
  1872.  
  1873.  
  1874. .nav_paragraph {
  1875. margin:7px 0;
  1876. }
  1877.  
  1878.  
  1879. .nav_separator {
  1880. clear:both;
  1881. width:100%;
  1882. display:block;
  1883. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1884. margin:25px 0;
  1885. padding:0 0 25px;
  1886. }
  1887.  
  1888.  
  1889. /* tags aka links lis */
  1890.  
  1891. .nav_tags_title1 {
  1892. font-weight:bold;
  1893. margin:2px 10px 3px;
  1894. padding:0 0 5px;
  1895. }
  1896.  
  1897. .nav_tags_title1:after {
  1898. width:100px;
  1899. content:'';
  1900. border-bottom:var(--bordersSize) var(--bordersStyle) var(--bordersColor);
  1901. display:block;
  1902. margin:5px 0;
  1903. }
  1904.  
  1905.  
  1906. .nav_tags_title {
  1907. margin:3px 0 3px;
  1908. padding:0 0 5px;
  1909. font-weight:bold;
  1910. color:var(--boldColor);
  1911. }
  1912.  
  1913. .nav_tags_title:after {
  1914. content:'';
  1915. border-bottom:0px dotted #e2e2e2;
  1916. }
  1917.  
  1918. .nav_tags_box {
  1919. height:180px;
  1920. width:33.3%;
  1921. margin-bottom:25px;
  1922. overflow: hidden;
  1923. float:left;
  1924. padding:10px;
  1925. box-sizing: border-box;
  1926. overflow-y:auto;
  1927. overflow-x:hidden;
  1928. }
  1929.  
  1930.  
  1931. .nav_tags_list {
  1932. margin:0 0 2px 5px;
  1933. }
  1934.  
  1935. .nav_tags_list::before {
  1936. content: '\e08f';
  1937. font-family:'saturnicons';
  1938. font-size:calc(var(--bodyFontSize) - 50%);
  1939. bottom:0.5px;
  1940. margin-right:7px;
  1941. display:inline-block;
  1942. vertical-align:middle;
  1943. position:relative;
  1944. color: var(--bodyLinkColor);
  1945. }
  1946.  
  1947. .nav_tags_list:hover:before {
  1948. color:var(--bodyLinkHoverColor);
  1949. }
  1950.  
  1951.  
  1952.  
  1953. .mcredit a {
  1954. text-transform:lowercase;
  1955. text-align:center;
  1956. font-size:10px;
  1957. font-family:'Open Sans', Calibri, sans-serif;
  1958. padding:3px;
  1959. font-style:normal;
  1960. padding:3px;
  1961. -webkit-transition: var(--transitions);
  1962. -o-transition: var(--transitions);
  1963. transition: var(--transitions);
  1964. }
  1965.  
  1966.  
  1967. /* tylergaciaposey's theme 203
  1968. css part */
  1969.  
  1970. a.fill {background-color: #fff;}
  1971. a.fill .feather {color: #000;}
  1972.  
  1973.  
  1974. {CustomCSS}
  1975.  
  1976. </style>
  1977. </head>
  1978. <body>
  1979. <div class="container">
  1980. <div class="top-sidebar">
  1981. <div class="top-sidebar-content">
  1982. {block:IftopSidebarTitle}
  1983. <div class="top-sidebar-elements">
  1984. <div class="title">
  1985. {Title}
  1986. </div>
  1987. </div>
  1988. {/block:IftopSidebarTitle}
  1989. <div class="top-sidebar-elements">
  1990. <div class="description">
  1991. luciane. 26. tracking: <a href="https://www.tumblr.com/tagged/maziekeen"
  1992.  
  1993. title="also #userluciane">#maziekeen</a>. <br> <a
  1994.  
  1995. href="https://maziekeen.tumblr.com/tagged/gifs" title="above average">gifs</a>,
  1996.  
  1997. <a href="https://maziekeen.tumblr.com/tagged/psds" title="not taking
  1998.  
  1999. requests">psds</a>, and <a href="https://maziekeen.tumblr.com/themees"
  2000.  
  2001. title="pretty much all the same but still cute">themes</a>.
  2002. </div>
  2003. <div class="pagination">
  2004. {block:PreviousPage}
  2005. <a href="{PreviousPage}">previous</a>
  2006.  {/block:PreviousPage}{block:NextPage}
  2007. <a href="{NextPage}">next page</a>
  2008. {/block:NextPage}
  2009. </div>
  2010. </div>
  2011. </div>
  2012. </div>
  2013.  
  2014. <aside class="updates">
  2015. <div class="updates-content"> <!-- start of the update toggle / do not remove -->
  2016.  
  2017. <div class="update-option"> <!-- copy from here to add a new option -->
  2018. <input type="checkbox" id="update-toggle1" class="update-toggle" />
  2019. <label class="update-icon" for="update-toggle1" title="things to do">
  2020. <a><i data-feather="clipboard" class="feather"></i></a>
  2021. </label>
  2022. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup -->
  2023. <strong>psds</strong>
  2024. <ul>
  2025. <li>for photoshoots</li>
  2026. </ul>
  2027. <strong>HTHAIGTCT</strong>
  2028. <div><em>how the hell am i going to color this?</em></div>
  2029. <p><a href="/tagged/hthaigtct">just small tutorials with fewer layers on how to color correct some scenes</a></p>
  2030. <strong>theme</strong>
  2031. <ul>
  2032. <li>new navigation/faq/tags page</li>
  2033. <li>all in one page</li>
  2034. <li>fan site</li>
  2035. </ul>
  2036. </div> <!-- end of content inside the update / do not remove -->
  2037. </div> <!-- end of the option -->
  2038.  
  2039.  
  2040. <div class="update-option"> <!-- copy from here to add a new option -->
  2041. <input type="checkbox" id="update-toggle2" class="update-toggle" />
  2042. <label class="update-icon" for="update-toggle2" title="requests">
  2043. <a><i data-feather="info" class="feather"></i></a>
  2044. </label>
  2045. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup -->
  2046. <strong>psds, themes, icons</strong>
  2047. <p>i'm not taking requests for new stuff</p>
  2048. <strong>psd from recent gifsets / icons</strong>
  2049. <ul>
  2050. <li>i usually save psds from my last gifs, if you want me to post some let me know</li>
  2051. <li>now i'm posting my current icons / headers as psd, so check the tags here: <a
  2052. href="/tagged/icons%20psd">icons</a> & <a href="/tagged/headers%20psd">headers</a></li>
  2053. </ul>
  2054. </div> <!-- end of content inside the update / do not remove -->
  2055. </div> <!-- end of the option -->
  2056.  
  2057.  
  2058.  
  2059. <div class="update-option"> <!-- copy from here to add a new option -->
  2060. <input type="checkbox" id="update-toggle3" class="update-toggle" />
  2061. <label class="update-icon" for="update-toggle3" title="watch list">
  2062. <a><i data-feather="tv" class="feather"></i></a>
  2063. </label>
  2064. <div class="update-content"> <!-- content inside the update, edit as you wish using html markup -->
  2065. <strong>watching</strong>
  2066. <ul>
  2067. <li>atla s02 </li>
  2068. <li>doctor who s04</li>
  2069. <li>fear the walking dead s06</li>
  2070. <li>roswell new mexico s01 </li>
  2071. <li>she ra s03</li>
  2072. <li>supernatural s15 </li>
  2073. <li>the boys s01</li>
  2074. <li>twd: world beyond s01</li>
  2075. <li>torchwood s01</li>
  2076.  
  2077.  
  2078. </ul>
  2079. <strong>start</strong>
  2080. <ul>
  2081. <li>gatunas s02</li>
  2082. <li>legends of tomorrow s05</li>
  2083. </ul>
  2084. <strong>catch up</strong>
  2085. <ul>
  2086. <li>arrow s07</li>
  2087. <li>supergirl s04</li>
  2088. <li>the flash s05</li>
  2089. </ul>
  2090. <strong>finished/recommend</strong>
  2091. <ul>
  2092. <li>gypsy</li>
  2093. <li>julie and the phantoms</li>
  2094. <li>lucifer</li>
  2095. <li>outer banks</li>
  2096. <li>the haunting of bly manor</li>
  2097. <li>teenage bounty hunters</li>
  2098. <li>the order</li>
  2099. <li>warrior nun</li>
  2100. <li>wynonna earp</li>
  2101. </ul>
  2102. </div> <!-- end of content inside the update / do not remove -->
  2103. </div> <!-- end of the option -->
  2104.  
  2105. <a href="http://dailyresources.tumblr.com/" title="check out my resources blog!">
  2106. <a href="https://ko-fi.com/luciane" target="_blank" title="if you like my content and would like to support me, i'd be very grateful">
  2107.  
  2108. <div class="update-option"> <!-- copy from here to add a new button group -->
  2109. <a href="http://dailyresources.tumblr.com/" target="_blank" class="update-icon" title="check out my resources blog!">
  2110. <i data-feather="link" class="feather"></i>
  2111. </a>
  2112.  
  2113. <a href="https://ko-fi.com/luciane" class="update-icon" title="if you like my content and would like to support me, i'd be very grateful">
  2114. <i data-feather="coffee" class="feather"></i>
  2115. </a>
  2116. </div> <!-- end of the button group -->
  2117.  
  2118. </div> <!-- end of the update toggle / do not remove -->
  2119. </aside>
  2120. <aside class="sidebar">
  2121. <div class="sidebar-content">
  2122. <nav class="navigation">
  2123. <ul>
  2124. <li>
  2125. <a href="{text:Index URL}">
  2126. <i data-feather="{text:Index Icon}" class="feather"></i>
  2127. <span>{text:Index Text}</span>
  2128. </a>
  2129. </li>
  2130.  
  2131.  
  2132. <li>
  2133. <a href="{text:Ask URL}">
  2134. <i data-feather="{text:Ask Icon}" class="feather"></i>
  2135. <span>{text:Ask Text}</span>
  2136. </a>
  2137. </li>
  2138.  
  2139. {block:ifSidebarLink1}
  2140. <li>
  2141. <a href="{text:Sidebar Link 1 URL}">
  2142. <i data-feather="{text:Sidebar Link 1 Icon}" class="feather"></i>
  2143. <span>{text:Sidebar Link 1 Text}</span>
  2144. </a>
  2145. </li>
  2146. {/block:ifSidebarLink1}
  2147.  
  2148. {block:ifSidebarLink2}
  2149. <li>
  2150. <a href="{text:Sidebar Link 2 URL}">
  2151. <i data-feather="{text:Sidebar Link 2 Icon}" class="feather"></i>
  2152. <span>{text:Sidebar Link 2 Text}</span>
  2153. </a>
  2154. </li>
  2155. {/block:ifSidebarLink2}
  2156.  
  2157. {block:ifSidebarLink3}
  2158. <li>
  2159. <a href="{text:Sidebar Link 3 URL}">
  2160. <i data-feather="{text:Sidebar Link 3 Icon}" class="feather"></i>
  2161. <span>{text:Sidebar Link 31 Text}</span>
  2162. </a>
  2163. </li>
  2164. {/block:ifSidebarLink3}
  2165.  
  2166. {block:ifSidebarLink4}
  2167. <li>
  2168. <a href="{text:Sidebar Link 4 URL}">
  2169. <i data-feather="{text:Sidebar Link 4 Icon}" class="feather"></i>
  2170. <span>{text:Sidebar Link 4 Text}</span>
  2171. </a>
  2172. </li>
  2173. {/block:ifSidebarLink4}
  2174.  
  2175. {block:ifSidebarLink5}
  2176. <li>
  2177. <a href="{text:Sidebar Link 5 URL}">
  2178. <i data-feather="{text:Sidebar Link 5 Icon}" class="feather"></i>
  2179. <span>{text:Sidebar Link 5 Text}</span>
  2180. </a>
  2181. </li>
  2182. {/block:ifSidebarLink5}
  2183.  
  2184. {block:ifSidebarLink6}
  2185. <li>
  2186. <a href="{text:Sidebar Link 6 URL}">
  2187. <i data-feather="{text:Sidebar Link 6 Icon}" class="feather"></i>
  2188. <span>{text:Sidebar Link 6 Text}</span>
  2189. </a>
  2190. </li>
  2191. {/block:ifSidebarLink6}
  2192. </ul>
  2193. </nav>
  2194. <div>
  2195. </aside>
  2196. <div>
  2197.  
  2198. <section class="posts-container" id="{PostID}">
  2199. {block:Posts}
  2200. <article class="posts" id="{PostID}">
  2201.  
  2202. <!-- pinned post -->
  2203. {block:PinnedPostLabel}
  2204. <div class="pinned-post">
  2205. <span href="{Permalink}" title="{PinnedPostLabel}" class="sf sf-push-pin-o"></span>
  2206. <!--<span href="{Permalink}">{PinnedPostLabel}</span>-->
  2207. </div>
  2208. {/block:PinnedPostLabel}
  2209.  
  2210. <!-- text -->
  2211. {block:Text}
  2212. {block:Title}
  2213. <h1>{Title}</h1>
  2214. {/block:Title}
  2215.  
  2216. {block:ifTumblrCaptions}
  2217. {block:NotReblog}
  2218. <div class="reblog-list">
  2219. {Body}
  2220. </div>
  2221. {/block:NotReblog}
  2222.  
  2223. {block:RebloggedFrom}
  2224. <div class="reblog-list">
  2225.  
  2226. {block:Reblogs}
  2227. <div class="reblog-header">
  2228. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2229.  
  2230. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"><i data-feather="user"></i> {Username} </a> {/block:IsActive}
  2231.  
  2232. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated}
  2233. </div>
  2234.  
  2235. <div class="reblog-content"> {Body} </div>
  2236. {/block:Reblogs}
  2237.  
  2238. </div>
  2239. {/block:RebloggedFrom}
  2240. {/block:ifTumblrCaptions}
  2241.  
  2242. {block:ifNotTumblrCaptions}
  2243. <div class="caption">
  2244. {Body}
  2245. </div>
  2246. {/block:ifNotTumblrCaptions}
  2247.  
  2248. {/block:Text}
  2249. <!-- text -->
  2250.  
  2251.  
  2252. <!-- photo -->
  2253. {block:Photo}
  2254. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  2255.  
  2256. {block:ifTumblrCaptions}
  2257. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2258.  
  2259. {block:Reblogs} <div class="reblog-header">
  2260.  
  2261. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2262.  
  2263. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2264.  
  2265. {block:IsActive} <a target="_blank" href="{Permalink}" class="user"><i data-feather="user"></i> {Username} </a> {/block:IsActive}
  2266.  
  2267. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2268. {/block:ifTumblrCaptions}
  2269.  
  2270. {block:ifNotTumblrCaptions}
  2271. {block:Caption}
  2272. <div class="caption">
  2273. {Caption}
  2274. </div>
  2275. {/block:Caption}
  2276. {/block:ifNotTumblrCaptions}
  2277. {/block:Photo}
  2278. <!-- end photo -->
  2279.  
  2280.  
  2281. <!-- photoset -->
  2282. {block:Photoset}
  2283. <div class="photoset">
  2284.  
  2285. {block:ifPostsSize540px}<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>{block:ifPostsSize540px}
  2286.  
  2287. {block:ifTumblrCaptions}
  2288. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2289.  
  2290. {block:Reblogs} <div class="reblog-header">
  2291.  
  2292. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2293.  
  2294. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2295.  
  2296. {block:IsActive} <a target="_blank" href="{Permalink}" class="user"><i data-feather="user"></i> {Username} </a> {/block:IsActive}
  2297.  
  2298. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated}
  2299.  
  2300. </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2301. {/block:ifTumblrCaptions}
  2302.  
  2303. {block:ifNotTumblrCaptions}
  2304. {block:Caption}
  2305. <div class="caption">
  2306. {Caption}
  2307. </div>
  2308. {/block:Caption}
  2309. {/block:ifNotTumblrCaptions}
  2310. </div>
  2311. {/block:Photoset}
  2312. <!-- end photoset -->
  2313.  
  2314.  
  2315. <!-- quote -->
  2316. {block:Quote}
  2317. <div class="reblog-list">
  2318. <div class="quote">
  2319. "{Quote}"
  2320. </div>
  2321. {block:Source}
  2322. <div class="quote-source">
  2323. {Source}
  2324. </div>
  2325. {/block:Source}
  2326. </div>
  2327. {/block:Quote}
  2328. <!-- end quote -->
  2329.  
  2330.  
  2331. <!-- link -->
  2332. {block:Link}
  2333. {block:Thumbnail}
  2334. <div class="link-image">
  2335. <img src="{Thumbnail-HighRes}">
  2336. </div>
  2337. {/block:Thumbnail}
  2338.  
  2339. <a href="{URL}" style="border:none" class="link" {Target}>{Name} </a>
  2340. {block:ifTumblrCaptions}
  2341. {block:Description} <div class="reblog-list"> <div class="reblog-content"> {Description} </div></div> {/block:Description}
  2342. {/block:ifTumblrCaptions}
  2343.  
  2344. {block:ifNotTumblrCaptions}
  2345. {block:Description}
  2346. <div class="caption">
  2347. {Description}
  2348. </div>
  2349. {/block:Description}
  2350. {/block:ifNotTumblrCaptions}
  2351. {/block:Link}
  2352. <!-- end link -->
  2353.  
  2354.  
  2355. <!-- chat -->
  2356. {block:Chat}
  2357. {block:Title}
  2358. <h2>{Title} </h2>
  2359. {/block:Title}
  2360.  
  2361. {block:ifTumblrCaptions}
  2362. <div class="reblog-list">
  2363. <div class="reblog-content">
  2364. <div class="chat">
  2365. {block:Lines}
  2366. {block:Label}
  2367. <div class="label">{Label}</div>
  2368. {/block:Label}
  2369. <div class="line">{Line}</div>
  2370. {/block:Lines}
  2371. </div>
  2372. </div>
  2373. </div>
  2374. {/block:ifTumblrCaptions}
  2375.  
  2376. {block:ifNotTumblrCaptions}
  2377. <div class="caption">
  2378. <div class="chat">
  2379. {block:Lines}
  2380. {block:Label}
  2381. <div class="label">{Label}</div>
  2382. {/block:Label}
  2383. <div class="line">{Line}</div>
  2384. {/block:Lines}
  2385. </div>
  2386. </div>
  2387. {/block:ifNotTumblrCaptions}
  2388. {/block:Chat}
  2389. <!-- end chat -->
  2390.  
  2391.  
  2392. <!-- video -->
  2393. {block:Video}
  2394. <div class="video">{Video-500}</div>
  2395.  
  2396. {block:ifTumblrCaptions}
  2397. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2398.  
  2399. {block:Reblogs} <div class="reblog-header">
  2400.  
  2401. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2402.  
  2403. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2404.  
  2405. {block:IsActive} <a target="_blank" href="{Permalink}" class="user"><i data-feather="user"></i> {Username} </a> {/block:IsActive}
  2406.  
  2407. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated}
  2408.  
  2409. </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2410. {/block:ifTumblrCaptions}
  2411.  
  2412. {block:ifNotTumblrCaptions}
  2413. {block:Caption}
  2414. <div class="caption">
  2415. {Caption}
  2416. </div>
  2417. {/block:Caption}
  2418. {/block:ifNotTumblrCaptions}
  2419. {/block:Video}
  2420. <!-- end video -->
  2421.  
  2422.  
  2423. <!-- audio -->
  2424. {block:Audio}
  2425. <div class="audio">
  2426. {block:AlbumArt}
  2427. <div class="albumart"><img src="{AlbumArtURL}"></div>{block:AlbumArt}
  2428. {block:AudioPlayer}
  2429. <div class="audio_playbox"><div class="audio_playbutton">{AudioPlayerGrey}</div></div>
  2430. </div>
  2431. <div class="audio_trackinfo">
  2432. <div class="audio_trackname">{block:TrackName}{TrackName}{/block:TrackName}</div>
  2433. <div class="audio_artist">{block:Artist}{Artist}{/block:Artist}</div>
  2434. <div class="audio_album">{block:Album}{Album}{/block:Album}</div>
  2435. {/block:AudioPlayer}
  2436. </div>
  2437.  
  2438. {block:ifTumblrCaptions}
  2439. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2440.  
  2441. {block:Reblogs} <div class="reblog-header">
  2442.  
  2443. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2444.  
  2445. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2446.  
  2447. {block:IsActive} <a target="_blank" href="{Permalink}" class="user"><i data-feather="user"></i> {Username} </a> {/block:IsActive}
  2448.  
  2449. {block:IsDeactivated} <span class="inactive">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2450. {/block:ifTumblrCaptions}
  2451.  
  2452. {block:ifNotTumblrCaptions}
  2453. {block:Caption}<div class="caption">
  2454. {Caption}
  2455. </div>
  2456. {/block:Caption}
  2457. {/block:ifNotTumblrCaptions}
  2458. {/block:Audio}
  2459.  
  2460.  
  2461. <!-- end audio -->
  2462.  
  2463.  
  2464. <!-- ask -->
  2465. {block:Answer}
  2466. <div class="ask">
  2467. <i data-feather="mail" class="feather"></i>
  2468. <span class="ask-question">
  2469. {Question}
  2470. </span>
  2471. <span class="clearfix"></span>
  2472. <i data-feather="user" class="feather"></i>
  2473. <span class="ask-user">
  2474. {Asker}
  2475. </span>
  2476. </div>
  2477. <div class="reblog-list">
  2478. <div class="ask-answer reblog-content">
  2479. {Answer}
  2480. </div>
  2481. </div>
  2482.  
  2483. {block:ifTumblrCaptions}
  2484. {block:Caption} <div class="reblog-list"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
  2485.  
  2486. {block:Reblogs} <div class="reblog-header">
  2487.  
  2488. {block:IsActive} <a href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}" class="user-avatar"> </a> {/block:IsActive}
  2489.  
  2490. {block:IsDeactivated} <span class="inactive"> <img src="{PortraitURL-64}" class="user-avatar"> </span> {/block:IsDeactivated}
  2491.  
  2492. {block:IsActive} <a target="_blank" href="{Permalink}" class="user"><i data-feather="user"></i> {Username} </a> {/block:IsActive}
  2493.  
  2494. {block:IsDeactivated} <span class="inactive">{Username}</span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> {/block:Reblogs} {/block:RebloggedFrom} </div> {/block:Caption}
  2495. {/block:ifTumblrCaptions}
  2496.  
  2497. {block:ifNotTumblrCaptions}
  2498. {block:Caption}
  2499. <div class="caption">
  2500. {Caption}
  2501. </div>
  2502. {/block:Caption}
  2503. {/block:ifNotTumblrCaptions}
  2504. {/block:Answer}
  2505. <!-- end ask -->
  2506.  
  2507.  
  2508. <!-- date -->
  2509. {block:Date}
  2510. <div class="date">
  2511. <div class="date-content">
  2512. <div class="date-icon">
  2513. <a href="{Permalink}" title="{timeago}">
  2514. <i data-feather="{text:TimeIcon}" class="feather"></i>
  2515. </a>
  2516. </div>
  2517.  
  2518. {block:NoteCount}
  2519. <div class="date-icon">
  2520. <a href="{Permalink}" title="{NoteCountWithLabel}">
  2521. <i data-feather="{text:NotesIcon}" class="feather"></i>
  2522. </a>
  2523. </div>
  2524. {/block:NoteCount}
  2525.  
  2526. {block:Permalink}
  2527. {block:RebloggedFrom}
  2528. <div class="date-icon">
  2529. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">
  2530. <i data-feather="{text:RebloggedIcon}" class="feather"></i>
  2531. </a>
  2532. </div>
  2533. {/block:RebloggedFrom}
  2534.  
  2535. {block:ContentSource}
  2536. <div class="date-icon">
  2537. <a href="{SourceURL}" title="posted by {SourceTitle}">
  2538. <i data-feather="{text:SourceIcon}" class="feather"></i>
  2539. </a>
  2540. </div>
  2541. {/block:ContentSource}
  2542. {/block:Permalink}
  2543.  
  2544. <div class="date-icon">
  2545. <a href="{ReblogURL}" target="_blank" class="details" title="Reblog">
  2546. <i data-feather="{text:ReblogIcon}" class="feather"></i>
  2547. </a>
  2548. </div>
  2549.  
  2550. <div class="date-icon">
  2551. <a class="like-b" href="#" title="Like">
  2552. {LikeButton}
  2553. <i data-feather="{text:LikeIcon}" class="b feather"></i>
  2554. </a>
  2555. </div>
  2556.  
  2557. <!--<div class="date-icon">-->
  2558. <!-- <a class="toggle-tags" title="show tags">-->
  2559. <!-- <i data-feather="{text:ShowTagsIcon}" class="feather"></i>-->
  2560. <!-- </a>-->
  2561. <!--</div>-->
  2562. </div>
  2563.  
  2564. <!-- tags -->
  2565. {block:HasTags}
  2566. <div class="tags">
  2567. {block:Tags}
  2568. <a href="{TagURL}">
  2569. {Tag}</a>
  2570. {/block:Tags}
  2571. </div>
  2572. {/block:HasTags}
  2573. <!-- end tags -->
  2574. </div>
  2575. {/block:Date}
  2576. <!-- end date -->
  2577.  
  2578. </article> <!-- end posts -->
  2579. {/block:Posts}
  2580.  
  2581. {block:PostNotes}
  2582. <div class="posts post-notes">
  2583. {PostNotes}
  2584. {/block:PostNotes}
  2585. </section> <!-- end posts-container -->
  2586.  
  2587. <div class="scrolltop">
  2588. <a href="#"><i data-feather="arrow-up" class="feather"></i></a>
  2589. </div>
  2590.  
  2591.  
  2592.  
  2593.  
  2594.  
  2595.  
  2596. <div class="mcredito"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5646628";
  2597. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  2598. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  2599. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  2600. </script>
  2601. </div>
  2602.  
  2603.  
  2604. <!-- svg icon for custom tumblr controls -->
  2605.  
  2606. {block:ifCustomControls}
  2607. <div class="hcontrols"><i data-feather="more-horizontal" class="feather"></i></div>
  2608. {/block:ifCustomControls}
  2609.  
  2610. <!------------ scripts ---->
  2611.  
  2612. <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script> <!-- tooltips -->
  2613. <script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script> <!-- time stamp style -->
  2614. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script> <!-- resize videos -->
  2615.  
  2616.  
  2617. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <!-- smooth scroll -->
  2618.  
  2619.  
  2620. <script type="text/javascript">
  2621. // custom date
  2622.  
  2623. $(document).ready(function() {
  2624. $(".time-ago").timeAgo({
  2625. time: "letter", // can be "letter" "short" or "word"
  2626. spaces: true, // adds spaces between words and numbers
  2627. words: false, // turns numbers to words
  2628. prefix: "", // adds a prefix to the outputted string. could be "~" or "about"
  2629. suffix: "", // adds a suffix to the outputted string. could be "ago"
  2630. });
  2631. });
  2632.  
  2633.  
  2634.  
  2635. // pxu photosets
  2636.  
  2637. $(document).ready(function(){
  2638. $('.photo-slideshow').pxuPhotoset({
  2639. lightbox: true,
  2640. rounded: false,
  2641. gutter: 'var(--photosetGutter)',
  2642. borderRadius: '0px',
  2643. photoset: '.photo-slideshow',
  2644. photoWrap: '.photo-data',
  2645. photo: '.pxu-photo'
  2646. });
  2647. });
  2648.  
  2649.  
  2650. // custom notecount
  2651.  
  2652. var $container = $('.posts-container');
  2653. $container.find('.notecount').each(function(){
  2654. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2655. if (n > 999) {
  2656. n = Math.floor(n / 100) / 10;
  2657. $(this).text(n + 'k');
  2658. }
  2659. });
  2660.  
  2661.  
  2662. // tooltips
  2663.  
  2664. (function($){
  2665. $(document).ready(function(){
  2666. $("[title]").style_my_tooltips({
  2667. tip_follows_cursor:false,
  2668. tip_delay_time:15,
  2669. tip_fade_speed:500,
  2670. attribute:"title"
  2671. });
  2672. });
  2673. })(jQuery);
  2674.  
  2675.  
  2676. // feather icons (custom icons)
  2677. feather.replace();
  2678.  
  2679.  
  2680. // scroll to top
  2681. (function () {
  2682. ($window = $(window)),
  2683. ($scrollClass = $('.scrolltop')),
  2684. $scrollClass.fadeOut('fast'),
  2685. $scrollClass.click(function (t) {
  2686. t.preventDefault(), $('html, body').animate({ scrollTop: 0 }, 'slow');
  2687. }),
  2688. $window.scroll(function () {
  2689. $window.scrollTop() <= 433 ? $scrollClass.fadeOut('fast') : $scrollClass.fadeIn('fast');
  2690. });
  2691. });
  2692.  
  2693. // togggle tags
  2694. (function () {
  2695. // $(".tags").hide();
  2696. $(".toggle-tags").click(function(event) {
  2697. alert($(this));
  2698. });
  2699. });
  2700.  
  2701.  
  2702. </script>
  2703.  
  2704. </div> <!-- end container -->
  2705. </body>
  2706. </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!