Advertisement
cvndythemes

adoringshanewest

Jun 7th, 2022
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.75 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="#8ecea3" />
  52. <meta name="color:Content" content="#ffffff" />
  53.  
  54. <meta name="color:Borders" content="#ececec" />
  55. <meta name="color:Accent One" content="#e9ced8" />
  56. <meta name="color:Accent Two" content="#76ceca" />
  57. <meta name="color:Accent Three" content="#b4c155" />
  58.  
  59. <meta name="color:Liked Posts Heart" content="#b7572a" />
  60.  
  61. <meta name="color:Topbar Background" content="#ffffff" />
  62. <meta name="color:Topbar Links" content="#b4c155" />
  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="#f000000" />
  69.  
  70. <meta name="color:Sidebar Icons" content="#ffffff" />
  71. <meta name="color:Sidebar Icons Background" content="#e9cfd9" />
  72.  
  73. <meta name="color:Family Sites Text" content="#222222" />
  74. <meta name="color:Family Sites Background" content="#e9cfd9" />
  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/e6211ee9e65101d1f23e058bd98d92cb/509ddd84ea40326e-97/s2048x3072/f1803c890c06508ea327a18065c61d4e4f46c2d0.png"/>
  82.  
  83. <meta name="image:Featured Tag One" content="https://64.media.tumblr.com/bd59ea010233d0ee9367cde1859c37f6/509ddd84ea40326e-cd/s2048x3072/f51de59d6837dff0fa11597c43eaba3eaf5baaa0.png"/>
  84. <meta name="image:Featured Tag Two" content="https://64.media.tumblr.com/3e1d85f90bae42377b705ee0b0f2ba7d/509ddd84ea40326e-eb/s2048x3072/178d07b4452f649b2eb326ffbf9dd35bd2e86dd8.png"/>
  85. <meta name="image:Featured Tag Three" content="https://64.media.tumblr.com/023d6b0a7bc3b6eb586f472133a42944/509ddd84ea40326e-64/s2048x3072/5e390814e16f4f9ab02621b2729b11ef60354e5a.png"/>
  86.  
  87. <meta name="image:Sidebar" content="https://64.media.tumblr.com/b279f92623248d088ea98a33c6ad8b56/509ddd84ea40326e-0c/s2048x3072/f3993190cda69d19a15f84a2c529ba9e2ea175b5.gif"/>
  88.  
  89. <meta name="image:Footer One" content="https://64.media.tumblr.com/e7c925ff194d2a6a7da3aa7f546ca5c9/509ddd84ea40326e-c5/s2048x3072/22d33ccb074c72c92caeff7186d758a6ada1299b.png"/>
  90. <meta name="image:Footer Two" content="https://64.media.tumblr.com/8dcf08c52c6fefaf71e9b1cc4bd8a591/509ddd84ea40326e-d7/s2048x3072/964d895fac3f0720a986fbff150c80bf308309cb.png"/>
  91. <meta name="image:Footer Three" content="https://64.media.tumblr.com/f04844ddf2d65f55eb65b3c3ac086a93/509ddd84ea40326e-bf/s2048x3072/35a2a17bd1633f13b51de93ec33001bbda98afac.png"/>
  92. <meta name="image:Footer Four" content="https://64.media.tumblr.com/a121b717ed570062bd2c1a6da6a52f0f/509ddd84ea40326e-8c/s2048x3072/13fdb7b0b5f072648f683d057bc428840490ba94.png"/>
  93. <meta name="image:Footer Five" content="https://64.media.tumblr.com/8a7ff70a12a493fa1bbc959191bd7b62/509ddd84ea40326e-45/s2048x3072/ad044c2110cd7a417440c12a69eb4fde88d7713f.png"/>
  94. <meta name="image:Footer Six" content="https://64.media.tumblr.com/1251160aa27c1a6d72341241d046b9cf/509ddd84ea40326e-e6/s2048x3072/454af3079b3b7e7e58ea67b2ecad8c8f2831304f.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="0"/>
  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="0"/>
  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="adoring shane west"/>
  150. <meta name="text:Blog URL" content="adoringsw"/>
  151.  
  152. <meta name="text:Celeb First Name" content="Shane"/>
  153. <meta name="text:Celeb Last Name" content="West"/>
  154.  
  155. <meta name="text:Twitter Username" content="shanewest"/>
  156.  
  157. <meta name="text:Topbar Link One" content="news"/>
  158. <meta name="text:Topbar Link One URL" content="https://adoringsw.tumblr.com/tagged/news"/>
  159. <meta name="text:Topbar Link Two" content="edits"/>
  160. <meta name="text:Topbar Link Two URL" content="https://adoringsw.tumblr.com/tagged/ours"/>
  161. <meta name="text:Topbar Link Three" content="shane"/>
  162. <meta name="text:Topbar Link Three URL" content="https://adoringsw.tumblr.com/bio"/>
  163. <meta name="text:Topbar Link Four" content="apply"/>
  164. <meta name="text:Topbar Link Four URL" content="https://adoringsw.tumblr.com/affs"/>
  165.  
  166. <meta name="text:Featured Tag One" content="news" />
  167. <meta name="text:Featured Tag One URL" content="/tagged/news" />
  168. <meta name="text:Featured Tag Two" content="edits" />
  169. <meta name="text:Featured Tag Two URL" content="/tagged/ours" />
  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://facebook.com/"/>
  174. <meta name="text:Twitter URL" content="https://twitter.com/shanewest"/>
  175. <meta name="text:Instagram URL" content="https://instagram.com/theshanewest"/>
  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://"/>
  180.  
  181. <meta name="text:Extra Section Title" content="Twilight Creeps"/>
  182. <meta name="text:Extra Section" content="&#x3C;center&#x3E;&#x3C;img src=&#x22;https://64.media.tumblr.com/6400c14a05f2112258cbdb914d17deb8/3de0d5ac159d3ca2-bb/s2048x3072/9dd91b8b84b672aeef5cecc6579aa241cdd05dfc.png&#x22;&#x3E;&#x3C;/center&#x3E;&#x3C;br&#x3E;&#x3C;em&#x3E;Twilight Creeps&#x3C;/em&#x3E; is the brainchild of actor Shane West (lead vocals/guitar) &#x26; Brett Klorer. Rounding out the group are Matt Jefferson &#x26; Jason Rusnak. Their blend of catchy punk rock styling, mixed with the love of horror movies &#x26; all things creepy, helped to create their signature sound.&#x3C;br&#x3E;&#x3C;br&#x3E;
  183.  
  184. They currently have &#x3C;a href=&#x22;&#x22;&#x3E;3 albums released&#x3C;/a&#x3E; on all popular streaming sites and play shows in and around the Los Angeles area. &#x3C;br&#x3E;&#x3C;pre&#x3E;&#x3C;b&#x3E;Official Links&#x3C;/b&#x3E;&#x3C;/pre&#x3E;&#x3C;center&#x3E;&#x3C;a title=&#x22;official twitter&#x22; href=&#x22;https://twitter.com/twilightcreeps&#x22;&#x3E;&#x3C;i class=&#x22;fab fa-twitter&#x22;&#x3E;&#x3C;/i&#x3E;&#x3C;/a&#x3E;
  185.  
  186. &#x3C;a title=&#x22;official instagram&#x22; href=&#x22;https://www.instagram.com/twilightcreeps/&#x22;&#x3E;&#x3C;i class=&#x22;fab fa-instagram&#x22;&#x3E;&#x3C;/i&#x3E;&#x3C;/a&#x3E;
  187.  
  188. &#x3C;a title=&#x22;official spotify&#x22; href=&#x22;https://open.spotify.com/artist/2blScPslJB8s0EnbAE9Whd?autoplay=true&#x22;&#x3E;&#x3C;i class=&#x22;fab fa-spotify&#x22;&#x3E;&#x3C;/i&#x3E;&#x3C;/a&#x3E;
  189.  
  190. &#x3C;a title=&#x22;shop twilight creeps&#x22; href=&#x22;https://twilightcreeps.bigcartel.com/&#x22;&#x3E;&#x3C;i class=&#x22;fas fa-shopping-cart&#x22;&#x3E;&#x3C;/i&#x3E;&#x3C;/a&#x3E;
  191. &#x3C;/center&#x3E;"/>
  192.  
  193. <meta name="text:Site Info About" content="Shane West"/>
  194. <meta name="text:Site Info Established" content="2022"/>
  195. <meta name="text:Site Info Admin" content="Samantha"/>
  196.  
  197.  
  198. <!-- SCRIPTS-->
  199. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  200. <!--
  201. NPF images fix v3.0 by @glenthemes [2021]
  202. 💌 git.io/JRBt7
  203. --->
  204. <script src="//npf-images-v3.github.io/script.js"></script>
  205. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  206. <style tmblr-npf>
  207. :root {
  208. --NPF-Caption-Spacing:1em;
  209. --NPF-Image-Spacing:4px;
  210. }
  211. </style>
  212.  
  213. <style>
  214. .npf_row {width:100%;}
  215. </style>
  216.  
  217. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  218.  
  219. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  220.  
  221. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  222.  
  223. <script>
  224. $container.infinitescroll({
  225. itemSelector: '.posts',
  226. navSelector: '.pagination',
  227. nextSelector: '.pagination a',
  228. loadingImg: '',
  229. loadingText: '<em></em>',
  230. bufferPx: 2000
  231. },
  232. function( newElements ) {
  233. var $newElems = $(newElements);
  234. var $newElemsIDs = $newElems.map(function(){
  235. return this.id;
  236. }).get();
  237. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  238. });
  239. </script>
  240.  
  241. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  242.  
  243. <!-- TIPPY JS -->
  244. <script src="https://unpkg.com/popper.js@1"></script>
  245. <script src="https://unpkg.com/tippy.js@5"></script>
  246. <script>
  247. $(document).ready(function(){
  248. tippy('[title]', {
  249. arrow: false,
  250. placement: 'top',
  251. delay: 5,
  252. distance: 10,
  253. maxWidth: 300,
  254.  
  255. followCursor: true,
  256. allowHTML: true,
  257. theme: 'custom',
  258. ignoreAttributes: true,
  259. content(reference) {
  260. const title = reference.getAttribute('title');
  261. reference.removeAttribute('title');
  262. return title;
  263. },
  264. });
  265. });
  266. </script>
  267.  
  268. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  269.  
  270. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  271.  
  272. <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">
  273.  
  274.  
  275.  
  276. <!-- STYLESHEET -->
  277. <style type="text/css">
  278.  
  279. /* --- SELECTION ---*/
  280.  
  281. ::-moz-selection {color:{color:Content};background:{color:Accent Two};opacity:1;}
  282.  
  283. ::selection {color:{color:Content};background:{color:Accent Two};opacity:1;}
  284.  
  285. /* --- SCROLLBAR ---*/
  286.  
  287. ::-webkit-scrollbar-thumb {background-color:{color:Text};border:3px solid {color:Background};}
  288.  
  289. ::-webkit-scrollbar {background:#ddd;width:7px;border:3px solid {color:Background};}
  290.  
  291. /* --- TOOLTIPS ---*/
  292.  
  293. .tippy-tooltip.custom-theme {
  294. $tooltipBg: {color:Tooltips Background};
  295. background-color: {color:Tooltips Background};
  296. color:{color:Tooltips Text};
  297. border-radius:3px;
  298. font-size:7pt;
  299. text-transform:lowercase;
  300. letter-spacing:0.5px;
  301. margin:-30px 0px 0px 80px;
  302. }
  303.  
  304. .tippy-content {padding:4px 6px 4px 6px!important;}
  305.  
  306. /* --- TUMBLR TOOLS--- */
  307.  
  308. {block:IndexPage}
  309. iframe.tmblr-iframe {
  310. top:16px!important;
  311. right:5px!important;
  312. opacity:0;
  313. padding:0px 50px 30px 0px;
  314. z-index:10!important;
  315. transform:scale(0.47);
  316. transform-origin:100% 0;
  317. -webkit-transform:scale(0.47);
  318. -webkit-transform-origin:100% 0;
  319. -o-transform:scale(0.47);
  320. -o-transform-origin:100% 0;
  321. -moz-transform:scale(0.47);
  322. -moz-transform-origin:100% 0;
  323. -ms-transform:scale(0.47);
  324. -ms-transform-origin:100% 0;
  325. transition:0.2s ease-in-out;
  326. -webkit-transition:0.2s ease-in-out;
  327. -moz-transition:0.2s ease-in-out;
  328. {block:IfInvertTumblrControls}
  329. filter:invert(1);
  330. -webkit-filter:invert(1);
  331. -o-filter:invert(1);
  332. -moz-filter:invert(1);
  333. -ms-filter:invert(1);
  334. {/block:IfInvertTumblrControls}
  335. }
  336.  
  337. iframe.tmblr-iframe:hover {opacity:0.8!important;}
  338.  
  339. .tcontrols {
  340. position:fixed;
  341. top:20px;
  342. right:15px;
  343. color:{color:Topbar Links};
  344. font-size:calc(10pt + 1pt);
  345. z-index:9;
  346. transition:0.2s ease-in-out;
  347. -webkit-transition:0.2s ease-in-out;
  348. -moz-transition:0.2s ease-in-out;
  349. }
  350. {/block:IndexPage}
  351.  
  352. {block:PermalinkPage}
  353. iframe.tmblr-iframe {
  354. top:16px!important;
  355. right:15px!important;
  356. opacity:0.8;
  357. padding:0px;
  358. z-index:15!important;
  359. transform:scale(0.47);
  360. transform-origin:100% 0;
  361. -webkit-transform:scale(0.47);
  362. -webkit-transform-origin:100% 0;
  363. -o-transform:scale(0.47);
  364. -o-transform-origin:100% 0;
  365. -moz-transform:scale(0.47);
  366. -moz-transform-origin:100% 0;
  367. -ms-transform:scale(0.47);
  368. -ms-transform-origin:100% 0;
  369. transition:0.2s ease-in-out;
  370. -webkit-transition:0.2s ease-in-out;
  371. -moz-transition:0.2s ease-in-out;
  372. {block:IfInvertTumblrControls}
  373. filter:invert(1);
  374. -webkit-filter:invert(1);
  375. -o-filter:invert(1);
  376. -moz-filter:invert(1);
  377. -ms-filter:invert(1);
  378. {/block:IfInvertTumblrControls}
  379. }
  380. {/block:PermalinkPage}
  381.  
  382. /* --- BODY --- */
  383.  
  384. body {
  385. margin: 0px;
  386. padding: 0px;
  387. font-family: 'Poppins', sans-serif;
  388. color:{color:Text};
  389. font-size:10pt;
  390. line-height:150%;
  391. font-weight:normal;
  392. word-wrap:normal;
  393. text-align:left;
  394. background:{color:Background};
  395. }
  396.  
  397. a {
  398. color:{color:links};
  399. text-decoration:none;
  400. border-bottom:0px;
  401. font-weight:bold;
  402. padding:0px;
  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. a:hover {
  409. color:{color:Accent One};
  410.  
  411. }
  412.  
  413. .read_more_container {margin:0px 0px 0px 0px;}
  414.  
  415. b,strong {font-weight:700;}
  416. i,italic {font-style:italic;}
  417. small, big {font-size:10pt;}
  418.  
  419. hr.divider, hr, hr.separator {
  420. display: block;
  421. margin-top: 0.5em;
  422. margin-bottom: 0.5em;
  423. margin-left: auto;
  424. margin-right: auto;
  425. border-style: inset;
  426. border-color:{color:Text};
  427. border-bottom: 1px;
  428. }
  429.  
  430. pre {
  431. white-space:pre-wrap;
  432. white-space:-moz-pre-wrap;
  433. white-space:-pre-wrap;
  434. white-space:-o-pre-wrap;
  435. word-wrap:break-word;
  436. font-family: 'Poppins', sans-serif;
  437. color:{color:Text};
  438. font-size:9pt;
  439. padding:3px 5px;
  440. border:0px!important;
  441. background:{color:Accent Three};
  442. }
  443.  
  444. ul, ol, li {text-align:left!important;text-align-last:left!important;}
  445.  
  446. blockquote {
  447. padding:2px 0px 2px 10px;
  448. text-decoration:none;
  449. border-left:1px solid {color:Borders};
  450. margin:5px 0px 0px 0px;
  451. }
  452.  
  453. blockquote img {max-width:100%;display:block;margin-bottom:5px;}
  454.  
  455.  
  456. /* --- TOPBAR --- */
  457.  
  458. #topbar {
  459. position:fixed;
  460. top:0px;
  461. left:0px;
  462. width:100%;
  463. text-align:center;
  464. z-index:8;
  465. opacity:1;
  466. }
  467.  
  468. #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;}
  469.  
  470. .scrolled-nav .top {top:0px;}
  471.  
  472. .top {
  473. position:relative;
  474. top:-65px;
  475. left:0px;
  476. padding:20px 0px;
  477. background:{color:Topbar Background};
  478. text-align:center;
  479. border-bottom:1px solid {color:Borders};
  480. }
  481.  
  482. {block:PermalinkPage}
  483. .top {top:0px!important;}
  484. {/block:PermalinkPage}
  485.  
  486. .top a {
  487. display:inline-block;
  488. color:{color:Topbar Links};
  489. text-transform:uppercase;
  490. border-bottom:2px solid transparent;
  491. margin:0px 20px;
  492. }
  493.  
  494. .top a:hover:nth-child(3n+1):hover {border-bottom:2px solid {color:Accent One};}
  495. .top a:hover:nth-child(3n+2):hover {border-bottom:2px solid {color:Accent Two};}
  496. .top a:hover:nth-child(3n+3):hover {border-bottom:2px solid {color:Accent Three};}
  497.  
  498. .top b {
  499. position:relative;
  500. top:-4px;
  501. display:inline-block;
  502. vertical-align:middle;
  503. font-family: 'Playfair Display', serif;
  504. font-size:16pt;
  505. text-align:center;
  506. margin:0px 20px;
  507. text-transform:lowercase;
  508. color:{color:Topbar Links};
  509. font-weight:400;
  510. }
  511.  
  512. /* --- HEADER --- */
  513.  
  514. .header {
  515. position:absolute;
  516. top:0px;
  517. left:50%;
  518. margin-left:-600px;
  519. width:1200px;
  520. height:420px;
  521. background-image: url('{image:Header}');
  522. background-position:center top;
  523. }
  524.  
  525. {block:PermalinkPage}
  526. .header {top:62px!important;}
  527. {/block:PermalinkPage}
  528.  
  529. {block:IfRepeatingHeader}
  530. .header_rep {
  531. position:absolute;
  532. top:0px;
  533. left:0px;
  534. width:100%;
  535. height:420px;
  536. background-image: url('{image:Header}');
  537. background-position:center top;
  538. background-repeat:repeat-x;
  539. z-index:-1;
  540. }
  541. {/block:IfRepeatingHeader}
  542.  
  543. /* --- CONTAINER --- */
  544.  
  545. .container {
  546. position:relative;
  547. margin:0 auto;
  548. margin-top:395px;
  549. width:1050px;
  550. z-index:2;
  551. }
  552.  
  553. #end {clear:both;text-align:center;}
  554.  
  555. /* --- WELCOME --- */
  556.  
  557. .welcome {
  558. margin:0 auto;
  559. width:850px;
  560. padding:30px 50px;
  561. color:{color:Welcome Text};
  562. font-size:10pt;
  563. font-style:italic;
  564. line-height:150%;
  565. letter-spacing:0px;
  566. text-align:center;
  567. margin-bottom:80px;
  568. background:{color:Welcome Background};
  569. transition:0.1s ease-in-out;
  570. -webkit-transition:0.1s ease-in-out;
  571. -moz-transition:0.1s ease-in-out;
  572. }
  573.  
  574. .welcome b {color:{color:Welcome Text};}
  575.  
  576. .welcome i {border-bottom:2px solid {color:Accent Two};padding:0px 0px 0px;}
  577.  
  578. .welcome em {color:{color:Welcome Background};background:{color:Accent Three};padding:0px;}
  579.  
  580. .welcome h1 {
  581. display:inline-block;
  582. font-style:normal!important;
  583. font-family: 'Playfair Display', serif;
  584. font-size:14pt;
  585. letter-spacing:1px;
  586. font-weight:400;
  587. text-transform:lowercase;
  588. margin-bottom:25px;
  589. text-align:center;
  590. border-bottom:3px solid {color:Accent One};
  591. }
  592.  
  593. /* --- LASTEST PHOTOS --- */
  594.  
  595. .latest_photos {
  596. margin:30px 0px 0px -8px;
  597. width:850px;
  598. text-align:center;
  599. }
  600.  
  601. .ji-tumblr-photos img {
  602. height:65px;
  603. width:65px;
  604. opacity:1;
  605. padding:0px;
  606. margin:0px 7px;
  607. transition:0.2s ease-in-out;
  608. -webkit-transition:0.2s ease-in-out;
  609. -moz-transition:0.2s ease-in-out;
  610. }
  611.  
  612. /* --- FEATURED --- */
  613.  
  614. .featured {
  615. margin:0 auto;
  616. width:900px;
  617. height:250px;
  618. color:{color:Featured Tags Titles};
  619. text-align:center;
  620. border-radius:4px;
  621. background:transparent;
  622. margin-bottom:100px;
  623. }
  624.  
  625. .feat {
  626. display:inline-block;
  627. width:250px;
  628. height:250px;
  629. margin:0px 15px;
  630. background:transparent;
  631. }
  632.  
  633. .feat a {border:0;opacity:1;text-decoration:none;}
  634.  
  635. .feat img {height:250px;width:250px;}
  636.  
  637. .feat:hover .feat_title {top:-26px;opacity:1;}
  638.  
  639. .feat_title {
  640. position:relative;
  641. top:-16px;
  642. left:20px;
  643. width:200px;
  644. opacity:1;
  645. padding:5px 5px 7px 5px;
  646. font-family: 'Playfair Display', serif;
  647. font-size:14pt;
  648. letter-spacing:1px;
  649. font-weight:400;
  650. text-transform:lowercase;
  651. text-align:center;
  652. background:{color:Featured Tags Background};
  653. transition:0.2s ease-in-out;
  654. -webkit-transition:0.2s ease-in-out;
  655. -moz-transition:0.2s ease-in-out;
  656. }
  657.  
  658. /* --- SIDEBAR --- */
  659.  
  660. .sidebar {
  661. float:left;
  662. width:380px;
  663. padding-bottom:50px;
  664. margin:0px 0px 0px 25px;
  665. }
  666.  
  667. .side {
  668. width:340px;
  669. padding:30px 20px;
  670. background:{color:Content};
  671. margin-bottom:65px;
  672. font-style:italic;
  673. text-align:left;
  674. }
  675.  
  676. .sidetitle {
  677. position:relative;
  678. left:50%;
  679. transform:translateX(-50%);
  680. display:inline-block;
  681. font-style:normal!important;
  682. font-family: 'Playfair Display', serif;
  683. font-size:14pt;
  684. letter-spacing:1px;
  685. font-weight:400;
  686. text-transform:lowercase;
  687. margin-bottom:35px;
  688. text-align:center;
  689. }
  690.  
  691. .side:nth-child(3n+1) .sidetitle {border-bottom:3px solid {color:Accent One};}
  692. .side:nth-child(3n+2) .sidetitle {border-bottom:3px solid {color:Accent Two};}
  693. .side:nth-child(3n+3) .sidetitle {border-bottom:3px solid {color:Accent Three};}
  694.  
  695. .sideicon {text-align:center;margin-bottom:30px;}
  696.  
  697. .sideicon i {
  698. color:{color:Sidebar Icons};
  699. background:{color:Sidebar Icons Background};
  700. font-style:normal!important;
  701. font-size:9pt;
  702. line-height:15pt;
  703. width:20px;
  704. height:20px;
  705. padding:5px;
  706. border-radius:50%;
  707. }
  708.  
  709.  
  710. /* --- SIDEBAR IMAGE --- */
  711.  
  712. .sideimage {text-align:center;}
  713.  
  714. .sideimage img {width:340px;}
  715.  
  716. /* --- SIDEBAR OFFICIAL LINKS --- */
  717.  
  718. .sidebar_links {text-align:center;padding-top:10px;}
  719.  
  720. .sidebar_links a {
  721. display:inline-block;
  722. width:45%;
  723. padding:5px;
  724. margin:0px 0px 4px 0px;
  725. background:transparent;
  726. }
  727.  
  728. .sidebar_links a:nth-child(3n+1):hover {background:{color:Accent One};}
  729. .sidebar_links a:nth-child(3n+2):hover {background:{color:Accent Two};}
  730. .sidebar_links a:nth-child(3n+3):hover {background:{color:Accent Three};}
  731.  
  732. /* --- SIDEBAR SCHEDULE --- */
  733.  
  734. .schedule {margin-bottom:15px;}
  735.  
  736. .schedule::last-child {margin-bottom:0px!important;}
  737.  
  738. .schedule h1 {
  739. display:inline-block;
  740. font-family: 'Playfair Display', sans-serif;
  741. font-size:calc(10pt + 3pt);
  742. text-transform:lowercase;
  743. font-style:italic;
  744. text-align:left;
  745. color:{color:Text};
  746. margin:4px 0px 3px 0px;
  747. font-weight:400;
  748. }
  749.  
  750. .schedule p {
  751. margin:8px 0px 8px 0px;
  752. padding:10px;
  753. font-weight:40;
  754. }
  755.  
  756. .schedule em {
  757. color: {color:font};
  758. background: {color:Accent One};
  759. padding: 4px;
  760. font-weight:bold;
  761. }
  762.  
  763. .schedule p b {font-weight:400!important;}
  764.  
  765. .schedule p b::after {content:'―';margin:0px 0px 0px 4px;}
  766.  
  767. /* --- SIDEBAR: PROJECTS --- */
  768.  
  769. .projects {text-align:left;text-align-last:left;margin-bottom:30px;}
  770.  
  771. .projects:last-of-type {margin-bottom:0px;}
  772.  
  773. .projects img {width:150px;height:170px;margin:5px 10px 0px 5px;}
  774.  
  775. .projects h1 {text-align:left;font-family: 'Playfair Display', sans-serif; cursive;font-size:12pt;line-height:14pt;margin:0px 0px 8px 0px;font-weight:400;color:{color:Text};text-transform:uppercase;}
  776.  
  777. .projects p {margin:5px 0px;}
  778.  
  779. .projects a {text-transform:uppercase;margin:0px 3px 0px 0px;border-bottom:2px solid {color:Accent Two};font-size:10pt;}
  780.  
  781. .projects b {color:{color:Accent One}font-weight:700;}
  782.  
  783. .projects i {color:{color:Accent Two};font-weight:700;}
  784.  
  785. .projects em {border-bottom:2px solid {color:Accent One};}
  786.  
  787. .extraprojects {
  788. font-weight:bold;
  789.  
  790. }
  791.  
  792. .project-info {
  793. font-family: 'Playfair Display', sans-serif;
  794. color:{color:text};
  795. font-size:13px;
  796. border:1px solid {color:accent one};
  797. padding:12px;
  798. margin-top:15px;
  799. line-height:1.8em;
  800. text-align:justify;
  801. }
  802.  
  803. .project-info a {
  804. text-transform:uppercase;margin:0px 3px 0px 0px;border-bottom:2px solid {color:Accent Two};font-size:10pt;
  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, img, 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. img {border:0;max-width:100%;height:auto}
  923.  
  924. .video {overflow:hidden;width:calc(540px - 2px);margin:0px!important;}
  925.  
  926. .vine-embed,#youtube_iframe {width:540px;}
  927.  
  928. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  929. .video {padding-bottom:1px;}
  930. .video {padding:1px;}
  931.  
  932. /* --- UNNEST STYLING --- */
  933.  
  934. .caption {text-align:left;text-align-last:left;margin-top:10px;}
  935.  
  936. .quest_caption {text-align:center;text-align-last:center;margin-top:10px;}
  937.  
  938. .cap {margin-top:0px;}
  939.  
  940. .comment_container, .answer_container {text-align:left;padding-top:10px;padding-bottom:10px;}
  941.  
  942. .comment_container:last-of-type {margin-bottom:-10px;border-bottom:0px!important;padding-bottom:0px;}
  943.  
  944. .commenter {color:{color:Text};margin:0px;}
  945.  
  946. .commenter span {color:{color:Text};height:30px;font-weight:700!important;font-size:9pt;}
  947.  
  948. .commenter img {height:30px;width:30px;display:inline-block;margin:0px 4px 0px 0px;vertical-align:middle;border-radius:50%;}
  949.  
  950. /* --- POST INFO --- */
  951.  
  952. .postinfo {
  953. padding:20px 20px 5px 20px;
  954. text-transform:lowercase;
  955. font-size:9pt;
  956. background:{color:Content};
  957. }
  958.  
  959. {block:IfShowPostAuthor}
  960. .postinfo img {
  961. position:relative;
  962. top:7px;
  963. left:0px;
  964. height:30px;
  965. width:30px;
  966. display:inline-block;
  967. margin:0px 4px 0px 0px;
  968. vertical-align:middle;
  969. border-radius:50%;
  970. }
  971.  
  972. .postinfo p {margin:-10px 0px 0px 37px;}
  973. {/block:IfShowPostAuthor}
  974.  
  975. {block:IfNOTShowPostAuthor}
  976. .postinfo p {margin:0px 0px 0px 0px;}
  977. {/block:IfNOTShowPostAuthor}
  978.  
  979. .postinfo b {font-weight:700!important;color:{color:Text};}
  980.  
  981. /* --- POST CONTROL --- */
  982.  
  983. .postcontrol {
  984. position:relative;
  985. float:right;
  986. {block:IfNOTShowPostAuthor}
  987. top:-24px;
  988. {/block:IfNOTShowPostAuthor}
  989. {block:IfShowPostAuthor}
  990. top:-31px;
  991. {/block:IfShowPostAuthor}
  992. margin-right:16px;
  993. text-align:right;
  994. width:40px;
  995. overflow:hidden;
  996. text-align:center;
  997. }
  998.  
  999. .postcontrol i {
  1000. padding:0px;
  1001. display:block;
  1002. overflow:hidden;
  1003. color:{color:Text};
  1004. font-size:calc(9pt + 1pt);
  1005. opacity:1.0;
  1006. }
  1007.  
  1008. .postcontrol a {display:inline-block;opacity:1.0;}
  1009.  
  1010. .postcontrol .reblog {margin:0px 4px 0px 0px;}
  1011.  
  1012. .postcontrol .like .liked + i {opacity:1;color:{color:Liked Posts Heart};}
  1013.  
  1014. .like {position:relative;top:0px;display:inline-block;vertical-align:middle;}
  1015.  
  1016. .postcontrol .like .like_button {position:relative;}
  1017.  
  1018. .postcontrol .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  1019.  
  1020. /* --- POST TAGS --- */
  1021.  
  1022. .posttags {
  1023. padding:0px 0px 25px 0px;
  1024. text-align:center;
  1025. text-transform:lowercase;
  1026. font-size:9pt;
  1027. font-weight:400;
  1028. line-height:18pt;
  1029. background:{color:Content};
  1030. }
  1031.  
  1032. .posttags a {
  1033. text-transform:lowercase;
  1034. font-size:9pt;
  1035. margin:0px 10px 0px 10px;
  1036. color:{color:Text};
  1037. }
  1038.  
  1039. .posttags a:nth-child(3n+1) {border-bottom:2px solid {color:Accent One};}
  1040. .posttags a:nth-child(3n+2) {border-bottom:2px solid {color:Accent Two};}
  1041. .posttags a:nth-child(3n+3) {border-bottom:2px solid {color:Accent Three};}
  1042.  
  1043. /* --- POST STYLES --- */
  1044.  
  1045. h4 {
  1046. font-family: 'Playfair Display', serif;
  1047. display:block;
  1048. color:{color:Text};
  1049. font-size:16pt;
  1050. text-transform:lowercase;
  1051. letter-spacing:1px;
  1052. font-weight:400;
  1053. margin:0px 0px 20px 0px;
  1054. text-align:left;
  1055. }
  1056.  
  1057. h1, h2, h3 {
  1058. font-family: 'Playfair Display', serif;
  1059. display:block;
  1060. font-size:14pt;
  1061. text-transform:lowercase;
  1062. letter-spacing:1px;
  1063. font-weight:400;
  1064. margin:0px 0px 10px 0px;
  1065. text-align:left;
  1066. }
  1067.  
  1068. h1 {color:{color:Text};}
  1069.  
  1070. h2 {color:{color:Text};padding:5px;background:{color:Accent Two};text-align:left;}
  1071.  
  1072. h3 {text-align:center!important;}
  1073.  
  1074. /* --- CHAT POSTS --- */
  1075.  
  1076. .chat {text-align:left;}
  1077.  
  1078. .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;}
  1079.  
  1080. .chat b {font-weight:700;}
  1081.  
  1082. .label {color:{color:Text};padding:3px 5px 3px 5px;}
  1083.  
  1084. ul.chat {margin-left:-40px;}
  1085.  
  1086. .chat li {list-style-type:none;margin:0px 0px 10px 0px;}
  1087.  
  1088. /* --- LINK POSTS --- */
  1089.  
  1090. .linkthumb {width:540px;height:250px;overflow:hidden;}
  1091.  
  1092. .linkthumb img {width:540px;margin-top:0px;}
  1093.  
  1094. .link_host {
  1095. padding:2px 0px 2px 10px;
  1096. text-decoration:none;
  1097. margin:5px 0px 0px 0px;
  1098. }
  1099.  
  1100. .link_host h1 {
  1101. font-family: 'Playfair Display', serif;
  1102. display:block;
  1103. color:{color:Text};
  1104. font-size:16pt;
  1105. text-transform:lowercase;
  1106. letter-spacing:1px;
  1107. font-weight:400;
  1108. margin:0px 0px 20px 0px;
  1109. padding-right:10px;
  1110. text-align:left;
  1111. transition:0.2s ease-in-out;
  1112. -webkit-transition:0.2s ease-in-out;
  1113. -moz-transition:0.2s ease-in-out;
  1114. }
  1115.  
  1116. .link_host h1:hover {padding-right:0px;}
  1117.  
  1118. .link_host i {
  1119. position:relative;
  1120. top:2px;
  1121. float:right;
  1122. vertical-align:middle;
  1123. font-size:14pt;
  1124. }
  1125.  
  1126. /* --- QUOTE POSTS --- */
  1127.  
  1128. .quote_post, .quote_post h3 {text-align:center!important;text-align-last:center!important;}
  1129.  
  1130. .quote_post b {font-weight:700!important;}
  1131.  
  1132. /* --- AUDIO POSTS --- */
  1133.  
  1134. .audio {height:110px;padding:10px 0px;padding:0px;}
  1135.  
  1136. .albumart {text-align:left;}
  1137.  
  1138. .albumart img {height:100px;width:100px;border-radius:50%;}
  1139.  
  1140. .audiobox {
  1141. position:absolute;
  1142. display:inline-block;
  1143. margin:-77px 0px 0px 29px;
  1144. border-radius:50%;
  1145. background:#f2f2f2;
  1146. z-index:6;
  1147. }
  1148.  
  1149. .button {
  1150. position:relative;
  1151. width:30px;
  1152. height:30px;
  1153. overflow:hidden;
  1154. margin:8px 7px 6px 5px;
  1155. z-index:5;
  1156. }
  1157.  
  1158. .audioinfo {
  1159. position:relative;
  1160. top:-79px;
  1161. left:120px;
  1162. width:calc(100% - 100px - 50px);
  1163. display:inline-block;
  1164. text-align:left;
  1165. }
  1166.  
  1167. .audioinfo b {display:block;font-size:130%;margin:0px 0px 10px 0px;}
  1168.  
  1169. .soundcloud_audio_player {margin-bottom:-16px!important;}
  1170.  
  1171. .spotify_audio_player {height:80px!important;}
  1172.  
  1173. /* --- QUESTIONS ---*/
  1174.  
  1175. .ask_asker {
  1176. margin:0 auto;
  1177. position:relative;
  1178. left:50%;
  1179. transform:translateX(-50%);
  1180. height:90px;
  1181. text-align:center;
  1182. }
  1183.  
  1184. .ask_asker, .ask_asker a {font-weight:700!important;}
  1185.  
  1186. .answer_og {text-align-last:center!important;text-align:center;}
  1187.  
  1188. .question_og {text-align:left!important;text-align-last:left!important;}
  1189.  
  1190. .answer_og, .ask_asker, .ask_asker a {
  1191. font-family: 'Playfair Display', serif;
  1192. display:inline-block;
  1193. color:{color:Text};
  1194. font-size:12pt;
  1195. text-transform:lowercase;
  1196. letter-spacing:1px;
  1197. font-weight:400;
  1198. margin:0px 0px 5px 0px;
  1199. text-align:center;
  1200. }
  1201.  
  1202. .ask_asker a, a.ask_asker {display:inline-block;}
  1203.  
  1204. .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;}
  1205.  
  1206. .answer_og p, .ask_asker p {margin:20px 0px;}
  1207.  
  1208. .answer_og b, .ask_asker {border-bottom:3px solid {color:Accent One};}
  1209.  
  1210. .question {text-align:left;margin:20px 0px 10px 0px;}
  1211.  
  1212. /* --- PAGINATION --- */
  1213.  
  1214. .pagination {width:540px;margin-top:40px;background:{color:Content};text-align:center;padding:20px;}
  1215.  
  1216. .pagi_jump {text-align:center;width:calc(100% - 80px - 80px - 40px);}
  1217.  
  1218. .pagi_prev {width:80px;}
  1219.  
  1220. .pagi_next {width:80px;}
  1221.  
  1222. .pagi_jump, .pagi_prev, .pagi_next {display:inline-block;}
  1223.  
  1224. .pagi_pages, .pagi_jump a, .pagi_pages a, .pagi_prev a, .pagi_next a {
  1225. text-transform:lowercase;
  1226. letter-spacing:1px;
  1227. font-weight:400;
  1228. font-size:10pt;
  1229. text-align:left;
  1230. margin-bottom:15px;
  1231. }
  1232.  
  1233. .pagi_jump a, .pagi_jump span {margin:0px 4px;}
  1234.  
  1235. .pagi_jump span {font-size:9pt;}
  1236.  
  1237. /* --- LIGHTBOXES ---*/
  1238.  
  1239. .vignette, #vignette {opacity:0;}
  1240.  
  1241. .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;}
  1242.  
  1243. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  1244.  
  1245. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  1246.  
  1247. /* ---PERMALINK NOTES --- */
  1248.  
  1249. ol.notes {
  1250. padding:20px;
  1251. margin:0px 0px 25px 0px;
  1252. list-style-type:none;
  1253. border-bottom:solid 0px;
  1254. background:{color:Content};
  1255. width:540px;
  1256. }
  1257.  
  1258. .notes a {color:{color:Text};}
  1259. .notes a:hover {color:{color:Text};}
  1260.  
  1261. ol.notes li.note {
  1262. display:block;
  1263. border-bottom:solid 1px {color:Borders};
  1264. padding:10px;
  1265. list-style-type:none!important;
  1266. }
  1267.  
  1268. ol.notes li.note img.avatar {
  1269. vertical-align:middle;
  1270. margin-right:10px;
  1271. position:relative;
  1272. top:-2px;
  1273. width:25px;
  1274. height:25px;
  1275. border-radius:50%;
  1276. display:inline-block;
  1277. }
  1278.  
  1279. ol.notes li.note span.action {font-weight: normal;}
  1280.  
  1281. ol.notes li.note .answer_content {font-weight: normal;}
  1282.  
  1283. ol.notes li.note blockquote {
  1284. border-color: {color:Text};
  1285. padding: 4px 10px;
  1286. margin: 10px 0px 0px 25px;
  1287. }
  1288.  
  1289. ol.notes li.note blockquote a {text-decoration: none;}
  1290.  
  1291. /* --- FOOTER --- */
  1292.  
  1293. footer {
  1294. margin:0 auto;
  1295. float:left;
  1296. width:100%;
  1297. padding:0px;
  1298. margin-top:100px;
  1299. background:{color:Footer Background};
  1300. }
  1301.  
  1302. .footer_cont {
  1303. width:100%;
  1304. overflow:hidden;
  1305. }
  1306.  
  1307. .footer_banner {
  1308. height:250px;
  1309. margin-left:-250px;
  1310. width:calc(100% + 540px);
  1311. overflow:hidden;
  1312. }
  1313.  
  1314.  
  1315. .footer_img {
  1316. display:inline-block;
  1317. width:200px;
  1318. height:300px;
  1319. margin:0px -4px 0px 0px;
  1320. }
  1321.  
  1322. .footer_img:nth-child(6n+1) {background-image: url('{image:Footer One}');}
  1323.  
  1324. .footer_img:nth-child(6n+2) {background-image: url('{image:Footer two}');}
  1325.  
  1326. .footer_img:nth-child(6n+3) {background-image: url('{image:Footer Three}');}
  1327.  
  1328. .footer_img:nth-child(6n+4) {background-image: url('{image:Footer Four}');}
  1329.  
  1330. .footer_img:nth-child(6n+5) {background-image: url('{image:Footer Five}');}
  1331.  
  1332. .footer_img:nth-child(6n+6) {background-image: url('{image:Footer Six}');}
  1333.  
  1334. .footer {
  1335. margin:0 auto;
  1336. width:80%;
  1337. padding:20px 20px 40px 20px;
  1338. }
  1339.  
  1340. .footer_nav {float:left;}
  1341. .footer_copy {float:right;}
  1342.  
  1343. .footer_nav, .footer_copy, .footer_copy a {
  1344. display:inline-block;
  1345. color:{color:Footer Links};
  1346. font-size:9pt;
  1347. text-transform:uppercase;
  1348. letter-spacing:1px;
  1349. }
  1350.  
  1351. .footer_nav a {
  1352. display:inline-block;
  1353. color:{color:Footer Links};
  1354. font-size:9pt;
  1355. text-transform:uppercase;
  1356. letter-spacing:1px;
  1357. margin:0px 15px;
  1358. border:0px;
  1359. }
  1360.  
  1361. .footer_nav a:nth-child(3n+1) {border-bottom:2px solid {color:Accent One};}
  1362. .footer_nav a:nth-child(3n+2) {border-bottom:2px solid {color:Accent Two};}
  1363. .footer_nav a:nth-child(3n+3) {border-bottom:2px solid {color:Accent Three};}
  1364.  
  1365. /* --- SCROLL TO TOP --- */
  1366.  
  1367. #scrollToTop {
  1368. display:none;
  1369. position:fixed;
  1370. bottom:17px;
  1371. right:11px;
  1372. z-index:10;
  1373. }
  1374.  
  1375. #scrollToTop span {
  1376. color:{color:Text};
  1377. background:{color:Content};
  1378. height:30px;
  1379. width:30px;
  1380. line-height:30px;
  1381. border-radius:50%;
  1382. font-size:14pt;
  1383. padding:5px;
  1384. transition:0.2s ease-in-out;
  1385. -webkit-transition:0.2s ease-in-out;
  1386. -moz-transition:0.2s ease-in-out;
  1387. }
  1388.  
  1389. {CustomCSS}
  1390.  
  1391.  
  1392.  
  1393.  
  1394.  
  1395. </style>
  1396.  
  1397. </head>
  1398.  
  1399.  
  1400. <body>
  1401.  
  1402.  
  1403.  
  1404.  
  1405.  
  1406. <!-- DO NOT EDIT -->
  1407. <div class="tcontrols">+</div>
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413. <!---------------------------------------------
  1414.  
  1415. -----------------------------------------------
  1416.  
  1417. START TOPBAR
  1418.  
  1419. -----------------------------------------------
  1420.  
  1421. ---------------------------------------------->
  1422. <div id="topbar">
  1423. <div class="top">
  1424. <a href="/">Home</a>
  1425. <a href="/ask">Ask</a>
  1426. <a href="{text:Topbar Link One URL}">{text:Topbar Link One}</a>
  1427.  
  1428. <b>{text:Blog Name}</b>
  1429.  
  1430. <a href="{text:Topbar Link Two URL}">{text:Topbar Link Two}</a>
  1431. <a href="{text:Topbar Link Three URL}">{text:Topbar Link Three}</a>
  1432. <a href="{text:Topbar Link Four URL}">{text:Topbar Link Four}</a>
  1433. </div>
  1434. </div>
  1435. <!-- END TOPBAR ----------------->
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441.  
  1442.  
  1443. <!---------------------------------------------
  1444.  
  1445. -----------------------------------------------
  1446.  
  1447. START HEADER
  1448.  
  1449. -----------------------------------------------
  1450.  
  1451. ---------------------------------------------->
  1452. {block:IfRepeatingHeader}<div class="header_rep"></div>{/block:IfRepeatingHeader}
  1453. <div class="header"></div>
  1454. <!-- END HEADER ----------------->
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461.  
  1462.  
  1463.  
  1464.  
  1465.  
  1466.  
  1467.  
  1468. <!-- START CONTAINER -------------------------->
  1469. <div class="container">
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478.  
  1479. <!---------------------------------------------
  1480.  
  1481. -----------------------------------------------
  1482.  
  1483. START WELCOME
  1484.  
  1485. -----------------------------------------------
  1486.  
  1487. ---------------------------------------------->
  1488. <div class="welcome">
  1489. <h1>Welcome {block:IfLongWelcomeTitle}to <b>{text:Blog Name}</b>{/block:IfLongWelcomeTitle}</h1><br>
  1490.  
  1491. {Description}
  1492.  
  1493. {block:IfLatestPhotos}
  1494. <div class="latest_photos">
  1495. <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>
  1496. </div>
  1497.  
  1498. <script type='text/javascript' src='https://{text:Blog URL}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1499. <script type='text/javascript'>
  1500. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1501. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1502. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1503. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1504. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1505. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1506. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1507. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1508. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1509. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1510. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1511. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1512. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1513. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1514. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1515. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1516. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1517. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1518. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1519. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1520. </script>
  1521. </div>
  1522. {/block:IfLatestPhotos}
  1523.  
  1524. </div>
  1525. <!-- END TOPBAR ----------------->
  1526.  
  1527.  
  1528.  
  1529.  
  1530.  
  1531.  
  1532.  
  1533.  
  1534.  
  1535. <!---------------------------------------------
  1536.  
  1537. -----------------------------------------------
  1538.  
  1539. START FEATURED TAGS
  1540.  
  1541. -----------------------------------------------
  1542.  
  1543. ---------------------------------------------->
  1544. {block:IfFeaturedTags}
  1545. <div class="featured">
  1546.  
  1547. <div class="feat">
  1548. <a href="{text:Featured Tag One URL}"><img src="{image:Featured Tag One}"></a>
  1549. <div class="feat_title"><a href="{text:Featured Tag One URL}">{text:Featured Tag One}</a></div>
  1550. </div>
  1551.  
  1552. <div class="feat">
  1553. <a href="{text:Featured Tag Two URL}"><img src="{image:Featured Tag Two}"></a>
  1554. <div class="feat_title"><a href="{text:Featured Tag Two URL}">{text:Featured Tag Two}</a></div>
  1555. </div>
  1556.  
  1557. <div class="feat">
  1558. <a href="{text:Featured Tag Three URL}"><img src="{image:Featured Tag Three}"></a>
  1559. <div class="feat_title"><a href="{text:Featured Tag Three URL}">{text:Featured Tag Three}</a></div>
  1560. </div>
  1561.  
  1562. </div>
  1563. {/block:IfFeaturedTags}
  1564. <!-- END FEATURED TAGS ----------------->
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574. <!---------------------------------------------
  1575.  
  1576. -----------------------------------------------
  1577.  
  1578. START SIDEBAR
  1579.  
  1580. -----------------------------------------------
  1581.  
  1582. ---------------------------------------------->
  1583. <div class="sidebar">
  1584.  
  1585.  
  1586.  
  1587.  
  1588.  
  1589.  
  1590. <!-- Sidebar: Start Welcome -->
  1591. {block:IfSidebarImage}
  1592. <div class="side">
  1593.  
  1594. <div class="sideimage">
  1595. <img src="{image:Sidebar}" />
  1596. </div>
  1597.  
  1598. </div>
  1599. {/block:IfSidebarImage}
  1600. <!-- Sidebar: End Welcome -->
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606. <!-- Sidebar: Start Official Links -->
  1607. {block:IfOfficialLinks}
  1608. <div class="side">
  1609. <div class="sideicon about"><i class="fas fa-globe"></i></div>
  1610. <div class="sidetitle">{text:Celeb First Name}'s Official Links</div>
  1611.  
  1612. <div class="sidebar_links">
  1613. {block:IfFacebookLink}<a href="{text:Facebook URL}">Facebook</a>{/block:IfFacebookLink}
  1614.  
  1615. {block:IfInstagramLink}<a href="{text:Instagram URL}">Instagram</a>{/block:IfInstagramLink}
  1616.  
  1617. {block:IfTwitterLink}<a href="{text:Twitter URL}">Twitter</a>{/block:IfTwitterLink}
  1618.  
  1619. {block:IfTumblrLink}<a href="{text:Tumblr URL}">Tumblr</a>{/block:IfTumblrLink}
  1620.  
  1621. {block:IfYoutubeLink}<a href="{text:Youtube URL}">Youtube</a>{/block:IfYoutubeLink}
  1622.  
  1623. {block:IfExtraSocialLink}<a href="{text:Extra Social URL}">{text:Extra Social Title}</a>{/block:IfExtraSocialLink}
  1624. </div>
  1625.  
  1626. </div>
  1627. {/block:IfOfficialLinks}
  1628. <!-- Sidebar: End Official Links -->
  1629.  
  1630.  
  1631.  
  1632.  
  1633.  
  1634.  
  1635.  
  1636. <!-- Sidebar: Start Schedule -->
  1637. {block:IfSchedule}
  1638. <div class="side">
  1639. <div class="sideicon about"><i class="fas fa-calendar"></i></div>
  1640. <div class="sidetitle">{text:Celeb First Name}'s Schedule</div>
  1641. <!-- EDIT SCHEDULE HERE-->
  1642.  
  1643. <!---
  1644.  
  1645. 1. To add more dates, copy one section from "Start Individual Date" to "End Individual Date" and paste it after the last schedule block
  1646.  
  1647. 2. To change the Event name, edit between the <h1> and </h1>
  1648.  
  1649. 3. To change the date, edit between the <b> and </b>
  1650.  
  1651. 4. Add a small description below the "EVENT DETAIL" below the <p> and above the </p>
  1652.  
  1653. For example:
  1654.  
  1655. <h1>SDCC Meet & Greet</h1>
  1656. <p>
  1657. <b>04/22/2020</b>
  1658. Meet Sydney at the San Diego Comic Con. She'll be a the the panel for...
  1659. </p>
  1660.  
  1661.  
  1662. ----->
  1663.  
  1664. <!--------------- START SCHEDULE BELOW --------------->
  1665.  
  1666.  
  1667.  
  1668.  
  1669. <!-- Start Individual Date -->
  1670. <div class="schedule">
  1671. <p>
  1672. <b><em>25 Jan</em></b>
  1673. <!-- Event Detail Below -->
  1674. A WALK TO REMEMBER 20th Anniversary (US Release)
  1675. </p>
  1676. </div>
  1677. <!-- Start Individual Date -->
  1678.  
  1679. <!-- Start Individual Date -->
  1680. <div class="schedule">
  1681. <p>
  1682. <b><em>06 Feb</em></b>
  1683. <!-- Event Detail Below -->
  1684. GOSSAMER FOLDS at the Mammoth Film Festival (Mammoth Lakes, CA)
  1685. </p>
  1686. </div>
  1687. <!-- Start Individual Date -->
  1688.  
  1689. <!-- Start Individual Date -->
  1690. <div class="schedule">
  1691. <p>
  1692. <b><em>11 Mar</em></b>
  1693. <!-- Event Detail Below -->
  1694. OUTSIDERS released on VOD (US streaming only)
  1695. </p>
  1696. </div>
  1697. <!-- Start Individual Date -->
  1698.  
  1699. <!-- Start Individual Date -->
  1700. <div class="schedule">
  1701. <p>
  1702. <b><em>15 Apr</em></b>
  1703. <!-- Event Detail Below -->
  1704. CHARIOT released VOD (US VOD and Select Theatre / UK VOD only)
  1705. </p>
  1706. </div>
  1707. <!-- Start Individual Date -->
  1708.  
  1709. <!-- Start Individual Date -->
  1710. <div class="schedule">
  1711. <p>
  1712. <b><em>06 May</em></b>
  1713. <!-- Event Detail Below -->
  1714. ESCAPE THE FIELD released VOD (US VOD and Select Theatre / UK VOD only)
  1715. </p>
  1716. </div>
  1717. <!-- Start Individual Date -->
  1718.  
  1719. <!-- Start Individual Date -->
  1720. <div class="schedule">
  1721. <p>
  1722. <b><em>02 Jun</em></b>
  1723. <!-- Event Detail Below -->
  1724. MID-CENTURY premiere (Los Angeles, California)
  1725. </p>
  1726. </div>
  1727. <!-- Start Individual Date -->
  1728.  
  1729. <!-- Start Individual Date -->
  1730. <div class="schedule">
  1731. <p>
  1732. <b><em>11 Jun</em></b>
  1733. <!-- Event Detail Below -->
  1734. THE LATIN FROM MANHATTEN at the Dances with Films Film Festival (Los Angeles, California)
  1735. </p>
  1736. </div>
  1737. <!-- Start Individual Date -->
  1738.  
  1739. <!-- Start Individual Date -->
  1740. <div class="schedule">
  1741. <p>
  1742. <b><em>17 Jun</em></b>
  1743. <!-- Event Detail Below -->
  1744. MID-CENTURY released in Select Theatre (US only)
  1745. </p>
  1746. </div>
  1747. <!-- Start Individual Date -->
  1748.  
  1749. <!-- Start Individual Date -->
  1750. <div class="schedule">
  1751. <p>
  1752. <b><em>20+21 Aug</em></b>
  1753. <!-- Event Detail Below -->
  1754. Epix and Chill Fan Convention (Mt. Pleasant, South Carolina)
  1755. </p>
  1756. </div>
  1757. <!-- Start Individual Date -->
  1758.  
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765.  
  1766. <!--------------- END SCHEDULE --------------->
  1767. </div>
  1768. {/block:IfSchedule}
  1769. <!-- Sidebar: End Schedule -->
  1770.  
  1771.  
  1772.  
  1773.  
  1774.  
  1775.  
  1776.  
  1777.  
  1778.  
  1779.  
  1780. <!-- SIDEBAR: Start Projects -->
  1781. {block:IfProjects}
  1782. <div class="side">
  1783. <div class="sideicon about"><i class="fas fa-video"></i></div>
  1784. <div class="sidetitle">{text:Celeb First Name}'s Projects</div>
  1785.  
  1786. <!-- EDIT PROJECTS HERE-->
  1787.  
  1788. <!---
  1789.  
  1790. 1. To add a new project, copy from "Start Individual Project" to "End Individual Project" and paste after the last project block
  1791.  
  1792. 2. To edit the image, add your 320X100 image url in place of the placeholder image below "Project Image"
  1793.  
  1794. 3. To edit the links (default for this theme is the official website on the information icon, your personal tag system on the camera and the imdb website on the plus sign), add the relevant URL's in place of the # for the corresponding links
  1795.  
  1796. 4. To edit the project title and date, edit between the <h1> and </h1>
  1797.  
  1798. 5. Add the character name between the <i> and </i>
  1799.  
  1800. 6. Add a project sypnosis below the "Project Details"
  1801.  
  1802. ----->
  1803.  
  1804. <!--------------- START PROJECTS BELOW --------------->
  1805.  
  1806.  
  1807.  
  1808.  
  1809.  
  1810.  
  1811. <!-- Start Individual Project -->
  1812. <div class="projects">
  1813.  
  1814. <!-- 150X150 Project Image -->
  1815. <img align="left" src="https://static.tumblr.com/m9qaxze/qRqrcxlu0/project.png" />
  1816.  
  1817. <!-- Project Details Below -->
  1818.  
  1819. <h1> She's Still Here </h1>
  1820. <b>{text:First Name}</b> as <i>Mark</i><br>
  1821. <em>Pre-Production</em>
  1822.  
  1823. <p>
  1824. Desperate to help his wife's restless soul find peace, a widower enlists the aid of his ghost-hunting nephew but finds his motives in question when suspicions of his involvement in her death arise.
  1825. </p>
  1826.  
  1827. <a href="https://www.imdb.com/title/tt13274462/?ref_=nm_flmg_act_2">IMDB</a> <a href="#">Website</a> <a href="/tagged/shes still here">Tag</a>
  1828.  
  1829. <!-- Project Details Above -->
  1830. </div>
  1831. <!-- End Individual Project -->
  1832.  
  1833.  
  1834.  
  1835.  
  1836. <!-- Start Individual Project -->
  1837. <div class="projects">
  1838.  
  1839. <!-- 150X150 Project Image -->
  1840. <img align="left" src="https://static.tumblr.com/m9qaxze/qRqrcxlu0/project.png" />
  1841.  
  1842. <!-- Project Details Below -->
  1843.  
  1844. <h1> La Usurpadora, the Musical </h1>
  1845. <b>{text:First Name}</b> as <i>Chad</i><br>
  1846. <em>Post-Production</em>
  1847.  
  1848. <p>
  1849. Two identical twin sisters, separated at birth, one truly decent but humble, the other ultra rich, conniving, and truly destructive. They soon find themselves hopelessly intertwined in each other's lives.
  1850. </p>
  1851.  
  1852. <a href="https://www.imdb.com/title/tt16301792/?ref_=nm_flmg_act_1">IMDB</a> <a href="#">Website</a> <a href="/tagged/la ususpadora">Tag</a>
  1853.  
  1854. <!-- Project Details Above -->
  1855. </div>
  1856. <!-- End Individual Project -->
  1857.  
  1858.  
  1859.  
  1860. <!-- Start Individual Project -->
  1861. <div class="projects">
  1862.  
  1863. <!-- 150X150 Project Image -->
  1864. <img align="left" src="https://static.tumblr.com/m9qaxze/qRqrcxlu0/project.png" />
  1865.  
  1866. <!-- Project Details Below -->
  1867.  
  1868. <h1> Homestead </h1>
  1869. <b>{text:First Name}</b> as <i>Gene</i><br>
  1870. <em>Post-Production</em>
  1871.  
  1872. <p>
  1873. A young couple who have fled the city in search of peace and serenity in the mountains must contend with dangers both close to home as well as on a much larger scale.
  1874. </p>
  1875.  
  1876. <a href="https://www.imdb.com/title/tt13293604/?ref_=nm_flmg_act_3">IMDB</a> <a href="#">Website</a> <a href="#">Tag</a>
  1877.  
  1878. <!-- Project Details Above -->
  1879. </div>
  1880. <!-- End Individual Project -->
  1881.  
  1882.  
  1883.  
  1884.  
  1885. <!-- Start Individual Project -->
  1886. <div class="projects">
  1887.  
  1888. <!-- 150X150 Project Image -->
  1889. <img align="left" src="https://static.tumblr.com/m9qaxze/wmrrd0lge/mc.png" />
  1890.  
  1891. <!-- Project Details Below -->
  1892.  
  1893. <h1> Mid-Century </h1>
  1894. <b>{text:First Name}</b> as <i>Tom Levin</i><br>
  1895. <em>June 17, 2022</em>
  1896.  
  1897. <p>
  1898. A husband and wife's weekend in a mid-century modern vacation rental turns deadly when the husband discovers the owner is a psychopath with a backyard of buried secrets and designs on his wife.
  1899. </p>
  1900.  
  1901. <a href="https://www.imdb.com/title/tt6821198/?ref_=nm_flmg_act_6">IMDB</a> <a href="https://www.lionsgate.com/movies/mid-century">Website</a> <a href="/tagged/mid-century">Tag</a>
  1902.  
  1903. <!-- Project Details Above -->
  1904. </div>
  1905. <!-- End Individual Project -->
  1906.  
  1907.  
  1908.  
  1909. <!-- Start Individual Project -->
  1910. <div class="projects">
  1911.  
  1912. <!-- 150X150 Project Image -->
  1913. <img align="left" src="https://static.tumblr.com/m9qaxze/qRqrcxlu0/project.png" />
  1914.  
  1915. <!-- Project Details Below -->
  1916.  
  1917. <h1> Maneater </h1>
  1918. <b>{text:First Name}</b> as <i>Will</i><br>
  1919. <em>August 2022</em>
  1920.  
  1921. <p>
  1922. After an accident during their vacations on a paradisiac island, a group of friends is stalked by a large shark.
  1923. </p>
  1924.  
  1925. <a href="https://www.imdb.com/title/tt15262370/?ref_=nm_flmg_act_4">IMDB</a> <a href="#">Website</a> <a href="/tagged/maneater">Tag</a>
  1926.  
  1927. <!-- Project Details Above -->
  1928. </div>
  1929. <!-- End Individual Project -->
  1930.  
  1931.  
  1932.  
  1933.  
  1934. <!-- Start Individual Project -->
  1935. <div class="projects">
  1936.  
  1937. <!-- 150X150 Project Image -->
  1938. <img align="left" src="https://static.tumblr.com/m9qaxze/3vDrd0kyp/tlfm.png" />
  1939.  
  1940. <!-- Project Details Below -->
  1941.  
  1942. <h1> The Latin from Manhattan </h1>
  1943. <b>{text:First Name}</b> as <i>Phil</i><br>
  1944. <em>June 11, 2022</em>
  1945.  
  1946. <p>
  1947. Follows the wild, exhilarating life of legendary adult film icon Vanessa Del Rio, set against the backdrop of organized crime-controlled Times Square during the 70s and 80s.
  1948. </p>
  1949.  
  1950. <a href="https://www.imdb.com/title/tt1934397/?ref_=nm_flmg_act_5">IMDB</a> <a href="#">Website</a> <a href="/tagged/the latin from manhattan">Tag</a>
  1951.  
  1952. <!-- Project Details Above -->
  1953. </div>
  1954. <!-- End Individual Project -->
  1955.  
  1956.  
  1957. <!-- Start Individual Project -->
  1958. <div class="projects">
  1959.  
  1960. <!-- 150X150 Project Image -->
  1961. <img align="left" src="https://static.tumblr.com/m9qaxze/GCurd0kta/etf.png" />
  1962.  
  1963. <!-- Project Details Below -->
  1964.  
  1965. <h1> Escape the Field </h1>
  1966. <b>{text:First Name}</b> as <i>Ryan</i><br>
  1967. <em>May 06, 2022</em>
  1968.  
  1969. <p>
  1970. Six strangers wake up trapped in an endless cornfield only to discover something mysterious is hunting them.
  1971. </p>
  1972.  
  1973. <a href="https://www.imdb.com/title/tt11265320/?ref_=nm_flmg_act_7">IMDB</a> <a href="https://www.lionsgate.com/movies/escape-the-field">Website</a> <a href="/tagged/escape the field">Tag</a>
  1974.  
  1975. <!-- Project Details Above -->
  1976. </div>
  1977. <!-- End Individual Project -->
  1978.  
  1979.  
  1980.  
  1981.  
  1982. <div class="extraprojects">
  1983. <!-- MORE PROJECTS -->
  1984. <div class="project-info"><b>CHARIOT (2022)</b><div style="float:right"> <a href="https://www.imdb.com/title/tt13942896/?ref_=nm_flmg_act_8">IMDB</a> <a href="/tagged/chariot">TAG</a></div></div>
  1985.  
  1986. <div class="project-info"><b>OUTSIDERS (2022)</b><div style="float:right"> <a href="https://www.imdb.com/title/tt10737358/?ref_=nm_flmg_act_9">IMDB</a> <a href="/tagged/outsiders">TAG</a></div></div>
  1987.  
  1988. <div class="project-info"><b>GOSSAMER FOLDS (2021)</b><div style="float:right"> <a href="https://www.imdb.com/title/tt9337518/?ref_=nm_flmg_act_10">IMDB</a> <a href="/tagged/gossamer folds">TAG</a></div></div>
  1989.  
  1990.  
  1991.  
  1992.  
  1993. </div>
  1994.  
  1995.  
  1996. <!--------------- END PROJECTS --------------->
  1997. </div>
  1998. {/block:IfProjects}
  1999. <!---- Sidebar: End Projects ---->
  2000.  
  2001.  
  2002.  
  2003.  
  2004.  
  2005.  
  2006.  
  2007.  
  2008.  
  2009.  
  2010. <!-- SIDEBAR : Family Sites -->
  2011. {block:IfFamilySites}
  2012. <div class="side">
  2013. <div class="sideicon about"><i class="fas fa-star"></i></div>
  2014. <div class="sidetitle">sister site</div>
  2015.  
  2016. <!-- EDIT FAMILY SITES HERE-->
  2017.  
  2018. <!---
  2019.  
  2020. 1. To add more family sites, copy from "Family Start" to "Family End" and paste after the last family block
  2021.  
  2022. 2. To change the photo, use a 350X140 px image of your choice, adding it under "FAMILY SITE IMAGE"
  2023.  
  2024. 3. To change the website name, edit betwwn the <b> and </b>
  2025.  
  2026. 4. To change the url, add the relevant url in place of the "#"
  2027.  
  2028.  
  2029. ----->
  2030.  
  2031. <!--------------- START FAMILY SITES BELOW --------------->
  2032.  
  2033.  
  2034. <!-- Family Start -->
  2035. <div class="family"><a href="https://alwaysjackles.tumblr.com/">
  2036. <img src="https://static.tumblr.com/m9qaxze/xTgrcxgks/alwaysjackles.png" />
  2037. <div class="familyinfo">
  2038. <b>alwaysjackles</b>.tumblr.com
  2039. </div></a>
  2040. </div>
  2041. <!-- Family End -->
  2042.  
  2043.  
  2044.  
  2045. </div>
  2046. {/block:IfFamilySites}
  2047. <!-- SIDEBAR : Family Sites End -->
  2048.  
  2049.  
  2050.  
  2051.  
  2052.  
  2053.  
  2054.  
  2055.  
  2056.  
  2057.  
  2058.  
  2059. <!-- Sidebar: Start Twitter Widget -->
  2060. {block:IfTwitterFeed}
  2061. <div class="side">
  2062. <div class="sideicon about"><i class="fab fa-twitter"></i></div>
  2063. <div class="sidetitle">{text:Celeb First Name}'s Twitter</div>
  2064.  
  2065. <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>
  2066. </center>
  2067.  
  2068. </div>
  2069. {/block:IfTwitterFeed}
  2070. <!-- Sidebar: End Twitter Widget -->
  2071.  
  2072.  
  2073.  
  2074.  
  2075.  
  2076.  
  2077. <!-- Sidebar: Start Members -->
  2078. {block:IfMembers}
  2079. <div class="side">
  2080. <div class="sideicon about"><i class="fas fa-user"></i></div>
  2081. <div class="sidetitle">Admin</div>
  2082.  
  2083. <!-- Start Editors : DO NOT EDIT -->
  2084.  
  2085. {block:GroupMembers}
  2086. {block:GroupMember}
  2087. <div class="member">
  2088. <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-96}"></a>
  2089. <div class="memberinfo">
  2090. <a href="{GroupMemberURL}">{GroupMemberName}</b></a><br>{GroupMemberTitle}
  2091. </div>
  2092. </div>
  2093. {/block:GroupMember}
  2094. {/block:GroupMembers}
  2095.  
  2096. </div>
  2097. {/block:IfMembers}
  2098. <!-- Sidebar: End Members -->
  2099.  
  2100.  
  2101.  
  2102.  
  2103.  
  2104.  
  2105. <!-- Sidebar: Start Extra Section -->
  2106. {block:IfAdditionalSection}
  2107. <div class="side">
  2108. <div class="sideicon about"><i class="{select:Extra Section Icon}"></i></div>
  2109. <div class="sidetitle">{text:Extra Section Title}</div>
  2110.  
  2111. <div class="extra">
  2112. {text:Extra Section}
  2113. </div>
  2114.  
  2115. </div>
  2116. {/block:IfAdditionalSection}
  2117. <!-- Sidebar: End Extra Section -->
  2118.  
  2119.  
  2120.  
  2121.  
  2122.  
  2123.  
  2124. <!-- Sidebar: Start Affiliates -->
  2125. {block:IfAffiliates}
  2126. <div class="side">
  2127. <div class="sideicon about"><i class="fas fa-heart"></i></div>
  2128. <div class="sidetitle">Affiliates</div>
  2129.  
  2130. <div class="affiliates">
  2131. <!-- EDIT AFFILIATES HERE-->
  2132.  
  2133. <!---
  2134.  
  2135. 1. To edit the affilaites, add your 55X55 image after the "img src="...." meta
  2136.  
  2137. 2. To change the url, paste the relevant url in place of the "#"
  2138.  
  2139. 3. To change the tooltip title hover, add the affilaites blog name in place of "blog name"
  2140.  
  2141. <a title="blog name" href="https:/blogname.tumblr.com"><img src="https://api.tumblr.com/v2/blog/blogname.tumblr.com/avatar/512"></a>
  2142.  
  2143. ----->
  2144.  
  2145. <!--------------- START AFFILIATES BELOW --------------->
  2146.  
  2147. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2148. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2149. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2150. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2151. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2152.  
  2153. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2154. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2155. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2156. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2157. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2158.  
  2159. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2160. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2161. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2162. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2163. <a title="apply" href="/apply"><img src="https://static.tumblr.com/m9qaxze/Gt2rd0kam/applyaff.png"></a>
  2164.  
  2165. <!--------------- END AFFILIATES --------------->
  2166. </div>
  2167. </div>
  2168. {/block:IfAffiliates}
  2169. <!-- Sidebar: End Affiliates -->
  2170.  
  2171.  
  2172.  
  2173.  
  2174.  
  2175.  
  2176.  
  2177.  
  2178. <!-- Sidebar: Start Site Info -->
  2179. {block:IfSiteInfo}
  2180. <div class="side">
  2181. <div class="sideicon about"><i class="fas fa-signal"></i></div>
  2182. <div class="sidetitle">About Us</div>
  2183.  
  2184. <ul class="siteinfo">
  2185.  
  2186. <li><b>About:</b> {text:Site Info About}</li>
  2187. <li><b>Established:</b> {text:Site Info Established}</li>
  2188. <li><b>Admin:</b> {text:Site Info Admin}</li>
  2189. <li><b>Theme:</b> <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  2190.  
  2191. </ul>
  2192.  
  2193. </div>
  2194. {/block:IfSiteInfo}
  2195. <!-- Sidebar: End Site Info -->
  2196.  
  2197.  
  2198.  
  2199.  
  2200.  
  2201.  
  2202. <!-- Sidebar: Start Disclaimer -->
  2203. {block:IfDisclaimer}
  2204. <div class="side">
  2205. <div class="sideicon about"><i class="fas fa-bookmark"></i></div>
  2206. <div class="sidetitle">Disclaimer</div>
  2207.  
  2208. <div class="disclaimer">
  2209. <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>.
  2210. </div>
  2211.  
  2212. </div>
  2213. {/block:IfDisclaimer}
  2214. <!-- Sidebar: End Disclaimer -->
  2215.  
  2216.  
  2217.  
  2218. </div>
  2219. <!-- END SIDEBAR ----------------->
  2220.  
  2221.  
  2222.  
  2223.  
  2224.  
  2225.  
  2226.  
  2227.  
  2228.  
  2229.  
  2230.  
  2231.  
  2232. <!----------------------------------------------
  2233.  
  2234. ------------------------------------------------
  2235.  
  2236. START POSTS
  2237.  
  2238. ------------------------------------------------
  2239.  
  2240. ----------------------------------------------->
  2241. <div class="posts">
  2242. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  2243. <!-- Start Post Block -->
  2244. <div class="iposts_cont">
  2245.  
  2246.  
  2247. <!-- START POST INFO -->
  2248. {block:Date}
  2249. <div class="postinfo">
  2250.  
  2251. {block:IfShowPostAuthor}<img src="{PostAuthorPortraitURL-48}" /> <a href="{Permalink}"><a href="{PostAuthorURL}"><b>{PostAuthorName}</b></a>{/block:IfShowPostAuthor}
  2252. <p>
  2253. {block:IfShowPostAuthor}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>{/block:IfShowPostAuthor}
  2254.  
  2255. {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}
  2256. {/block:RebloggedFrom}
  2257. </div>
  2258. {/block:Date}
  2259.  
  2260. {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}
  2261.  
  2262. <!-- END POST INFO -->
  2263.  
  2264.  
  2265. <!-- Post Styles Start -->
  2266. <div class="iposts" id="{PostID}">
  2267.  
  2268.  
  2269. {block:Text}{block:Title}<h4>{Title}</h4>{/block:Title}
  2270. {block:NotReblog}{Body}{/block:NotReblog}
  2271. <div class="cap"><div class="caption">
  2272. {block:RebloggedFrom}{block:Reblogs}
  2273. <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>
  2274. <div class="comment">{Body}</div></div>
  2275. {/block:Reblogs}{/block:RebloggedFrom}
  2276. </div></div>
  2277. {/block:Text}
  2278.  
  2279. {block:Link}
  2280. <div class="linkpost">
  2281. {block:Thumbnail}<div class="linkthumb"><img src="{Thumbnail-HighRes}" /></div>{/block:Thumbnail}
  2282. <div class="caption">
  2283. <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>
  2284. </div>
  2285. <div class="caption">
  2286. {block:RebloggedFrom}{block:Reblogs}
  2287. <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>
  2288. <div class="comment">{Body}</div></div>
  2289. {/block:Reblogs}{/block:RebloggedFrom}
  2290. </div>
  2291. {/block:Link}
  2292.  
  2293. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  2294. </center>{block:Caption}
  2295. <div class="caption">
  2296. {block:NotReblog}{Caption}{/block:NotReblog}
  2297. {block:RebloggedFrom}{block:Reblogs}
  2298. <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>
  2299. <div class="comment">{Body}</div></div>
  2300. {/block:Reblogs}{/block:RebloggedFrom}
  2301. </div>
  2302. {/block:Caption}{/block:Photo}
  2303.  
  2304. {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-540}" width="{PhotoWidth-540}" height="{PhotoHeight-540}" 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}
  2305. <div class="caption">
  2306. {block:NotReblog}{Caption}{/block:NotReblog}
  2307. {block:RebloggedFrom}{block:Reblogs}
  2308. <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>
  2309. <div class="comment">{Body}</div></div>
  2310. {/block:Reblogs}{/block:RebloggedFrom}
  2311. </div>
  2312. {/block:Caption}{/block:Photoset}
  2313.  
  2314. {block:Quote}<div class="quote_post"><h3>{Quote}</h3></b>{Source}</div>{block:Caption}
  2315. <div class="caption">
  2316. {block:NotReblog}{Caption}{/block:NotReblog}
  2317. {block:RebloggedFrom}{block:Reblogs}
  2318. <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>
  2319. <div class="comment">{Body}</div></div>
  2320. {/block:Reblogs}{/block:RebloggedFrom}
  2321. </div>
  2322. {/block:Caption}{/block:Quote}
  2323.  
  2324. {block:Video}<div class="video"><center>{Video-540}</center></div>{block:Caption}
  2325. <div class="caption">
  2326. {block:NotReblog}{Caption}{/block:NotReblog}
  2327. {block:RebloggedFrom}{block:Reblogs}
  2328. <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>
  2329. <div class="comment">{Body}</div></div>
  2330. {/block:Reblogs}{/block:RebloggedFrom}
  2331. </div>
  2332. {/block:Caption}{/block:Video}
  2333.  
  2334. {block:Chat}
  2335. <div class="chat">
  2336. {block:Title}<a href="{Permalink}"><h4>{Title}</h4></a>{/block:Title}
  2337. <ul class="chat">
  2338. {block:Lines}
  2339. <li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>
  2340. {/block:Lines}
  2341. </ul>
  2342. </div>{block:Caption}
  2343. <div class="caption">
  2344. {block:NotReblog}{Caption}{/block:NotReblog}
  2345. {block:RebloggedFrom}{block:Reblogs}
  2346. <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>
  2347. <div class="comment">{Body}</div></div>
  2348. {/block:Reblogs}{/block:RebloggedFrom}
  2349. </div>
  2350. {/block:Caption}
  2351. {/block:Chat}
  2352.  
  2353. {block:Audio}
  2354. <div class="audio">
  2355. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}
  2356. <div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  2357. <div class="audioinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  2358. </div>{block:Caption}
  2359. <div class="caption">
  2360. {block:NotReblog}{Caption}{/block:NotReblog}
  2361. {block:RebloggedFrom}{block:Reblogs}
  2362. <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>
  2363. <div class="comment">{Body}</div></div>
  2364. {/block:Reblogs}{/block:RebloggedFrom}
  2365. </div>
  2366. {/block:Caption}
  2367. {/block:Audio}
  2368.  
  2369. {block:Answer}
  2370. <div class="ask_asker"><img src="{AskerPortraitURL-64}" /> <p> {Asker} asked:</div>
  2371. <div class="question">{Question}</div>
  2372. {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}
  2373. {block:Answerer}
  2374. <div class="caption">
  2375. <div class="answer_container"><div class="commenter"><span> <img src="{AnswererPortraitURL-64}"> {Answerer} answered:</span></div>
  2376. <div class="comment">{Answer}</div></div>
  2377. </div>
  2378. {/block:Answerer}
  2379. {block:RebloggedFrom}{block:Reblogs}
  2380. <div class="caption">
  2381. <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>
  2382. <div class="comment">{Body}</div></div>
  2383. </div>
  2384. {/block:Reblogs}{/block:RebloggedFrom}
  2385. {/block:Answer}
  2386.  
  2387.  
  2388.  
  2389. </div>
  2390. <!-- POST STYLES END -->
  2391.  
  2392.  
  2393.  
  2394.  
  2395.  
  2396.  
  2397. <!-- POST TAGS START -->
  2398. {block:HasTags}<div class="posttags">
  2399. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  2400. </div>{/block:HasTags}
  2401. <!-- POST TAGS END -->
  2402.  
  2403.  
  2404.  
  2405.  
  2406.  
  2407. <!-- End Post Block -->
  2408. <!-- PERMALINK NOTES -->
  2409. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  2410.  
  2411. </div>
  2412.  
  2413. {/block:Posts}
  2414.  
  2415.  
  2416.  
  2417.  
  2418.  
  2419. <!---------------------------------------------
  2420.  
  2421. -----------------------------------------------
  2422.  
  2423. START PAGINATION
  2424.  
  2425. -----------------------------------------------
  2426.  
  2427. ---------------------------------------------->
  2428. {block:IndexPage}
  2429. {block:Pagination}
  2430. <div class="pagination">
  2431. <div class="pagi_prev">{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</div>
  2432. <div class="pagi_jump">
  2433. {block:JumpPagination length="5"}
  2434. {block:CurrentPage}
  2435. <span class="current_page">{PageNumber}</span>
  2436. {/block:CurrentPage}
  2437. {block:JumpPage}
  2438. <a class="jump_page" href="{URL}">{PageNumber}</a>
  2439. {/block:JumpPage}
  2440. {/block:JumpPagination}
  2441. </div>
  2442. <div class="pagi_next">{block:NextPage}<a class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>
  2443. </div>
  2444. {/block:Pagination}
  2445. {/block:IndexPage}
  2446. <!-- END PAGINATION ----------------->
  2447.  
  2448.  
  2449.  
  2450.  
  2451.  
  2452.  
  2453. </div>
  2454. <!-- END POSTS ----------------->
  2455.  
  2456.  
  2457.  
  2458. <div id="end"></div>
  2459.  
  2460. </div>
  2461. </div>
  2462. <!-- END SIDEBAR AND POSTS CONTAINER ----------------->
  2463.  
  2464.  
  2465.  
  2466.  
  2467.  
  2468.  
  2469.  
  2470. <!----------------------------------------------
  2471.  
  2472. ------------------------------------------------
  2473.  
  2474. START FOOTER
  2475.  
  2476. ------------------------------------------------
  2477.  
  2478. ----------------------------------------------->
  2479. <footer>
  2480. {block:IfFooterBanner}
  2481. <div class="footer_cont">
  2482. <div class="footer_banner">
  2483. <div class="footer_img"></div>
  2484. <div class="footer_img"></div>
  2485. <div class="footer_img"></div>
  2486. <div class="footer_img"></div>
  2487. <div class="footer_img"></div>
  2488. <div class="footer_img"></div>
  2489. <div class="footer_img"></div>
  2490. <div class="footer_img"></div>
  2491. <div class="footer_img"></div>
  2492. <div class="footer_img"></div>
  2493. <div class="footer_img"></div>
  2494. <div class="footer_img"></div>
  2495. <div class="footer_img"></div>
  2496. <div class="footer_img"></div>
  2497. <div class="footer_img"></div>
  2498. <div class="footer_img"></div>
  2499. <div class="footer_img"></div>
  2500. <div class="footer_img"></div>
  2501. <div class="footer_img"></div>
  2502. <div class="footer_img"></div>
  2503. </div>
  2504. </div>
  2505. {/block:IfFooterBanner}
  2506.  
  2507. <div class="footer">
  2508.  
  2509. <div class="footer_nav">
  2510. <a href="/">Home</a>
  2511. <a href="/ask">Ask</a>
  2512. <a href="{text:Topbar Link One URL}">{text:Topbar Link One}</a>
  2513. <a href="{text:Topbar Link Two URL}">{text:Topbar Link Two}</a>
  2514. </div>
  2515.  
  2516. <div class="footer_copy">
  2517. Copyright © {CopyrightYears} {text:Blog Name}&nbsp;•&nbsp;<a href="https://ethereal-themes.tumblr.com">theme by ethereal-themes</a>
  2518. </div>
  2519.  
  2520. </div>
  2521. </footer>
  2522. <!-- END FOOTER ----------------->
  2523.  
  2524.  
  2525.  
  2526.  
  2527.  
  2528.  
  2529.  
  2530.  
  2531.  
  2532.  
  2533.  
  2534. <div id="end"></div>
  2535. </div>
  2536. <!-- END CONTAINER ----------------->
  2537.  
  2538.  
  2539.  
  2540.  
  2541.  
  2542.  
  2543.  
  2544.  
  2545.  
  2546.  
  2547. <!-- ADDITIONAL SCRIPTS -->
  2548. <script>
  2549. $(document).ready(function(){
  2550. var scrollTop = 0;
  2551. $(window).scroll(function(){
  2552. scrollTop = $(window).scrollTop();
  2553. $('.counter').html(scrollTop);
  2554.  
  2555. if (scrollTop >= 5) {
  2556. $('#topbar').addClass('scrolled-nav');
  2557. } else if (scrollTop < 5) {
  2558. $('#topbar').removeClass('scrolled-nav');
  2559. }
  2560.  
  2561. });
  2562.  
  2563. });
  2564. </script>
  2565.  
  2566. {block:IndexPage}
  2567. <script>
  2568. $(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")}})});
  2569. </script>
  2570.  
  2571. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevron-up"></span></a>
  2572. {/block:IndexPage}
  2573.  
  2574. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2575. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2576.  
  2577. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  2578.  
  2579. <script>
  2580. $(document).ready(function(){
  2581. $('.photo-slideshow').pxuPhotoset({
  2582. lightbox: true,
  2583. rounded: false,
  2584. gutter: '0px',
  2585. borderRadius: '0px',
  2586. photoset: '.photo-slideshow',
  2587. photoWrap: '.photo-data',
  2588. photo: '.pxu-photo'
  2589. });
  2590. });
  2591. $('img[src*="media.tumblr.com"]').each(function() {
  2592. var newsrc = $(this).attr('src').replace('gifv','gif');
  2593. $(this).attr('src', newsrc);
  2594. });
  2595.  
  2596. $('a[href*="media.tumblr.com"]').each(function() {
  2597. var newhref = $(this).attr('href').replace('gifv','gif');
  2598. $(this).attr('href', newhref);
  2599. });
  2600. </script>
  2601.  
  2602. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement