API tools faq
paste
Advertisement
Guest User

elilly 2 1/22/19

a guest
Jan 22nd, 2019
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE htm/l PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-----------------------------------------------------------------------
  4.  
  5. * VANILLA by saaraa @ cyantists.tumblr.com
  6.  
  7. - terms of use: http://cyantists.tumblr.com/terms
  8.  
  9. - credits: http://cyantists.tumblr.com/credits
  10.  
  11. - you can message me if you have any questions
  12.  
  13. - enjoy!
  14.  
  15. code: https://docs.google.com/document/d/1y0yAl9Wj5rQXwDY8h1BZs2uRRMAKz8x97rJrLprqeJw/edit
  16.  
  17. -------------------------------------------------------------------------
  18.  
  19. * NOTES (please read!):
  20.  
  21. - The height of the header image is 500px, the width increase with
  22. screen size but the image repeats itself if it doesn’t span the
  23. width of the whole screen, so any width works.
  24. The smallest recommended width is 1400px.
  25.  
  26. - The sidebar image is 350px wide.
  27.  
  28. - If you make a mistake while editing the code that causes the
  29. theme to malfunction or distorts the layout please try these
  30. things before getting in contact with me:
  31.  
  32. - Use ctrl+z (or cmd+z) to undo changes to the code, this may
  33. result in things turning back to normal
  34.  
  35. - Reload the page without saving the changes you have made
  36. that have caused the problem
  37.  
  38. - Go to here to recover the theme to a point before the
  39. error was made: https://www.tumblr.com/themes/recover
  40.  
  41.  
  42. - To edit the sidebar find <div class="sidebar"> (ctrl+f or cmd+f)
  43.  
  44. - Editing the sidebar should be pretty self explanatory, you can
  45. duplicate, remove, etc. things as needed for your blog.
  46.  
  47. - Group members may not be visible in the theme preview but they
  48. should be on your blog.
  49.  
  50. - For online users/hit counters you can use freehostedscripts.net
  51.  
  52. - More icon options here: http://cyantists.tumblr.com/outicons
  53.  
  54.  
  55. - If you would like to commission me to make complex changes to
  56. this theme specifically for you, you can find more information
  57. here: http://cyantists.tumblr.com/commission
  58.  
  59. ------------------------------------------------------------------------>
  60.  
  61. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  62. <head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# blog: https://ogp.me/ns/blog#">
  63.  
  64. <title>{Title}</title>
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  68.  
  69. <meta name="image:Sidebar" content="" />
  70. <meta name="image:Header" content="" />
  71. <meta name="image:Background" content="" />
  72.  
  73. <meta name="if:Show Header Image" content="1" />
  74. <meta name="if:Scroll Top and Bottom Links" content="1" />
  75. <meta name="if:Custom Tumblr Controls" content="1" />
  76. <meta name="if:500px and 540px Posts" content="0" />
  77. <meta name="if:Dashboard Style Captions" content="1" />
  78. <meta name="if:Show Footer" content="1" />
  79. <meta name="if:Bottom Links 4 Columns" content="0" />
  80.  
  81. <meta name="color:Accent" content="#ffecb1" />
  82. <meta name="color:Background" content="#f6f6f6" />
  83. <meta name="color:Post Background" content="#ffffff" />
  84. <meta name="color:Titles Background" content="#fbfbfb" />
  85. <meta name="color:Text" content="#999999" />
  86. <meta name="color:Links" content="#6b6b6b" />
  87. <meta name="color:Links Hover" content="#000000" />
  88. <meta name="color:Borders" content="#f2f2f2" />
  89.  
  90. <meta name="select:Body Font" content="Calibri" title="Calibri"/>
  91. <meta name="select:Body Font" content="Roboto" title="Roboto"/>
  92. <meta name="select:Body Font" content="Josefin Sans" title="Josefin Sans"/>
  93.  
  94. <meta name="select:Title Font" content="Calibri" title="Calibri"/>
  95. <meta name="select:Title Font" content="Roboto" title="Roboto"/>
  96. <meta name="select:Title Font" content="Josefin Sans" title="Josefin Sans"/>
  97.  
  98. <meta name="select:Text Size" content="11px" title="11px">
  99. <meta name="select:Text Size" content="10px" title="10px">
  100. <meta name="select:Text Size" content="12px" title="12px">
  101.  
  102. <meta name="select:Post Width" content="500px" title="500px">
  103. <meta name="select:Post Width" content="450px" title="450px">
  104. <meta name="select:Post Width" content="400px" title="400px">
  105. <meta name="select:Post Width" content="540px" title="540px">
  106.  
  107. <meta name="select:Padding" content="15px" title="15px">
  108. <meta name="select:Padding" content="10px" title="10px">
  109. <meta name="select:Padding" content="20px" title="20px">
  110.  
  111. <meta name="select:Spacing" content="80px" title="80px">
  112. <meta name="select:Spacing" content="70px" title="70px">
  113. <meta name="select:Spacing" content="60px" title="60px">
  114. <meta name="select:Spacing" content="90px" title="90px">
  115. <meta name="select:Spacing" content="100px" title="100px">
  116.  
  117. <meta name="select:Photoset Gutter" content="4px" title="4px">
  118. <meta name="select:Photoset Gutter" content="0px" title="0px">
  119. <meta name="select:Photoset Gutter" content="1px" title="1px">
  120. <meta name="select:Photoset Gutter" content="2px" title="2px">
  121. <meta name="select:Photoset Gutter" content="3px" title="3px">
  122. <meta name="select:Photoset Gutter" content="5px" title="5px">
  123. <meta name="select:Photoset Gutter" content="6px" title="6px">
  124. <meta name="select:Photoset Gutter" content="7px" title="7px">
  125. <meta name="select:Photoset Gutter" content="8px" title="8px">
  126. <meta name="select:Photoset Gutter" content="9px" title="9px">
  127. <meta name="select:Photoset Gutter" content="10px" title="10px">
  128.  
  129. <meta name="text:Topbar Title" content="" />
  130.  
  131. <meta name="text:Topbar Link 1 Name" content="" />
  132. <meta name="text:Topbar Link 1 URL" content="" />
  133. <meta name="text:Topbar Link 2 Name" content="" />
  134. <meta name="text:Topbar Link 2 URL" content="" />
  135. <meta name="text:Topbar Link 3 Name" content="" />
  136. <meta name="text:Topbar Link 3 URL" content="" />
  137. <meta name="text:Topbar Link 4 Name" content="" />
  138. <meta name="text:Topbar Link 4 URL" content="" />
  139. <meta name="text:Topbar Link 5 Name" content="" />
  140. <meta name="text:Topbar Link 5 URL" content="" />
  141. <meta name="text:Topbar Link 6 Name" content="" />
  142. <meta name="text:Topbar Link 6 URL" content="" />
  143.  
  144. <meta name="text:Bottom Navigation Title" content="" />
  145. <meta name="text:Bottom Link 01 Name" content="" />
  146. <meta name="text:Bottom Link 01 URL" content="" />
  147. <meta name="text:Bottom Link 02 Name" content="" />
  148. <meta name="text:Bottom Link 02 URL" content="" />
  149. <meta name="text:Bottom Link 03 Name" content="" />
  150. <meta name="text:Bottom Link 03 URL" content="" />
  151. <meta name="text:Bottom Link 04 Name" content="" />
  152. <meta name="text:Bottom Link 04 URL" content="" />
  153. <meta name="text:Bottom Link 05 Name" content="" />
  154. <meta name="text:Bottom Link 05 URL" content="" />
  155. <meta name="text:Bottom Link 06 Name" content="" />
  156. <meta name="text:Bottom Link 06 URL" content="" />
  157. <meta name="text:Bottom Link 07 Name" content="" />
  158. <meta name="text:Bottom Link 07 URL" content="" />
  159. <meta name="text:Bottom Link 08 Name" content="" />
  160. <meta name="text:Bottom Link 08 URL" content="" />
  161. <meta name="text:Bottom Link 09 Name" content="" />
  162. <meta name="text:Bottom Link 09 URL" content="" />
  163. <meta name="text:Bottom Link 10 Name" content="" />
  164. <meta name="text:Bottom Link 10 URL" content="" />
  165. <meta name="text:Bottom Link 11 Name" content="" />
  166. <meta name="text:Bottom Link 11 URL" content="" />
  167. <meta name="text:Bottom Link 12 Name" content="" />
  168. <meta name="text:Bottom Link 12 URL" content="" />
  169.  
  170. <meta name="text:Bottom Links Info" content="You can scroll to the very bottom of the code to add more links." />
  171.  
  172. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  173. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  174. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  175. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  176. <script src="https://static.tumblr.com/w3dcevg/q2Tp3n8qs/b.js"></script>
  177. <script src="https://static.tumblr.com/f6blkfc/jwSoug238/vr-ar.js"></script>
  178.  
  179. <script>$(document).ready(function(){$('[title]').style_my_tooltips({tip_follows_cursor:true, tip_delay_time:50, tip_fade_speed:800});
  180. $('.photo-slideshow').pxuPhotoset({lightbox:true, rounded:false, photoset:'.photo-slideshow', photoWrap:'.photo-data', photo:'.pxu-photo', borderRadius:'0px', gutter:'{select:Photoset Gutter}',});
  181. $('.tumblr_audio_player').load(function(){$(this).contents().find('head').append($('<style type="text/css">.audio-player{color:#ffffff;}.progress{background:rgba(255,255,255,0.5)!important;}.play-pause{font-size:30px!important;}.track-artist,.track-name{color:#ffffff!important;font-size:80%;}.audio-image{width:75px!important;height:75px!important;pointer-events:none;}</style>')); $(this).contents().find('.audio-player').attr('style', 'background:{color:Accent};min-height:75px;'); $(this).css({'opacity': 1});});{block:ifScrollTopandBottomLinks}
  182. $("a[href='#top']").click(function() {$('html, body').animate({scrollTop: 0}, 'slow'); return false;});$("a[href='#bottom']").click(function() {$('html, body').animate({scrollTop: $(document).height()}, 'slow'); return false;});{/block:ifScrollTopandBottomLinks}
  183. var mwidth = $('.container').css('min-width');var maxwid = 360 + parseInt('{select:Spacing}', 10) + parseInt('{select:Padding}', 10) + parseInt('{block:ifNot500pxand540pxPosts}{select:Post Width}{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}540px{/block:if500pxand540pxPosts}', 10);if(maxwid > $(window).width() > parseInt(mwidth)) {$('.entries').addClass('wide');}if($(window).width() > maxwid) {$('.entries').addClass('widest');}
  184. var smargin = $('.sidebar').height() +'px';$('#stanchor').css({'margin-top':smargin}); $('.entries').css({'min-height':smargin});
  185. $(window).scroll(function(){{block:ifScrollTopandBottomLinks}
  186. if ($(window).scrollTop()>($('.page').offset().top)) {{block:ifNotCustomTumblrControls}$('.top').removeClass('hidden');{/block:ifNotCustomTumblrControls}{block:ifCustomTumblrControls}$('.top').slideDown(400);{/block:ifCustomTumblrControls}}else if ($(window).scrollTop()<($('.page').offset().top)) {{block:ifNotCustomTumblrControls}$('.top').addClass('hidden');{/block:ifNotCustomTumblrControls}{block:ifCustomTumblrControls}$('.top').slideUp(400);{/block:ifCustomTumblrControls}}{/block:ifScrollTopandBottomLinks}
  187. if (($(window).height() + $(window).scrollTop())>($('#sanchor').offset().top) && ($(window).height() + $(window).scrollTop())>($('.footer').offset().top)) {{block:PermalinkPage}$('.tcontrols').fadeOut(400);{/block:PermalinkPage}{block:ifScrollTopandBottomLinks}{block:ifNotCustomTumblrControls}$('.bottom').addClass('hidden');{/block:ifNotCustomTumblrControls}{block:ifCustomTumblrControls}$('.bottom').slideUp(400);{/block:ifCustomTumblrControls}{/block:ifScrollTopandBottomLinks}$('.sidebar').removeClass('stick');{block:ifShowFooter}$('.controls, .cred, .clogo, .topbar, .sidebar').addClass('scroll');{/block:ifShowFooter}}else if (($(window).height() + $(window).scrollTop())<($('#sanchor').offset().top) && ($(window).height() + $(window).scrollTop())<($('.footer').offset().top)) {{block:PermalinkPage}$('.tcontrols').fadeIn(400);{/block:PermalinkPage}{block:ifScrollTopandBottomLinks}{block:ifNotCustomTumblrControls}$('.bottom').removeClass('hidden');{/block:ifNotCustomTumblrControls}{block:ifCustomTumblrControls}$('.bottom').slideDown(400);{/block:ifCustomTumblrControls}{/block:ifScrollTopandBottomLinks}$('.sidebar').addClass('stick');$('.controls, .cred, .clogo, .topbar, .sidebar').removeClass('scroll');}
  188. if ($(window).scrollTop() < $('#stanchor').offset().top) {$('.sidebar').removeClass('stick');}if (($(window).height() + $(window).scrollTop())>($('#sanchor').offset().top)) {$('.sidebar').addClass('stick');}});
  189. });</script>
  190.  
  191. <link href="https://static.tumblr.com/f6blkfc/oI9ouiymf/pxucycr.css" rel="stylesheet" type="text/css">
  192. <link href="https://fonts.googleapis.com/css?family=Changa:400,500,600,700|Heebo:400,500,700,800|Arial:400,700|Josefin Sans: 400, 400i, 500, 500i|Roboto:400,400i,500,500i,700,700i|Source+Sans+Pro:300,400,400i,600,600i,700,700i|PT+Sans:400,400i,700,700i" rel="stylesheet">
  193. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" />
  194. <link href="https://dl.dropboxusercontent.com/s/di3fblm7xl3a15q/cyouticons.css" rel="stylesheet">
  195.  
  196. <style type="text/css">
  197.  
  198. /* transitions */
  199.  
  200. a, a:hover, .title, .title:hover, .title *, .tr, .tr:hover, .tr > *, *:after, *:hover::after{block:ifNotCustomTumblrControls}, iframe.tmblr-iframe, iframe.tmblr-iframe:hover{/block:ifNotCustomTumblrControls}, #s-m-t-tooltip {
  201. transition:all 0.4s ease-in-out;
  202. -webkit-transition:all 0.4s ease-in-out;
  203. -o-transition:all 0.4s ease-in-out;
  204. -moz-transition:all 0.4s ease-in-out;
  205. -ms-transition:all 0.4s ease-in-out;}
  206.  
  207. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  208. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  209. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  210. .header, .page {
  211. opacity:0;
  212. -webkit-animation:fadeIn ease-in 1;
  213. -moz-animation:fadeIn ease-in 1;
  214. animation:fadeIn ease-in 1;
  215. -webkit-animation-fill-mode:forwards;
  216. -moz-animation-fill-mode:forwards;
  217. animation-fill-mode:forwards;
  218. -webkit-animation-duration:1s;
  219. -moz-animation-duration:1s;
  220. animation-duration:1s;}
  221. .page {
  222. -webkit-animation-delay:0.8s;
  223. -moz-animation-delay:0.8s;
  224. animation-delay:0.8s;}
  225.  
  226. /* html */
  227.  
  228. html {
  229. overflow-y:scroll;
  230. font-size:{select:Text Size};
  231. -webkit-font-smoothing:antialiased;
  232. -moz-osx-font-smoothing:grayscale;}
  233.  
  234. ::-webkit-scrollbar {
  235. height:0px;
  236. width:4px;
  237. background:{color:Post Background};
  238. border-left:1px solid {color:Borders};}
  239. .ptext::-webkit-scrollbar {
  240. width:3px;
  241. border:none;}
  242. ::-webkit-scrollbar-thumb:vertical {
  243. height:auto;
  244. width:4px;
  245. background:{color:Accent};
  246. border-left:1px solid {color:Borders};}
  247. .ptext::-webkit-scrollbar-thumb:vertical {
  248. width:3px;
  249. border:none;}
  250. ::-webkit-scrollbar-thumb:hotizontal {
  251. display:none;}
  252.  
  253. ::selection {
  254. background:{color:Accent};
  255. color:#ffffff;}
  256. ::-webkit-selection {
  257. background:{color:Accent};
  258. color:#ffffff;}
  259. ::-moz-selection {
  260. background:{color:Accent};
  261. color:#ffffff;}
  262. ::-o-selection {
  263. background:{color:Accent};
  264. color:#ffffff;}
  265.  
  266. /* tumblr controls */
  267.  
  268. {block:ifNotCustomTumblrControls}iframe.tmblr-iframe {
  269. z-index:99999999!important;
  270. top:calc(100% - 32px)!important;!important;
  271. right:2px!important;
  272. opacity:0.4;
  273. filter:invert(1);
  274. -webkit-filter:invert(1);
  275. -o-filter:invert(1);
  276. -moz-filter:invert(1);
  277. -ms-filter:invert(1);
  278. transform:scale(0.65) rotate(90deg);
  279. transform-origin:100% 0;
  280. -webkit-transform:scale(0.65) rotate(90deg);
  281. -webkit-transform-origin:100% 0;
  282. -o-transform:scale(0.65) rotate(90deg);
  283. -o-transform-origin:100% 0;
  284. -moz-transform:scale(0.65) rotate(90deg);
  285. -moz-transform-origin:100% 0;
  286. -ms-transform:scale(0.65) rotate(90deg);
  287. -ms-transform-origin:100% 0;}{/block:ifNotCustomTumblrControls}
  288.  
  289. {block:ifCustomTumblrControls}iframe.tmblr-iframe {
  290. opacity:0!important;
  291. display:none!important;}{block:ifScrollTopandBottomLinks}
  292.  
  293. .top {
  294. display:none;}{/block:ifScrollTopandBottomLinks}
  295.  
  296. {/block:ifCustomTumblrControls}.controls {
  297. right:8px;
  298. bottom:30px;
  299. z-index:999;
  300. position:fixed;
  301. font-size:1.2rem;}
  302.  
  303. .clogo {
  304. padding:5px!important;}
  305. .clogo:before, .clogo:after {
  306. margin:5px!important;}
  307. .cred:before {
  308. margin-left:-65px!important;
  309. padding:5px 4px 5px 5px!important;}
  310.  
  311. .controls a {
  312. position:relative;
  313. display:block;
  314. height:1.1rem;
  315. text-align:center;
  316. width:20px;
  317. height:20px;
  318. border:1px solid {color:Borders};
  319. margin-bottom:8px;
  320. background:#ffffff;}
  321. .controls.scroll a {
  322. background:{color:Background};}
  323.  
  324. .controls a span {
  325. position:absolute;
  326. width:1em;
  327. height:1em;
  328. top:0;
  329. right:0;
  330. bottom:0;
  331. left:0;
  332. margin:auto;
  333. text-align:center;}{block:ifNotCustomTumblrControls}
  334.  
  335. .controls {
  336. bottom:8px;
  337. right:30px;}
  338.  
  339. .controls div {
  340. float:left;
  341. width:28px;
  342. overflow:hidden;}
  343. .controls div.hidden {
  344. width:0px;}
  345.  
  346. .controls a {
  347. margin:0 8px 0 0;}{/block:ifNotCustomTumblrControls}
  348.  
  349. /* body */
  350.  
  351. body {
  352. margin:0px;
  353. background-color:{color:Background};
  354. background-image:url('{image:Background}');
  355. background-attachment:fixed;
  356. line-height:1.4;
  357. color:{color:Text};
  358. font-family:'Roboto', calibri, sans-serif;}
  359.  
  360. #s-m-t-tooltip {
  361. position:absolute;
  362. z-index:9999999999;
  363. margin:0 20px;
  364. display:inline-block;
  365. padding:4px 6px;
  366. color:#ffffff;
  367. background:{color:Accent};
  368. text-transform:lowercase;
  369. font:inherit;}
  370.  
  371. /** PLEASE DO NOT EDIT OR DELETE **/
  372. .cred {right:8px;}
  373. .cred:before {left:0; margin-left:-59px;}
  374. .cred:before, .clogo:before {color:{color:Links};}
  375. .clogo:after {color:{color:Links Hover};}
  376. .clogo, .cred:before, .clogo:after {background:{color:Post Background};}
  377. .clogo.scroll, .cred.scroll:before, .clogo.scroll:after {background:{color:Background};}
  378. .clogo, .cred:before {border:1px solid {color:Borders};}
  379. /*********** THANK YOU! ***********/
  380.  
  381. /* text */
  382.  
  383. a:link, a:active, a:visited, i, em, b, strong {
  384. text-decoration:none;
  385. color:{color:Links};}
  386. a:hover {
  387. color:{color:Links Hover}!important;}
  388.  
  389. small, big, sup, sub {
  390. font-size:1em;}
  391.  
  392. .text {
  393. padding:{select:Padding};}
  394. .text ul, .text ol, blockquote {
  395. display:block;
  396. margin-left:0;
  397. padding:0;}
  398. .text ul, .text ol {
  399. margin-left:-1.4em;}
  400. .text li, blockquote {
  401. display:block;
  402. margin-bottom:5px;
  403. margin-left:3em;}
  404. .text li:before {
  405. display:inline-block;
  406. width:2em;
  407. font-size:0.8em;
  408. margin-left:-2em;}
  409. .text ul ul li, .text ul ol li, .text ol ul li, .text ol ol li {
  410. margin-left:7em;}
  411. .text ul li ul, .text ul li ol, .text ol li ul, .text ol li ol {
  412. margin-top:5px;
  413. margin-left:-4.4em;}
  414. .text ul {
  415. list-style-type:none;}
  416. .text ul li:before {
  417. content:"•";}
  418. .text ol {
  419. list-style-type:decimal;
  420. counter-reset:item;}
  421. .text ol li:before {
  422. content:counter(item) ".";
  423. counter-increment:item;}
  424. blockquote {
  425. border-left:2px solid {color:Borders};
  426. margin-left:0px;
  427. padding-left:calc(1.5em - 1px);
  428. -webkit-margin-end:0!important;}
  429.  
  430. .text img {
  431. max-width:100%;
  432. height:auto!important;}
  433. .text iframe.tmblr-embed, .text iframe.vine-embed {
  434. max-width:100%;
  435. height:100%!important;}
  436. .text figure {
  437. -webkit-margin-before:0px;
  438. -webkit-margin-after:0px;
  439. -webkit-margin-start:0px;
  440. -webkit-margin-end:0px;}
  441. .text figure.tmblr-embed.tmblr-full {{block:ifNot500pxand540pxPosts}
  442. height:calc({select:Post Width} * 0.5)!important;{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  443. height:calc(540px * 0.5)!important;{/block:if500pxand540pxPosts}}
  444.  
  445. .text > :first-child {
  446. margin-top:0px!important;}
  447. .text > :last-child, .text > blockquote:last-child > :last-child {
  448. margin-bottom:0px!important;}
  449.  
  450. .text pre {
  451. letter-spacing:1px;
  452. font-variant:small-caps;
  453. text-transform:lowercase;
  454. font-family:Josefin Sans, sans-serif;
  455. white-space:pre-wrap;
  456. white-space:-moz-pre-wrap;
  457. white-space:-pre-wrap;
  458. white-space:-o-pre-wrap;
  459. word-wrap:break-word;}
  460.  
  461. /* titles TITLES BITCH */
  462.  
  463. h1, h2, h3 {
  464. color:{color:Links};
  465. text-transform:uppercase;
  466. letter-spacing:1px;
  467. font-size:1.3rem;
  468. font-weight:normal;}
  469. h2 {
  470. font-size:1.1rem;}
  471. h3 {
  472. font-size:0.9rem;}
  473.  
  474. .title {
  475. display:block;
  476. position:relative;
  477. background:{color:Titles Background};
  478. padding:20px calc({select:Padding}*2 + 1.3rem) 20px 20px;
  479. color:{color:Links};}
  480. .title:hover, .title:hover * {
  481. color:{color:Links Hover};}
  482.  
  483. .title:before {
  484. position:absolute;
  485. top:0;
  486. right:0;
  487. bottom:0;
  488. margin:auto {select:Padding};
  489. font-size:1.3rem;
  490. height:1em;
  491. opacity:0.4;
  492. color:{color:Links};}
  493.  
  494. .title h1, .title h2, .title h3 {
  495. margin:0!important;
  496. -webkit-margin:0!important;}
  497.  
  498. h1:first-child, h2:first-child, h3:first-child {
  499. margin-top:0!important;
  500. -webkit-margin-before:0!important;}
  501.  
  502. h1:last-child, h2:last-child, h3:last-child, .fright h2 {
  503. margin-bottom:0!important;
  504. -webkit-margin-after:0!important;}
  505.  
  506. /* page */
  507.  
  508. .topbar, .container, .page, .footer {{block:ifNot500pxand540pxPosts}
  509. min-width:calc((350px + {select:Spacing}*2 + 2px + 1px) + {select:Spacing}*2 + {select:Post Width} + {select:Padding}*2);{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  510. min-width:calc((350px + {select:Spacing}*2 + 2px + 1px) + {select:Spacing}*2 + 540px + {select:Padding}*2);{/block:if500pxand540pxPosts}}
  511.  
  512. .container {
  513. position:relative;
  514. margin-top:71px;
  515. width:calc(100vw - 5px);}
  516.  
  517. .page {
  518. position:relative;
  519. width:calc(100vw - 5px);}
  520.  
  521. /* topbar */
  522.  
  523. .topbar {
  524. position:fixed;
  525. top:0;
  526. left:0;
  527. width:100%;
  528. border-bottom:1px solid {color:Borders};
  529. background:{color:Post Background};
  530. z-index:9999999;}
  531. .topbar.scroll {
  532. margin-top:-71px;}
  533.  
  534. .tleft {
  535. position:relative;
  536. display:table;
  537. height:70px;
  538. width:calc(350px + {select:Spacing}*2 + 2px );
  539. border-right:1px solid {color:Background};
  540. text-align:center;
  541. background:{color:Titles Background};}
  542.  
  543. .tleft span {
  544. display:table-cell;
  545. vertical-align:middle;}
  546.  
  547. .heading {
  548. text-transform:uppercase;
  549. letter-spacing:1px;
  550. font-size:1.6rem;
  551. line-height:20px;}
  552.  
  553. .search input {
  554. border:none;
  555. padding:0;
  556. background:{color:Titles Background};
  557. font:inherit;
  558. line-height:1;
  559. margin-top:3px;
  560. text-align:center;
  561. font-style:italic;
  562. color:inherit;}
  563. .search input:focus {
  564. outline:0;}
  565.  
  566. .search input::-webkit-input-placeholder {
  567. color:{color:Text};}
  568. .search input::-moz-placeholder {
  569. color:{color:Text};}
  570. .search input:-ms-input-placeholder {
  571. color:{color:Text};}
  572. .search input:-moz-placeholder {
  573. color:{color:Text};}
  574.  
  575. .links {
  576. position:absolute;
  577. top:0;
  578. left:calc(350px + {select:Spacing}*2 + 2px + 1px);
  579. width:calc(100% - (350px + {select:Spacing}*2 + 2px + 1px));
  580. padding:0 calc({select:Spacing} - 15px);
  581. box-sizing:border-box;
  582. text-transform:uppercase;
  583. letter-spacing:1px;
  584. font-size:1.1rem;
  585. height:70px;
  586. line-height:22px;
  587. text-align:center;
  588. display:table;}
  589.  
  590. .links span {
  591. display:table-cell;
  592. vertical-align:middle;}
  593.  
  594. .links a {
  595. margin:0 15px;}{block:ifShowHeaderImage}
  596.  
  597. /* header */
  598.  
  599. .header {
  600. width:100%;
  601. height:500px;
  602. position:relative;
  603. z-index:9999;
  604. border-bottom:1px solid {color:Borders};}
  605.  
  606. .header:before {
  607. position:absolute;
  608. content:'';
  609. top:0;
  610. left:0;
  611. width:100%;
  612. height:100%;
  613. background-color:{color:Accent};
  614. background-image:url('https://static.tumblr.com/f6blkfc/iMxougy4r/vanilla-default.png');
  615. background-position:center;
  616. z-index:-1;}
  617.  
  618. .header:after {
  619. position:absolute;
  620. content:'';
  621. top:0;
  622. left:0;
  623. width:100%;
  624. height:100%;
  625. background-image:url('{image:Header}');
  626. background-position:center;
  627. z-index:1;}{/block:ifShowHeaderImage}
  628.  
  629. /* sidebar */
  630.  
  631. #stanchor {
  632. top:0;
  633. position:absolute;}
  634.  
  635. .sidebar {
  636. left:0;
  637. position:absolute;
  638. width:calc(350px + {select:Spacing}*2 + 2px);
  639. border-right:1px solid {color:Borders};
  640. padding-top:{select:Spacing};
  641. background:{color:Post Background};}
  642. .sidebar.stick {
  643. position:fixed;
  644. bottom:0;}
  645. .sidebar.scroll {
  646. position:absolute;
  647. bottom:0;}
  648.  
  649. #sanchor {
  650. width:1px;
  651. height:1px;
  652. position:relative;
  653. clear:both;}
  654.  
  655.  
  656. .box, .sidebar > a > img {
  657. position:relative;
  658. right:0;
  659. width:350px!important;
  660. margin:0 {select:Spacing} {select:Spacing} {select:Spacing};
  661. border:1px solid {color:Background};}
  662.  
  663. .sidebar > a > img[src*="/images/x.gif"] {
  664. display:none;}
  665.  
  666. .box:before {
  667. position:absolute;
  668. content:'';
  669. bottom:-1px;
  670. left:-1px;
  671. width:100%;
  672. z-index:1;
  673. border-bottom:1px solid {color:Background};}
  674.  
  675. .box:after {
  676. position:absolute;
  677. content:'';
  678. top:-1px;
  679. right:-1px;
  680. height:100%;
  681. z-index:1;
  682. border-right:1px solid {color:Background};}
  683.  
  684. .box > *:not(:last-child) {
  685. border-bottom:1px solid {color:Titles Background};}
  686. .box > .title:not(:last-child) {
  687. border-bottom:1px solid {color:Background};}
  688.  
  689. .sidebar div.title {
  690. cursor:default;}
  691.  
  692. .clearthis {
  693. border:none!important;}
  694. .clearthis:after {
  695. display:table;
  696. content:'';
  697. clear:both;}
  698.  
  699. /* projects */
  700.  
  701. .project {
  702. float:left;
  703. display:table;
  704. position:relative;
  705. margin-bottom:-1px;
  706. height:60px;
  707. padding:{select:Padding};
  708. border-bottom:1px solid {color:Titles Background};}
  709.  
  710. .project img {
  711. position:absolute;
  712. top:0;
  713. left:0;
  714. margin:{select:Padding};
  715. width:60px;
  716. height:60px;
  717. border-radius:2px;}
  718.  
  719. .pcontent {
  720. display:table-cell;
  721. vertical-align:middle;
  722. padding-left:calc(60px + {select:Padding}/3*2);
  723. width:350px;}
  724.  
  725. .pname {
  726. display:block;
  727. color:{color:Links};
  728. text-transform:uppercase;
  729. letter-spacing:1px;
  730. font-size:0.9em;}
  731.  
  732. .ptext {
  733. max-height:calc(1.5em*3 - 2px);
  734. overflow-y:scroll;}
  735.  
  736. /* memebers */
  737.  
  738. .member {
  739. position:relative;
  740. display:block;
  741. padding:{select:Padding};
  742. height:35px;}
  743.  
  744. .member img {
  745. float:left;
  746. width:35px;
  747. border-radius:2px;}
  748.  
  749. .minfo {
  750. position:absolute;
  751. display:table;
  752. width:calc(350px - {select:Padding}*2 - 35px - 10px);
  753. line-height:calc(35px/2);
  754. height:35px;
  755. padding:1px 0;}
  756.  
  757. .minfo > span {
  758. padding-left:45px;
  759. display:table-cell;
  760. vertical-align:middle;}
  761.  
  762. .minfo > span > div {
  763. width:calc(350px - {select:Padding}*2 - 35px - 10px);
  764. white-space:nowrap;
  765. overflow:hidden;
  766. text-overflow:ellipsis;}
  767.  
  768. .mname {
  769. text-transform:uppercase;
  770. letter-spacing:1px;
  771. font-size:0.9em;
  772. margin-bottom:-2px;}
  773.  
  774. .mtitle {
  775. color:{color:Text};}
  776.  
  777. /* affiliates */
  778.  
  779. .affiliates {
  780. padding:calc({select:Padding}/2) calc({select:Padding}/2) {select:Padding} {select:Padding};}
  781.  
  782. .affiliates a {
  783. display:block;
  784. float:left;
  785. width:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  786. height:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  787. margin:calc({select:Padding}/2) calc({select:Padding}/2) 0 0;
  788. box-sizing:border-box;}
  789.  
  790. .affiliates a img {
  791. width:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  792. height:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  793. display:block;
  794. border-radius:2px;}
  795.  
  796. .affiliates a .apply {
  797. width:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  798. height:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  799. text-transform:uppercase;
  800. letter-spacing:0.5px;
  801. font-size:0.9em;
  802. line-height:calc((350px - {select:Padding} - {select:Padding}/2 - {select:Padding}/2*7)/7);
  803. text-align:center;
  804. color:#ffffff;
  805. background:{color:Accent};
  806. background:-moz-linear-gradient(45deg, {color:Accent} 0%, rgba({RGBcolor:Accent},0.75) 100%);
  807. background:-webkit-linear-gradient(45deg, {color:Accent} 0%,rgba({RGBcolor:Accent},0.75) 100%);
  808. background:linear-gradient(45deg, {color:Accent} 0%,rgba({RGBcolor:Accent},0.75) 100%);
  809. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Accent}', endColorstr='#ffffff',GradientType=1 );}
  810. .affiliates a:hover .apply {
  811. text-shadow:1px 1px 2px {color:Accent};}
  812.  
  813. /* updates */
  814.  
  815. .update {
  816. position:relative;
  817. display:table;
  818. width:100%;
  819. min-height:calc(1.4em + 0.9em + 2px + {select:Padding}*2);
  820. padding-left:calc(1.4em + 0.9em + {select:Padding}*2 + 1px);
  821. box-sizing:border-box;}
  822.  
  823. .update:before {
  824. position:absolute;
  825. content:'';
  826. top:0;
  827. left:0;
  828. margin-left:calc(1.4em + 0.9em + {select:Padding}*2);
  829. height:100%;
  830. border-right:1px solid {color:Titles Background};}
  831.  
  832. .update span {
  833. padding:{select:Padding};
  834. display:table-cell;
  835. vertical-align:middle;}
  836.  
  837. .date {
  838. position:absolute;
  839. top:0;
  840. bottom:0;
  841. left:0;
  842. margin:auto;
  843. cursor:default;
  844. text-align:center;
  845. line-height:1;
  846. width:calc(1.4em + 0.9em);
  847. height:calc(1.4em + 0.9em + 2px);
  848. padding:13px {select:Padding};}
  849.  
  850. .day {
  851. font-size:1.4em;
  852. font-weight:bold;}
  853.  
  854. .month {
  855. text-transform:uppercase;
  856. letter-spacing:0.5px;
  857. font-size:0.9em;
  858. margin-top:2px;}
  859.  
  860. .text.bloginfo {
  861. -webkit-column-count:2;
  862. -moz-column-count:2;
  863. column-count:2;}
  864.  
  865. /* trending */
  866.  
  867. .trending {
  868. width:350px;}
  869.  
  870. .trend {
  871. float:left;
  872. width:calc(350px/3);
  873. height:calc(350px/3);
  874. padding:{select:Padding};
  875. box-sizing:border-box;}
  876.  
  877. .trend:not(:nth-of-type(3n)) {
  878. border-right:1px solid {color:Titles Background};
  879. padding-right:14px;}
  880.  
  881. .trend:nth-of-type(4), .trend:nth-of-type(5), .trend:nth-of-type(6) {
  882. border-top:1px solid {color:Titles Background};
  883. padding-top:14px;}
  884.  
  885. .trend a {
  886. display:table;
  887. width:100%;
  888. height:100%;
  889. background-size:cover;
  890. background-position:center center;
  891. border-radius:2px;}
  892.  
  893. .trend a:nth-child(3n) {
  894. margin-right:0;}
  895.  
  896. /* posts */
  897.  
  898. .entries {
  899. float:right;
  900. position:relative;
  901. margin-top:{select:Spacing};
  902. width:calc(100% - (350px + {select:Spacing}*2 + 2px + 1px));
  903. z-index:99;}
  904.  
  905. .post {
  906. position:relative;
  907. right:0;
  908. left:0;
  909. margin:0 auto {select:Spacing} auto!important;
  910. border:1px solid {color:Borders};
  911. background:{color:Post Background};{block:ifNot500pxand540pxPosts}
  912. width:calc({select:Post Width} + {select:Padding}*2);{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  913. width:calc(540px + {select:Padding}*2);{/block:if500pxand540pxPosts}}
  914. .entries.wide .post:not(:last-child) {{block:ifNot500pxand540pxPosts}
  915. margin-bottom:calc((100vw - 5px - 350px - {select:Spacing}*2 - 2px - 1px - {select:Post Width} - {select:Padding}*2 - 2px)/2)!important;{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  916. margin-bottom:calc((100vw - 5px - 350px - {select:Spacing}*2 - 2px - 1px - 540px - {select:Padding}*2 - 2px)/2)!important;{/block:if500pxand540pxPosts}}
  917. .entries.widest .post:not(:last-child) {
  918. margin-bottom:calc({select:Spacing}*2)!important;}
  919.  
  920. .post > *:not(:last-child) {
  921. border-bottom:1px solid {color:Background};}
  922. .post > .title:not(:last-child) {
  923. border-bottom:1px solid {color:Borders};}
  924.  
  925. .post .title {
  926. font-size:1.4rem;
  927. padding-right:calc({select:Padding}*2 + 1.5rem);}
  928.  
  929. .post .title:before {
  930. font-size:1.5rem;
  931. height:1em;}
  932.  
  933. q {
  934. font-style:italic;}
  935.  
  936. .text.askreply {
  937. background:{color:Titles Background};
  938. padding:{select:Padding};
  939. border:1px solid {color:Background};}
  940.  
  941. .askreply b:first-child + p {
  942. margin-top:0!important;}
  943.  
  944. /* media */
  945.  
  946. .media {
  947. display:block;
  948. text-align:center;
  949. padding:{select:Padding};
  950. background:{color:Titles Background};{block:ifNot500pxand540pxPosts}
  951. width:{select:Post Width};{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  952. width:540px;{/block:if500pxand540pxPosts}}
  953.  
  954. img.image {
  955. display:block;{block:ifNot500pxand540pxPosts}
  956. width:{select:Post Width};{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  957. vertical-align:top;
  958. display:inline-block;
  959. min-width:500px;
  960. max-width:540px;{/block:if500pxand540pxPosts}}
  961.  
  962. .vignette {
  963. background-image:none!important;}
  964.  
  965. img#vignette, .tmblr-lightbox .lightbox-caption, .lightbox-caption, #tumblr_lightbox_caption {
  966. display:none!important;}
  967.  
  968. .tmblr-lightbox, #tumblr_lightbox {
  969. background-color:rgba({RGBcolor:Background},0.7)!important;}
  970.  
  971. .tmblr-lightbox img, #tumblr_lightbox img {
  972. border-radius:0px!important;
  973. box-shadow:none!important;}
  974. img#tumblr_lightbox_left_image, img#tumblr_lightbox_right_image {
  975. opacity:0.7;}{block:ifNot500pxand540pxPosts}
  976.  
  977. .photo-slideshow .row {
  978. width:{select:Post Width};}
  979. .photo-slideshow .row.clearit:not(:last-child) {
  980. margin-bottom:{select:Photoset Gutter}!important;}
  981.  
  982. .photo-slideshow .count-2 {
  983. width:calc((100% - {select:Photoset Gutter})/2);}
  984. .photo-slideshow .count-2:not(:nth-child(1)) {
  985. width:calc((100% - {select:Photoset Gutter})/2 + {select:Photoset Gutter});}
  986. .photo-slideshow .count-3 {
  987. width:calc((100% - {select:Photoset Gutter}*2)/3);}
  988. .photo-slideshow .count-3:not(:nth-child(1)) {
  989. width:calc((100% - {select:Photoset Gutter}*2)/3 + {select:Photoset Gutter});}
  990. .photo-slideshow .count-4 {
  991. width:calc((100% - {select:Photoset Gutter}*3)/4);}
  992. .photo-slideshow .count-4:not(:nth-child(1)) {
  993. width:calc((100% - {select:Photoset Gutter}*3)/4 + {select:Photoset Gutter});}
  994. .photo-slideshow .count-5 {
  995. width:calc((100% - {select:Photoset Gutter}*4)/5);}
  996. .photo-slideshow .count-5:not(:nth-child(1)) {
  997. width:calc((100% - {select:Photoset Gutter}*4)/5 + {select:Photoset Gutter});}
  998.  
  999. .photo-slideshow .photo-data:not(:nth-child(1)) .pxu-photo img {
  1000. width:calc(100% - {select:Photoset Gutter});
  1001. margin-left:{select:Photoset Gutter};
  1002. margin-top:0!important;}{/block:ifNot500pxand540pxPosts}
  1003.  
  1004. .media.audio {
  1005. position:relative;
  1006. min-height:75px;}
  1007.  
  1008. .media.audio:before {
  1009. position:absolute;
  1010. content:'';
  1011. top:0;
  1012. left:0;
  1013. width:calc(100% - {select:Padding}*2);
  1014. height:calc(100% - {select:Padding}*2);
  1015. margin:{select:Padding};
  1016. background:{color:Accent};
  1017. z-index:0;}
  1018.  
  1019. .tumblr_audio_player {
  1020. opacity:0;
  1021. height:75px;
  1022. background:{color:Titles Background};
  1023. display:block;{block:ifNot500pxand540pxPosts}
  1024. width:{select:Post Width}!important;{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  1025. width:540px!important;{/block:if500pxand540pxPosts}}
  1026.  
  1027. iframe[class*="audio_player"] {
  1028. position:relative;
  1029. z-index:2;}
  1030.  
  1031. /* captions */
  1032.  
  1033. .rebloguser {
  1034. line-height:18px;
  1035. text-transform:uppercase;
  1036. letter-spacing:1px;
  1037. font-size:0.9rem;}
  1038.  
  1039. .rebloguser img {
  1040. width:18px;
  1041. float:left;
  1042. margin-right:10px;
  1043. border-radius:2px;}
  1044.  
  1045. .deletedb {
  1046. color:{color:Links};
  1047. cursor:default;}
  1048.  
  1049. .deletedb:after {
  1050. content:'deactivated';
  1051. text-transform:lowercase;
  1052. letter-spacing:0px;
  1053. font-size:1rem;
  1054. margin-left:5px;
  1055. opacity:0;}
  1056. .deletedb:hover:after {
  1057. opacity:0.5;}
  1058.  
  1059. /* post info */
  1060.  
  1061. .info {
  1062. position:relative;
  1063. padding:{select:Padding};}
  1064.  
  1065. .info > a {
  1066. position:relative;
  1067. padding-left:calc(1rem + 5px);
  1068. text-transform:uppercase;
  1069. letter-spacing:0.5px;}
  1070.  
  1071. .info > a:before {
  1072. position:absolute;
  1073. left:0;
  1074. font-size:1rem;
  1075. line-height:1.5rem;}
  1076.  
  1077. .right {
  1078. position:absolute;
  1079. top:0;
  1080. right:0;
  1081. margin:{select:Padding};}
  1082.  
  1083. .right a {
  1084. margin-left:calc({select:Padding}/2);}
  1085.  
  1086. a.like {
  1087. position:relative;
  1088. display:inline-block;}
  1089.  
  1090. a.like .like_button {
  1091. position:absolute;
  1092. width:100%;
  1093. height:100%;}
  1094.  
  1095. a.like .like_button iframe {
  1096. position:absolute;
  1097. top:0;
  1098. left:0;
  1099. bottom:0;
  1100. right:0;
  1101. z-index:2;
  1102. opacity:0.0000001;
  1103. width:100%;
  1104. height:100%;}
  1105.  
  1106. .right a span[class*="oi-"]:before {
  1107. font-size:1.1rem;
  1108. line-height:1.5rem;}
  1109.  
  1110. .like .liked + span {
  1111. color:red;}
  1112.  
  1113. .tags {
  1114. margin-top:4px;
  1115. color:{color:Text};
  1116. font-style:italic;
  1117. word-break:break-all;}
  1118.  
  1119. .tags a {
  1120. color:{color:Text};}
  1121. .tags a:not(:last-of-type) {
  1122. margin-right:10px;}
  1123.  
  1124. /* post notes */
  1125.  
  1126. ol.notes {
  1127. padding:0px;
  1128. list-style-type:none;
  1129. margin:-1px 0 0 0px!important;}
  1130.  
  1131. ol.notes li.note {
  1132. display:block;
  1133. position:relative;
  1134. line-height:16px;
  1135. padding:calc({select:Padding}/3*2) {select:Padding};
  1136. border-top:1px solid {color:Background};}
  1137. ol.notes .note.more_notes_link_container {
  1138. height:16px;
  1139. text-transform:lowercase;}
  1140.  
  1141. ol.notes li.note:before {
  1142. position:absolute;
  1143. top:0;
  1144. right:0;
  1145. bottom:0;
  1146. margin:auto {select:Padding};
  1147. opacity:0.4;
  1148. font-size:1.1rem;
  1149. line-height:1;
  1150. height:1em;
  1151. padding-top:1px;
  1152. font-family:'cy-outicons'!important;
  1153. font-style:normal!important;
  1154. font-weight:normal!important;
  1155. font-variant:normal!important;
  1156. text-transform:none!important;
  1157. speak:none;
  1158. -webkit-font-smoothing:antialiased;
  1159. -moz-osx-font-smoothing:grayscale;}
  1160. ol.notes li.note.reblog:not(.original_post):before {
  1161. content:'\6f';}
  1162. ol.notes li.note.like:before {
  1163. content:'\39';}
  1164. ol.notes li.note.reply:before {
  1165. content:'\5f';}
  1166. ol.notes li.note.original_post:before {
  1167. content:'\e004';}
  1168. ol.notes li.note.more_notes_link_container:before {
  1169. content:'\68';}
  1170.  
  1171. ol.notes li.note img.avatar {
  1172. float:left;
  1173. margin-right:calc({select:Padding}/3*2);
  1174. width:16px;
  1175. border-radius:2px;
  1176. display:inline-block;}
  1177.  
  1178. ol.notes li.note span.action {
  1179. font-weight:normal!important;}
  1180.  
  1181. ol.notes blockquote {
  1182. margin:0.5em 0 0 calc(16px + {select:Padding}/3*2);
  1183. padding-left:{select:Padding}/3*2;}
  1184.  
  1185. .retags {
  1186. display:none;}
  1187.  
  1188. /* pagination */
  1189.  
  1190. .pagination {
  1191. text-align:center;
  1192. margin-bottom:{select:Spacing};
  1193. text-transform:uppercase;
  1194. letter-spacing:0.5px;}
  1195.  
  1196. .pagination > * {
  1197. margin:0 {select:Padding};
  1198. font-size:1.1rem;}
  1199. .pagination span {
  1200. font-weight:bold;
  1201. color:{color:Links Hover};}
  1202.  
  1203. /* footer */
  1204.  
  1205. .footer {
  1206. position:relative;
  1207. background:{color:Post Background};
  1208. width:100%;}
  1209.  
  1210. .footer:before {
  1211. position:absolute;
  1212. content:'';
  1213. width:calc(350px + {select:Spacing}*2 + 2px);
  1214. height:100%;
  1215. z-index:1;
  1216. border-right:1px solid {color:Background};
  1217. background:{color:Titles Background};}
  1218.  
  1219. .fleft {
  1220. float:left;
  1221. position:relative;
  1222. width:calc(350px + {select:Spacing}*2 + 2px + 1px);
  1223. padding:calc({select:Spacing}/1.75) {select:Spacing};
  1224. border-right:1px solid {color:Background};
  1225. border-top:1px solid {color:Borders};
  1226. box-sizing:border-box;
  1227. background:{color:Titles Background};
  1228. z-index:2;}
  1229.  
  1230. .fleft .text {
  1231. padding:0;}
  1232.  
  1233. .subline {
  1234. text-transform:uppercase;
  1235. letter-spacing:0.5px;
  1236. font-size:0.9rem;
  1237. line-height:1;}
  1238.  
  1239. .subline a {
  1240. color:{color:Text};}
  1241.  
  1242. .fright {
  1243. float:right;
  1244. width:calc(100% - (350px + {select:Spacing}*2 + 2px + 1px));
  1245. border-top:1px solid {color:Borders};}
  1246.  
  1247. .frcontent {
  1248. position:relative;
  1249. right:0;
  1250. left:0;
  1251. margin:calc({select:Spacing}/1.75) auto calc({select:Spacing}/1.75 - 3px);{block:ifNot500pxand540pxPosts}
  1252. width:{select:Post Width};{/block:ifNot500pxand540pxPosts}{block:if500pxand540pxPosts}
  1253. width:540px;{/block:if500pxand540pxPosts}
  1254. padding:0 calc({select:Padding} + 1px);}
  1255.  
  1256. .flinks {
  1257. margin-top:5px;
  1258. -webkit-column-count:3;
  1259. -moz-column-count:3;
  1260. column-count:3;}
  1261. .flinks.c4 {
  1262. -webkit-column-count:4;
  1263. -moz-column-count:4;
  1264. column-count:4;}
  1265.  
  1266. .flinks a {
  1267. position:relative;
  1268. display:block;
  1269. margin-top:3px;
  1270. padding-left:calc(0.8rem + 4px);}
  1271.  
  1272. .flinks a:before {
  1273. position:absolute;
  1274. bottom:0;
  1275. left:0;
  1276. font-size:0.8em;
  1277. margin-left:-2px;
  1278. line-height:1.2rem;
  1279. color:{color:Links};
  1280. opacity:0.4;}
  1281.  
  1282. {CustomCSS}</style></head><body{block:if500pxand540pxPosts} class="p500540"{/block:if500pxand540pxPosts}>
  1283. <div class="container tr">{block:ifShowHeaderImage}
  1284. <div class="header"></div>{/block:ifShowHeaderImage}
  1285. <div id="stanchor"></div><div class="page clearthis"><div class="sidebar">
  1286.  
  1287. <!-- START SIDEBAR -->
  1288.  
  1289. <a href="{BlogURL}"><img src="{image:Sidebar}" /></a>
  1290.  
  1291.  
  1292.  
  1293. <!-- WELCOME --><div class="box">
  1294.  
  1295. <a class="title oi-home" href="{BlogURL}"><h2>
  1296. welcome to {Name}
  1297. </h2></a>
  1298. <div class="text"><b>Evangeline Lilly Daily</b> is your best source for everything Evangeline Lilly related, including the latest updates and edits. Evangeline is an actress and writer best known for her roles in Lost, Ant-Man, and Ant-Man and the Wasp. We track <i>#evangelinedaily.</i></div>
  1299.  
  1300. </div><!-- END -->
  1301.  
  1302.  
  1303.  
  1304. <!-- TEMPLATE if you want a navigation section in the sidebar -------------
  1305.  
  1306. <div class="box">
  1307.  
  1308. <div class="title oi-map"><h2>
  1309. navigation
  1310. </h2></div>
  1311.  
  1312. <div class="text"><div class="flinks" style="margin-top:-3px;">
  1313.  
  1314. <a class="oi-chevron-right" href="/">link name</a>
  1315. <a class="oi-chevron-right" href="/">link name</a>
  1316. <a class="oi-chevron-right" href="/">link name</a>
  1317.  
  1318. </div></div></div>
  1319.  
  1320. <!-- // END TEMPLATE -->
  1321.  
  1322.  
  1323.  
  1324. <!-- PROJECTS --><div class="box">
  1325.  
  1326. <div class="title oi-lightbulb"><h2>
  1327. upcoming projects
  1328. </h2></div>
  1329. <div class="projects clearthis">
  1330.  
  1331.  
  1332. <!-- start project --><div class="project"><div class="pcontent">
  1333. <img src="https://66.media.tumblr.com/b9b3e19c6228070a9be37ab13128546e/tumblr_plprlfMX0N1uv86xzo2_75sq.jpg" /><!-- w: 60px, h: 60px -->
  1334. <div class="pname">Ant-Man and the Wasp</div>
  1335. <div class="ptext">
  1336. <b>Release Date:</b> July 6, 2018
  1337. </div>
  1338. </div></div><!-- end project -->
  1339.  
  1340. <!-- start project --><div class="project"><div class="pcontent">
  1341. <img src="https://66.media.tumblr.com/d57b105e0acf706281ea7b861239d450/tumblr_plqjinbsy71uv86xzo1_75sq.jpg" /><!-- w: 60px, h: 60px -->
  1342. <div class="pname">Call of Duty: Black Ops 4</div>
  1343. <div class="ptext">
  1344. <b>Release Date:</b> October 12, 2018
  1345. </div>
  1346. </div></div><!-- end project -->
  1347.  
  1348. <!-- start project --><div class="project"><div class="pcontent">
  1349. <img src="https://66.media.tumblr.com/08fcde59e4003c678bf7a2115a3ba26d/tumblr_plprlfMX0N1uv86xzo1_75sq.jpg" /><!-- w: 60px, h: 60px -->
  1350. <div class="pname">Avengers: Endgame</div>
  1351. <div class="ptext">
  1352. <b>Release Date:</b> April 26, 2019
  1353. </div>
  1354. </div></div><!-- end project -->
  1355.  
  1356. <!-- copy & paste as needed -->
  1357.  
  1358.  
  1359. </div></div><!-- //END -->
  1360.  
  1361.  
  1362.  
  1363. <!-- MEMBERS -->{block:GroupMembers}<div class="box">
  1364.  
  1365. <div class="title oi-user"><h2>
  1366. our members
  1367. </h2></div>
  1368.  
  1369. {block:GroupMember}<a class="member" href="{GroupMemberURL}">
  1370. <img src="{GroupMemberPortraitURL-40}" />
  1371. <div class="minfo"><span>
  1372. <div class="mname">{GroupMemberName}</div>
  1373. <span class="mtitle">{GroupMemberTitle}</span>
  1374. </span></div>
  1375. </a>{/block:GroupMember}
  1376.  
  1377. <!-- these appear automatically on group blogs -->
  1378.  
  1379. </div>{/block:GroupMembers}<!-- // END -->
  1380.  
  1381. <!-- TEMPLATE if you want to use the memebers section for another purpose --
  1382.  
  1383. <div class="box">
  1384.  
  1385. <div class="title oi-star"><h2>
  1386. title here
  1387. </h2></div>
  1388.  
  1389.  
  1390. <a class="member" href="link">
  1391. <img src="image url" />
  1392. <div class="minfo"><span>
  1393. <div class="mname">title</div>
  1394. <span class="mtitle">subtitle/description</span>
  1395. </span></div>
  1396. </a>
  1397.  
  1398.  
  1399. </div>
  1400.  
  1401. <!-- // END TEMPLATE -->
  1402.  
  1403.  
  1404.  
  1405.  
  1406. <!-- AFFILIATES --><div class="box">
  1407.  
  1408. <div class="title oi-share"><h2>
  1409. affiliates
  1410. </h2></div>
  1411. <div class="affiliates clearthis">
  1412.  
  1413.  
  1414. <!-- start affiliate -->
  1415.  
  1416. <!-- copy & paste as needed -->
  1417.  
  1418.  
  1419. <a href="/apply"><div class="apply">apply</div></a>
  1420. <!-- copy & paste as needed -->
  1421.  
  1422.  
  1423. </div></div><!-- //END -->
  1424.  
  1425. <!-- TEMPLATE if you want an updates section with no date -------------------
  1426.  
  1427. <div class="box">
  1428.  
  1429. <div class="title oi-flag"><h2>
  1430. recent updates
  1431. </h2></div>
  1432.  
  1433.  
  1434. <div class="text">
  1435. <b>title one:</b><br />
  1436. update text
  1437. </div>
  1438. <div class="text">
  1439. <b>title two:</b><br />
  1440. update text
  1441. </div>
  1442.  
  1443.  
  1444. </div>
  1445.  
  1446. <!-- // END TEMPLATE -->
  1447.  
  1448.  
  1449.  
  1450. <!-- BLOG INFO --><div class="box">
  1451.  
  1452. <div class="title oi-info"><h2>
  1453. blog information
  1454. </h2></div>
  1455. <div class="text bloginfo">
  1456.  
  1457.  
  1458. <p><b>About:</b>&nbsp; Evangeline Lilly</p>
  1459. <p><b>Established:</b>&nbsp; April 2018</p>
  1460. <p><b>Currently online:</b>&nbsp; <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5595804";
  1461. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1462. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1463. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1464. </script></p>
  1465. <p><b>Total visits:</b>&nbsp; <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3323968";
  1466. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1467. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1468. </script></p>
  1469. <!-- copy & paste as needed -->
  1470.  
  1471.  
  1472. </div></div><!-- //END -->
  1473.  
  1474.  
  1475.  
  1476. <!-- TRENDING PHOTOS -->{block:HasHighlightedPosts}<div class="box">
  1477.  
  1478. <div class="title oi-line-chart"><h2>
  1479. trending posts
  1480. </h2></div>
  1481.  
  1482. <div class="trending clearthis">{block:HighlightedPosts}
  1483. <div class="trend"><a style="background-image:url('{PhotoURL-250}');" href="{Permalink}" target="_blank"></a></div>
  1484. {/block:HighlightedPosts}</div>
  1485.  
  1486. <!-- these appear automatically -->
  1487.  
  1488. </div>{/block:HasHighlightedPosts}<!-- // END -->
  1489.  
  1490.  
  1491.  
  1492. <!-- // END SIDEBAR --><div id="sanchor"></div></div><div class="entries">
  1493. <div class="posts">{block:Posts}<div class="post" id="{PostID}">{block:Text}
  1494.  
  1495. {block:Title}<a class="title oi-font" href="{Permalink}"><h1>{Title}</h1></a>
  1496. {/block:Title}{block:ifDashboardStyleCaptions}{block:RebloggedFrom}{block:Reblogs}<div class="text">
  1497. <div class="rebloguser">{block:IsActive}
  1498. <a href="{Permalink}" target="_blank">
  1499. <img src="{PortraitURL-64}">{Username}
  1500. </a>{/block:IsActive}{block:IsDeactivated}
  1501. <div class="deletedb">
  1502. <img src="{PortraitURL-64}">{Username}
  1503. </div>{/block:IsDeactivated}
  1504. </div>
  1505. {Body}
  1506. </div>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<div class="text">
  1507. <div class="rebloguser">
  1508. <a href="{Permalink}">
  1509. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1510. </a>
  1511. </div>
  1512. {Body}
  1513. </div>{/block:NotReblog}{/block:ifDashboardStyleCaptions}{block:ifNotDashboardStyleCaptions}<div class="text">
  1514. {Body}
  1515. </div>{/block:ifNotDashboardStyleCaptions}
  1516.  
  1517. {/block:Text}{block:Photo}
  1518.  
  1519. <div class="media"><a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img class="image" src="{PhotoURL-500}" {block:HighRes}style="display:none"{/block:HighRes} />{block:HighRes}<img class="image" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:HighRes}</a></div>{block:Caption}
  1520. {block:ifDashboardStyleCaptions}{block:RebloggedFrom}{block:Reblogs}<div class="text">
  1521. <div class="rebloguser">{block:IsActive}
  1522. <a href="{Permalink}" target="_blank">
  1523. <img src="{PortraitURL-64}">{Username}
  1524. </a>{/block:IsActive}{block:IsDeactivated}
  1525. <div class="deletedb">
  1526. <img src="{PortraitURL-64}">{Username}
  1527. </div>{/block:IsDeactivated}
  1528. </div>
  1529. {Body}
  1530. </div>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<div class="text">
  1531. <div class="rebloguser">
  1532. <a href="{Permalink}">
  1533. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1534. </a>
  1535. </div>
  1536. {Caption}
  1537. </div>{/block:NotReblog}{/block:ifDashboardStyleCaptions}{block:ifNotDashboardStyleCaptions}<div class="text">
  1538. {Caption}
  1539. </div>{/block:ifNotDashboardStyleCaptions}{/block:Caption}
  1540.  
  1541. {/block:Photo}{block:Photoset}
  1542.  
  1543. <div class="media photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{block:Caption}
  1544. {block:ifDashboardStyleCaptions}{block:RebloggedFrom}{block:Reblogs}<div class="text">
  1545. <div class="rebloguser">{block:IsActive}
  1546. <a href="{Permalink}" target="_blank">
  1547. <img src="{PortraitURL-64}">{Username}
  1548. </a>{/block:IsActive}{block:IsDeactivated}
  1549. <div class="deletedb">
  1550. <img src="{PortraitURL-64}">{Username}
  1551. </div>{/block:IsDeactivated}
  1552. </div>
  1553. {Body}
  1554. </div>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<div class="text">
  1555. <div class="rebloguser">
  1556. <a href="{Permalink}">
  1557. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1558. </a>
  1559. </div>
  1560. {Caption}
  1561. </div>{/block:NotReblog}{/block:ifDashboardStyleCaptions}{block:ifNotDashboardStyleCaptions}<div class="text">
  1562. {Caption}
  1563. </div>{/block:ifNotDashboardStyleCaptions}{/block:Caption}
  1564.  
  1565. {/block:Photoset}{block:Quote}
  1566.  
  1567. <div class="title oi-chat-bubble"><q>{Quote}</q></div>
  1568. {block:Source}<div class="text">
  1569. &mdash; {Source}
  1570. </div>{/block:Source}
  1571.  
  1572. {/block:Quote}{block:Link}
  1573.  
  1574. <a class="title oi-external" href="{URL}" target="_blank">
  1575. <h1>{Name} &raquo;</h1>
  1576. </a>{block:Description}
  1577. {block:ifDashboardStyleCaptions}{block:RebloggedFrom}{block:Reblogs}<div class="text">
  1578. <div class="rebloguser">{block:IsActive}
  1579. <a href="{Permalink}" target="_blank">
  1580. <img src="{PortraitURL-64}">{Username}
  1581. </a>{/block:IsActive}{block:IsDeactivated}
  1582. <div class="deletedb">
  1583. <img src="{PortraitURL-64}">{Username}
  1584. </div>{/block:IsDeactivated}
  1585. </div>
  1586. {Body}
  1587. </div>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<div class="text">
  1588. <div class="rebloguser">
  1589. <a href="{Permalink}">
  1590. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1591. </a>
  1592. </div>
  1593. {Description}
  1594. </div>{/block:NotReblog}{/block:ifDashboardStyleCaptions}{block:ifNotDashboardStyleCaptions}<div class="text">
  1595. {Description}
  1596. </div>{/block:ifNotDashboardStyleCaptions}{/block:Description}
  1597.  
  1598. {/block:Link}{block:Chat}
  1599.  
  1600. {block:Title}<a class="title oi-discuss" href="{Permalink}"><h1>{Title}</h1></a>
  1601. {/block:Title}<div class="text">
  1602. {block:Lines}
  1603. <p>{block:Label}<b>{Label}</b>{/block:Label}<br /> {Line}</p>
  1604. {/block:Lines}</div>
  1605.  
  1606. {/block:Chat}{block:Audio}
  1607.  
  1608. <div class="media audio">{block:AudioEmbed}
  1609. {AudioEmbed}
  1610. {/block:AudioEmbed}</div>
  1611. {block:ifDashboardStyleCaptions}{block:RebloggedFrom}{block:Reblogs}<div class="text">
  1612. <div class="rebloguser">{block:IsActive}
  1613. <a href="{Permalink}" target="_blank">
  1614. <img src="{PortraitURL-64}">{Username}
  1615. </a>{/block:IsActive}{block:IsDeactivated}
  1616. <div class="deletedb">
  1617. <img src="{PortraitURL-64}">{Username}
  1618. </div>{/block:IsDeactivated}
  1619. </div>
  1620. {Body}
  1621. </div>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<div class="text">
  1622. <div class="rebloguser">
  1623. <a href="{Permalink}">
  1624. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1625. </a>
  1626. </div>
  1627. {Caption}
  1628. </div>{/block:NotReblog}{/block:ifDashboardStyleCaptions}{block:ifNotDashboardStyleCaptions}<div class="text">
  1629. {Caption}
  1630. </div>{/block:ifNotDashboardStyleCaptions}{/block:Caption}
  1631.  
  1632. {/block:Audio}{block:Video}
  1633.  
  1634. <div class="media video">{Video-500}</div>{block:Caption}
  1635. {block:ifDashboardStyleCaptions}{block:RebloggedFrom}{block:Reblogs}<div class="text">
  1636. <div class="rebloguser">{block:IsActive}
  1637. <a href="{Permalink}" target="_blank">
  1638. <img src="{PortraitURL-64}">{Username}
  1639. </a>{/block:IsActive}{block:IsDeactivated}
  1640. <div class="deletedb">
  1641. <img src="{PortraitURL-64}">{Username}
  1642. </div>{/block:IsDeactivated}
  1643. </div>
  1644. {Body}
  1645. </div>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<div class="text">
  1646. <div class="rebloguser">
  1647. <a href="{Permalink}">
  1648. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1649. </a>
  1650. </div>
  1651. {Caption}
  1652. </div>{/block:NotReblog}{/block:ifDashboardStyleCaptions}{block:ifNotDashboardStyleCaptions}<div class="text">
  1653. {Caption}
  1654. </div>{/block:ifNotDashboardStyleCaptions}{/block:Caption}
  1655.  
  1656. {/block:Video}{block:Answer}
  1657.  
  1658. <div class="text">
  1659. <div class="text askreply">
  1660. <b>{Asker} asked: </b><br />{Question}
  1661. </div>
  1662. </div>
  1663. {block:Answerer}<div class="text">
  1664. <div class="text askreply">
  1665. <b>{Answerer} replied: </b>{Answer}
  1666. </div>
  1667. </div>{block:Reblogs}<div class="text">
  1668. <div class="rebloguser">{block:IsActive}
  1669. <a href="{Permalink}" target="_blank">
  1670. <img src="{PortraitURL-64}">{Username}
  1671. </a>{/block:IsActive}{block:IsDeactivated}
  1672. <div class="deletedb">
  1673. <img src="{PortraitURL-64}">{Username}
  1674. </div>{/block:IsDeactivated}
  1675. </div>
  1676. {Body}
  1677. </div>{/block:Reblogs}{/block:Answerer}{block:NotReblog}<div class="text">
  1678. <div class="rebloguser">
  1679. <a href="{Permalink}">
  1680. <img src="{PostAuthorPortraitURL-64}">{PostAuthorName}
  1681. </a>
  1682. </div>
  1683. {Replies}
  1684. </div>{/block:NotReblog}
  1685.  
  1686. {/block:Answer}{block:Date}<div class="info">
  1687.  
  1688. <a class="oi-bookmark notecount" href="{Permalink}">
  1689. {block:NoteCount}{NoteCountWithLabel} &nbsp;:&nbsp;
  1690. {/block:NoteCount}{ShortMonth} {DayOfMonth}
  1691. </a>
  1692.  
  1693. <div class="right">
  1694. {block:RebloggedFrom}{block:ContentSource}<a href="{ReblogRootURL}" title="source: {ReblogRootName}"><span class="oi-location"></span></a>{/block:ContentSource}{/block:RebloggedFrom}{block:NotReblog}
  1695. <a href="{Permalink}" title="posted by {PostAuthorName}"><span class="oi-user"></span></a>{/block:NotReblog}
  1696. <a href="{ReblogURL}" title="reblog"><span class="oi-repeat"></span></a>
  1697. <a href="#" class="like" title="like">{LikeButton}<span class="oi-heart"></span></a>
  1698. </div>{block:HasTags}
  1699.  
  1700. <div class="tags">
  1701. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1702. </div>{/block:HasTags}
  1703.  
  1704. </div>{/block:Date}{block:PostNotes}
  1705.  
  1706. {PostNotes}
  1707.  
  1708. {/block:PostNotes}{block:ContentSource}<!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}--></div>{/block:Posts}</div>{block:Pagination}
  1709.  
  1710. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}{block:PreviousPage}{/block:PreviousPage}<span>{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  1711.  
  1712. </div></div></div><div class="controls">{block:ifCustomTumblrControls}{block:PermalinkPage}{block:Posts}{block:Date}
  1713.  
  1714. <a href="#" class="like" title="like">{LikeButton}<span class="oi-heart"></span></a>
  1715. <a href="{ReblogURL}" title="reblog"><span class="oi-repeat"></span></a>
  1716. <a href="{EmbedURL}" title="embed"><span class="oi-paperclip"></span></a>
  1717. {/block:Date}{/block:Posts}{/block:PermalinkPage}
  1718.  
  1719. <a href="https://www.tumblr.com/message/{Name}" title="message"><span class="oi-discuss"></span></a>
  1720. <a href="https://www.tumblr.com/follow/{Name}" title="follow"><span class="oi-plus"></span></a>
  1721. {/block:ifCustomTumblrControls}{block:ifScrollTopandBottomLinks}
  1722.  
  1723. <div class="top{block:ifNotCustomTumblrControls} tr hidden{/block:ifNotCustomTumblrControls}">
  1724. <a href="#top" title="top"><span class="oi-chevron-up"></span></a>
  1725. </div>
  1726. <div class="bottom{block:ifNotCustomTumblrControls} tr{/block:ifNotCustomTumblrControls}"><a href="#bottom" title="bottom"><span class="oi-chevron-down"></span></a></div>{/block:ifScrollTopandBottomLinks}
  1727.  
  1728. </div><div class="topbar tr">
  1729.  
  1730. <div class="tleft tr"><span>
  1731. <a class="heading" href="{BlogURL}">{text:Topbar Title}</a>
  1732. <form class="search" action="/search" method="get" autocomplete="off">
  1733. <input type="text" name="q" value="{SearchQuery}" placeholder="search this blog" />
  1734. </form>
  1735. </span></div>
  1736.  
  1737. <div class="links"><span>
  1738.  
  1739. {block:ifTopbarLink1Name}<a
  1740. href="{text:Topbar Link 1 URL}">{text:Topbar Link 1 Name}
  1741. </a>{/block:ifTopbarLink1Name}{block:ifTopbarLink2Name}<a
  1742. href="{text:Topbar Link 2 URL}">{text:Topbar Link 2 Name}
  1743. </a>{/block:ifTopbarLink2Name}{block:ifTopbarLink3Name}<a
  1744. href="{text:Topbar Link 3 URL}">{text:Topbar Link 3 Name}
  1745. </a>{/block:ifTopbarLink3Name}{block:ifTopbarLink4Name}<a
  1746. href="{text:Topbar Link 4 URL}">{text:Topbar Link 4 Name}
  1747. </a>{/block:ifTopbarLink4Name}{block:ifTopbarLink5Name}<a
  1748. href="{text:Topbar Link 5 URL}">{text:Topbar Link 5 Name}
  1749. </a>{/block:ifTopbarLink5Name}{block:ifTopbarLink6Name}<a
  1750. href="{text:Topbar Link 6 URL}">{text:Topbar Link 6 Name}
  1751. </a>{/block:ifTopbarLink6Name}
  1752.  
  1753. </span></div>
  1754.  
  1755. </div><div class="footer clearthis">{block:ifShowFooter}<div class="fleft">
  1756.  
  1757. <h2>disclaimer</h2>
  1758. <div class="text">
  1759.  
  1760. <p>Our site does not claim credit for any of the images, media, or information posted on here unless otherwise stated. If you see anything on this site that belongs to you and you wish for it to be removed please tell us immediately.</p>
  1761. <p class="subline">{Name} &nbsp;&copy;&nbsp;<span style="font-size:1rem; line-height:0.9rem;">{CopyrightYears}</span> &nbsp;&ndash;&nbsp; theme by <a href="https://cyantists.tumblr.com">cyantists</a></p>
  1762.  
  1763. </div>
  1764.  
  1765. </div><div class="fright"><div class="frcontent">
  1766.  
  1767. <h2>{text:Bottom Navigation Title}</h2>
  1768.  
  1769. <div class="flinks{block:ifBottomLinks4Columns} c4{/block:ifBottomLinks4Columns}">
  1770.  
  1771. {block:ifBottomLink01Name}<a
  1772. class="oi-chevron-right" href="{text:Bottom Link 01 URL}">
  1773. {text:Bottom Link 01 Name}
  1774. </a>{/block:ifBottomLink01Name}{block:ifBottomLink02Name}<a
  1775. class="oi-chevron-right" href="{text:Bottom Link 02 URL}">
  1776. {text:Bottom Link 02 Name}
  1777. </a>{/block:ifBottomLink02Name}{block:ifBottomLink03Name}<a
  1778. class="oi-chevron-right" href="{text:Bottom Link 03 URL}">
  1779. {text:Bottom Link 03 Name}
  1780. </a>{/block:ifBottomLink03Name}{block:ifBottomLink04Name}<a
  1781. class="oi-chevron-right" href="{text:Bottom Link 04 URL}">
  1782. {text:Bottom Link 04 Name}
  1783. </a>{/block:ifBottomLink04Name}{block:ifBottomLink05Name}<a
  1784. class="oi-chevron-right" href="{text:Bottom Link 05 URL}">
  1785. {text:Bottom Link 05 Name}
  1786. </a>{/block:ifBottomLink05Name}{block:ifBottomLink06Name}<a
  1787. class="oi-chevron-right" href="{text:Bottom Link 06 URL}">
  1788. {text:Bottom Link 06 Name}
  1789. </a>{/block:ifBottomLink06Name}{block:ifBottomLink07Name}<a
  1790. class="oi-chevron-right" href="{text:Bottom Link 07 URL}">
  1791. {text:Bottom Link 07 Name}
  1792. </a>{/block:ifBottomLink07Name}{block:ifBottomLink08Name}<a
  1793. class="oi-chevron-right" href="{text:Bottom Link 08 URL}">
  1794. {text:Bottom Link 08 Name}
  1795. </a>{/block:ifBottomLink08Name}{block:ifBottomLink09Name}<a
  1796. class="oi-chevron-right" href="{text:Bottom Link 09 URL}">
  1797. {text:Bottom Link 09 Name}
  1798. </a>{/block:ifBottomLink09Name}{block:ifBottomLink10Name}<a
  1799. class="oi-chevron-right" href="{text:Bottom Link 10 URL}">
  1800. {text:Bottom Link 10 Name}
  1801. </a>{/block:ifBottomLink10Name}{block:ifBottomLink11Name}<a
  1802. class="oi-chevron-right" href="{text:Bottom Link 11 URL}">
  1803. {text:Bottom Link 11 Name}
  1804. </a>{/block:ifBottomLink11Name}{block:ifBottomLink12Name}<a
  1805. class="oi-chevron-right" href="{text:Bottom Link 12 URL}">
  1806. {text:Bottom Link 12 Name}
  1807. </a>{/block:ifBottomLink12Name}
  1808.  
  1809. <!-- MORE BOTTOM LINKS: template, copy & paste as needed
  1810.  
  1811. <a class="oi-chevron-right" href="link">name</a>
  1812.  
  1813. ------------------------------------------------------->
  1814.  
  1815.  
  1816. </div></div></div>{/block:ifShowFooter}</div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!