Advertisement
cvndythemes

alwaysjensenackles

Jun 7th, 2022
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 71.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13.  
  14. <!--
  15.  
  16. >> ETHEREAL THEMES // BELLONA - FANSITE THEME
  17.  
  18. Designed by Ethereal Themes
  19. ethereal-themes.tumblr.com
  20. ⓒ 2016 - 2021
  21.  
  22. >> TERMS OF USE
  23.  
  24. Do NOT remove the credit
  25. Do NOT claim as your own
  26.  
  27. *You can move the credit, but leave it visible
  28. *Edit as much as you'd like
  29. *Feel free to ask about basic customization
  30. *Page suggestions always welcomed
  31.  
  32. >> EXTRAS
  33.  
  34. Fonts by Google Fonts
  35. Icons by Jam Icons @ jam-icons.com
  36. Tooltips by Tippy.js @ atomiks.github.io/tippyjs/
  37. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  38. PXU Photosets by chloethemes AND Un-nested captions variables @
  39. bychloethemes.tumblr.com
  40.  
  41. >> PAGE HELP
  42.  
  43. Please view the theme notes that came with this theme for help. There's also help above each manually edited section
  44.  
  45. -->
  46.  
  47.  
  48. <!-- COLORS -->
  49. <meta name="color:Background" content="#f2f2f2" />
  50. <meta name="color:Text" content="#000000" />
  51. <meta name="color:Links" content="#f04e4e" />
  52. <meta name="color:Content" content="#ffffff" />
  53.  
  54. <meta name="color:Borders" content="#ececec" />
  55. <meta name="color:Accent One" content="#e49a93" />
  56. <meta name="color:Accent Two" content="#c5e5de" />
  57. <meta name="color:Accent Three" content="#7d9476" />
  58.  
  59. <meta name="color:Liked Posts Heart" content="#f9a368" />
  60.  
  61. <meta name="color:Topbar Background" content="#ffffff" />
  62. <meta name="color:Topbar Links" content="#c5e5de" />
  63.  
  64. <meta name="color:Welcome Background" content="#ffffff" />
  65. <meta name="color:Welcome Text" content="#f000000" />
  66.  
  67. <meta name="color:Featured Tags Background" content="#ffffff" />
  68. <meta name="color:Featured Tags Titles" content="#000000" />
  69.  
  70. <meta name="color:Sidebar Icons" content="##d28170" />
  71. <meta name="color:Sidebar Icons Background" content="#ffffff" />
  72.  
  73. <meta name="color:Family Sites Text" content="#000000" />
  74. <meta name="color:Family Sites Background" content="#ffffff" />
  75.  
  76. <meta name="color:Footer Text" content="#000000" />
  77. <meta name="color:Footer Background" content="#ffffff" />
  78.  
  79.  
  80. <!-- IMAGES -->
  81. <meta name="image:Header" content="https://64.media.tumblr.com/ca16bb91bbe86694883d481144e70553/9c63e27d3d714403-fb/s2048x3072/549ab1dc2d9eea4c27a893a029f9586f10c14e30.png"/>
  82.  
  83. <meta name="image:Featured Tag One" content="https://64.media.tumblr.com/fc97a46302bd6f71805bd69f2588d1e9/9c63e27d3d714403-03/s2048x3072/0e240fe49dff80c471c3576f6cf1391706a86637.png"/>
  84. <meta name="image:Featured Tag Two" content="https://64.media.tumblr.com/0f37c3ef9cbc6335fec99d49e493fdb0/9c63e27d3d714403-ca/s2048x3072/e35c3bfb4a2acb5b27e6c6265c3c699f06bb028c.png"/>
  85. <meta name="image:Featured Tag Three" content="https://64.media.tumblr.com/1b1d70c1875fab897039f4e1f70910da/9c63e27d3d714403-11/s2048x3072/2b16a96509f16dff1f92b41c0fcf89736bb99d97.png"/>
  86.  
  87. <meta name="image:Sidebar" content="https://64.media.tumblr.com/a806c48c7529248c42e08d6575b937d6/9c63e27d3d714403-f1/s2048x3072/7c37081e7fe0777322c617d8d9fd8cab4840bf88.gif"/>
  88.  
  89. <meta name="image:Footer One" content="https://64.media.tumblr.com/9e0fa99fe965b6d25ca3115225d38f0b/9c63e27d3d714403-c2/s2048x3072/7cbc8120f8e488188d10c944f01eac621622396d.png"/>
  90. <meta name="image:Footer Two" content="https://64.media.tumblr.com/b00c3742705aa0b2c26c72f7233fcf7e/9c63e27d3d714403-4d/s2048x3072/0ef17ffe5da5a0c254b934b604d4567e89c26d9d.png"/>
  91. <meta name="image:Footer Three" content="https://64.media.tumblr.com/7252e9105a75443b766ab7bf7c684cc3/9c63e27d3d714403-2c/s2048x3072/4b6ff2b54a7cc2373322e2ab4185bafd17bf4703.png"/>
  92. <meta name="image:Footer Four" content="https://64.media.tumblr.com/c4b5cf75f5523c9af952b17806ddcd01/9c63e27d3d714403-ea/s2048x3072/c0f9cbd986a41595e82406c4c0fc1871e0277253.png"/>
  93. <meta name="image:Footer Five" content="https://64.media.tumblr.com/da0e8bc12019e6f68464309bd54d3ba1/9c63e27d3d714403-2c/s2048x3072/72f326f9b153ababb9bb18f2a672ff2342e6edb1.png"/>
  94. <meta name="image:Footer Six" content="https://64.media.tumblr.com/aba3b735a699bdd72615dfadc3c98666/9c63e27d3d714403-67/s2048x3072/143bd2c0ca8140545c43ee5e0fef1e6a9135ebd3.png"/>
  95.  
  96.  
  97. <!-- IF -->
  98. <meta name="if:Invert Tumblr Controls" content="1"/>
  99. <meta name="if:Repeating Header" content="1"/>
  100.  
  101. <meta name="if:Show Post Author" content="1"/>
  102. <meta name="if:Long Welcome Title" content="1"/>
  103. <meta name="if:Latest Photos" content="1"/>
  104.  
  105. <meta name="if:Featured Tags" content="1"/>
  106.  
  107. <meta name="if:Sidebar Image" content="1"/>
  108.  
  109. <meta name="if:Official Links" content="1"/>
  110. <meta name="if:Facebook Link" content="1"/>
  111. <meta name="if:Instagram Link" content="1"/>
  112. <meta name="if:Twitter Link" content="1"/>
  113. <meta name="if:Tumblr Link" content="0"/>
  114. <meta name="if:Youtube Link" content="0"/>
  115. <meta name="if:Extra Social Link" content="1"/>
  116.  
  117. <meta name="if:Schedule" content="1"/>
  118. <meta name="if:Projects" content="1"/>
  119. <meta name="if:Family Sites" content="1"/>
  120. <meta name="if:Twitter Feed" content="1"/>
  121. <meta name="if:Members" content="1"/>
  122. <meta name="if:Additional Section" content="1"/>
  123. <meta name="if:Affiliates" content="1"/>
  124. <meta name="if:Site Info" content="1"/>
  125. <meta name="if:Disclaimer" content="1"/>
  126.  
  127. <meta name="if:Footer Banner" content="1"/>
  128.  
  129.  
  130. <!-- SELECT -->
  131. <meta name="select:Lightbox" content="0,0,0," title="Black">
  132. <meta name="select:Lightbox" content="255,255,255," title="White">
  133.  
  134. <meta name="select:Extra Section Icon" content="fas fa-asterisk" title="Asterisk">
  135. <meta name="select:Extra Section Icon" content="fas fa-archive" title="Archive">
  136. <meta name="select:Extra Section Icon" content="fas fa-camera" title="Camera">
  137. <meta name="select:Extra Section Icon" content="fas fa-comment-alt" title="Comment">
  138. <meta name="select:Extra Section Icon" content="fas fa-folder" title="Folder">
  139. <meta name="select:Extra Section Icon" content="fas fa-align-left" title="Left Align">
  140. <meta name="select:Extra Section Icon" content="fas fa-grip-horizontal" title="Lines">
  141. <meta name="select:Extra Section Icon" content="fas fa-list" title="List">
  142. <meta name="select:Extra Section Icon" content="fas fa-pen" title="Pen">
  143. <meta name="select:Extra Section Icon" content="fas fa-quote-left" title="Quote">
  144. <meta name="select:Extra Section Icon" content="fas fa-tag" title="Tag">
  145. <meta name="select:Extra Section Icon" content="fas fa-volume-up" title="Volume">
  146.  
  147.  
  148. <!-- TEXT -->
  149. <meta name="text:Blog Name" content="always jensen ackles"/>
  150. <meta name="text:Blog URL" content="alwaysjackles"/>
  151.  
  152. <meta name="text:Celeb First Name" content="Jensen"/>
  153. <meta name="text:Celeb Last Name" content="Ackles"/>
  154.  
  155. <meta name="text:Twitter Username" content="jensenackles"/>
  156.  
  157. <meta name="text:Topbar Link One" content="edits"/>
  158. <meta name="text:Topbar Link One URL" content="https://alwaysjackles.tumblr.com/tagged/mine"/>
  159. <meta name="text:Topbar Link Two" content="news"/>
  160. <meta name="text:Topbar Link Two URL" content="https://alwaysjackles.tumblr.com/tagged/news"/>
  161. <meta name="text:Topbar Link Three" content="twitter"/>
  162. <meta name="text:Topbar Link Three URL" content="https://twitter.com/alwaysjackles_"/>
  163. <meta name="text:Topbar Link Four" content="instagram"/>
  164. <meta name="text:Topbar Link Four URL" content="https://www.instagram.com/alwaysjackles/"/>
  165.  
  166. <meta name="text:Featured Tag One" content="edits" />
  167. <meta name="text:Featured Tag One URL" content="/tagged/mine" />
  168. <meta name="text:Featured Tag Two" content="news" />
  169. <meta name="text:Featured Tag Two URL" content="/tagged/news" />
  170. <meta name="text:Featured Tag Three" content="bio" />
  171. <meta name="text:Featured Tag Three URL" content="/bio" />
  172.  
  173. <meta name="text:Facebook URL" content="https://www.facebook.com/JensenAckles/"/>
  174. <meta name="text:Twitter URL" content="https://twitter.com/jensenackles"/>
  175. <meta name="text:Instagram URL" content="https://www.instagram.com/jensenackles/"/>
  176. <meta name="text:Tumblr URL" content="https://tumblr.com"/>
  177. <meta name="text:Youtube URL" content="https://youtube.com"/>
  178. <meta name="text:Extra Social Title" content="Spotify"/>
  179. <meta name="text:Extra Social URL" content="https://open.spotify.com/artist/3qBdT7NKSOBogHhGiUVLiV?si=YE9coL7NR0mlnJc0lLpNoA&nd=1"/>
  180.  
  181. <meta name="text:Extra Section Title" content="Radio Company"/>
  182. <meta name="text:Extra Section" content="&#x3C;img src=&#x22;https://static.tumblr.com/9lgmntb/B8Lrcxei5/radiocompany.png&#x22;&#x3E;&#x3C;/center&#x3E; &#x3C;p&#x3E;&#x3C;b&#x3E;RADIO COMPANY&#x3C;/b&#x3E; is an American collaborative rock band formed by actor and singer-songwriter Jensen Ackles and singer-songwriter Steve Carlson. Their first album Vol. 1 was released on November 8, 2019. The album peaked at 151 on the US Billboard 200, and at number 18 on the US Top Rock Albums chart. &#x3C;p&#x3E;&#x3C;center&#x3E;&#x3C;a href=&#x22;https://mobile.twitter.com/radiocomusic&#x22;&#x3E;Twitter&#x3C;/a&#x3E; | &#x3C;a href=&#x22;https://www.instagram.com/radiocomusic/&#x22;&#x3E;Instagram&#x3C;/a&#x3E; | &#x3C;a href=&#x22;https://open.spotify.com/artist/3qBdT7NKSOBogHhGiUVLiV?si=CQlVocIpRdiOERnwUZYtNg&#x26;nd=1&#x22;&#x3E;Spotify&#x3C;/a&#x3E; | &#x3C;a href=&#x22;https://radiocomusic.com/&#x22;&#x3E;Official Site&#x3C;/a&#x3E;&#x3C;/center&#x3E;"/>
  183.  
  184. <meta name="text:Site Info About" content="Jensen Ackles"/>
  185. <meta name="text:Site Info Established" content="2022"/>
  186. <meta name="text:Site Info Admin" content="Sara"/>
  187.  
  188.  
  189. <!-- SCRIPTS-->
  190. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  191. <!--
  192. NPF images fix v3.0 by @glenthemes [2021]
  193. 💌 git.io/JRBt7
  194. --->
  195. <script src="//npf-images-v3.github.io/script.js"></script>
  196. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  197. <style tmblr-npf>
  198. :root {
  199. --NPF-Caption-Spacing:1em;
  200. --NPF-Image-Spacing:4px;
  201. }
  202. </style>
  203.  
  204. <style>
  205. .npf_row {width: 100%;}
  206. </style>
  207.  
  208. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  209.  
  210. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  211.  
  212. <script>
  213. $container.infinitescroll({
  214. itemSelector: '.posts',
  215. navSelector: '.pagination',
  216. nextSelector: '.pagination a',
  217. loadingImg: '',
  218. loadingText: '<em></em>',
  219. bufferPx: 2000
  220. },
  221. function( newElements ) {
  222. var $newElems = $(newElements);
  223. var $newElemsIDs = $newElems.map(function(){
  224. return this.id;
  225. }).get();
  226. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  227. });
  228. </script>
  229.  
  230. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  231.  
  232. <!-- TIPPY JS -->
  233. <script src="https://unpkg.com/popper.js@1"></script>
  234. <script src="https://unpkg.com/tippy.js@5"></script>
  235. <script>
  236. $(document).ready(function(){
  237. tippy('[title]', {
  238. arrow: false,
  239. placement: 'top',
  240. delay: 5,
  241. distance: 10,
  242. maxWidth: 300,
  243.  
  244. followCursor: true,
  245. allowHTML: true,
  246. theme: 'custom',
  247. ignoreAttributes: true,
  248. content(reference) {
  249. const title = reference.getAttribute('title');
  250. reference.removeAttribute('title');
  251. return title;
  252. },
  253. });
  254. });
  255. </script>
  256.  
  257. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  258.  
  259. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  260.  
  261. <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  262.  
  263.  
  264.  
  265. <!-- STYLESHEET -->
  266. <style type="text/css">
  267.  
  268. /* --- SELECTION ---*/
  269.  
  270. ::-moz-selection {color:{color:Content};background:{color:Accent Two};opacity:1;}
  271.  
  272. ::selection {color:{color:Content};background:{color:Accent Two};opacity:1;}
  273.  
  274. /* --- SCROLLBAR ---*/
  275.  
  276. ::-webkit-scrollbar-thumb {background-color:{color:Text};border:3px solid {color:Background};}
  277.  
  278. ::-webkit-scrollbar {background:#ddd;width:7px;border:3px solid {color:Background};}
  279.  
  280. /* --- TOOLTIPS ---*/
  281.  
  282. .tippy-tooltip.custom-theme {
  283. $tooltipBg: {color:Tooltips Background};
  284. background-color: {color:Tooltips Background};
  285. color:{color:Tooltips Text};
  286. border-radius:3px;
  287. font-size:7pt;
  288. text-transform:lowercase;
  289. letter-spacing:0.5px;
  290. margin:-30px 0px 0px 80px;
  291. }
  292.  
  293. .tippy-content {padding:4px 6px 4px 6px!important;}
  294.  
  295. /* --- TUMBLR TOOLS--- */
  296.  
  297. {block:IndexPage}
  298. iframe.tmblr-iframe {
  299. top:16px!important;
  300. right:5px!important;
  301. opacity:0;
  302. padding:0px 50px 30px 0px;
  303. z-index:10!important;
  304. transform:scale(0.47);
  305. transform-origin:100% 0;
  306. -webkit-transform:scale(0.47);
  307. -webkit-transform-origin:100% 0;
  308. -o-transform:scale(0.47);
  309. -o-transform-origin:100% 0;
  310. -moz-transform:scale(0.47);
  311. -moz-transform-origin:100% 0;
  312. -ms-transform:scale(0.47);
  313. -ms-transform-origin:100% 0;
  314. transition:0.2s ease-in-out;
  315. -webkit-transition:0.2s ease-in-out;
  316. -moz-transition:0.2s ease-in-out;
  317. {block:IfInvertTumblrControls}
  318. filter:invert(1);
  319. -webkit-filter:invert(1);
  320. -o-filter:invert(1);
  321. -moz-filter:invert(1);
  322. -ms-filter:invert(1);
  323. {/block:IfInvertTumblrControls}
  324. }
  325.  
  326. iframe.tmblr-iframe:hover {opacity:0.8!important;}
  327.  
  328. .tcontrols {
  329. position:fixed;
  330. top:20px;
  331. right:15px;
  332. color:{color:Topbar Links};
  333. font-size:calc(10pt + 1pt);
  334. z-index:9;
  335. transition:0.2s ease-in-out;
  336. -webkit-transition:0.2s ease-in-out;
  337. -moz-transition:0.2s ease-in-out;
  338. }
  339. {/block:IndexPage}
  340.  
  341. {block:PermalinkPage}
  342. iframe.tmblr-iframe {
  343. top:16px!important;
  344. right:15px!important;
  345. opacity:0.8;
  346. padding:0px;
  347. z-index:15!important;
  348. transform:scale(0.47);
  349. transform-origin:100% 0;
  350. -webkit-transform:scale(0.47);
  351. -webkit-transform-origin:100% 0;
  352. -o-transform:scale(0.47);
  353. -o-transform-origin:100% 0;
  354. -moz-transform:scale(0.47);
  355. -moz-transform-origin:100% 0;
  356. -ms-transform:scale(0.47);
  357. -ms-transform-origin:100% 0;
  358. transition:0.2s ease-in-out;
  359. -webkit-transition:0.2s ease-in-out;
  360. -moz-transition:0.2s ease-in-out;
  361. {block:IfInvertTumblrControls}
  362. filter:invert(1);
  363. -webkit-filter:invert(1);
  364. -o-filter:invert(1);
  365. -moz-filter:invert(1);
  366. -ms-filter:invert(1);
  367. {/block:IfInvertTumblrControls}
  368. }
  369. {/block:PermalinkPage}
  370.  
  371. /* --- BODY --- */
  372.  
  373. body {
  374. margin: 0px;
  375. padding: 0px;
  376. font-family: 'Poppins', sans-serif;
  377. color:{color:Text};
  378. font-size:10pt;
  379. line-height:150%;
  380. font-weight:normal;
  381. word-wrap:normal;
  382. text-align:left;
  383. background:{color:Background};
  384. }
  385.  
  386. a {
  387. color:#f04e4e;
  388. text-decoration:none;
  389. border-bottom:0px;
  390. padding:0px;
  391. cursor:help;
  392. transition:0.2s ease-in-out;
  393. -webkit-transition:0.2s ease-in-out;
  394. -moz-transition:0.2s ease-in-out;
  395. }
  396.  
  397. a:hover{
  398. color:#1c7887;
  399. text-decoration:none;
  400. border-bottom:0px;
  401. padding:0px;
  402. cursor:help;
  403. transition:0.2s ease-in-out;
  404. -webkit-transition:0.2s ease-in-out;
  405. -moz-transition:0.2s ease-in-out;
  406. }
  407.  
  408. .read_more_container {margin:0px 0px 0px 0px;}
  409.  
  410. b,strong {font-weight:700;color:#9a4b3e;}
  411. i,italic,em {font-style:italic; color:#99cfd8;}
  412. small, big {font-size:10pt;}
  413.  
  414. hr.divider, hr, hr.separator {
  415. display: block;
  416. margin-top: 0.5em;
  417. margin-bottom: 0.5em;
  418. margin-left: auto;
  419. margin-right: auto;
  420. border-style: inset;
  421. border-color:{color:Text};
  422. border-bottom: 1px;
  423. }
  424.  
  425. pre {
  426. white-space:pre-wrap;
  427. white-space:-moz-pre-wrap;
  428. white-space:-pre-wrap;
  429. white-space:-o-pre-wrap;
  430. word-wrap:break-word;
  431. font-family: 'Poppins', sans-serif;
  432. color:{color:Text};
  433. font-size:9pt;
  434. padding:3px 5px;
  435. border:0px!important;
  436. background:{color:Accent Three};
  437. }
  438.  
  439. ul, ol, li {text-align:left!important;text-align-last:left!important;}
  440.  
  441. blockquote {
  442. padding:2px 0px 2px 10px;
  443. text-decoration:none;
  444. border-left:1px solid {color:Borders};
  445. margin:5px 0px 0px 0px;
  446. }
  447.  
  448. blockquote img {max-width:100%;display:block;margin-bottom:5px;}
  449.  
  450.  
  451. /* --- TOPBAR --- */
  452.  
  453. #topbar {
  454. position:fixed;
  455. top:0px;
  456. left:0px;
  457. width:100%;
  458. text-align:center;
  459. z-index:8;
  460. opacity:1;
  461. }
  462.  
  463. #topbar, .top, .top a, .top a:hover, .scrolled-nav #topbar, .scrolled-nav .top, .scrolled-nav .top a, .scrolled-nav .top a:hover, .scrolled-nav {transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;}
  464.  
  465. .scrolled-nav .top {top:0px;}
  466.  
  467. .top {
  468. position:relative;
  469. top:-65px;
  470. left:0px;
  471. padding:20px 0px;
  472. background:{color:Topbar Background};
  473. text-align:center;
  474. border-bottom:1px solid {color:Borders};
  475. }
  476.  
  477. {block:PermalinkPage}
  478. .top {top:0px!important;}
  479. {/block:PermalinkPage}
  480.  
  481. .top a {
  482. display:inline-block;
  483. color:{color:Topbar Links};
  484. text-transform:uppercase;
  485. border-bottom:2px solid transparent;
  486. margin:0px 20px;
  487. }
  488.  
  489. .top a:hover:nth-child(3n+1):hover {border-bottom:2px solid {color:Accent One};}
  490. .top a:hover:nth-child(3n+2):hover {border-bottom:2px solid {color:Accent Two};}
  491. .top a:hover:nth-child(3n+3):hover {border-bottom:2px solid {color:Accent Three};}
  492.  
  493. .top b {
  494. position:relative;
  495. top:-4px;
  496. display:inline-block;
  497. vertical-align:middle;
  498. font-family: 'Playfair Display', serif;
  499. font-size:16pt;
  500. text-align:center;
  501. margin:0px 20px;
  502. text-transform:lowercase;
  503. color:{color:Topbar Links};
  504. font-weight:400;
  505. }
  506.  
  507. /* --- HEADER --- */
  508.  
  509. .header {
  510. position:absolute;
  511. top:0px;
  512. left:50%;
  513. margin-left:-600px;
  514. width:1200px;
  515. height:420px;
  516. background-image: url('{image:Header}');
  517. background-position:center top;
  518. }
  519.  
  520. {block:PermalinkPage}
  521. .header {top:62px!important;}
  522. {/block:PermalinkPage}
  523.  
  524. {block:IfRepeatingHeader}
  525. .header_rep {
  526. position:absolute;
  527. top:0px;
  528. left:0px;
  529. width:100%;
  530. height:420px;
  531. background-image: url('{image:Header}');
  532. background-position:center top;
  533. background-repeat:repeat-x;
  534. z-index:-1;
  535. }
  536. {/block:IfRepeatingHeader}
  537.  
  538. /* --- CONTAINER --- */
  539.  
  540. .container {
  541. position:relative;
  542. margin:0 auto;
  543. margin-top:395px;
  544. width:1050px;
  545. z-index:2;
  546. }
  547.  
  548. #end {clear:both;text-align:center;}
  549.  
  550. /* --- WELCOME --- */
  551.  
  552. .welcome {
  553. margin:0 auto;
  554. width:850px;
  555. padding:30px 50px;
  556. color:{color:Welcome Text};
  557. font-size:10pt;
  558. font-style:italic;
  559. line-height:150%;
  560. letter-spacing:0px;
  561. text-align:center;
  562. margin-bottom:80px;
  563. background:{color:Welcome Background};
  564. transition:0.1s ease-in-out;
  565. -webkit-transition:0.1s ease-in-out;
  566. -moz-transition:0.1s ease-in-out;
  567. }
  568.  
  569. .welcome b {color:{color:Accent One};}
  570.  
  571. .welcome i {border-bottom:2px solid {color:Accent Two};padding:0px 0px 0px;}
  572.  
  573. .welcome em {color:{color:Welcome Background};background:#000000;padding:0px;}
  574.  
  575. .welcome h1 {
  576. display:inline-block;
  577. font-style:normal!important;
  578. font-family: 'Playfair Display', serif;
  579. font-size:14pt;
  580. letter-spacing:1px;
  581. font-weight:400;
  582. text-transform:uppercase;
  583. margin-bottom:25px;
  584. text-align:center;
  585. border-bottom:3px solid {color:Accent One};
  586. }
  587.  
  588. /* --- LASTEST PHOTOS --- */
  589.  
  590. .latest_photos {
  591. margin:30px 0px 0px -8px;
  592. width:850px;
  593. text-align:center;
  594. }
  595.  
  596. .ji-tumblr-photos img {
  597. height:65px;
  598. width:65px;
  599. opacity:1;
  600. padding:0px;
  601. margin:0px 7px;
  602. transition:0.2s ease-in-out;
  603. -webkit-transition:0.2s ease-in-out;
  604. -moz-transition:0.2s ease-in-out;
  605. }
  606.  
  607. /* --- FEATURED --- */
  608.  
  609. .featured {
  610. margin:0 auto;
  611. width:900px;
  612. height:250px;
  613. color:{color:Featured Tags Titles};
  614. text-align:center;
  615. border-radius:4px;
  616. background:transparent;
  617. margin-bottom:100px;
  618. }
  619.  
  620. .feat {
  621. display:inline-block;
  622. width:250px;
  623. height:250px;
  624. margin:0px 15px;
  625. background:transparent;
  626. }
  627.  
  628. .feat a {border:0;opacity:1;text-decoration:none;}
  629.  
  630. .feat img {height:250px;width:250px;}
  631.  
  632. .feat:hover .feat_title {top:-26px;opacity:1;}
  633.  
  634. .feat_title {
  635. position:relative;
  636. top:-16px;
  637. left:20px;
  638. width:200px;
  639. opacity:1;
  640. padding:5px 5px 7px 5px;
  641. font-family: 'Playfair Display', serif;
  642. font-size:14pt;
  643. letter-spacing:1px;
  644. font-weight:400;
  645. text-transform:uppercase;
  646. text-align:center;
  647. background:{color:Featured Tags Background};
  648. transition:0.2s ease-in-out;
  649. -webkit-transition:0.2s ease-in-out;
  650. -moz-transition:0.2s ease-in-out;
  651. }
  652.  
  653. /* --- SIDEBAR --- */
  654.  
  655. .sidebar {
  656. float:left;
  657. width:380px;
  658. padding-bottom:50px;
  659. margin:0px 0px 0px 25px;
  660. }
  661.  
  662. .side {
  663. width:340px;
  664. padding:30px 20px;
  665. background:{color:Content};
  666. margin-bottom:65px;
  667. font-style:italic;
  668. text-align:left;
  669. }
  670.  
  671. .sidetitle {
  672. position:relative;
  673. left:50%;
  674. transform:translateX(-50%);
  675. display:inline-block;
  676. font-style:normal!important;
  677. font-family: 'Playfair Display', serif;
  678. font-size:14pt;
  679. letter-spacing:1px;
  680. font-weight:400;
  681. text-transform:none;
  682. margin-bottom:35px;
  683. text-align:center;
  684. }
  685.  
  686. .side:nth-child(3n+1) .sidetitle {border-bottom:3px solid {color:Accent One};}
  687. .side:nth-child(3n+2) .sidetitle {border-bottom:3px solid {color:Accent Two};}
  688. .side:nth-child(3n+3) .sidetitle {border-bottom:3px solid {color:Accent Three};}
  689.  
  690. .sideicon {text-align:center;margin-bottom:30px;}
  691.  
  692. .sideicon i {
  693. color:{color:Sidebar Icons};
  694. background:{color:Sidebar Icons Background};
  695. font-style:normal!important;
  696. font-size:9pt;
  697. line-height:15pt;
  698. width:20px;
  699. height:20px;
  700. padding:5px;
  701. border-radius:50%;
  702. }
  703.  
  704.  
  705. /* --- SIDEBAR IMAGE --- */
  706.  
  707. .sideimage {text-align:center;}
  708.  
  709. .sideimage img {width:340px;}
  710.  
  711. /* --- SIDEBAR OFFICIAL LINKS --- */
  712.  
  713. .sidebar_links {text-align:center;padding-top:10px;}
  714.  
  715. .sidebar_links a {
  716. display:inline-block;
  717. width:45%;
  718. padding:5px;
  719. margin:0px 0px 4px 0px;
  720. background:transparent;
  721. }
  722.  
  723. .sidebar_links a:nth-child(3n+1):hover {background:{color:Accent One};}
  724. .sidebar_links a:nth-child(3n+2):hover {background:{color:Accent Two};}
  725. .sidebar_links a:nth-child(3n+3):hover {background:{color:Accent Three};}
  726.  
  727. /* --- SIDEBAR SCHEDULE --- */
  728.  
  729. .schedule {margin-bottom:35px;}
  730.  
  731. .schedule::last-child {margin-bottom:0px!important;}
  732.  
  733. .schedule h1 {
  734. display:inline-block;
  735. font-family: 'Playfair Display', sans-serif;
  736. font-size:calc(8pt + 3pt);
  737. text-transform:uppercase;
  738. font-style:italic;
  739. text-align:left;
  740. color:{color:Text};
  741. margin:4px 0px 3px 0px;
  742. font-weight:400;
  743. }
  744.  
  745.  
  746. .schedule em {
  747. color: #ffffff;
  748. background: #000000;
  749. padding: 4px;
  750. font-weight:bold;
  751. }
  752.  
  753. .schedule p {
  754. margin:8px 0px 8px 0px;
  755. padding:10px;
  756. font-weight:40;
  757. }
  758.  
  759. .schedule p b {font-weight:400!important;}
  760.  
  761. .schedule p b::after {content:'―';margin:0px 0px 0px 4px;}
  762.  
  763. /* --- SIDEBAR PROJECTS --- */
  764.  
  765. .project {text-align:left;margin-bottom:30px;}
  766.  
  767. .project:last-of-type {margin-bottom:0px;}
  768.  
  769. .project_img {display:inline-block;vertical-align:middle;}
  770.  
  771. .project_img img {width:150px;height:200px;}
  772.  
  773. .project_detail {
  774. margin-top:-10px;
  775. width:155px;
  776. display:inline-block;
  777. padding:0px 0px 0px 10px;
  778. vertical-align:middle;
  779. font-size:8.5pt;
  780. }
  781.  
  782. .project_detail h1 {
  783. display:block;
  784. font-family: 'Playfair Display', sans-serif;
  785. font-size:calc(10pt + 3pt);
  786. text-transform:uppercase;
  787. font-style:bold;
  788. text-align:left;
  789. color:{color:Text};
  790. margin:4px 0px 3px 0px;
  791. font-weight:400;
  792. }
  793.  
  794. .project_detail b {font-weight:700;}
  795.  
  796. .project_detail i {font-weight:700;}
  797.  
  798. .project_detail em {font-style:italic;}
  799.  
  800. .project_detail a {
  801. text-transform:lowercase;
  802. margin:0px 3px 0px 0px;
  803. padding:0px;
  804. border-bottom:2px solid {color:Accent Two};
  805. }
  806.  
  807. /* --- SIDEBAR: FAMILY SITES --- */
  808.  
  809. .family {text-align:center;margin-bottom:25px;}
  810.  
  811. .family::last-child {margin-bottom:0px;}
  812.  
  813. .family img {position: relative;width:340px;height:150px;}
  814.  
  815. .family:hover .familyinfo {top:-26px;}
  816.  
  817. .familyinfo {
  818. position:relative;
  819. left:30px;
  820. top:-17px;
  821. width:280px;
  822. text-align:center;
  823. z-index:2;
  824. background:{color:Family Sites Background};
  825. transition:0.2s ease-in-out;
  826. padding:5px 10px;
  827. -webkit-transition:0.2s ease-in-out;
  828. -moz-transition:0.2s ease-in-out;
  829. }
  830.  
  831. .family a {
  832. font-family: 'Playfair Display', sans-serif;
  833. display:inline-block;
  834. font-size:calc(10pt + 3pt);
  835. text-transform:lowercase;
  836. font-style:italic;
  837. text-align:center;
  838. color:{color:Family Sites Text};
  839.  
  840.  
  841. font-weight:400;
  842. }
  843.  
  844. /* --- SIDEBAR TWITTER --- */
  845.  
  846. .twitter-timeline {text-align:left;}
  847.  
  848. /* --- SIDEBAR MEMBERS --- */
  849.  
  850. .member {width:70px;height:60px;display:block;margin:0px 2px 20px 1px;}
  851.  
  852. .member::last-of-type {margin-bottom:0px;}
  853.  
  854. .member img {height:60px;width:60px;}
  855.  
  856. .memberinfo {position:relative;top:-53px;left:75px;width:190px;margin-bottom:-20px;text-align:left!important;text-align-last:left!important;}
  857.  
  858. .memberinfo b {text-transform:uppercase;}
  859.  
  860. .memberinfo a {text-decoration:none;border:0;color:{color:Text};text-transform:uppercase;font-weight:700!important;}
  861.  
  862. /* --- SIDEBAR EXTRA --- */
  863.  
  864. .extra {margin:0;}
  865.  
  866. .extra iframe, .extra img, .extra embed, .extra object, .extra video, .extra .vine-embed, .extra #youtube_iframe, .extra .instagram-media {max-width:270px;height:auto;text-align:center;}
  867.  
  868. /* --- SIDEBAR AFFILIATES --- */
  869.  
  870. .affiliates {text-align:center;}
  871.  
  872. .affiliates img {height:55px;width:55px;margin:0px 6px 5px 0px;}
  873.  
  874. /* --- SIDEBAR SITE INFO --- */
  875.  
  876. ul.siteinfo {margin:0px 0px 0px -40px;list-style-type:none;text-align:left;text-align-last:left;}
  877.  
  878. .siteinfo li {padding-top:10px;}
  879.  
  880. .siteinfo li:before {content:''!important;margin:0;}
  881.  
  882. .siteinfo li:first-of-type {padding-top:0!important;}
  883.  
  884. .siteinfo li:last-of-type {padding-bottom:0px!important;border:0px;}
  885.  
  886. .siteinfo li a {margin:0px;border:0px;text-decoration:none;}
  887.  
  888. /* --- POSTS ---- */
  889.  
  890. .posts {
  891. float:right;
  892. margin:-10px 0px 0px 0px;
  893. width:calc(540px + 40px);
  894. }
  895.  
  896. .iposts {
  897. width:540px;
  898. padding:15px 20px 10px 20px;
  899. background:{color:Content};
  900. }
  901.  
  902. .iposts a {opacity:0.8;}
  903.  
  904. .iposts a:hover {opacity:1;}
  905.  
  906. .iposts_cont {margin-bottom:100px;padding:10px 0px 15px 0px;}
  907.  
  908. .iposts_cont:last-child {margin-top:0px!important;margin-bottom:0px!important;}
  909.  
  910. .ipostpxu {width:calc(540px - 2px);}
  911.  
  912. .stphoto img {max-width:100%;}
  913.  
  914. iframe, embed, object, video {max-width:100%;}
  915.  
  916. iframe {margin:0px;}
  917.  
  918. iframe.tumblr_audio_player {margin:0px 0px;!important}
  919.  
  920. .textpost img {max-width:100%;height:auto;}
  921.  
  922. .video {overflow:hidden;width:calc(540px - 2px);margin:0px!important;}
  923.  
  924. .vine-embed,#youtube_iframe {width:540px;}
  925.  
  926. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  927. .video {padding-bottom:1px;}
  928. .video {padding:1px;}
  929.  
  930. /* --- UNNEST STYLING --- */
  931.  
  932. .caption {text-align:left;text-align-last:left;margin-top:10px;}
  933.  
  934. .quest_caption {text-align:center;text-align-last:center;margin-top:10px;}
  935.  
  936. .cap {margin-top:0px;}
  937.  
  938. .comment_container, .answer_container {text-align:left;padding-top:10px;padding-bottom:10px;}
  939.  
  940. .comment_container:last-of-type {margin-bottom:-10px;border-bottom:0px!important;padding-bottom:0px;}
  941.  
  942. .commenter {color:{color:Text};margin:0px;}
  943.  
  944. .commenter span {color:{color:Text};height:30px;font-weight:700!important;font-size:9pt;}
  945.  
  946. .commenter img {height:30px;width:30px;display:inline-block;margin:0px 4px 0px 0px;vertical-align:middle;border-radius:50%;}
  947.  
  948. /* --- POST INFO --- */
  949.  
  950. .postinfo {
  951. padding:20px 20px 5px 20px;
  952. text-transform:lowercase;
  953. font-size:9pt;
  954. background:{color:Content};
  955. }
  956.  
  957. {block:IfShowPostAuthor}
  958. .postinfo img {
  959. position:relative;
  960. top:7px;
  961. left:0px;
  962. height:30px;
  963. width:30px;
  964. display:inline-block;
  965. margin:0px 4px 0px 0px;
  966. vertical-align:middle;
  967. border-radius:50%;
  968. }
  969.  
  970. .postinfo p {margin:-10px 0px 0px 37px;}
  971. {/block:IfShowPostAuthor}
  972.  
  973. {block:IfNOTShowPostAuthor}
  974. .postinfo p {margin:0px 0px 0px 0px;}
  975. {/block:IfNOTShowPostAuthor}
  976.  
  977. .postinfo b {font-weight:700!important;color:{color:Text};}
  978.  
  979. /* --- POST CONTROL --- */
  980.  
  981. .postcontrol {
  982. position:relative;
  983. float:right;
  984. {block:IfNOTShowPostAuthor}
  985. top:-24px;
  986. {/block:IfNOTShowPostAuthor}
  987. {block:IfShowPostAuthor}
  988. top:-31px;
  989. {/block:IfShowPostAuthor}
  990. margin-right:16px;
  991. text-align:right;
  992. width:40px;
  993. overflow:hidden;
  994. text-align:center;
  995. }
  996.  
  997. .postcontrol i {
  998. padding:0px;
  999. display:block;
  1000. overflow:hidden;
  1001. color:{color:Text};
  1002. font-size:calc(9pt + 1pt);
  1003. opacity:1.0;
  1004. }
  1005.  
  1006. .postcontrol a {display:inline-block;opacity:1.0;color:{color:Text};}
  1007.  
  1008. .postcontrol .reblog {margin:0px 4px 0px 0px;}
  1009.  
  1010. .postcontrol .like .liked + i {opacity:1;color:{color:Liked Posts Heart};}
  1011.  
  1012. .like {position:relative;top:0px;display:inline-block;vertical-align:middle;}
  1013.  
  1014. .postcontrol .like .like_button {position:relative;}
  1015.  
  1016. .postcontrol .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  1017.  
  1018. /* --- POST TAGS --- */
  1019.  
  1020. .posttags {
  1021. padding:0px 0px 25px 0px;
  1022. text-align:center;
  1023. text-transform:lowercase;
  1024. font-size:9pt;
  1025. font-weight:400;
  1026. line-height:18pt;
  1027. background:{color:Content};
  1028. }
  1029.  
  1030. .posttags a {
  1031. text-transform:lowercase;
  1032. font-size:9pt;
  1033. color:{color:Text};
  1034. margin:0px 10px 0px 10px;
  1035. }
  1036.  
  1037. .posttags a:nth-child(3n+1) {border-bottom:2px solid {color:Accent One};}
  1038. .posttags a:nth-child(3n+2) {border-bottom:2px solid {color:Accent Two};}
  1039. .posttags a:nth-child(3n+3) {border-bottom:2px solid {color:Accent Three};}
  1040.  
  1041. /* --- POST STYLES --- */
  1042.  
  1043. h4 {
  1044. font-family: 'Playfair Display', serif;
  1045. display:block;
  1046. color:{color:Text};
  1047. font-size:16pt;
  1048. text-transform:lowercase;
  1049. letter-spacing:1px;
  1050. font-weight:400;
  1051. margin:0px 0px 20px 0px;
  1052. text-align:left;
  1053. }
  1054.  
  1055. h1, h2, h3 {
  1056. font-family: 'Playfair Display', serif;
  1057. display:block;
  1058. font-size:14pt;
  1059. text-transform:lowercase;
  1060. letter-spacing:1px;
  1061. font-weight:400;
  1062. margin:0px 0px 10px 0px;
  1063. text-align:left;
  1064. }
  1065.  
  1066. h1 {color:{color:Text};}
  1067.  
  1068. h2 {color:{color:Text};padding:5px;background:{color:Accent Two};text-align:left;}
  1069.  
  1070. h3 {text-align:center!important;}
  1071.  
  1072. /* --- CHAT POSTS --- */
  1073.  
  1074. .chat {text-align:left;}
  1075.  
  1076. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label {display:block;font-weight:700;}
  1077.  
  1078. .chat b {font-weight:700;}
  1079.  
  1080. .label {color:{color:Text};padding:3px 5px 3px 5px;}
  1081.  
  1082. ul.chat {margin-left:-40px;}
  1083.  
  1084. .chat li {list-style-type:none;margin:0px 0px 10px 0px;}
  1085.  
  1086. /* --- LINK POSTS --- */
  1087.  
  1088. .linkthumb {width:540px;height:250px;overflow:hidden;}
  1089.  
  1090. .linkthumb img {width:540px;margin-top:0px;}
  1091.  
  1092. .link_host {
  1093. padding:2px 0px 2px 10px;
  1094. text-decoration:none;
  1095. margin:5px 0px 0px 0px;
  1096. }
  1097.  
  1098. .link_host h1 {
  1099. font-family: 'Playfair Display', serif;
  1100. display:block;
  1101. color:{color:Text};
  1102. font-size:16pt;
  1103. text-transform:lowercase;
  1104. letter-spacing:1px;
  1105. font-weight:400;
  1106. margin:0px 0px 20px 0px;
  1107. padding-right:10px;
  1108. text-align:left;
  1109. transition:0.2s ease-in-out;
  1110. -webkit-transition:0.2s ease-in-out;
  1111. -moz-transition:0.2s ease-in-out;
  1112. }
  1113.  
  1114. .link_host h1:hover {padding-right:0px;}
  1115.  
  1116. .link_host i {
  1117. position:relative;
  1118. top:2px;
  1119. float:right;
  1120. vertical-align:middle;
  1121. font-size:14pt;
  1122. }
  1123.  
  1124. /* --- QUOTE POSTS --- */
  1125.  
  1126. .quote_post, .quote_post h3 {text-align:center!important;text-align-last:center!important;}
  1127.  
  1128. .quote_post b {font-weight:700!important;}
  1129.  
  1130. /* --- AUDIO POSTS --- */
  1131.  
  1132. .audio {height:110px;padding:10px 0px;padding:0px;}
  1133.  
  1134. .albumart {text-align:left;}
  1135.  
  1136. .albumart img {height:100px;width:100px;border-radius:50%;}
  1137.  
  1138. .audiobox {
  1139. position:absolute;
  1140. display:inline-block;
  1141. margin:-77px 0px 0px 29px;
  1142. border-radius:50%;
  1143. background:#f2f2f2;
  1144. z-index:6;
  1145. }
  1146.  
  1147. .button {
  1148. position:relative;
  1149. width:30px;
  1150. height:30px;
  1151. overflow:hidden;
  1152. margin:8px 7px 6px 5px;
  1153. z-index:5;
  1154. }
  1155.  
  1156. .audioinfo {
  1157. position:relative;
  1158. top:-79px;
  1159. left:120px;
  1160. width:calc(100% - 100px - 50px);
  1161. display:inline-block;
  1162. text-align:left;
  1163. }
  1164.  
  1165. .audioinfo b {display:block;font-size:130%;margin:0px 0px 10px 0px;}
  1166.  
  1167. .soundcloud_audio_player {margin-bottom:-16px!important;}
  1168.  
  1169. .spotify_audio_player {height:80px!important;}
  1170.  
  1171. /* --- QUESTIONS ---*/
  1172.  
  1173. .ask_asker {
  1174. margin:0 auto;
  1175. position:relative;
  1176. left:50%;
  1177. transform:translateX(-50%);
  1178. height:90px;
  1179. text-align:center;
  1180. }
  1181.  
  1182. .ask_asker, .ask_asker a {font-weight:700!important;}
  1183.  
  1184. .answer_og {text-align-last:center!important;text-align:center;}
  1185.  
  1186. .question_og {text-align:left!important;text-align-last:left!important;}
  1187.  
  1188. .answer_og, .ask_asker, .ask_asker a {
  1189. font-family: 'Playfair Display', serif;
  1190. display:inline-block;
  1191. color:{color:Text};
  1192. font-size:12pt;
  1193. text-transform:lowercase;
  1194. letter-spacing:1px;
  1195. font-weight:400;
  1196. margin:0px 0px 5px 0px;
  1197. text-align:center;
  1198. }
  1199.  
  1200. .ask_asker a, a.ask_asker {display:inline-block;}
  1201.  
  1202. .answer_og img, .ask_asker img {text-align:center;padding:0px;margin:0px 0px -5px 0px;height:40px;width:40px;border-radius:50%;padding:5px;}
  1203.  
  1204. .answer_og p, .ask_asker p {margin:20px 0px;}
  1205.  
  1206. .answer_og b, .ask_asker {border-bottom:3px solid {color:Accent One};}
  1207.  
  1208. .question {text-align:left;margin:20px 0px 10px 0px;}
  1209.  
  1210. /* --- PAGINATION --- */
  1211.  
  1212. .pagination {width:540px;margin-top:40px;background:{color:Content};text-align:center;padding:20px;}
  1213.  
  1214. .pagi_jump {text-align:center;width:calc(100% - 80px - 80px - 40px);}
  1215.  
  1216. .pagi_prev {width:80px;}
  1217.  
  1218. .pagi_next {width:80px;}
  1219.  
  1220. .pagi_jump, .pagi_prev, .pagi_next {display:inline-block;}
  1221.  
  1222. .pagi_pages, .pagi_jump a, .pagi_pages a, .pagi_prev a, .pagi_next a {
  1223. text-transform:lowercase;
  1224. letter-spacing:1px;
  1225. font-weight:400;
  1226. font-size:10pt;
  1227. text-align:left;
  1228. margin-bottom:15px;
  1229. }
  1230.  
  1231. .pagi_jump a, .pagi_jump span {margin:0px 4px;}
  1232.  
  1233. .pagi_jump span {font-size:9pt;}
  1234.  
  1235. /* --- LIGHTBOXES ---*/
  1236.  
  1237. .vignette, #vignette {opacity:0;}
  1238.  
  1239. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  1240.  
  1241. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  1242.  
  1243. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  1244.  
  1245. /* ---PERMALINK NOTES --- */
  1246.  
  1247. ol.notes {
  1248. padding:20px;
  1249. margin:0px 0px 25px 0px;
  1250. list-style-type:none;
  1251. border-bottom:solid 0px;
  1252. background:{color:Content};
  1253. width:540px;
  1254. }
  1255.  
  1256. .notes a {color:{color:Text};}
  1257. .notes a:hover {color:{color:Text};}
  1258.  
  1259. ol.notes li.note {
  1260. display:block;
  1261. border-bottom:solid 1px {color:Borders};
  1262. padding:10px;
  1263. list-style-type:none!important;
  1264. }
  1265.  
  1266. ol.notes li.note img.avatar {
  1267. vertical-align:middle;
  1268. margin-right:10px;
  1269. position:relative;
  1270. top:-2px;
  1271. width:25px;
  1272. height:25px;
  1273. border-radius:50%;
  1274. display:inline-block;
  1275. }
  1276.  
  1277. ol.notes li.note span.action {font-weight: normal;}
  1278.  
  1279. ol.notes li.note .answer_content {font-weight: normal;}
  1280.  
  1281. ol.notes li.note blockquote {
  1282. border-color: {color:Text};
  1283. padding: 4px 10px;
  1284. margin: 10px 0px 0px 25px;
  1285. }
  1286.  
  1287. ol.notes li.note blockquote a {text-decoration: none;}
  1288.  
  1289. /* --- FOOTER --- */
  1290.  
  1291. footer {
  1292. margin:0 auto;
  1293. float:left;
  1294. width:100%;
  1295. padding:0px;
  1296. margin-top:100px;
  1297. background:{color:Footer Background};
  1298. }
  1299.  
  1300. .footer_cont {
  1301. width:100%;
  1302. overflow:hidden;
  1303. }
  1304.  
  1305. .footer_banner {
  1306. height:250px;
  1307. margin-left:-250px;
  1308. width:calc(100% + 500px);
  1309. overflow:hidden;
  1310. }
  1311.  
  1312.  
  1313. .footer_img {
  1314. display:inline-block;
  1315. width:200px;
  1316. height:300px;
  1317. margin:0px -4px 0px 0px;
  1318. }
  1319.  
  1320. .footer_img:nth-child(6n+1) {background-image: url('{image:Footer One}');}
  1321.  
  1322. .footer_img:nth-child(6n+2) {background-image: url('{image:Footer two}');}
  1323.  
  1324. .footer_img:nth-child(6n+3) {background-image: url('{image:Footer Three}');}
  1325.  
  1326. .footer_img:nth-child(6n+4) {background-image: url('{image:Footer Four}');}
  1327.  
  1328. .footer_img:nth-child(6n+5) {background-image: url('{image:Footer Five}');}
  1329.  
  1330. .footer_img:nth-child(6n+6) {background-image: url('{image:Footer Six}');}
  1331.  
  1332. .footer {
  1333. margin:0 auto;
  1334. width:80%;
  1335. padding:20px 20px 40px 20px;
  1336. }
  1337.  
  1338. .footer_nav {float:left;}
  1339. .footer_copy {float:right;}
  1340.  
  1341. .footer_nav, .footer_copy, .footer_copy a {
  1342. display:inline-block;
  1343. color:{color:Footer Links};
  1344. font-size:9pt;
  1345. text-transform:uppercase;
  1346. letter-spacing:1px;
  1347. }
  1348.  
  1349. .footer_nav a {
  1350. display:inline-block;
  1351. color:{color:Footer Links};
  1352. font-size:9pt;
  1353. text-transform:uppercase;
  1354. letter-spacing:1px;
  1355. margin:0px 15px;
  1356. border:0px;
  1357. }
  1358.  
  1359. .footer_nav a:nth-child(3n+1) {border-bottom:2px solid {color:Accent One};}
  1360. .footer_nav a:nth-child(3n+2) {border-bottom:2px solid {color:Accent Two};}
  1361. .footer_nav a:nth-child(3n+3) {border-bottom:2px solid {color:Accent Three};}
  1362.  
  1363. /* --- SCROLL TO TOP --- */
  1364.  
  1365. #scrollToTop {
  1366. display:none;
  1367. position:fixed;
  1368. bottom:17px;
  1369. right:11px;
  1370. z-index:10;
  1371. }
  1372.  
  1373. #scrollToTop span {
  1374. color:{color:Text};
  1375. background:{color:Content};
  1376. height:30px;
  1377. width:30px;
  1378. line-height:30px;
  1379. border-radius:50%;
  1380. font-size:14pt;
  1381. padding:5px;
  1382. transition:0.2s ease-in-out;
  1383. -webkit-transition:0.2s ease-in-out;
  1384. -moz-transition:0.2s ease-in-out;
  1385. }
  1386.  
  1387. {CustomCSS}
  1388. </style>
  1389.  
  1390. </head>
  1391. <body>
  1392.  
  1393.  
  1394.  
  1395.  
  1396. <!-- DO NOT EDIT -->
  1397. <div class="tcontrols">+</div>
  1398.  
  1399.  
  1400.  
  1401.  
  1402.  
  1403. <!---------------------------------------------
  1404.  
  1405. -----------------------------------------------
  1406.  
  1407. START TOPBAR
  1408.  
  1409. -----------------------------------------------
  1410.  
  1411. ---------------------------------------------->
  1412. <div id="topbar">
  1413. <div class="top">
  1414. <a href="/">Home</a>
  1415. <a href="/ask">Ask</a>
  1416. <a href="{text:Topbar Link One URL}">{text:Topbar Link One}</a>
  1417.  
  1418. <b>{text:Blog Name}</b>
  1419.  
  1420. <a href="{text:Topbar Link Two URL}">{text:Topbar Link Two}</a>
  1421. <a href="{text:Topbar Link Three URL}">{text:Topbar Link Three}</a>
  1422. <a href="{text:Topbar Link Four URL}">{text:Topbar Link Four}</a>
  1423. </div>
  1424. </div>
  1425. <!-- END TOPBAR ----------------->
  1426.  
  1427.  
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433. <!---------------------------------------------
  1434.  
  1435. -----------------------------------------------
  1436.  
  1437. START HEADER
  1438.  
  1439. -----------------------------------------------
  1440.  
  1441. ---------------------------------------------->
  1442. {block:IfRepeatingHeader}<div class="header_rep"></div>{/block:IfRepeatingHeader}
  1443. <div class="header"></div>
  1444. <!-- END HEADER ----------------->
  1445.  
  1446.  
  1447.  
  1448.  
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455.  
  1456.  
  1457.  
  1458. <!-- START CONTAINER -------------------------->
  1459. <div class="container">
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468.  
  1469. <!---------------------------------------------
  1470.  
  1471. -----------------------------------------------
  1472.  
  1473. START WELCOME
  1474.  
  1475. -----------------------------------------------
  1476.  
  1477. ---------------------------------------------->
  1478. <div class="welcome">
  1479. <h1>Welcome {block:IfLongWelcomeTitle}to <b>{text:Blog Name}</b>{/block:IfLongWelcomeTitle}</h1><br>
  1480.  
  1481. {Description}
  1482.  
  1483. {block:IfLatestPhotos}
  1484. <div class="latest_photos">
  1485. <div class='ji-tumblr-photos'><a id='ji-tumblr-url-gallery-1' href=''><img border='0' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a><a id='ji-tumblr-url-gallery-2' href=''><img border='0' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a><a id='ji-tumblr-url-gallery-3' href=''><img border='0' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a><a id='ji-tumblr-url-gallery-4' href=''><img border='0' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a><a id='ji-tumblr-url-gallery-5' href=''><img border='0' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a><a id='ji-tumblr-url-gallery-6' href=''><img border='0' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a><a id='ji-tumblr-url-gallery-7' href=''><img border='0' id='ji-tumblr-photo-gallery-7' src='' alt='' /></a><a id='ji-tumblr-url-gallery-8' href=''><img border='0' id='ji-tumblr-photo-gallery-8' src='' alt='' /></a><a id='ji-tumblr-url-gallery-9' href=''><img border='0' id='ji-tumblr-photo-gallery-9' src='' alt='' /></a><a id='ji-tumblr-url-gallery-10' href=''><img border='0' id='ji-tumblr-photo-gallery-10' src='' alt='' /></a>
  1486. </div>
  1487.  
  1488. <script type='text/javascript' src='https://{text:Blog URL}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1489. <script type='text/javascript'>
  1490. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1491. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1492. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1493. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1494. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1495. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1496. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1497. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1498. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1499. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1500. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1501. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1502. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1503. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1504. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1505. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1506. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1507. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1508. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1509. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1510. </script>
  1511. </div>
  1512. {/block:IfLatestPhotos}
  1513.  
  1514. </div>
  1515. <!-- END TOPBAR ----------------->
  1516.  
  1517.  
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524.  
  1525. <!---------------------------------------------
  1526.  
  1527. -----------------------------------------------
  1528.  
  1529. START FEATURED TAGS
  1530.  
  1531. -----------------------------------------------
  1532.  
  1533. ---------------------------------------------->
  1534. {block:IfFeaturedTags}
  1535. <div class="featured">
  1536.  
  1537. <div class="feat">
  1538. <a href="{text:Featured Tag One URL}"><img src="{image:Featured Tag One}"></a>
  1539. <div class="feat_title"><a href="{text:Featured Tag One URL}">{text:Featured Tag One}</a></div>
  1540. </div>
  1541.  
  1542. <div class="feat">
  1543. <a href="{text:Featured Tag Two URL}"><img src="{image:Featured Tag Two}"></a>
  1544. <div class="feat_title"><a href="{text:Featured Tag Two URL}">{text:Featured Tag Two}</a></div>
  1545. </div>
  1546.  
  1547. <div class="feat">
  1548. <a href="{text:Featured Tag Three URL}"><img src="{image:Featured Tag Three}"></a>
  1549. <div class="feat_title"><a href="{text:Featured Tag Three URL}">{text:Featured Tag Three}</a></div>
  1550. </div>
  1551.  
  1552. </div>
  1553. {/block:IfFeaturedTags}
  1554. <!-- END FEATURED TAGS ----------------->
  1555.  
  1556.  
  1557.  
  1558.  
  1559.  
  1560.  
  1561.  
  1562.  
  1563.  
  1564. <!---------------------------------------------
  1565.  
  1566. -----------------------------------------------
  1567.  
  1568. START SIDEBAR
  1569.  
  1570. -----------------------------------------------
  1571.  
  1572. ---------------------------------------------->
  1573. <div class="sidebar">
  1574.  
  1575.  
  1576.  
  1577.  
  1578.  
  1579.  
  1580. <!-- Sidebar: Start Welcome -->
  1581. {block:IfSidebarImage}
  1582. <div class="side">
  1583.  
  1584. <div class="sideimage">
  1585. <img src="{image:Sidebar}" />
  1586. </div>
  1587.  
  1588. </div>
  1589. {/block:IfSidebarImage}
  1590. <!-- Sidebar: End Welcome -->
  1591.  
  1592.  
  1593.  
  1594.  
  1595.  
  1596. <!-- Sidebar: Start Official Links -->
  1597. {block:IfOfficialLinks}
  1598. <div class="side">
  1599. <div class="sideicon about"><i class="fas fa-globe"></i></div>
  1600. <div class="sidetitle">{text:Celeb First Name}'s Official Links</div>
  1601.  
  1602. <div class="sidebar_links">
  1603. {block:IfFacebookLink}<a href="{text:Facebook URL}">Facebook</a>{/block:IfFacebookLink}
  1604.  
  1605. {block:IfInstagramLink}<a href="{text:Instagram URL}">Instagram</a>{/block:IfInstagramLink}
  1606.  
  1607. {block:IfTwitterLink}<a href="{text:Twitter URL}">Twitter</a>{/block:IfTwitterLink}
  1608.  
  1609. {block:IfTumblrLink}<a href="{text:Tumblr URL}">Tumblr</a>{/block:IfTumblrLink}
  1610.  
  1611. {block:IfYoutubeLink}<a href="{text:Youtube URL}">Youtube</a>{/block:IfYoutubeLink}
  1612.  
  1613. {block:IfExtraSocialLink}<a href="{text:Extra Social URL}">{text:Extra Social Title}</a>{/block:IfExtraSocialLink}
  1614. </div>
  1615.  
  1616. </div>
  1617. {/block:IfOfficialLinks}
  1618. <!-- Sidebar: End Official Links -->
  1619.  
  1620.  
  1621.  
  1622.  
  1623.  
  1624.  
  1625.  
  1626. <!-- Sidebar: Start Schedule -->
  1627. {block:IfSchedule}
  1628. <div class="side">
  1629. <div class="sideicon about"><i class="fas fa-calendar"></i></div>
  1630. <div class="sidetitle">{text:Celeb First Name}'s Schedule</div>
  1631. <!-- EDIT SCHEDULE HERE-->
  1632.  
  1633. <!---
  1634.  
  1635. 1. To add more dates, copy one section from "Start Individual Date" to "End Individual Date" and paste it after the last schedule block
  1636.  
  1637. 2. To change the Event name, edit between the <h1> and </h1>
  1638.  
  1639. 3. To change the date, edit between the <b> and </b>
  1640.  
  1641. 4. Add a small description below the "EVENT DETAIL" below the <p> and above the </p>
  1642.  
  1643. For example:
  1644.  
  1645. <h1>SDCC Meet & Greet</h1>
  1646. <p>
  1647. <b>04/22/2020</b>
  1648. Meet Sydney at the San Diego Comic Con. She'll be a the the panel for...
  1649. </p>
  1650.  
  1651.  
  1652. ----->
  1653.  
  1654. <!--------------- START SCHEDULE BELOW --------------->
  1655.  
  1656.  
  1657. <!-- Start Individual Date -->
  1658. <div class="schedule">
  1659. <h1><em>23 MAY -</em></h1>
  1660. <!-- Event Detail Below -->
  1661. The Boys Season 3 Screening, Paris
  1662. </div>
  1663. <!-- Start Individual Date -->
  1664.  
  1665. <!-- Start Individual Date -->
  1666. <div class="schedule">
  1667. <h1><em>03 JUNE -</em></h1>
  1668. <!-- Event Detail Below -->
  1669. The Boys Season 3 (Episodes 1-3)
  1670. </div>
  1671. <!-- Start Individual Date -->
  1672.  
  1673. <!-- Start Individual Date -->
  1674. <div class="schedule">
  1675. <h1><em>07 JUNE -</em></h1>
  1676. <!-- Event Detail Below -->
  1677. LIVE with Kelly and Ryan
  1678. </div>
  1679. <!-- Start Individual Date -->
  1680.  
  1681. <!-- Start Individual Date -->
  1682. <div class="schedule">
  1683. <h1><em>08 JUNE -</em></h1>
  1684. <!-- Event Detail Below -->
  1685. Late Night with Seth Meyers
  1686. </div>
  1687. <!-- Start Individual Date -->
  1688.  
  1689. <!-- Start Individual Date -->
  1690. <div class="schedule">
  1691. <h1><em>10 JUNE -</em></h1>
  1692. <!-- Event Detail Below -->
  1693. The Boys Season 3 Episode 4
  1694. </div>
  1695. <!-- Start Individual Date -->
  1696.  
  1697. <!-- Start Individual Date -->
  1698. <div class="schedule">
  1699. <h1><em>17 JUNE -</em></h1>
  1700. <!-- Event Detail Below -->
  1701. The Boys Season 3 Episode 5
  1702. </div>
  1703. <!-- Start Individual Date -->
  1704.  
  1705. <!-- Start Individual Date -->
  1706. <div class="schedule">
  1707. <h1><em>24 JUNE -</em></h1>
  1708. <!-- Event Detail Below -->
  1709. The Boys Season 3 Episode 6
  1710. </div>
  1711. <!-- Start Individual Date -->
  1712.  
  1713. <!-- Start Individual Date -->
  1714. <div class="schedule">
  1715. <h1><em>01 JULY -</em></h1>
  1716. <!-- Event Detail Below -->
  1717. The Boys Season 3 Episode 7
  1718. </div>
  1719. <!-- Start Individual Date -->
  1720.  
  1721. <!-- Start Individual Date -->
  1722. <div class="schedule">
  1723. <h1><em>08 JULY -</em></h1>
  1724. <!-- Event Detail Below -->
  1725. The Boys Season 3 Episode 8
  1726. </div>
  1727. <!-- Start Individual Date -->
  1728.  
  1729.  
  1730.  
  1731.  
  1732.  
  1733.  
  1734. <!--------------- END SCHEDULE --------------->
  1735. </div>
  1736. {/block:IfSchedule}
  1737. <!-- Sidebar: End Schedule -->
  1738.  
  1739.  
  1740.  
  1741.  
  1742.  
  1743.  
  1744.  
  1745.  
  1746.  
  1747.  
  1748. <!-- SIDEBAR: Start Projects -->
  1749. {block:IfProjects}
  1750. <div class="side">
  1751. <div class="sideicon about"><i class="fas fa-video"></i></div>
  1752. <div class="sidetitle">{text:Celeb First Name}'s Projects</div>
  1753.  
  1754. <!-- EDIT PROJECTS HERE-->
  1755.  
  1756. <!---
  1757.  
  1758. 1. To add more projects, copy one section from "Project Start" to "Project End" and paste it after the last project block
  1759.  
  1760. 2. To change the photo, use a 150X200 px image of your choice, adding it under "PROJECT IMAGE"
  1761.  
  1762. 3. To change the project title, edit between the <h1> and </h1>
  1763.  
  1764. 4. To edit the name and character, edit between the <b> </b> and the <i> </i>
  1765.  
  1766. 5. to eid the date, edit between the <em> and </em?
  1767.  
  1768. 6. To change the project details, edit betwwn the <p> and </p>
  1769.  
  1770. 5. To edit the social links, paste the relevant url for IMDB, the official website and another link of your choice ie your tag for the specific project
  1771.  
  1772. For example:
  1773.  
  1774. <h1>Game of Thrones (2011 - 2019)</h1><br>
  1775. <p>
  1776. Emilia as <i>Daenerys Targaryen</i><br>
  1777. Rating: <em>4.5 Stars</em><br>
  1778. </p>
  1779. Nine noble families fight for control over the mythical lands of Westeros, while an ancient enemy returns after being dormant for thousands of years.
  1780.  
  1781.  
  1782. ----->
  1783.  
  1784. <!--------------- START PROJECTS BELOW --------------->
  1785.  
  1786.  
  1787. <!-- Start Project -->
  1788. <div class="project">
  1789. <div class="project_img">
  1790. <!-- Project Image -->
  1791. <img src="https://static.tumblr.com/9lgmntb/8W8rcxbmt/theboys.png" />
  1792. </div>
  1793.  
  1794. <div class="project_detail">
  1795. <h1>The Boys</h1>
  1796. <b>{text:Celeb First Name}</b> as <i>Soldier Boy</i><br>
  1797. <em>Season Three</em>
  1798. <br>
  1799. Soldier Boy was the leader of Payback, Vought International's first superhero team, established back in WW2. Celebratd and feared in his time, after an indicent in the 1980s he was believed to be dead....
  1800. <br>
  1801.  
  1802. <a href="https://www.imdb.com/title/tt1190634/?ref_=nv_sr_srsg_1">IMDB</a> <a href="https://twitter.com/TheBoysTV">twitter</a> <a href="/tagged/solider boy">Tag</a>
  1803. </div>
  1804. </div>
  1805. <!-- End Project -->
  1806.  
  1807.  
  1808. <!-- Start Project -->
  1809. <div class="project">
  1810. <div class="project_img">
  1811. <!-- Project Image -->
  1812. <img src="https://static.tumblr.com/9lgmntb/PzKrcxcy5/bigsky.png" />
  1813. </div>
  1814.  
  1815. <div class="project_detail">
  1816. <h1>Big Sky</h1>
  1817. <b>{text:Celeb First Name}</b> as <i>Beau Arlen</i><br>
  1818. <em>Season Three</em>
  1819. <br>
  1820. Beau Arlen is a confident and charming good ol' boy from Texas who steps in as temporary sheriff as a favour to his friend, Sheriff Tubb.
  1821. <br>
  1822.  
  1823. <a href="https://www.imdb.com/title/tt11794642/">IMDB</a> <a href="https://twitter.com/BigSkyABC">twitter</a> <a href="/tagged/beau arlen">Tag</a>
  1824. </div>
  1825. </div>
  1826. <!-- End Project -->
  1827.  
  1828. <!-- Start Project -->
  1829. <div class="project">
  1830. <div class="project_img">
  1831. <!-- Project Image -->
  1832. <img src="https://static.tumblr.com/9lgmntb/DbLrcxdcf/winchesters.png" />
  1833. </div>
  1834.  
  1835. <div class="project_detail">
  1836. <h1>The Winchesters</h1>
  1837. <b>{text:Celeb First Name}</b> as <i>Dean Winchester/Narrator</i><br>
  1838. <em>Also Executive Producer</em>
  1839. <br>
  1840. An epic untold love story of John and Mary of how they not only saved their love but also the entire world.</br>Executiving Producer under his and wife Danneel's company, Chaos Machine Productions.
  1841. <br>
  1842.  
  1843. <a href="https://www.imdb.com/title/tt14923244/?ref_=nm_flmg_prd_1">IMDB</a> <a href="https://twitter.com/WinchestersOnCW">twitter</a> <a href="/tagged/the winchesters">Tag</a>
  1844. </div>
  1845. </div>
  1846. <!-- End Project -->
  1847.  
  1848.  
  1849.  
  1850.  
  1851.  
  1852. </div>
  1853. {/block:IfProjects}
  1854. <!-- Sidebar: End Projects -->
  1855.  
  1856.  
  1857.  
  1858.  
  1859.  
  1860.  
  1861.  
  1862.  
  1863.  
  1864.  
  1865. <!-- SIDEBAR : Family Sites -->
  1866. {block:IfFamilySites}
  1867. <div class="side">
  1868. <div class="sideicon about"><i class="fas fa-star"></i></div>
  1869. <div class="sidetitle">Sister Sites</div>
  1870.  
  1871. <!-- EDIT FAMILY SITES HERE-->
  1872.  
  1873. <!---
  1874.  
  1875. 1. To add more family sites, copy from "Family Start" to "Family End" and paste after the last family block
  1876.  
  1877. 2. To change the photo, use a 350X140 px image of your choice, adding it under "FAMILY SITE IMAGE"
  1878.  
  1879. 3. To change the website name, edit betwwn the <b> and </b>
  1880.  
  1881. 4. To change the url, add the relevant url in place of the "#"
  1882.  
  1883.  
  1884. ----->
  1885.  
  1886. <!--------------- START FAMILY SITES BELOW --------------->
  1887.  
  1888.  
  1889. <!-- Family Start -->
  1890. <div class="family"><a href="http://adoringsw.tumblr.com">
  1891. <img src="https://static.tumblr.com/9lgmntb/Jm2rd0rr4/adoringsw.png" />
  1892. <div class="familyinfo">
  1893. <b>adoringsw</b>.tumblr.com
  1894. </div></a>
  1895. </div>
  1896. <!-- Family End -->
  1897.  
  1898.  
  1899.  
  1900.  
  1901.  
  1902. </div>
  1903. {/block:IfFamilySites}
  1904. <!-- SIDEBAR : Family Sites End -->
  1905.  
  1906.  
  1907.  
  1908.  
  1909.  
  1910.  
  1911.  
  1912.  
  1913.  
  1914.  
  1915.  
  1916. <!-- Sidebar: Start Twitter Widget -->
  1917. {block:IfTwitterFeed}
  1918. <div class="side">
  1919. <div class="sideicon about"><i class="fab fa-twitter"></i></div>
  1920. <div class="sidetitle">{text:Celeb First Name}'s Twitter</div>
  1921.  
  1922. <a class="twitter-timeline" data-chrome="noheader noborders noscrollbar nofooter" data-width="340" data-height="350" data-dnt="true" data-link-color="{color:Accent Two}" href="https://twitter.com/{text:Twitter Username}">Tweets by {text:Twitter Username}</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1923. </center>
  1924.  
  1925. </div>
  1926. {/block:IfTwitterFeed}
  1927. <!-- Sidebar: End Twitter Widget -->
  1928.  
  1929.  
  1930.  
  1931.  
  1932.  
  1933.  
  1934. <!-- Sidebar: Start Members -->
  1935. {block:IfMembers}
  1936. <div class="side">
  1937. <div class="sideicon about"><i class="fas fa-user"></i></div>
  1938. <div class="sidetitle">Our Members</div>
  1939.  
  1940. <!-- Start Editors : DO NOT EDIT -->
  1941.  
  1942. {block:GroupMembers}
  1943. {block:GroupMember}
  1944. <div class="member">
  1945. <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-96}"></a>
  1946. <div class="memberinfo">
  1947. <a href="{GroupMemberURL}">{GroupMemberName}</b></a><br>{GroupMemberTitle}
  1948. </div>
  1949. </div>
  1950. {/block:GroupMember}
  1951. {/block:GroupMembers}
  1952.  
  1953. </div>
  1954. {/block:IfMembers}
  1955. <!-- Sidebar: End Members -->
  1956.  
  1957.  
  1958.  
  1959.  
  1960.  
  1961.  
  1962. <!-- Sidebar: Start Extra Section -->
  1963. {block:IfAdditionalSection}
  1964. <div class="side">
  1965. <div class="sideicon about"><i class="{select:Extra Section Icon}"></i></div>
  1966. <div class="sidetitle">{text:Extra Section Title}</div>
  1967.  
  1968. <div class="extra">
  1969. {text:Extra Section}
  1970. </div>
  1971.  
  1972. </div>
  1973. {/block:IfAdditionalSection}
  1974. <!-- Sidebar: End Extra Section -->
  1975.  
  1976.  
  1977.  
  1978.  
  1979.  
  1980.  
  1981. <!-- Sidebar: Start Affiliates -->
  1982. {block:IfAffiliates}
  1983. <div class="side">
  1984. <div class="sideicon about"><i class="fas fa-heart"></i></div>
  1985. <div class="sidetitle">Affiliates</div>
  1986.  
  1987. <div class="affiliates">
  1988. <!-- EDIT AFFILIATES HERE-->
  1989.  
  1990. <!---
  1991.  
  1992. 1. To edit the affilaites, add your 55X55 image after the "img src="...." meta
  1993.  
  1994. 2. To change the url, paste the relevant url in place of the "#"
  1995.  
  1996. 3. To change the tooltip title hover, add the affilaites blog name in place of "blog name"
  1997.  
  1998.  
  1999. ----->
  2000.  
  2001. <!--------------- START AFFILIATES BELOW --------------->
  2002.  
  2003. <a title="adoring shane west" href="https://adoringsw.tumblr.com"><img src="https://api.tumblr.com/v2/blog/adoringsw.tumblr.com/avatar/512"></a>
  2004.  
  2005. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2006. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2007. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2008. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2009.  
  2010. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2011. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2012. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2013. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2014. <a title="blog name" href="#"><img src="https://placehold.it/55X55"></a>
  2015.  
  2016. <!--------------- END AFFILIATES --------------->
  2017. </div>
  2018. </div>
  2019. {/block:IfAffiliates}
  2020. <!-- Sidebar: End Affiliates -->
  2021.  
  2022.  
  2023.  
  2024.  
  2025.  
  2026.  
  2027.  
  2028.  
  2029. <!-- Sidebar: Start Site Info -->
  2030. {block:IfSiteInfo}
  2031. <div class="side">
  2032. <div class="sideicon about"><i class="fas fa-signal"></i></div>
  2033. <div class="sidetitle">About Us</div>
  2034.  
  2035. <ul class="siteinfo">
  2036.  
  2037. <li><b>About:</b> {text:Site Info About}</li>
  2038. <li><b>Established:</b> {text:Site Info Established}</li>
  2039. <li><b>Admin:</b> {text:Site Info Admin}</li>
  2040. <li><b>Theme:</b> <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  2041.  
  2042. </ul>
  2043.  
  2044. </div>
  2045. {/block:IfSiteInfo}
  2046. <!-- Sidebar: End Site Info -->
  2047.  
  2048.  
  2049.  
  2050.  
  2051.  
  2052.  
  2053. <!-- Sidebar: Start Disclaimer -->
  2054. {block:IfDisclaimer}
  2055. <div class="side">
  2056. <div class="sideicon about"><i class="fas fa-bookmark"></i></div>
  2057. <div class="sidetitle">Disclaimer</div>
  2058.  
  2059. <div class="disclaimer">
  2060. <b>{text:Blog Name}</b> <em>claims no credit</em> for any videos posted on this site <i>unless</i> stated otherwise. information on this blog are copyright to their <em>respectful owners</em>. If there is any <b>content</b> appearing on this blog that belongs to you and <i>do not</i> wish for it appear on this site, <em>please message</em> us with a link to say which post and it will be <b>promptly removed</b>.
  2061. </div>
  2062.  
  2063. </div>
  2064. {/block:IfDisclaimer}
  2065. <!-- Sidebar: End Disclaimer -->
  2066.  
  2067.  
  2068.  
  2069. </div>
  2070. <!-- END SIDEBAR ----------------->
  2071.  
  2072.  
  2073.  
  2074.  
  2075.  
  2076.  
  2077.  
  2078.  
  2079.  
  2080.  
  2081.  
  2082.  
  2083. <!----------------------------------------------
  2084.  
  2085. ------------------------------------------------
  2086.  
  2087. START POSTS
  2088.  
  2089. ------------------------------------------------
  2090.  
  2091. ----------------------------------------------->
  2092. <div class="posts">
  2093. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2094. <!-- Start Post Block -->
  2095. <div class="iposts_cont">
  2096.  
  2097.  
  2098. <!-- START POST INFO -->
  2099. {block:Date}
  2100. <div class="postinfo">
  2101.  
  2102. {block:IfShowPostAuthor}<img src="{PostAuthorPortraitURL-48}" /> <a href="{Permalink}"><a href="{PostAuthorURL}"><b>{PostAuthorName}</b></a>{/block:IfShowPostAuthor}
  2103. <p>
  2104. {block:IfShowPostAuthor}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>{/block:IfShowPostAuthor}
  2105.  
  2106. {block:IfNOTShowPostAuthor}<b><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a></b>{/block:IfNOTShowPostAuthor} {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {block:ContentSource} / <a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}
  2107. {/block:RebloggedFrom}
  2108. </div>
  2109. {/block:Date}
  2110.  
  2111. {block:IndexPage}<div class="postcontrol"><a href="{ReblogURL}" target="_blank" class="reblog"><span class="jam jam-refresh"></span></a><a href="#" class="like">{LikeButton}<i><span class="jam jam-heart-f"></span></i></a></div>{/block:IndexPage}
  2112.  
  2113. <!-- END POST INFO -->
  2114.  
  2115.  
  2116. <!-- Post Styles Start -->
  2117. <div class="iposts" id="{PostID}">
  2118.  
  2119.  
  2120. {block:Text}{block:Title}<h4>{Title}</h4>{/block:Title}
  2121. {block:NotReblog}{Body}{/block:NotReblog}
  2122. <div class="cap"><div class="caption">
  2123. {block:RebloggedFrom}{block:Reblogs}
  2124. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}<img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2125. <div class="comment">{Body}</div></div>
  2126. {/block:Reblogs}{/block:RebloggedFrom}
  2127. </div></div>
  2128. {/block:Text}
  2129.  
  2130. {block:Link}
  2131. <div class="linkpost">
  2132. {block:Thumbnail}<div class="linkthumb"><img src="{Thumbnail-HighRes}" /></div>{/block:Thumbnail}
  2133. <div class="caption">
  2134. <div class="link_host">{block:Host}<a href="{URL}"><h1>{Host} <i class="far fa-arrow-alt-circle-right"></i></h1></a>{/block:Host}{Name}</div>{block:NotReblog}{block:Excerpt}{Excerpt}{/block:Excerpt}{/block:NotReblog}</div>
  2135. </div>
  2136. <div class="caption">
  2137. {block:RebloggedFrom}{block:Reblogs}
  2138. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}<img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2139. <div class="comment">{Body}</div></div>
  2140. {/block:Reblogs}{/block:RebloggedFrom}
  2141. </div>
  2142. {/block:Link}
  2143.  
  2144. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  2145. </center>{block:Caption}
  2146. <div class="caption">
  2147. {block:NotReblog}{Caption}{/block:NotReblog}
  2148. {block:RebloggedFrom}{block:Reblogs}
  2149. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2150. <div class="comment">{Body}</div></div>
  2151. {/block:Reblogs}{/block:RebloggedFrom}
  2152. </div>
  2153. {/block:Caption}{/block:Photo}
  2154.  
  2155. {block:Photoset}<div class="set"><div class="pxu"><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></div></div>{block:Caption}
  2156. <div class="caption">
  2157. {block:NotReblog}{Caption}{/block:NotReblog}
  2158. {block:RebloggedFrom}{block:Reblogs}
  2159. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2160. <div class="comment">{Body}</div></div>
  2161. {/block:Reblogs}{/block:RebloggedFrom}
  2162. </div>
  2163. {/block:Caption}{/block:Photoset}
  2164.  
  2165. {block:Quote}<div class="quote_post"><h3>{Quote}</h3></b>{Source}</div>{block:Caption}
  2166. <div class="caption">
  2167. {block:NotReblog}{Caption}{/block:NotReblog}
  2168. {block:RebloggedFrom}{block:Reblogs}
  2169. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2170. <div class="comment">{Body}</div></div>
  2171. {/block:Reblogs}{/block:RebloggedFrom}
  2172. </div>
  2173. {/block:Caption}{/block:Quote}
  2174.  
  2175. {block:Video}<div class="video"><center>{Video-500}</center></div>{block:Caption}
  2176. <div class="caption">
  2177. {block:NotReblog}{Caption}{/block:NotReblog}
  2178. {block:RebloggedFrom}{block:Reblogs}
  2179. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2180. <div class="comment">{Body}</div></div>
  2181. {/block:Reblogs}{/block:RebloggedFrom}
  2182. </div>
  2183. {/block:Caption}{/block:Video}
  2184.  
  2185. {block:Chat}
  2186. <div class="chat">
  2187. {block:Title}<a href="{Permalink}"><h4>{Title}</h4></a>{/block:Title}
  2188. <ul class="chat">
  2189. {block:Lines}
  2190. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  2191. {/block:Lines}
  2192. </ul>
  2193. </div>{block:Caption}
  2194. <div class="caption">
  2195. {block:NotReblog}{Caption}{/block:NotReblog}
  2196. {block:RebloggedFrom}{block:Reblogs}
  2197. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2198. <div class="comment">{Body}</div></div>
  2199. {/block:Reblogs}{/block:RebloggedFrom}
  2200. </div>
  2201. {/block:Caption}
  2202. {/block:Chat}
  2203.  
  2204. {block:Audio}
  2205. <div class="audio">
  2206. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}
  2207. <div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  2208. <div class="audioinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  2209. </div>{block:Caption}
  2210. <div class="caption">
  2211. {block:NotReblog}{Caption}{/block:NotReblog}
  2212. {block:RebloggedFrom}{block:Reblogs}
  2213. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2214. <div class="comment">{Body}</div></div>
  2215. {/block:Reblogs}{/block:RebloggedFrom}
  2216. </div>
  2217. {/block:Caption}
  2218. {/block:Audio}
  2219.  
  2220. {block:Answer}
  2221. <div class="ask_asker"><img src="{AskerPortraitURL-64}" /> <p> {Asker} asked:</div>
  2222. <div class="question">{Question}</div>
  2223. {block:NotReblog}<div class="quest_caption"> <div class="answer_og"><img src="{PortraitURL-64}"><p> <b>{text:Blog Name} replied:</b></div> <div class="question_og">{Replies}</div></div>{/block:NotReblog}
  2224. {block:Answerer}
  2225. <div class="caption">
  2226. <div class="answer_container"><div class="commenter"><span> <img src="{AnswererPortraitURL-64}"> {Answerer} answered:</span></div>
  2227. <div class="comment">{Answer}</div></div>
  2228. </div>
  2229. {/block:Answerer}
  2230. {block:RebloggedFrom}{block:Reblogs}
  2231. <div class="caption">
  2232. <div class="comment_container"><div class="commenter"><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink} <img src="{PortraitURL-64}"> {Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>
  2233. <div class="comment">{Body}</div></div>
  2234. </div>
  2235. {/block:Reblogs}{/block:RebloggedFrom}
  2236. {/block:Answer}
  2237.  
  2238.  
  2239.  
  2240. </div>
  2241. <!-- POST STYLES END -->
  2242.  
  2243.  
  2244.  
  2245.  
  2246.  
  2247.  
  2248. <!-- POST TAGS START -->
  2249. {block:HasTags}<div class="posttags">
  2250. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  2251. </div>{/block:HasTags}
  2252. <!-- POST TAGS END -->
  2253.  
  2254.  
  2255.  
  2256.  
  2257.  
  2258. <!-- End Post Block -->
  2259. <!-- PERMALINK NOTES -->
  2260. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2261.  
  2262. </div>
  2263.  
  2264. {/block:Posts}
  2265.  
  2266.  
  2267.  
  2268.  
  2269.  
  2270. <!---------------------------------------------
  2271.  
  2272. -----------------------------------------------
  2273.  
  2274. START PAGINATION
  2275.  
  2276. -----------------------------------------------
  2277.  
  2278. ---------------------------------------------->
  2279. {block:IndexPage}
  2280. {block:Pagination}
  2281. <div class="pagination">
  2282. <div class="pagi_prev">{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</div>
  2283. <div class="pagi_jump">
  2284. {block:JumpPagination length="5"}
  2285. {block:CurrentPage}
  2286. <span class="current_page">{PageNumber}</span>
  2287. {/block:CurrentPage}
  2288. {block:JumpPage}
  2289. <a class="jump_page" href="{URL}">{PageNumber}</a>
  2290. {/block:JumpPage}
  2291. {/block:JumpPagination}
  2292. </div>
  2293. <div class="pagi_next">{block:NextPage}<a class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>
  2294. </div>
  2295. {/block:Pagination}
  2296. {/block:IndexPage}
  2297. <!-- END PAGINATION ----------------->
  2298.  
  2299.  
  2300.  
  2301.  
  2302.  
  2303.  
  2304. </div>
  2305. <!-- END POSTS ----------------->
  2306.  
  2307.  
  2308.  
  2309. <div id="end"></div>
  2310.  
  2311. </div>
  2312. </div>
  2313. <!-- END SIDEBAR AND POSTS CONTAINER ----------------->
  2314.  
  2315.  
  2316.  
  2317.  
  2318.  
  2319.  
  2320.  
  2321. <!----------------------------------------------
  2322.  
  2323. ------------------------------------------------
  2324.  
  2325. START FOOTER
  2326.  
  2327. ------------------------------------------------
  2328.  
  2329. ----------------------------------------------->
  2330. <footer>
  2331. {block:IfFooterBanner}
  2332. <div class="footer_cont">
  2333. <div class="footer_banner">
  2334. <div class="footer_img"></div>
  2335. <div class="footer_img"></div>
  2336. <div class="footer_img"></div>
  2337. <div class="footer_img"></div>
  2338. <div class="footer_img"></div>
  2339. <div class="footer_img"></div>
  2340. <div class="footer_img"></div>
  2341. <div class="footer_img"></div>
  2342. <div class="footer_img"></div>
  2343. <div class="footer_img"></div>
  2344. <div class="footer_img"></div>
  2345. <div class="footer_img"></div>
  2346. <div class="footer_img"></div>
  2347. <div class="footer_img"></div>
  2348. <div class="footer_img"></div>
  2349. </div>
  2350. </div>
  2351. {/block:IfFooterBanner}
  2352.  
  2353. <div class="footer">
  2354.  
  2355. <div class="footer_nav">
  2356. <a href="/">Home</a>
  2357. <a href="/ask">Ask</a>
  2358. <a href="{text:Topbar Link One URL}">{text:Topbar Link One}</a>
  2359. <a href="{text:Topbar Link Two URL}">{text:Topbar Link Two}</a>
  2360. </div>
  2361.  
  2362. <div class="footer_copy">
  2363. Copyright © {CopyrightYears} {text:Blog Name}&nbsp;•&nbsp;<a href="https://ethereal-themes.tumblr.com">theme by ethereal-themes</a>
  2364. </div>
  2365.  
  2366. </div>
  2367. </footer>
  2368. <!-- END FOOTER ----------------->
  2369.  
  2370.  
  2371.  
  2372.  
  2373.  
  2374.  
  2375.  
  2376.  
  2377.  
  2378.  
  2379.  
  2380. <div id="end"></div>
  2381. </div>
  2382. <!-- END CONTAINER ----------------->
  2383.  
  2384.  
  2385.  
  2386.  
  2387.  
  2388.  
  2389.  
  2390.  
  2391.  
  2392.  
  2393. <!-- ADDITIONAL SCRIPTS -->
  2394. <script>
  2395. $(document).ready(function(){
  2396. var scrollTop = 0;
  2397. $(window).scroll(function(){
  2398. scrollTop = $(window).scrollTop();
  2399. $('.counter').html(scrollTop);
  2400.  
  2401. if (scrollTop >= 5) {
  2402. $('#topbar').addClass('scrolled-nav');
  2403. } else if (scrollTop < 5) {
  2404. $('#topbar').removeClass('scrolled-nav');
  2405. }
  2406.  
  2407. });
  2408.  
  2409. });
  2410. </script>
  2411.  
  2412. {block:IndexPage}
  2413. <script>
  2414. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  2415. </script>
  2416.  
  2417. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevron-up"></span></a>
  2418. {/block:IndexPage}
  2419.  
  2420. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2421. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2422.  
  2423. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  2424.  
  2425. <script>
  2426. $(document).ready(function(){
  2427. $('.photo-slideshow').pxuPhotoset({
  2428. lightbox: true,
  2429. rounded: false,
  2430. gutter: '0px',
  2431. borderRadius: '0px',
  2432. photoset: '.photo-slideshow',
  2433. photoWrap: '.photo-data',
  2434. photo: '.pxu-photo'
  2435. });
  2436. });
  2437.  
  2438. $('img[src*="media.tumblr.com"]').each(function() {
  2439. var newsrc = $(this).attr('src').replace('gifv','gif');
  2440. $(this).attr('src', newsrc);
  2441. });
  2442.  
  2443. $('a[href*="media.tumblr.com"]').each(function() {
  2444. var newhref = $(this).attr('href').replace('gifv','gif');
  2445. $(this).attr('href', newhref);
  2446. });
  2447.  
  2448. $('div[data-lowres*="media.tumblr.com').each(function() {
  2449. var newdata = $(this).attr('data-lowres').replace('gifv','gif');
  2450. $(this).attr('data-lowres', newdata);
  2451. });
  2452.  
  2453. $('div[data-highres*="media.tumblr.com').each(function() {
  2454. var newdata = $(this).attr('data-highres').replace('gifv','gif');
  2455. $(this).attr('data-highres', newdata);
  2456. });
  2457. </script>
  2458.  
  2459.  
  2460.  
  2461.  
  2462.  
  2463. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement