API tools faq
paste
techmaturgy

chamamento

techmaturgy
Jan 29th, 2019
1,550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 102.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---------------------------------------------------------------------------
  4.  
  5. CHAMAMENTO by codematurgy. don't claim this code as your own. feel free to point out any issues or suggest any changes to make it easier to use and browse through. credits for external codes used here:
  6.  
  7. MATERIAL ICONS by Material Design on https://material.io/tools/icons/
  8.  
  9. FONT AWESOME brand icons available on https://fontawesome.com/
  10.  
  11. PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset
  12.  
  13. CAPTIONS and many other tumblr variables by bychloethemes on http://bychloethemes.tumblr.com/post/162818858619/undocumented-documentation-on-the-linked-page-you
  14.  
  15. LIKE BUTTON by mikedidthis(Stack Overflow) on https://stackoverflow.com/questions/21708662/customise-tumblrs-new-like-button-iframe-likebutton
  16.  
  17. COPY TO CLIPBOARD by Zeno Rocha on https://clipboardjs.com/
  18.  
  19. ---------------------------------------------------------------------------->
  20.  
  21. <html lang="{block:English}en{/block:English}{block:German}de-DE{/block:German}{block:French}fr-FR{/block:French}{block:Italian}it-IT{/block:Italian}{block:Japanese}ja-JP{/block:Japanese}{block:Turkish}tr-TR{/block:Turkish}{block:Spanish}es-ES{/block:Spanish}{block:Russian}ru-RU{/block:Russian}{block:Polish}pl-PL{/block:Polish}{block:PortuguesePT}pt-PT{/block:PortuguesePT}{block:PortugueseBR}pt-BR{/block:PortugueseBR}{block:Dutch}nl-NL{/block:Dutch}{block:Korean}ko-KR{/block:Korean}{block:ChineseSimplified}zh-CN{/block:ChineseSimplified}{block:ChineseTraditional}zh-TW{/block:ChineseTraditional}{block:ChineseHK}zh-HK{/block:ChineseHK}{block:Indonesian}id-ID{/block:Indonesian}{block:Hindi}hi-IN{/block:Hindi}">
  22.  
  23. <head>
  24.  
  25. <title>
  26. {block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}
  27. {block:SearchPage}{lang:SearchResultCount results for SearchQuery}
  28. {block:NoSearchResults}{lang:No posts containing SearchQuery}{/block:NoSearchResults} — {/block:SearchPage}
  29. {block:PostSummary}{PostSummary} — {/block:PostSummary}
  30. {Title}</title>
  31.  
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  35. <meta name="viewport" content="width=device-width"/>
  36.  
  37. <link href="{text:Custom Font CSS File}" rel="stylesheet"/>
  38. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
  39. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/brands.css" integrity="sha384-1KLgFVb/gHrlDGLFPgMbeedi6tQBLcWvyNUN+YKXbD7ZFbjX6BLpMDf0PJ32XJfX" crossorigin="anonymous">
  40. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/fontawesome.css" integrity="sha384-jLuaxTTBR42U2qJ/pm4JRouHkEDHkVqH0T1nyQXn1mZ7Snycpf6Rl25VBNthU4z0" crossorigin="anonymous">
  41. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  42.  
  43. <meta name="image:Header" content=""/>
  44.  
  45. <meta name="select:Header Layout" content="topalign" title="Top">
  46. <meta name="select:Header Layout" content="topalign_centermob" title="Top, But Mobile Centered">
  47. <meta name="select:Header Layout" content="topalign_hidemob" title="Top, But Mobile Hidden">
  48. <meta name="select:Header Layout" content="bottomalign" title="Bottom">
  49. <meta name="select:Header Layout" content="bottomalign_centermob" title="Bottom, But Mobile Centered">
  50. <meta name="select:Header Layout" content="bottomalign_hidemob" title="Bottom, But Mobile Hidden">
  51.  
  52. <meta name="select:Make Header Fit Screen" content="fitalways" title="Always">
  53. <meta name="select:Make Header Fit Screen" content="fit1440" title="Up To 1440px">
  54. <meta name="select:Make Header Fit Screen" content="fit1360" title="Up To 1360px">
  55. <meta name="select:Make Header Fit Screen" content="fit1280" title="Up To 1280px">
  56. <meta name="select:Make Header Fit Screen" content="fit1060" title="Up To 1060px">
  57. <meta name="select:Make Header Fit Screen" content="fit780" title="Up To 780px">
  58. <meta name="select:Make Header Fit Screen" content="fitnever" title="Never">
  59.  
  60. <meta name="select:Post Size" content="500" title="500 pixels">
  61. <meta name="select:Post Size" content="540" title="540 pixels">
  62. <meta name="select:Post Size" content="600" title="600 pixels">
  63. <meta name="select:Post Size" content="640" title="640 pixels">
  64. <meta name="select:Post Size" content="700" title="700 pixels">
  65.  
  66. <meta name="select:Font Size" content="13" title="13 pixels">
  67. <meta name="select:Font Size" content="14" title="14 pixels">
  68. <meta name="select:Font Size" content="15" title="15 pixels">
  69. <meta name="select:Font Size" content="16" title="16 pixels">
  70.  
  71. <meta name="select:Base Colors" content="dark_base" title="Dark">
  72. <meta name="select:Base Colors" content="light_base" title="Light">
  73.  
  74. <meta name="select:Body Accent" content="defaultaccent" title="Accent Color">
  75. <meta name="select:Body Accent" content="bgaccent" title="Background Color">
  76. <meta name="select:Body Accent" content="customaccent" title="Custom Color">
  77.  
  78. <meta name="color:Header Background" content="#000000">
  79. <meta name="color:Header Font" content="#ffffff">
  80. <meta name="color:Accent" content="#624b70">
  81. <meta name="color:Text Over Accent" content="#ffffff">
  82.  
  83. <meta name="if:Custom Header Image" content="0"/>
  84. <meta name="if:Custom Header Background Color" content="0"/>
  85. <meta name="if:Custom Header Font Color" content="0"/>
  86. <meta name="if:Repeat Header" content="0"/>
  87. <meta name="if:Header Overlay" content="0"/>
  88. <meta name="if:Show Post Author" content="0"/>
  89. <meta name="if:Show Updates" content="0"/>
  90. <meta name="if:Show Showcase" content="0"/>
  91. <meta name="if:Show Suggested Links 1" content="0"/>
  92. <meta name="if:Show Suggested Links 2" content="0"/>
  93. <meta name="if:Show Social Media" content="0"/>
  94. <meta name="if:Show Members" content="1"/>
  95. <meta name="if:Autogenerate Members" content="1"/>
  96. <meta name="if:Show Site Information" content="0"/>
  97.  
  98. <meta name="text:Updates Label" content="Updates"/>
  99. <meta name="text:Updates Text" content=""/>
  100. <meta name="text:Showcase Label" content="Showcase"/>
  101. <meta name="text:Showcase Text" content=""/>
  102. <meta name="text:Suggested Links 1 Label" content="Suggested Links"/>
  103. <meta name="text:Suggested Links 1 Text" content=""/>
  104. <meta name="text:Suggested Links 2 Label" content="Suggested Links (2!)"/>
  105. <meta name="text:Suggested Links 2 Text" content=""/>
  106. <meta name="text:Social Media Label" content="Social Media"/>
  107. <meta name="text:Members Label" content="Members"/>
  108. <meta name="text:Members Text" content=""/>
  109. <meta name="text:Site Information Label" content="Site Information"/>
  110. <meta name="text:Site Information Text" content=""/>
  111.  
  112. <meta name="text:Custom Font Name" content="Work Sans, Calibri, Arial, Helvetica, sans-serif"/>
  113. <meta name="text:Custom Font CSS File" content="https://fonts.googleapis.com/css?family=Work+Sans"/>
  114. <meta name="text:Ask Page Text" content=""/>
  115. <meta name="text:Submit Page Text" content=""/>
  116. <meta name="text:Facebook URL" content=""/>
  117. <meta name="text:Twitter URL" content=""/>
  118. <meta name="text:Instagram URL" content=""/>
  119. <meta name="text:Pinterest URL" content=""/>
  120. <meta name="text:Youtube URL" content=""/>
  121. <meta name="text:Google Plus URL" content=""/>
  122.  
  123. <style>
  124.  
  125. /* GENERAL */
  126.  
  127. html {
  128. font-size:{select:Font Size}px; /* if you're looking for a font size different from the ones offered, you can change {select:Font Size} for a number that fits you best. though, please, avoid anything smaller than 11. */
  129. }
  130.  
  131. body {
  132. margin:0;
  133. font-family:Lucida Console, Consolas, Menlo, monospace;
  134. line-height:1.75em;
  135. color:{block:IfNotCustomHeaderFontColor}{TitleColor}{/block:IfNotCustomHeaderFontColor}{block:IfCustomHeaderFontColor}{color:Header Font}{/block:IfCustomHeaderFontColor};
  136. background-color:{block:IfNotCustomHeaderBackgroundColor}{BackgroundColor}{/block:IfNotCustomHeaderBackgroundColor}{block:IfCustomHeaderBackgroundColor}{color:Header Background}{/block:IfCustomHeaderBackgroundColor};
  137. }
  138.  
  139. a img {
  140. border:none;
  141. outline:none;
  142. } /* these extra lines are for Internet Explorer. */
  143.  
  144. section, article, aside, footer, header, nav, hgroup {
  145. display:block;
  146. } /* some browsers are out there not using HTML5! smh */
  147.  
  148. figure { margin:0; }
  149.  
  150. iframe.tmblr-iframe.tmblr-iframe--unified-controls { height:54px; }
  151.  
  152. /* MOBILE TOPBAR */
  153.  
  154. .topbar_button {
  155. display:none;
  156. float:right;
  157. box-sizing:border-box;
  158. width:25%;
  159. height:100%;
  160. padding:10px;
  161. color:inherit;
  162. text-align:center;
  163. background-color:transparent;
  164. border:none;
  165. cursor:pointer;
  166. }
  167.  
  168. .topbar_button i.material-icons {
  169. display:block;
  170. font-size:29px;
  171. line-height:1em;
  172. }
  173.  
  174. .topbar_button .topbar_button_label {
  175. display:table;
  176. width:100%;
  177. height:26px;
  178. font-size:13px;
  179. line-height:1em;
  180. }
  181.  
  182. .topbar_button .topbar_button_label .topbar_button_text {
  183. display:table-cell;
  184. width:100%;
  185. vertical-align:middle;
  186. }
  187.  
  188. /* WRAPPER */
  189.  
  190. #pit { overflow-x:hidden; }
  191.  
  192. /* HEADER LAYOUT */
  193.  
  194. #call {
  195. {block:ShowHeaderImage}background:url("{block:IfCustomHeaderImage}{image:Header}{/block:IfCustomHeaderImage}{block:IfNotCustomHeaderImage}{HeaderImage}{/block:IfNotCustomHeaderImage}") {block:IfRepeatHeader}repeat{/block:IfRepeatHeader}{block:IfNotRepeatHeader}no-repeat{/block:IfNotRepeatHeader} fixed center top;{block:IfRepeatHeader}
  196. background-size:auto 100%;{/block:IfRepeatHeader}
  197. position:relative;{/block:ShowHeaderImage}
  198. }
  199.  
  200. #call .header_height {
  201. width:100%;
  202. overflow:hidden;
  203. {block:IfHeaderOverlay}background-color:rgba(0, 0, 0, 0.25);{/block:IfHeaderOverlay}
  204. }
  205.  
  206. #call .header_height img {
  207. display:block;
  208. visibility:hidden;
  209. }
  210.  
  211. {block:ShowHeaderImage}
  212. #call.fitalways { background-size:100%; }
  213.  
  214. #call.fitalways .header_height img { width:100%; }
  215.  
  216. @media (max-width: 1440px) {
  217. #call.fit1440 { background-size:100%; }
  218.  
  219. #call.fit1440 .header_height img { width:100%; }
  220. }
  221.  
  222. @media (max-width: 1360px) {
  223. #call.fit1360 { background-size:100%; }
  224.  
  225. #call.fit1360 .header_height img { width:100%; }
  226. }
  227.  
  228. @media (max-width: 1280px) {
  229. #call.fit1280 { background-size:100%; }
  230.  
  231. #call.fit1280 .header_height img { width:100%; }
  232. }
  233.  
  234. @media (max-width: 1060px) {
  235. #call.fit1060 { background-size:100%; }
  236.  
  237. #call.fit1060 .header_height img { width:100%; }
  238. }
  239.  
  240. @media (max-width: 780px) {
  241. #call.fit780 { background-size:100%; }
  242.  
  243. #call.fit780 .header_height img { width:100%; }
  244. }{/block:ShowHeaderImage}
  245.  
  246. #call #my_name {
  247. {block:ShowHeaderImage}position:absolute;
  248. left:0;
  249. padding:5%;
  250. padding-right:40%;{/block:ShowHeaderImage}
  251. {block:HideHeaderImage}padding:3%;{/block:HideHeaderImage}
  252. {block:ShowAvatar}display:table;{/block:ShowAvatar}
  253. box-sizing:border-box;
  254. width:100%;
  255. overflow:hidden;
  256. {block:IfHeaderOverlay}color:white;{/block:IfHeaderOverlay}
  257. }
  258.  
  259. {block:ShowHeaderImage}#call #my_name.topalign, #call #my_name.topalign_centermob, #call #my_name.topalign_hidemob { top:0; }
  260. #call #my_name.bottomalign, #call #my_name.bottomalign_centermob, #call #my_name.bottomalign_hidemob { bottom:0; }{/block:ShowHeaderImage}
  261.  
  262. /* header content */
  263.  
  264. #blog_portrait, #title_and_links {
  265. display:table-cell;
  266. vertical-align:top;
  267. }
  268.  
  269. #blog_portrait img { margin-right:2rem; }
  270. #title_and_links { width:100%; }
  271.  
  272. #call #my_name {block:ShowAvatar}#title_and_links {/block:ShowAvatar}> * { margin:1rem 0; }
  273. #call #my_name {block:ShowAvatar}#title_and_links {/block:ShowAvatar}> *:first-child { margin-top:0; }
  274. #call #my_name {block:ShowAvatar}#title_and_links {/block:ShowAvatar}> *:last-child { margin-bottom:0; }
  275.  
  276. /* HEADER */
  277.  
  278. #my_name { line-height:2em; }
  279.  
  280. #blog_portrait img {
  281. width:104px;
  282. vertical-align:middle;
  283. }
  284.  
  285. #my_name h1 {
  286. margin:-0.25em 0;
  287. font-weight:normal;
  288. font-size:3em;
  289. line-height:1.25em;
  290. }
  291.  
  292. /* NAVIGATION */
  293.  
  294. /* top links */
  295.  
  296. nav#blog_navigation ul#blog_menu_list {
  297. list-style-type:none;
  298. margin:0;
  299. padding:0;
  300. font-size:1.25em;
  301. line-height:1.5em;
  302. }
  303.  
  304. nav#blog_navigation ul#blog_menu_list li {
  305. display:inline-block;
  306. margin:0.25em;
  307. }
  308.  
  309. nav#blog_navigation ul#blog_menu_list li .blog_menu_item {
  310. display:inline-block;
  311. color:inherit;
  312. padding:0.3em 0.8em;
  313. background-color:rgba({block:IfNotCustomHeaderFontColor}{RGBTitleColor}{/block:IfNotCustomHeaderFontColor}{block:IfCustomHeaderFontColor}{RGBcolor:Header Font}{/block:IfCustomHeaderFontColor}, 0.2);
  314. }
  315.  
  316. /* searchbox */
  317.  
  318. nav#blog_navigation #searchthis { position:relative; }
  319. nav#blog_navigation #searchthis #searchbox { width:150px; }
  320. nav#blog_navigation #searchthis #searchbox:focus { outline:none; }
  321.  
  322. nav#blog_navigation #searchbox, nav#blog_navigation #searchbutton {
  323. margin:0;
  324. padding:0;
  325. font-family:inherit;
  326. font-size:inherit;
  327. color:inherit;
  328. background-color:transparent;
  329. border:0;
  330. }
  331.  
  332. nav#blog_navigation ul#blog_menu_list #searchbox {
  333. padding-right:3em;
  334. line-height:inherit;
  335. }
  336.  
  337. nav#blog_navigation #searchbutton {
  338. position:absolute;
  339. top:0;
  340. right:0.5em;
  341. height:100%;
  342. cursor:pointer;
  343. }
  344.  
  345. nav#blog_navigation #searchbutton i.material-icons {
  346. font-size:2em;
  347. line-height:1;
  348. vertical-align:middle;
  349. }
  350.  
  351. nav#blog_navigation #searchbox:-webkit-autofill, nav#blog_navigation #searchbox:-webkit-autofill:hover, nav#blog_navigation #searchbox:-webkit-autofill:focus, nav#blog_navigation #searchbox:-webkit-autofill:active {
  352. -webkit-box-shadow:inset 0 0 0 30px white;
  353. -moz-box-shadow:inset 0 0 0 30px white;
  354. box-shadow:inset 0 0 0 30px white;
  355. border-color:white;
  356. }
  357.  
  358. nav#blog_navigation #searchbox:-webkit-autofill + #searchbutton, nav#blog_navigation #searchbox:-webkit-autofill:hover + #searchbutton, nav#blog_navigation #searchbox:-webkit-autofill:focus + #searchbutton, nav#blog_navigation #searchbox:-webkit-autofill:active + #searchbutton { color:black; }
  359.  
  360. /* BREADCRUMBS */
  361.  
  362. nav#breadcrumbs {
  363. padding:1em 1.5em;
  364. {block:HideHeaderImage}background-color:rgba({block:IfNotCustomHeaderFontColor}{RGBTitleColor}{/block:IfNotCustomHeaderFontColor}{block:IfCustomHeaderFontColor}{RGBcolor:Header Font}{/block:IfCustomHeaderFontColor}, 0.2);{/block:HideHeaderImage}
  365. }
  366.  
  367. nav#breadcrumbs > div {
  368. max-width:1280px;
  369. margin-left:auto;
  370. margin-right:auto;
  371. }
  372.  
  373. #pit.{select:Body Accent} nav#breadcrumbs a { color:inherit; }
  374.  
  375. nav#breadcrumbs i.material-icons { font-size:20px; }
  376.  
  377. nav#breadcrumbs i.material-icons, nav#breadcrumbs .breadcrumb_text { vertical-align:middle; }
  378.  
  379. nav#breadcrumbs .breadcrumb_text i.material-icons + .breadcrumb_hidden_text { margin-left:0.75em; }
  380.  
  381. .capitalization { display:inline-block; }
  382. .capitalization::first-letter { text-transform:uppercase; }
  383.  
  384. /* POSTS AND SIDEBAR CONTAINER */
  385.  
  386. #virus {
  387. margin:0 auto;
  388. padding:5em 0;
  389. }
  390.  
  391. #virus.size500 { width:958px; }
  392. #virus.size540 { width:998px; }
  393. #virus.size600 { width:1056px; }
  394. #virus.size640 { width:1096px; }
  395. #virus.size700 { width:1181px; }
  396.  
  397. section#blog_section { width:{select:Post Size}px; }
  398.  
  399. #virus.size500 aside#blog_aside { width:350px; }
  400. #virus.size540 aside#blog_aside { width:350px; }
  401. #virus.size600 aside#blog_aside { width:375px; }
  402. #virus.size640 aside#blog_aside { width:375px; }
  403. #virus.size700 aside#blog_aside { width:400px; }
  404.  
  405. #virus.size500 aside#blog_aside { margin-left:108px; }
  406. #virus.size540 aside#blog_aside { margin-left:108px; }
  407. #virus.size600 aside#blog_aside { margin-left:81px; }
  408. #virus.size640 aside#blog_aside { margin-left:81px; }
  409. #virus.size700 aside#blog_aside { margin-left:81px; }
  410.  
  411. section#blog_section, aside#blog_aside {
  412. display:inline-block;
  413. vertical-align:top;
  414. box-sizing:border-box;
  415. }
  416.  
  417. /* POSTS */
  418.  
  419. article { margin-bottom:5em;{block:PermalinkPage}margin-bottom:0;{/block:PermalinkPage} }
  420.  
  421. .post_block {
  422. width:100%;
  423. margin-bottom:3em;
  424. }
  425.  
  426. article .post_block:last-child { margin-bottom:0; }
  427.  
  428. /* POST HEADER */
  429.  
  430. .post_header { margin-bottom:1.5em; }
  431. .post_header > * { margin:0; }
  432.  
  433. .post_header h2 { font-weight:normal; font-size:1.75em; }
  434. .post_header h2 a.placeholder_date:nth-child(2) { display:none; }
  435.  
  436. .post_header > div { margin-top:0.5em; }
  437.  
  438. .post_header > div .post_header_info > * { vertical-align:middle; }
  439.  
  440. .post_header_info {
  441. display:inline-block;
  442. margin-right:0.5em;
  443. height:1.4em;
  444. }
  445.  
  446. .post_header_info i.material-icons {
  447. font-size:1.4em;
  448. margin-right:0.25rem;
  449. }
  450.  
  451. .post_via i.material-icons { margin-top:-2px; }
  452.  
  453. .post_header_show_text::after { content:"..."; }
  454. .post_header_hide_text { position:absolute; margin-left:-9999px; }
  455.  
  456. /* POST TYPE STYLING */
  457.  
  458. /* text */
  459.  
  460. .caption_block { margin-top:1.5em; }
  461. .text_post .caption_block:first-child { margin-top:0; }
  462.  
  463. .caption_body a {
  464. color:{AccentColor};
  465. }
  466.  
  467. .caption_body ol, .caption_body ul {
  468. margin:1em 1em 1em 0;
  469. padding:0 0 0 3em;
  470. text-align:left;
  471. }
  472.  
  473. .caption_body ol li, .caption_body ul li { margin-bottom:0.25em; }
  474. .caption_body ol li:last-child, .caption_body ul li:last-child { margin-bottom:0; }
  475.  
  476. .caption_body ul { list-style-type:square; }
  477.  
  478. .caption_body hr {
  479. margin:1.5em 30%!important;
  480. border:none;
  481. border-top:1px solid currentColor;
  482. opacity:0.5;
  483. filter:alpha(opacity=50);
  484. }
  485.  
  486. .caption_body h1 { font-size:2em; }
  487. .caption_body h2 { font-size:1.5em; }
  488. .npf_quote { font-size:14px; }
  489.  
  490. .caption_body code { padding:0.3em 0.5em; }
  491. .caption_body a.read_more { padding:0.5em 0.7em; }
  492.  
  493. .caption_body a.read_more::after { content:"..."; }
  494.  
  495. .caption_body pre {
  496. overflow:auto;
  497. padding:1em;
  498. }
  499.  
  500. /* photos */
  501.  
  502. figure.photo, figure.panorama, figure.tmblr-full {
  503. text-align:center;
  504. line-height:0;
  505. }
  506.  
  507. figure.tmblr-full .tmblr-attribution { line-height:initial; }
  508. #pit.{select:Body Accent} figure.tmblr-full .tmblr-attribution a { color:inherit; }
  509.  
  510. figure.photo img, figure.panorama img, figure.tmblr-full img {
  511. max-width:100%;
  512. height:auto;
  513. }
  514.  
  515. .npf_photoset figure.tmblr-full {
  516. position:relative;
  517. }
  518.  
  519. .npf_photoset .tmblr-attribution, .gallery_indicator {
  520. position:absolute;
  521. background-color:black;
  522. }
  523.  
  524. #pit.{select:Body Accent} .npf_photoset figure.tmblr-full .tmblr-attribution a, .npf_photoset figure.tmblr-full .gallery_indicator, .photo-slideshow .photo-data .gallery_indicator { color:white; }
  525.  
  526. .npf_photoset figure.tmblr-full:hover .tmblr-attribution, .npf_photoset figure.tmblr-full:hover .gallery_indicator, .photo-slideshow .photo-data:hover .gallery_indicator {
  527. opacity:0.70;
  528. filter:alpha(opacity=70);
  529. }
  530.  
  531. .npf_photoset figure.tmblr-full .tmblr-attribution {
  532. display:inline-block;
  533. left:0.75em;
  534. bottom:0.75em;
  535. margin:0;
  536. padding:0.5em 0.8em;
  537. line-height:1em;
  538. text-align:left;
  539. opacity:0.4;
  540. filter:alpha(opacity=40);
  541. }
  542.  
  543. .npf_photoset .tmblr-attribution .poster_username { display:none; }
  544.  
  545. .npf_photoset .tmblr-attribution a { border:none; }
  546. .npf_photoset .tmblr-attribution a:hover { text-decoration:none; }
  547.  
  548. .gallery_indicator {
  549. right:0.75em;
  550. bottom:0.75em;
  551. width:1em;
  552. height:1em;
  553. overflow:hidden;
  554. padding:0.25em;
  555. font-size:22px;
  556. line-height:0;
  557. text-align:center;
  558. opacity:0;
  559. filter:alpha(opacity=0);
  560. }
  561.  
  562. .gallery_indicator i.material-icons { font-size:inherit; }
  563.  
  564. /* ==========================================================================
  565. PXU Photoset Extended Styles
  566. ======================================================================= */
  567.  
  568. .clearit:before, .clearit:after { content: ""; display: table; }
  569. .clearit:after { clear:both; }
  570. .clearit { *zoom:1; }
  571.  
  572. .photo-slideshow { visibility:hidden; height:auto; }
  573.  
  574. .photo-slideshow.processed { visibility:visible; }
  575.  
  576. .photo-slideshow .row {
  577. clear:both;
  578. width:100%;
  579. }
  580.  
  581. .photo-slideshow .pxu-photo {
  582. display:block;
  583. float:left;
  584. margin-bottom:0;
  585. width:100%;
  586. overflow:hidden;
  587. }
  588.  
  589. .photo-slideshow .pxu-photo img { display:block; }
  590.  
  591. .photo-slideshow.processed .pxu-photo img {
  592. width:100%;
  593. height:auto!important;
  594. }
  595.  
  596. .photo-slideshow .pxu-photo:first-child img { margin-left:0; }
  597.  
  598. .photo-slideshow .count-1 { width:100%; }
  599. .photo-slideshow .count-2 { width:50%; }
  600. .photo-slideshow .count-3 { width:33.33%; }
  601. .photo-slideshow .count-4 { width:25%; }
  602. .photo-slideshow .count-5 { width:20%; }
  603. .photo-slideshow .info { display:none; }
  604.  
  605. .photo-data {
  606. position:relative;
  607. float:left;
  608. }
  609.  
  610. /* quotes and blockquote */
  611.  
  612. .content_block blockquote {
  613. margin:1rem;
  614. font-size:larger;
  615. line-height:1.5em;
  616. }
  617.  
  618. .content_block blockquote blockquote { font-size:inherit; }
  619. .content_block blockquote .tumblr_blog { font-size:inherit; }
  620.  
  621. .content_block blockquote, .quote_source {
  622. margin-left:2rem;
  623. text-align:left;
  624. }
  625.  
  626. .content_block blockquote::before {
  627. content:'\201C';
  628. position:absolute;
  629. margin-top:0.2em;
  630. margin-left:-0.2em;
  631. font-size:5em;
  632. font-family:Arial, Helvetica, sans-serif;
  633. opacity:0.35;
  634. }
  635.  
  636. html:lang(ja) .content_block blockquote::before, html:lang(ko) .content_block blockquote::before, html:lang(zh-HK) .content_block blockquote::before {
  637. }
  638.  
  639. .content_block .quote_post.short blockquote { font-size:1.9em; }
  640. .content_block .quote_post.medium blockquote { font-size:1.6em; }
  641. .content_block .quote_post.long blockquote { font-size:1.3em; }
  642.  
  643. /* links */
  644.  
  645. .npf-link-block {
  646. -ms-flex-align:center;
  647. align-items:center;
  648. display:-ms-flexbox;
  649. display:flex;
  650. -ms-flex-pack:center;
  651. justify-content:center;
  652. overflow:hidden;
  653. font-size:inherit;
  654. border:0;
  655. }
  656.  
  657. #pit.{select:Body Accent} .npf-link-block a { color:inherit; }
  658.  
  659. .npf-link-block .title {
  660. font-size:1.5em;
  661. line-height:1.5em;
  662. }
  663.  
  664. .npf-link-block .title, .npf-link-block.no-poster .title { margin:-0.25em 0; }
  665. .npf-link-block .poster .title { margin:0; }
  666.  
  667. .npf-link-block .poster .title {
  668. text-align:center;
  669. line-height:1.75em;
  670. font-weight:bold;
  671. color:white;
  672. position:absolute;
  673. }
  674.  
  675. .npf-link-block .poster {
  676. -ms-flex-align:center;
  677. align-items:center;
  678. background-position:50%;
  679. background-repeat:no-repeat;
  680. background-size:cover;
  681. display:-ms-flexbox;
  682. display:flex;
  683. height:250px;
  684. -ms-flex-pack:center;
  685. justify-content:center;
  686. position:relative;
  687. }
  688.  
  689. .npf-link-block .poster::before {
  690. background:black;
  691. content:"";
  692. display:block;
  693. height:100%;
  694. opacity:.33;
  695. position:absolute;
  696. width:100%;
  697. }
  698.  
  699. .npf-link-block .title, .npf-link-block.no-poster .title { padding:0.8em; }
  700. .npf-link-block .bottom { padding:1.2em; }
  701. .npf-link-block .poster .title { padding:1.2em; }
  702.  
  703. .npf-link-block .title, .npf-link-block.no-poster .title, .npf-link-block .poster .title { padding-bottom:0; }
  704. .npf-link-block .poster .title { padding-top:0; }
  705.  
  706. .npf-link-block .bottom .description {
  707. font-size:inherit;
  708. line-height:1.5em;
  709. max-height:3em;
  710. overflow:hidden;
  711. }
  712.  
  713. .npf-link-block .bottom .site-name {
  714. margin-top:0.75em;
  715. font-size:inherit;
  716. line-height:1em;
  717. font-weight:normal;
  718. color:#b4b4b4;
  719. text-transform:uppercase;
  720. }
  721.  
  722. /* chat */
  723.  
  724. ul.chat_wrapper {
  725. margin:0;
  726. padding:0;
  727. }
  728.  
  729. ul.chat_wrapper li {
  730. list-style-type:none;
  731. margin-bottom:1em;
  732. }
  733.  
  734. ul.chat_wrapper li:last-child { margin-bottom:0; }
  735.  
  736. .chat_label { margin-right:0.5em; }
  737.  
  738. /* iframes */
  739.  
  740. .resizable_iframe > * { margin:0!important; }
  741.  
  742. .resizable_iframe iframe { display:block; }
  743.  
  744. .resizable_iframe .instagram-media {
  745. border:0!important;
  746. width:100%!important;
  747. }
  748.  
  749. /* audio */
  750.  
  751. .tumblr_audio_player { width:100%!important; }
  752.  
  753. /* videos */
  754.  
  755. .tumblr_video_container {
  756. width:auto!important;
  757. height:auto!important;
  758. }
  759.  
  760. iframe.tumblr_video_iframe { max-height:540px!important; } /* tumblr video max-height */
  761.  
  762. .tmblr-full>video {
  763. width:100%;
  764. height:100%;
  765. }
  766.  
  767. /* asks */
  768.  
  769. .ask_block { position:relative; }
  770.  
  771. .ask_block img.ask_portrait {
  772. width:48px;
  773. margin-top:8px;
  774. }
  775.  
  776. .asker_portrait { float:left; }
  777. .answerer_portrait { float:right; }
  778.  
  779. .ask_content::before {
  780. content:"";
  781. border-width:10px 16px;
  782. border-style:solid;
  783. border-color:transparent;
  784. position:absolute;
  785. top:24px;
  786. }
  787.  
  788. .ask_content.asker_block::before { left:48px; }
  789. .ask_content.answerer_block::before { right:48px; }
  790.  
  791. .asker_block { margin-left:80px; }
  792. .answerer_block { margin-right:80px; }
  793.  
  794. .ask_content { padding:1.25em; }
  795. .ask_content .caption_body { margin-top:0.75em; }
  796.  
  797. .asker_block .ask_header { text-align:left; }
  798. .answerer_block .ask_header { text-align:right; }
  799.  
  800. /* SUBMIT AND ASK PAGES */
  801.  
  802. #ask_form, #submit_form {
  803. display:block;
  804. }
  805.  
  806. /* CAPTIONS */
  807.  
  808. .caption_header {
  809. display:table;
  810. margin-bottom:0.75em;
  811. }
  812.  
  813. .caption_portrait, .caption_username {
  814. display:table-cell;
  815. vertical-align:middle;
  816. }
  817.  
  818. .caption_portrait {
  819. width:32px;
  820. margin-right:0.75em;
  821. }
  822.  
  823. .caption_body {
  824. text-align:justify;
  825. word-break:break-word;
  826. }
  827.  
  828. .caption_body > * { margin:1rem 0; }
  829.  
  830. .caption_body p { margin:1rem 0; }
  831.  
  832. .caption_body blockquote *:first-child, .caption_body *:first-child { margin-top:0; }
  833. .caption_body blockquote *:last-child, .caption_body *:last-child { margin-bottom:0; }
  834.  
  835. /* POST FOOTER */
  836.  
  837. .post_footer { margin-top:1.5em; }
  838.  
  839. .post_source { margin-bottom:1.5em; }
  840.  
  841. /* post source */
  842.  
  843. .source_label { margin-right:0.25em; }
  844.  
  845. /* POST INTERACTION */
  846.  
  847. .post_interaction {
  848. display:table;
  849. width:100%;
  850. }
  851.  
  852. .post_buttons_wrapper, .share_buttons_wrapper {
  853. display:table-cell;
  854. vertical-align:top;
  855. }
  856.  
  857. .post_buttons_wrapper { width:63%; }
  858. .share_buttons_wrapper { width:37%; }
  859.  
  860. .post_buttons, .share_buttons {
  861. display:inline-block;
  862. vertical-align:middle;
  863. }
  864.  
  865. /* post buttons */
  866.  
  867. .post_interaction { margin:-0.35em; }
  868.  
  869. .post_buttons {
  870. display:inline-block;
  871. margin:0.35em;
  872. padding:0.3em 0.8em;
  873. line-height:1.5em;
  874. }
  875.  
  876. .post_buttons > a, .post_buttons > span {
  877. margin:-0.25em 0;
  878. color:inherit!important;
  879. }
  880.  
  881. .post_buttons:last-child { margin-right:0; }
  882.  
  883. .post_buttons, #pit.{select:Body Accent} a.post_buttons, button.post_buttons { color:inherit; }
  884.  
  885. .like_button iframe {
  886. display:inline-block;
  887. width:100%!important;
  888. height:100%!important;
  889. }
  890.  
  891. /* button colors on hover */
  892.  
  893. #pit.{select:Body Accent} .reblog_button a:hover, #pit.{select:Body Accent}.reblog_button a:focus { color:#21cd40!important; }
  894. #pit.{select:Body Accent} .like_button:hover + .our_button, #pit.{select:Body Accent} .like_button:focus + .our_button, #pit.{select:Body Accent} .like_button.liked + .our_button { color:#d95e40!important; }
  895. #pit.{select:Body Accent} a.facebook_button { color:#365899; }
  896. #pit.{select:Body Accent} a.twitter_button { color:#1da1f2; }
  897. #pit.{select:Body Accent} a.pinterest_button { color:#bd081c; }
  898. #pit.{select:Body Accent} a.embed_button { color:#36465d; }
  899. #pit.{select:Body Accent} button.clipboard_button { color:inherit; }
  900.  
  901. /* like button */
  902.  
  903. .new_like_button {
  904. overflow:hidden;
  905. position:relative;
  906. display:inline-block;
  907. cursor:pointer;
  908. }
  909.  
  910. .like_button {
  911. position:absolute;
  912. top:0;
  913. left:0;
  914. width:100%;
  915. height:100%;
  916. }
  917.  
  918. .like_button {
  919. opacity:0;
  920. z-index:10;
  921. }
  922.  
  923. .our_button { z-index:1; }
  924.  
  925. .our_button .liked_text { display:none; }
  926. .like_button.liked + .our_button .to_like_text { display:none; }
  927. .like_button.liked + .our_button .liked_text { display:inline; }
  928.  
  929. /* tags */
  930.  
  931. .post_tags {
  932. display:table-row;
  933. width:80%;
  934. }
  935.  
  936. /* external share links */
  937.  
  938. .share_buttons_wrapper {
  939. text-align:right;
  940. font-size:1.6em;
  941. }
  942.  
  943. .share_buttons_overlay { display:none; }
  944.  
  945. .share_buttons_wrapper i.fab { font-size:0.75em; }
  946.  
  947. .share_buttons {
  948. margin:0.35rem 0.4em;
  949. line-height:inherit;
  950. text-align:center;
  951. }
  952.  
  953. .share_buttons > * {
  954. vertical-align:middle;
  955. line-height:inherit;
  956. }
  957.  
  958. .share_buttons:first-child { margin-left:0; }
  959. .share_buttons:last-child { margin-right:0; }
  960.  
  961. button.share_buttons {
  962. width:auto;
  963. padding:0;
  964. font-family:inherit;
  965. font-size:inherit;
  966. color:inherit;
  967. background-color:transparent;
  968. border:none;
  969. cursor:pointer;
  970. }
  971.  
  972. .share_button { display:none; }
  973.  
  974. /* POST PERMALINK */
  975.  
  976. /* post notes */
  977.  
  978. .notes_block {
  979. margin-top:3em;
  980. }
  981.  
  982. .post_notes_header {
  983. margin:1em 0.5em;
  984. margin-top:0;
  985. }
  986.  
  987. ol.notes {
  988. list-style-type:none;
  989. margin:0;
  990. padding:0;
  991. }
  992.  
  993. ol.notes li.note { padding:0.5em 0.75em; }
  994.  
  995. ol.notes a.avatar_frame, ol.notes span.action {
  996. display:table-cell;
  997. vertical-align:middle;
  998. }
  999.  
  1000. ol.notes a.avatar_frame { line-height:0; }
  1001. ol.notes img.avatar { width:30px; }
  1002.  
  1003. ol.notes span.action, ol.notes blockquote { padding-left:0.75em; }
  1004.  
  1005. ol.notes blockquote {
  1006. font-size:inherit;
  1007. margin:0.5em 0 0 30px;
  1008. }
  1009.  
  1010. ol.notes .retags {
  1011. margin-top:0.75em;
  1012. margin-bottom:0;
  1013. }
  1014.  
  1015. ol.notes li.note.more_notes_link_container { line-height:30px; }
  1016.  
  1017. ol.notes li.note.more_notes_link_container a { color:inherit; }
  1018.  
  1019. /* RELATED POSTS */
  1020.  
  1021. ul#related_posts {
  1022. margin:0;
  1023. padding:0;
  1024. text-align:center;
  1025. }
  1026.  
  1027. ul#related_posts > li {
  1028. list-style-type:none;
  1029. display:inline-block;
  1030. width:31%;
  1031. height:20vw;
  1032. margin:1%;
  1033. padding:2em;
  1034. box-sizing:border-box;
  1035. overflow:hidden;
  1036. }
  1037.  
  1038. ul#related_posts > li > *:first-child { margin-top:0; }
  1039.  
  1040. /* PAGINATION */
  1041.  
  1042. .pagination .previous_content, .pagination .page_count, .pagination .home_link, .pagination .next_content {
  1043. display:inline-block;
  1044. vertical-align:middle;
  1045. }
  1046.  
  1047. .pagination#index_pagination .previous_content, .pagination#index_pagination .next_content { width:35%; }
  1048. .pagination .page_count { width:30%; }
  1049.  
  1050. .pagination#permalink_pagination .previous_content, .pagination#permalink_pagination .next_content { width:42.5%; }
  1051. .pagination .home_link { width:15%; }
  1052.  
  1053. .pagination .previous_content { text-align:left; }
  1054. .pagination .page_count, .pagination .home_link { text-align:center; }
  1055. .pagination .next_content { text-align:right; }
  1056.  
  1057. .pagination .page_link, .pagination .page_label {
  1058. display:inline-block;
  1059. margin:0 0.25em;
  1060. vertical-align:middle;
  1061. }
  1062.  
  1063. #virus.size500 .pagination .previous_content .page_label, #virus.size500 .pagination .next_content .page_label, #virus.size540 .pagination .previous_content .page_label, #virus.size540 .pagination .next_content .page_label { display:none; }
  1064.  
  1065. .pagination .page_link {
  1066. display:inline-block;
  1067. width:1em;
  1068. height:1em;
  1069. padding:0.5em;
  1070. line-height:1em;
  1071. }
  1072.  
  1073. .pagination .page_link i.material-icons {
  1074. font-size:inherit;
  1075. line-height:inherit;
  1076. }
  1077.  
  1078. .page_link.current_page:first-child, .pagination a:first-child *:first-child { margin-left:0; }
  1079. .page_link.current_page:last-child, .pagination a:last-child *:last-child { margin-right:0; }
  1080. .home_link .page_link { margin:0; }
  1081.  
  1082. /* aside */
  1083.  
  1084. aside#blog_aside .aside_block { margin-top:3em; }
  1085. aside#blog_aside .aside_block:first-child, aside#blog_aside .aside_block > *:first-child { margin-top:0; }
  1086.  
  1087. .aside_block h2 {
  1088. display:inline-block;
  1089. margin:1rem 0;
  1090. }
  1091.  
  1092. .aside_block ul {
  1093. list-style-type:none;
  1094. margin:0;
  1095. padding:0;
  1096. }
  1097.  
  1098. /* updates */
  1099.  
  1100. div#updates_block ul li {
  1101. display:block;
  1102. margin:0 0.5em;
  1103. margin-bottom:0.75em;
  1104. }
  1105.  
  1106. div#updates_block ul li:last-child { margin-bottom:0; }
  1107.  
  1108. div#updates_block ul li > a {
  1109. text-decoration:none;
  1110. color:currentColor;
  1111. }
  1112.  
  1113. div#updates_block ul li > b:first-child, div#updates_block ul li > a > b:first-child {
  1114. font-weight:normal;
  1115. line-height:2em;
  1116. }
  1117.  
  1118. div#updates_block ul li > a > b:first-child::after {
  1119. content:"{lang:See More}";
  1120. margin-left:1em;
  1121. font-size:1rem;
  1122. line-height:1em;
  1123. padding:0.25em 0.65em;
  1124. }
  1125.  
  1126. /* showcase */
  1127.  
  1128. div#showcase_block ul li {
  1129. display:table;
  1130. position:relative;
  1131. width:100%;
  1132. margin-bottom:1em;
  1133. }
  1134.  
  1135. /* make your pictures ate least 310px wide!!! preferably make the height square or tall!!! */
  1136.  
  1137. div#showcase_block ul li:last-child { margin-bottom:0; }
  1138.  
  1139. div#showcase_block ul li a {
  1140. display:table-row;
  1141. color:inherit;
  1142. background-color:inherit;
  1143. }
  1144.  
  1145. div#showcase_block ul li a::after { content:"{lang:See more}"; }
  1146.  
  1147. div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after { content:none; }
  1148.  
  1149. div#showcase_block ul li a::after, div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after {
  1150. position:absolute;
  1151. bottom:1em;
  1152. right:1em;
  1153. padding:0.25em 0.5em;
  1154. line-height:1em;
  1155. background-color:inherit;
  1156. border-color:currentColor;
  1157. }
  1158.  
  1159. div#showcase_block ul li a:hover::after, div#showcase_block ul li a:focus::after, div#showcase_block ul li a:hover img + div::after, div#showcase_block ul li a:focus img + div::after, div#showcase_block ul li a:hover i.material-icons + div::after, div#showcase_block ul li a:focus i.material-icons + div::after {
  1160. background-color:{color:Text Over Accent};
  1161. border-color:{color:Text Over Accent};
  1162. }
  1163.  
  1164. #pit.defaultaccent div#showcase_block ul li a:hover::after, #pit.defaultaccent div#showcase_block ul li a:focus::after, #pit.defaultaccent div#showcase_block ul li a:hover i.material-icons + div::after, #pit.defaultaccent div#showcase_block ul li a:focus i.material-icons + div::after { color:{AccentColor}; }
  1165. #pit.bgaccent div#showcase_block ul li a:hover::after, #pit.bgaccent div#showcase_block ul li a:focus::after, #pit.bgaccent div#showcase_block ul li a:hover i.material-icons + div::after, #pit.bgaccent div#showcase_block ul li a:focus i.material-icons + div::after { color:{BackgroundColor}; }
  1166. #pit.customaccent div#showcase_block ul li a:hover::after, #pit.customaccent div#showcase_block ul li a:focus::after, #pit.customaccent div#showcase_block ul li a:hover i.material-icons + div::after, #pit.customaccent div#showcase_block ul li a:focus i.material-icons + div::after { color:{color:Accent}; }
  1167.  
  1168. div#showcase_block ul li > img, div#showcase_block ul li a > img, div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons, div#showcase_block ul li > div, div#showcase_block ul li a > div { display:table-cell; }
  1169.  
  1170. div#showcase_block ul li img, div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons { vertical-align:middle; }
  1171.  
  1172. div#showcase_block ul li img { width:100%; }
  1173.  
  1174. div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons {
  1175. font-size:4em;
  1176. text-align:center;
  1177. padding:1rem;
  1178. }
  1179.  
  1180. div#showcase_block ul li > i.material-icons + div, div#showcase_block ul li a > i.material-icons + div { width:75%; }
  1181.  
  1182. div#showcase_block ul li div {
  1183. width:65%;
  1184. box-sizing:border-box;
  1185. padding:1em;
  1186. vertical-align:top;
  1187. }
  1188.  
  1189. div#showcase_block ul li div > i { font-style:normal; }
  1190.  
  1191. div#showcase_block ul li p { margin:0.25em 0 -0.25em 0; }
  1192.  
  1193. /* suggested links */
  1194.  
  1195. div.suggested_links_block > div { margin:-0.3em; }
  1196.  
  1197. #pit.{select:Body Accent} div.suggested_links_block > div a {
  1198. display:inline-block;
  1199. margin:0.3em;
  1200. padding:0.3em 0.8em;
  1201. line-height:1.5em;
  1202. }
  1203.  
  1204. /* social media */
  1205.  
  1206. ul#group_medias {
  1207. list-style-type:none;
  1208. text-align:center;
  1209. }
  1210.  
  1211. ul#group_medias li {
  1212. display:inline;
  1213. margin:0 0.25em;
  1214. }
  1215.  
  1216. #pit.{select:Body Accent} ul#group_medias li#facebook_media_link a { color:#365899; }
  1217. #pit.{select:Body Accent} ul#group_medias li#twitter_media_link a { color:#1da1f2; }
  1218. #pit.{select:Body Accent} ul#group_medias li#instagram_media_link a { color:#c83377; }
  1219. #pit.{select:Body Accent} ul#group_medias li#pinterest_media_link a { color:#bd081c; }
  1220. #pit.{select:Body Accent} ul#group_medias li#youtube_media_link a { color:#ff0000; }
  1221. #pit.{select:Body Accent} ul#group_medias li#google_plus_media_link a { color:#dc4e41; }
  1222.  
  1223. ul#group_medias li i.fab { font-size:2em; }
  1224.  
  1225. /* group members */
  1226.  
  1227. div#members_block ul li {
  1228. width:100%;
  1229. margin-bottom:1em;
  1230. }
  1231.  
  1232. div#members_block ul li:last-of-type { margin-bottom:0; }
  1233.  
  1234. div#members_block ul li, div#members_block ul li > a { display:table; }
  1235.  
  1236. div#members_block ul li > *, div#members_block ul li > a > * {
  1237. display:table-cell;
  1238. vertical-align:top;
  1239. }
  1240.  
  1241. div#members_block ul li img {
  1242. width:48px;
  1243. margin-right:1em;
  1244. }
  1245.  
  1246. div#members_block ul li > div, ul#group_members li > a > div {
  1247. width:100%;
  1248. line-height:24px;
  1249. }
  1250.  
  1251. div#members_block ul li > div > b:first-child, div#members_block ul li > a > div > b:first-child { font-weight:normal; }
  1252. div#members_block ul li > div > i, div#members_block ul li > a > div > i { font-style:normal; }
  1253.  
  1254. /* site information */
  1255.  
  1256. div#site_info_block ul li b:first-child { font-weight:normal; }
  1257.  
  1258. /* FOOTER */
  1259.  
  1260. footer {
  1261. position:relative;
  1262. padding:1.5em;
  1263. text-align:center;
  1264. }
  1265.  
  1266. footer .copyright_symbol {
  1267. font-size:18px;
  1268. font-family:sans-serif;
  1269. vertical-align:middle;
  1270. }
  1271.  
  1272. /***************************** MOBILE STYLING *****************************/
  1273.  
  1274. @media (max-width: 1280px) {
  1275. #virus.size700 { width:1096px; }
  1276. #virus.size700 section#blog_section { width:640px; }
  1277. #virus.size700 aside#blog_aside { width:375px; }
  1278. }
  1279.  
  1280. @media (max-width: 1200px) {
  1281. #virus.size640, #virus.size700 { width:1056px; }
  1282. #virus.size640 section#blog_section, #virus.size700 section#blog_section { width:600px; }
  1283. }
  1284.  
  1285. @media (max-width: 1160px) {
  1286. #virus.size600, #virus.size640, #virus.size700 { width:998px; }
  1287. #virus.size600 section#blog_section, #virus.size640 section#blog_section, #virus.size700 section#blog_section { width:540px; }
  1288. #virus.size600 aside#blog_aside, #virus.size640 aside#blog_aside, #virus.size700 aside#blog_aside { width:350px; margin-left:108px; }
  1289.  
  1290. .pagination .previous_content .page_label, .pagination .next_content .page_label { display:none; }
  1291. }
  1292.  
  1293. @media (max-width: 1100px) {
  1294. #virus.size540, #virus.size600, #virus.size640, #virus.size700 { width:958px; }
  1295. #virus.size540 section#blog_section, #virus.size600 section#blog_section, #virus.size640 section#blog_section, #virus.size700 section#blog_section { width:500px; }
  1296. }
  1297.  
  1298. @media (max-width: 1060px) {
  1299. #virus.size{select:Post Size} { width:100%; }
  1300. #virus { padding:0; }
  1301.  
  1302. #virus.size{select:Post Size} section#blog_section, #virus.size{select:Post Size} aside#blog_aside {
  1303. display:block;
  1304. width:100%;
  1305. }
  1306.  
  1307. #virus.size{select:Post Size} aside#blog_aside { margin:0; }
  1308.  
  1309. section#blog_section article {
  1310. margin-bottom:0;
  1311. padding:5%;
  1312. }
  1313.  
  1314. section#blog_section article:last-child { border-bottom:0; }
  1315.  
  1316. section#blog_section article .post_content {
  1317. margin:0 auto;
  1318. width:{select:Post Size}px;
  1319. max-width:100%;
  1320. }
  1321.  
  1322. .pagination#index_pagination { padding:2em; }
  1323.  
  1324. aside#blog_aside { padding:5vw; }
  1325.  
  1326. aside#blog_aside .aside_block:first-child { margin-top:1em; }
  1327.  
  1328. div#showcase_block ul {
  1329. margin:-1vw -5vw;
  1330. padding:0 1vw;
  1331. text-align:center;
  1332. }
  1333.  
  1334. div#showcase_block ul li {
  1335. display:inline-table;
  1336. vertical-align:middle;
  1337. width:29.8vw;
  1338. margin:1vw;
  1339. text-align:initial;
  1340. }
  1341.  
  1342. div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons {
  1343. font-size:19vw;
  1344. line-height:29.8vw;
  1345. }
  1346.  
  1347. div#showcase_block ul li:last-child { margin-bottom:1%; }
  1348.  
  1349. div#showcase_block ul li a { display:block; }
  1350.  
  1351. div#showcase_block ul li > img, div#showcase_block ul li a > img, div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons, div#showcase_block ul li > div, div#showcase_block ul li a > div { display:block; }
  1352.  
  1353. div#showcase_block ul li > img { width:100%; }
  1354.  
  1355. div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons {
  1356. padding:0;
  1357. opacity:0.4;
  1358. filter:alpha(opacity=40);
  1359. }
  1360.  
  1361. div#showcase_block ul li div {
  1362. position:absolute;
  1363. top:0;
  1364. left:0;
  1365. width:100%;
  1366. height:100%;
  1367. }
  1368.  
  1369. div#showcase_block ul li > i.material-icons + div, div#showcase_block ul li a > i.material-icons + div { width:100%; }
  1370.  
  1371. div#showcase_block ul li > img + div, div#showcase_block ul li a > img + div {
  1372. color:white;
  1373. -webkit-box-shadow:inset 0 150px 100px 0px rgba(0, 0, 0, 0.6);
  1374. -moz-box-shadow:inset 0 150px 100px 0px rgba(0, 0, 0, 0.6);
  1375. box-shadow:inset 0 150px 100px 0px rgba(0, 0, 0, 0.6);
  1376. }
  1377.  
  1378. div#showcase_block ul li a img + div::after { background-color:rgba(0, 0, 0, 0.45); }
  1379.  
  1380. div#showcase_block ul li a:hover img + div::after, div#showcase_block ul li a:focus img + div::after {
  1381. color:black;
  1382. background-color:white;
  1383. border-color:white;
  1384. }
  1385.  
  1386. div#showcase_block ul li a::after { content:none; }
  1387.  
  1388. div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after { content:"{lang:See more}"; }
  1389.  
  1390. div#showcase_block ul li a img + div::after { border-color:transparent; }
  1391.  
  1392. /* pagination */
  1393.  
  1394. .pagination .previous_content .page_label, .pagination .next_content .page_label { display:inline-block; }
  1395. }
  1396.  
  1397. @media (max-width: 780px) {
  1398. #call #my_name { padding:5%; }
  1399.  
  1400. {block:ShowHeaderImage}#call #my_name.topalign, #call #my_name.topalign_hidemob, #call #my_name.bottomalign, #call #my_name.bottomalign_hidemob { padding-right:20%; }
  1401.  
  1402. #call #my_name.topalign_centermob, #call #my_name.bottomalign_centermob { height:100%; }
  1403.  
  1404. #call #my_name.topalign_centermob h1, #call #my_name.bottomalign_centermob h1 {
  1405. position:relative;
  1406. top:50%;
  1407. -ms-transform:translateY(-50%);
  1408. transform:translateY(-50%);
  1409. width:100%;
  1410. text-align:center;
  1411. }
  1412.  
  1413. #call #my_name.topalign_hidemob h1, #call #my_name.bottomalign_hidemob h1 { display:none; }{/block:ShowHeaderImage}
  1414.  
  1415. #call #my_name {block:ShowAvatar}#title_and_links {/block:ShowAvatar}> * { margin:0; }
  1416.  
  1417. #blog_portrait img {
  1418. width:40px;
  1419. margin-right:1.5rem;
  1420. }
  1421.  
  1422. #blog_portrait, #title_and_links { vertical-align:middle; }
  1423. #title_and_links h1 { font-size:2.5em; }
  1424.  
  1425. nav#breadcrumbs {
  1426. padding-left:5%;
  1427. padding-right:5%;
  1428. }
  1429.  
  1430. /* MOBILE TOPBAR */
  1431.  
  1432. nav#blog_navigation {
  1433. position:fixed;
  1434. bottom:0;
  1435. left:0;
  1436. width:100%;
  1437. height:71px;
  1438. margin:0;
  1439. box-sizing:border-box;
  1440. z-index:3;
  1441. }
  1442.  
  1443. #pit { margin-bottom:71px; }
  1444.  
  1445. /* topbar button */
  1446.  
  1447. .topbar_button { display:inline-block; }
  1448.  
  1449. /* general button content */
  1450.  
  1451. nav#blog_navigation ul#blog_menu_list, iframe.tmblr-iframe--unified-controls {
  1452. position:fixed;
  1453. top:auto;
  1454. width:100%!important;
  1455. z-index:2;
  1456. display:none;
  1457. bottom:71px;
  1458. }
  1459.  
  1460. /* mobile setup for tumblr iframe */
  1461.  
  1462. iframe.tmblr-iframe.tmblr-iframe--unified-controls { background-color:{BackgroundColor}; }
  1463. .tmblr-iframe-pushdown { padding-top:0!important; }
  1464.  
  1465. /* mobile menu */
  1466.  
  1467. nav#blog_navigation ul#blog_menu_list {
  1468. box-sizing:border-box;
  1469. padding:10px 1.5em;
  1470. font-size:19px;
  1471. background-color:inherit;
  1472. white-space:nowrap;
  1473. overflow-x:auto;
  1474. }
  1475.  
  1476. nav#blog_navigation ul#blog_menu_list::-webkit-scrollbar { display:none; }
  1477. nav#blog_navigation ul#blog_menu_list { -ms-overflow-style:none; }
  1478.  
  1479. nav#blog_navigation ul#blog_menu_list li.blog_menu_item {
  1480. margin:0;
  1481. margin-right:10px;
  1482. white-space:normal;
  1483. }
  1484.  
  1485. nav#blog_navigation ul#blog_menu_list li.blog_menu_item:last-child { margin-right:0; }
  1486.  
  1487. /* SHARE BUTTONS */
  1488.  
  1489. .post_buttons_wrapper { width:90%; }
  1490. .share_buttons_wrapper { width:10%; }
  1491.  
  1492. .share_click_wrapper {
  1493. position:relative;
  1494. display:inline-block;
  1495. }
  1496.  
  1497. .share_button {
  1498. display:inline-block;
  1499. margin-right:0;
  1500. }
  1501.  
  1502. .share_buttons_overlay {
  1503. position:fixed;
  1504. left:0;
  1505. top:0;
  1506. width:100%;
  1507. height:100%;
  1508. text-align:center;
  1509. background-color:rgba(0, 0, 0, 0.75);
  1510. }
  1511.  
  1512. .share_buttons_hidden {
  1513. position:absolute;
  1514. display:block;
  1515. top:45%;
  1516. width:100%;
  1517. padding:0 5%;
  1518. box-sizing:border-box;
  1519. }
  1520.  
  1521. .share_buttons_hidden .share_buttons {
  1522. display:inline-block;
  1523. margin:0.25em;
  1524. font-size:48px;
  1525. }
  1526.  
  1527. .share_buttons > * { font-size:inherit; }
  1528.  
  1529. /* PAGINATION */
  1530.  
  1531. .pagination .page_count, .pagination .home_link { width:60%; }
  1532.  
  1533. .pagination#index_pagination .next_content, .pagination#index_pagination .previous_content, .pagination#permalink_pagination .next_content, .pagination#permalink_pagination .previous_content { width:20%; }
  1534.  
  1535. .pagination .previous_content .page_label, .pagination .next_content .page_label { display:none; }
  1536.  
  1537. /* SIDEBAR */
  1538.  
  1539. div#showcase_block ul {
  1540. white-space:nowrap;
  1541. margin:0 -5vw;
  1542. padding:0 4vw;
  1543. overflow-x:auto;
  1544. }
  1545.  
  1546. div#showcase_block ul::-webkit-scrollbar { display:none; }
  1547. div#showcase_block ul { -ms-overflow-style:none; }
  1548.  
  1549. div#showcase_block ul li {
  1550. white-space:normal;
  1551. width:38vw;
  1552. margin:0 1vw;
  1553. }
  1554.  
  1555. div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons {
  1556. font-size:22vw;
  1557. line-height:38vw;
  1558. }
  1559.  
  1560. div#showcase_block ul li:last-child { margin-bottom:0; }
  1561.  
  1562. div#showcase_block ul li > img + div, div#showcase_block ul li a > img + div {
  1563. -webkit-box-shadow:inset 0 100px 100px 0px rgba(0,0,0,0.6);
  1564. -moz-box-shadow:inset 0 100px 100px 0px rgba(0,0,0,0.6);
  1565. box-shadow:inset 0 100px 100px 0px rgba(0,0,0,0.6);
  1566. }
  1567.  
  1568. div#showcase_block ul li p { display:none; }
  1569. }
  1570.  
  1571. {block:HideHeaderImage}@media (max-width: 580px) {
  1572. #call #my_name { padding:6%; }
  1573. }{/block:HideHeaderImage}
  1574.  
  1575. @media (max-width: 480px) {
  1576. #my_name h1 { font-size:2em; }
  1577.  
  1578. section#blog_section article { padding:7%; }
  1579.  
  1580. section#blog_section article .post_content {
  1581. margin:0;
  1582. width:100%;
  1583. }
  1584.  
  1585. .ask_block img.ask_portrait { width:40px; }
  1586. .ask_content::before { top:20px; }
  1587.  
  1588. .ask_content.asker_block::before { left:36px; }
  1589. .ask_content.answerer_block::before { right:36px; }
  1590.  
  1591. .asker_block { margin-left:68px; }
  1592. .answerer_block { margin-right:68px; }
  1593.  
  1594. div#showcase_block ul li {
  1595. width:42.5vw;
  1596. }
  1597.  
  1598. div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons {
  1599. font-size:25vw;
  1600. line-height:42.5vw;
  1601. }
  1602. }
  1603.  
  1604. @media (max-width: 380px) {
  1605. {block:HideHeaderImage}#call #my_name { padding:7%; }{/block:HideHeaderImage}
  1606.  
  1607. #blog_portrait img {
  1608. width:30px;
  1609. margin-right:1rem;
  1610. }
  1611.  
  1612. .topbar_button .topbar_button_label {
  1613. position:absolute;
  1614. margin-left:-9999px;
  1615. }
  1616.  
  1617. .resizable_iframe, .npf_photoset, .photo, .photo-slideshow { margin:0 -7%; }
  1618.  
  1619. .caption_body { text-align:initial; }
  1620.  
  1621. .share_buttons_hidden { padding:0 18%; }
  1622.  
  1623. .pagination#index_pagination .next_content, .pagination#index_pagination .previous_content, .pagination#permalink_pagination .next_content, .pagination#permalink_pagination .previous_content { width:33%; }
  1624. .pagination .page_count, .pagination .home_link { width:34%; }
  1625. .pagination .page_count a { display:none; }
  1626.  
  1627. div#showcase_block ul li {
  1628. width:58vw;
  1629. }
  1630.  
  1631. div#showcase_block ul li > i.material-icons, div#showcase_block ul li a > i.material-icons {
  1632. font-size:30vw;
  1633. line-height:58vw;
  1634. }
  1635. }
  1636.  
  1637. /**************************** UNIVERSAL STYLING ****************************/
  1638.  
  1639. /* TEXT */
  1640.  
  1641. /* screen reader sentences */
  1642.  
  1643. .screen_reader_sentences {
  1644. position:absolute;
  1645. margin:0 0 0 -9999px;
  1646. } /* some things are easily understood for those with good sight, while it is actually quite confusing for those using screen readers. the sentences indicated in the code with this class are invisible on the screen, but will be rendered when using screen readers to make understanding easier. */
  1647.  
  1648. @media (max-width: 780px) {
  1649. nav#breadcrumbs .breadcrumb_text i.material-icons + .breadcrumb_hidden_text {
  1650. position:absolute;
  1651. margin:0 0 0 -9999px;
  1652. }
  1653. }
  1654.  
  1655. @media (max-width: 480px) {
  1656. .poster_sentence {
  1657. position:absolute;
  1658. margin:0 0 0 -9999px;
  1659. }
  1660.  
  1661. .npf_photoset .tmblr-attribution .poster_username { display:inline; }
  1662. }
  1663.  
  1664. /* non-underlined links */
  1665.  
  1666. nav#blog_navigation a, nav#breadcrumbs a, .post_header a, .post_title a, .ask_header a, .link_block a .link, .caption_header a, .tmblr-attribution a, .npf-link-block a, .caption_body a.read_more, .post_footer a, ol.notes a, .pagination a, div#showcase_block ul li a, div#members_block ul li a, div.suggested_links_block > div a, footer a { text-decoration:none; }
  1667. nav#breadcrumbs a:hover, nav#breadcrumbs a:focus, .post_header a:hover, .post_header a:focus, .post_title a:hover, .post_title a:focus, .ask_header a:hover, .ask_header a:focus, .link_block a:hover .link, .link_block a:focus .link, .caption_header a:hover, .caption_header a:focus, .tmblr-attribution a:hover, .tmblr-attribution a:focus, .npf-link-block a:hover .title, .npf-link-block a:focus .title, .caption_body a.read_more:hover, .caption_body a.read_more:focus, .post_source a:hover, .post_source a:focus, .post_tags a:hover, .post_tags a:focus, ol.notes a:hover, ol.notes a:focus, .pagination a:hover, .pagination a:focus, .pagination a:hover .pagination_text, .pagination a:focus .pagination_text, div#members_block ul li > a:hover > span > i, div#members_block ul li > a:focus > span > i, footer a:hover, footer a:focus {
  1668. text-decoration:underline;
  1669. outline:none;
  1670. }
  1671.  
  1672. /* line-height fixes */
  1673.  
  1674. .line_height_fixer {
  1675. line-height:1.5em;
  1676. margin:-0.25em 0;
  1677. }
  1678.  
  1679. /* alternative font */
  1680.  
  1681. header h1, .topbar_button, nav#blog_navigation ul#blog_menu_list, nav#breadcrumbs, .post_header, .caption_header, .caption_body h1, .caption_body h2, .caption_body .tumblr_blog, .npf-link-block .title, .tmblr-attribution, .post_footer, .post_notes_header_label, .pagination, aside#blog_aside .aside_block h2, div#updates_block ul li > b:first-child, div#updates_block ul li > a > b:first-child, div#showcase_block ul li > div > b:first-child, div#showcase_block ul li > a > div > b:first-child, div#showcase_block ul li a::after, div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after, div#members_block ul li > div > b:first-child, div#members_block ul li > a > div > b:first-child, div.suggested_links_block > div a, div#site_info_block ul li b:first-child, footer { font-family:{text:Custom Font Name}; }
  1682.  
  1683. .caption_header, .caption_body .tumblr_blog, .tmblr-attribution, .post_notes_header, .pagination, div#updates_block ul li > b:first-child, div#updates_block ul li > a > b:first-child, div#showcase_block ul li > div > b:first-child, div#showcase_block ul li > a > div > b:first-child, div#members_block ul li > div > b:first-child, div#members_block ul li > a > div > b:first-child, div#site_info_block ul li b:first-child { font-size:larger; }
  1684.  
  1685. .npf_photoset .tmblr-attribution { font-size:inherit; }
  1686.  
  1687. /* COLORS */
  1688.  
  1689. /* general colors */
  1690.  
  1691. #cross, div#members_block ul li > a > div > i { color:gray; }
  1692.  
  1693. /* container color */
  1694.  
  1695. #pit.dark_base #cross { background-color:#101010; }
  1696. #pit.light_base #cross { background-color:#fafafa; }
  1697.  
  1698. /* topbar and footer colors */
  1699.  
  1700. {block:ShowHeaderImage}#pit.dark_base nav#breadcrumbs, {/block:ShowHeaderImage}#pit.dark_base footer { background-color:#202020; }
  1701. {block:ShowHeaderImage}#pit.light_base nav#breadcrumbs, {/block:ShowHeaderImage}#pit.light_base footer { background-color:#dddddd; }
  1702.  
  1703. @media (max-width: 1060px) {
  1704. #pit.dark_base aside#blog_aside { background-color:#202020; }
  1705. #pit.light_base aside#blog_aside { background-color:#dddddd; }
  1706. }
  1707.  
  1708. {block:HideHeaderImage}@media (max-width: 780px) {
  1709. #pit.dark_base #header_container { background-color:#202020; }
  1710. #pit.light_base #header_container { background-color:#dddddd; }
  1711. nav#breadcrumbs { background-color:transparent; }
  1712. }{/block:HideHeaderImage}
  1713.  
  1714. /* border colors */
  1715.  
  1716. #pit.dark_base ol.notes, #pit.dark_base ol.notes li.note { border-color:#181818; }
  1717. #pit.light_base ol.notes, #pit.light_base ol.notes li.note { border-color:#dddddd; }
  1718.  
  1719. #pit.dark_base article { border-color:#252525; }
  1720. #pit.light_base article { border-color:#dcdcdc; }
  1721.  
  1722. {block:HideHeaderImage}#pit.dark_base nav#breadcrumbs { border-color:#303030; }
  1723. #pit.light_base nav#breadcrumbs { border-color:#bdbdbd; }{/block:HideHeaderImage}
  1724.  
  1725. /* miscellaneous, slightly different background colors */
  1726.  
  1727. #pit.dark_base .ask_content, #pit.dark_base .caption_body a.read_more, #pit.dark_base .caption_body code, #pit.dark_base .caption_body pre, #pit.dark_base .npf-link-block, #pit.dark_base .post_buttons, #pit.dark_base ul#related_posts > li, #pit.dark_base .pagination a .page_link, #pit.dark_base div#updates_block ul li > a > b:first-child::after, #pit.dark_base div.suggested_links_block > div a { background-color:#181818; }
  1728. #pit.light_base .ask_content, #pit.light_base .caption_body a.read_more, #pit.light_base .caption_body code, #pit.light_base .caption_body pre, #pit.light_base .npf-link-block, #pit.light_base .post_buttons, #pit.light_base ul#related_posts > li, #pit.light_base .pagination a .page_link, #pit.light_base div#updates_block ul li > a > b:first-child::after, #pit.light_base div.suggested_links_block > div a { background-color:#eeeeee; }
  1729.  
  1730. #pit.dark_base .ask_content.asker_block::before { border-right-color:#181818; }
  1731. #pit.dark_base .ask_content.answerer_block::before { border-left-color:#181818; }
  1732. #pit.light_base .ask_content.asker_block::before { border-right-color:#eeeeee; }
  1733. #pit.light_base .ask_content.answerer_block::before { border-left-color:#eeeeee; }
  1734.  
  1735. /* accent color */
  1736.  
  1737. #pit.defaultaccent .post_buttons.note_count, #pit.defaultaccent div#showcase_block ul li, #pit.defaultaccent .page_link.current_page { background-color:{AccentColor}; }
  1738. #pit.bgaccent .post_buttons.note_count, #pit.bgaccent div#showcase_block ul li, #pit.bgaccent .page_link.current_page { background-color:{BackgroundColor}; }
  1739. #pit.customaccent .post_buttons.note_count, #pit.customaccent div#showcase_block ul li, #pit.customaccent .page_link.current_page { background-color:{color:Accent}; }
  1740.  
  1741. #pit.defaultaccent a, #pit.defaultaccent div#updates_block ul li > b:first-child, #pit.defaultaccent div#updates_block ul li > a > b:first-child { color:{AccentColor}; }
  1742. #pit.bgaccent a, #pit.bgaccent div#updates_block ul li > b:first-child, #pit.bgaccent div#updates_block ul li > a > b:first-child { color:{BackgroundColor}; }
  1743. #pit.customaccent a, #pit.customaccent div#updates_block ul li > b:first-child, #pit.customaccent div#updates_block ul li > a > b:first-child { color:{color:Accent}; }
  1744.  
  1745. #pit.{select:Body Accent} .post_buttons.note_count, #pit.{select:Body Accent} div#showcase_block ul li, #pit.{select:Body Accent} div#showcase_block ul li a, #pit.{select:Body Accent} .page_link.current_page { color:{color:Text Over Accent}; }
  1746.  
  1747. #pit.{select:Body Accent} .post_header a, #pit.{select:Body Accent} .pagination a, #pit.{select:Body Accent} div#updates_block a, #pit.{select:Body Accent} footer a { color:inherit; }
  1748.  
  1749. /* alternative font colors */
  1750.  
  1751. {block:ShowHeaderImage}#pit.dark_base nav#breadcrumbs, {/block:ShowHeaderImage}#pit.dark_base .caption_body a.read_more, #pit.dark_base .caption_body code, #pit.dark_base .caption_body pre, #pit.dark_base ol.notes li.note.more_notes_link_container, #pit.dark_base .post_buttons, #pit.dark_base .pagination, #pit.dark_base div#updates_block ul li > a > b:first-child::after, #pit.dark_base div.suggested_links_block > div a, #pit.dark_base footer { color:#dfdfdf; }
  1752. {block:ShowHeaderImage}#pit.light_base nav#breadcrumbs, {/block:ShowHeaderImage}#pit.light_base .caption_body a.read_more, #pit.light_base .caption_body code, #pit.light_base .caption_body pre, #pit.light_base ol.notes li.note.more_notes_link_container, #pit.light_base .post_buttons, #pit.light_base .pagination, #pit.light_base div#updates_block ul li > a > b:first-child::after, #pit.light_base div.suggested_links_block > div a, #pit.light_base footer { color:#404040; }
  1753.  
  1754. {block:HideHeaderImage}@media (max-width: 780px) {
  1755. #pit.dark_base #header_container { color:#dfdfdf; }
  1756. #pit.light_base #header_container { color:#404040; }
  1757. }{/block:HideHeaderImage}
  1758.  
  1759. /* topbar */
  1760.  
  1761. @media (max-width: 780px) {
  1762. #pit.{select:Base Colors} nav#blog_navigation {
  1763. background-color:{BackgroundColor};
  1764. color:{AccentColor};
  1765. }
  1766.  
  1767. nav#blog_navigation ul#blog_menu_list, iframe.tmblr-iframe--unified-controls { border-bottom:1px solid rgba({RGBAccentColor}, 0.2); }
  1768.  
  1769. nav#blog_navigation ul#blog_menu_list li .blog_menu_item { background-color:rgba({RGBAccentColor}, 0.2); }
  1770. }
  1771.  
  1772. /* BORDERS(setting only) */
  1773.  
  1774. {block:HideHeaderImage}nav#breadcrumbs, {/block:HideHeaderImage}article, ol.notes, ol.notes li.note, div#showcase_block ul li a::after, div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after { border-style:solid; }
  1775.  
  1776. {block:HideHeaderImage}nav#breadcrumbs, {/block:HideHeaderImage}article { border-width:0; }
  1777.  
  1778. ol.notes, ol.notes li.note, div#showcase_block ul li a::after, div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after { border-width:1px; }
  1779.  
  1780. @media (max-width: 1060px) { article { border-bottom-width:1px; } }
  1781. {block:HideHeaderImage}@media (max-width: 780px) { nav#breadcrumbs { border-top-width:1px; } }{/block:HideHeaderImage}
  1782.  
  1783. ol.notes li.note {
  1784. border-left:0;
  1785. border-right:0;
  1786. }
  1787.  
  1788. ol.notes li.note { border-top:0; }
  1789.  
  1790. ol.notes li.note:last-child { border-bottom:0; }
  1791.  
  1792. /* ROUND BORDERS */
  1793.  
  1794. .caption_portrait, .resizable_iframe, figure.tmblr-full video, .npf_photoset, .npf_photoset .tmblr-attribution, .gallery_indicator, .photo, .photo-slideshow, .media_share_list, ol.notes, div#showcase_block ul li { overflow:hidden; }
  1795.  
  1796. .ask_content, .npf-link-block, .caption_body pre, .resizable_iframe, figure.tmblr-full img, figure.tmblr-full video, .npf_photoset, .photo, .photo-slideshow, .media_share_list, ol.notes, ul#related_posts > li, div#showcase_block ul li { border-radius:7px; }
  1797.  
  1798. @media (max-width: 380px) {
  1799. .resizable_iframe, .npf_photoset, .photo, .photo-slideshow { border-radius:0; }
  1800. }
  1801.  
  1802. #blog_portrait img, .ask_portrait, .gallery_indicator, .caption_portrait, ol.notes img.avatar, .pagination .page_link, div#members_block ul li > img, div#members_block ul li > a > img { border-radius:100%; }
  1803.  
  1804. .caption_body a.read_more, .caption_body code, .npf_photoset .tmblr-attribution, .note_count, .post_buttons, div#updates_block ul li > a > b:first-child::after, div#showcase_block ul li a::after, div#showcase_block ul li a img + div::after, div#showcase_block ul li a i.material-icons + div::after { border-radius:1em; }
  1805. nav#blog_navigation ul#blog_menu_list li .blog_menu_item, div.suggested_links_block > div a { border-radius:2em; }
  1806.  
  1807. .npf_photoset figure.tmblr-full img { border-radius:0; }
  1808.  
  1809. {CustomCSS}
  1810. </style>
  1811.  
  1812. </head>
  1813.  
  1814. <body>
  1815.  
  1816. <div id="pit" class="{select:Base Colors} {select:Body Accent}">
  1817.  
  1818. <div id="header_container">
  1819. <div id="call" class="{select:Make Header Fit Screen}">{block:ShowHeaderImage}
  1820. <div class="header_height"><img src="{block:IfCustomHeaderImage}{image:Header}{/block:IfCustomHeaderImage}{block:IfNotCustomHeaderImage}{HeaderImage}{/block:IfNotCustomHeaderImage}"></div>{/block:ShowHeaderImage}
  1821. <header id="my_name" class="{select:Header Layout}">
  1822. {block:ShowAvatar}<div id="blog_portrait"><img src="{PortraitURL-128}" aria-hidden="true"></div><div id="title_and_links">{/block:ShowAvatar}
  1823. <h1>{Title}</h1>
  1824. <nav id="blog_navigation">
  1825. <h2 class="screen_reader_sentences">{lang:Navigate}</h2>
  1826. <button class="topbar_button" id="topbar_back_to_top_button" onclick="document.body.scrollTop = 0; document.documentElement.scrollTop = 0;"><i aria-hidden="true" class="material-icons">&#xe5ce</i><div class="topbar_button_label"><span class="topbar_button_text">{lang:Back To Top}</span></div></button>
  1827. <button class="topbar_button" id="topbar_menu_button" onclick="changeTrigger(this, document.getElementById('blog_menu_list'), 'display', 'none', 'block', this, true)"><i aria-hidden="true" class="material-icons">&#xe5d2</i><div class="topbar_button_label"><span class="topbar_button_text">{lang:Navigate}</span></div></button>
  1828. <ul id="blog_menu_list">
  1829. <li><a href="{BlogURL}" class="blog_menu_item">{lang:Home}</a></li><li><a href="{BlogURL}archive" class="blog_menu_item">{lang:Archive}</a></li>{block:AskEnabled}<li><a href="{BlogURL}ask" class="blog_menu_item">{AskLabel}</a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li><a href="{BlogURL}submit" class="blog_menu_item">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<li><a href="{URL}" class="blog_menu_item">{Label}</a></li>{/block:Pages}{/block:HasPages}<li><form action="/search" id="searchthis" method="get"><input id="searchbox" class="blog_menu_item" name="q" onblur="if(this.value==&apos;&apos;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&apos;&apos;;" type="text" value="{lang:Search}" vinput=""/><button id="searchbutton" type="submit" value="{lang:Search}"><span class="screen_reader_sentences">{lang:Search}</span><i aria-hidden="true" class="material-icons">&#xe8b6</i></button></form></li>
  1830. </ul>
  1831. <button class="topbar_button" id="topbar_aside_button" onclick="document.body.scrollTop = document.getElementById('blog_section').scrollHeight; document.documentElement.scrollTop = document.getElementById('blog_section').scrollHeight;"><i aria-hidden="true" class="material-icons">&#xe7fd</i><div class="topbar_button_label"><span class="topbar_button_text">{lang:About}</span></div></button>
  1832. <button class="topbar_button" id="topbar_iframe_button" onclick="changeTrigger(this, document.querySelector('iframe.tmblr-iframe--unified-controls'), 'display', 'none', 'block', this, true)"><i aria-hidden="true" class="material-icons">&#xe8b8</i><div class="topbar_button_label"><span class="topbar_button_text">{block:English}Options{/block:English}{block:German}Optionen{/block:German}{block:French}Options{/block:French}{block:Italian}Opzioni{/block:Italian}{block:Japanese}オプション{/block:Japanese}{block:Turkish}Seçenekleri{/block:Turkish}{block:Spanish}Opciones{/block:Spanish}{block:Russian}Опции{/block:Russian}{block:Polish}Opcje{/block:Polish}{block:PortuguesePT}Opções{/block:PortuguesePT}{block:PortugueseBR}Opções{/block:PortugueseBR}{block:Dutch}Opties{/block:Dutch}{block:Korean}옵션{/block:Korean}{block:ChineseSimplified}选项{/block:ChineseSimplified}{block:ChineseTraditional}選項{/block:ChineseTraditional}{block:ChineseHK}選項{/block:ChineseHK}{block:Indonesian}Opsi{/block:Indonesian}{block:Hindi}विकल्प{/block:Hindi}</span></div></button>
  1833. </nav>{block:ShowAvatar}
  1834. </div>{/block:ShowAvatar}
  1835. </header>
  1836. </div>
  1837.  
  1838. <nav id="breadcrumbs">
  1839. <div class="line_height_fixer">
  1840. <span class="breadcrumb_text"><a href="{BlogURL}"><i aria-hidden="true" class="material-icons">&#xe88a</i><span class="breadcrumb_hidden_text">{lang:Home}</span></a></span>{block:HomePage} <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text"><a href="{BlogURL}">{lang:Posts}</a></span>{/block:HomePage}{block:PermalinkPage}<!-- permalink -->{block:Posts}{block:Date} <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text capitalization">{PostTypeNoun}</span>{/block:Date}{block:PostSummary} <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{PlaintextPostSummary}</span>{/block:PostSummary}{/block:Posts}{/block:PermalinkPage}{block:NoPosts}<!-- no posts --> <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{lang:This Tumblr hasnt made any posts}</span>{/block:NoPosts}{block:TagPage}<!-- tag page --> <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{lang:Tagged}</span> <i class="material-icons">&#xe5cc</i> {Tag}{/block:TagPage}{block:SearchPage}<!-- search page --> <i class="material-icons">&#xe5cc</i> {lang:Search} <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{block:NoSearchResults}<span style="display:none">{/block:NoSearchResults}{SearchQuery}{block:NoSearchResults}</span>{lang:No posts containing SearchQuery 2}{/block:NoSearchResults}</span>{/block:SearchPage}{block:DayPage}<!-- day page --> <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{block:English}Day{/block:English}{block:German}Tag{/block:German}{block:French}Jour{/block:French}{block:Italian}Giorno{/block:Italian}{block:Japanese}日{/block:Japanese}{block:Turkish}Gün{/block:Turkish}{block:Spanish}Día{/block:Spanish}{block:Russian}день{/block:Russian}{block:Polish}Dzień{/block:Polish}{block:PortuguesePT}Dia{/block:PortuguesePT}{block:PortugueseBR}Dia{/block:PortugueseBR}{block:Dutch}Dag{/block:Dutch}{block:Korean}날{/block:Korean}{block:ChineseSimplified}天{/block:ChineseSimplified}{block:ChineseTraditional}天{/block:ChineseTraditional}{block:ChineseTW}天{block:ChineseTW}{block:Indonesian}Hari{/block:Indonesian}{block:Hindi}दिन{/block:Hindi}</span> <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</span>{/block:DayPage}{block:Pagination}<!-- current page --> <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{lang:Pages}</span> <i class="material-icons">&#xe5cc</i> <span class="breadcrumb_text">{CurrentPage}</span>{/block:Pagination}
  1841. </div>
  1842. </nav>
  1843. </div>
  1844.  
  1845. <div id="cross">
  1846.  
  1847. <div id="virus" class="size{select:Post Size}">
  1848.  
  1849. <section id="blog_section">
  1850.  
  1851. {block:Posts inlineMediaWidth="1280"}
  1852.  
  1853. <article><div class="post_content">
  1854.  
  1855. <div class="post_block content_block">
  1856. <div class="post_header">
  1857. <h2><div class="line_height_fixer">{block:Text}{block:Title}{block:Date}<a href="{Permalink}">{/block:Date}{Title}{block:Date}</a>{/block:Date}{/block:Title}{/block:Text}{block:Chat}{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}{/block:Chat}{block:Date}<a href="{Permalink}" class="placeholder_date"><span class="screen_reader_sentences">{lang:Permalink for this post}</span><span aria-hidden="true">{lang:Posted on Month DayOfMonth Year}</span></a>{/block:Date}</div></h2>
  1858. {block:Date}<div>
  1859. {block:RebloggedFrom}<span class="post_header_info post_via">
  1860. <i aria-hidden="true" class="material-icons">&#xe15e</i><a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}"><span class="screen_reader_sentences">{lang:Reblogged from ReblogParentName}</span><span aria-hidden="true" class="post_header_displayed_text">{ReblogParentName}</span></a>
  1861. </span>{/block:RebloggedFrom}
  1862. <span class="post_header_info post_author">
  1863. <i aria-hidden="true" class="material-icons">&#xe7fd</i>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{lang:Originally from ReblogRootName}"><span class="screen_reader_sentences">{lang:Originally from ReblogRootName}</span><span aria-hidden="true" class="post_header_displayed_text">{ReblogRootName}</span></a>{/block:RebloggedFrom}{block:NotReblog}{block:IfNotShowPostAuthor}<a aria-hidden="true" href="{BlogURL}"><span class="blog_username post_header_displayed_text"><noscript>{BlogURL}</noscript></span></a>{/block:IfNotShowPostAuthor}{block:IfShowPostAuthor}<a href="{PostAuthorURL}" title="{lang:Posted by PostAuthorName}"><span class="screen_reader_sentences">{lang:Posted by PostAuthorName}</span><span aria-hidden="true" class="post_header_displayed_text">{PostAuthorName}</span><span aria-hidden="true">(<span class="blog_username post_header_displayed_text"><noscript>{BlogURL}</noscript></span>)</span></a>{/block:IfShowPostAuthor}{/block:NotReblog}
  1864. </span>
  1865. <span class="post_header_info post_date">
  1866. <i aria-hidden="true" class="material-icons">&#xe192</i><a href="{BlogURL}day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="{lang:Posted on Month DayOfMonth Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm}"><span class="screen_reader_sentences">{lang:Posted on Month DayOfMonth Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm}</span>{TimeAgo}</a>
  1867. </span>
  1868. </div>{/block:Date}
  1869. </div>
  1870.  
  1871. {block:Text}<div class="text_post">
  1872. {block:NotReblog}<div class="caption_block"><div class="caption_body">{block:AskPage}{text:Ask Page Text}{/block:AskPage}{block:SubmitPage}{text:Submit Page Text}{/block:SubmitPage}{Body}</div></div>{/block:NotReblog}
  1873. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1874. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1875. <div class="caption_body">{Body}</div>
  1876. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1877. </div>{/block:Text}
  1878.  
  1879. {block:Photo}
  1880. <figure class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</figure>
  1881.  
  1882. {block:Caption}
  1883. {block:NotReblog}<div class="caption_block captions"><div class="caption_body">{Caption}</div></div>{/block:NotReblog}
  1884. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1885. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1886. <div class="caption_body">{Body}</div>
  1887. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1888. {/block:Caption}
  1889. {/block:Photo}
  1890.  
  1891. {block:Panorama}
  1892. <figure class="panorama">{LinkOpenTag}<img src="{PhotoURL-Panorama}" width="{PhotoWidth-Panorama}" height="{PhotoHeight-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}</figure>
  1893.  
  1894. {block:Caption}
  1895. {block:NotReblog}<div class="caption_block captions"><div class="caption_body">{Caption}</div></div>{/block:NotReblog}
  1896. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1897. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1898. <div class="caption_body">{Body}</div>
  1899. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1900. {/block:Caption}
  1901. {/block:Panorama}
  1902.  
  1903. {block:Photoset}
  1904. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1905. {block:Photos}<div class="photo-data"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1906. <div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  1907. <div class="gallery_indicator"><i class="material-icons">&#xe8ff</i></div>
  1908. </a></div>{/block:Photos}
  1909. </div>
  1910.  
  1911. {block:Caption}
  1912. {block:NotReblog}<div class="caption_block captions"><div class="caption_body">{Caption}</div></div>{/block:NotReblog}
  1913. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1914. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1915. <div class="caption_body">{Body}</div>
  1916. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1917. {/block:Caption}
  1918. {/block:Photoset}
  1919.  
  1920. {block:Quote}
  1921. <div class="quote_post {Length}">
  1922. <blockquote>{Quote}</blockquote>
  1923. {block:Source}<div class="quote_source">— {Source}</div>{/block:Source}
  1924. </div>
  1925. {/block:Quote}
  1926.  
  1927. {block:Link}
  1928. <div class="npf-link-block"><a href="{URL}">
  1929. {block:Thumbnail}<div class="poster" style="background-image:url('{Thumbnail-HighRes}');">{/block:Thumbnail}<div class="title">{Name}</div>{block:Thumbnail}</div>{/block:Thumbnail}
  1930. <div class="bottom">
  1931. {block:Excerpt}<div class="description">{Excerpt}</div>{/block:Excerpt}
  1932. {block:Host}<div class="site-name">{Host}</div>{/block:Host}
  1933. </div>
  1934. </a></div>
  1935.  
  1936. {block:Description}
  1937. {block:NotReblog}<div class="caption_block captions"><div class="caption_body">{Description}</div></div>{/block:NotReblog}
  1938. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1939. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1940. <div class="caption_body">{Body}</div>
  1941. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1942. {/block:Description}
  1943. {/block:Link}
  1944.  
  1945. {block:Chat}
  1946. <ul class="chat_wrapper">
  1947. {block:Lines}<li>{block:Label}<b class="chat_label">{Label}</b>{/block:Label}<span class="chat_line">{Line}</span></li>{/block:Lines}
  1948. </ul>
  1949. {/block:Chat}
  1950.  
  1951. {block:Audio}
  1952. {block:AudioEmbed}<figure class="resizable_iframe">{AudioEmbed}</figure>{/block:AudioEmbed}
  1953.  
  1954. {block:Caption}
  1955. {block:NotReblog}<div class="caption_block captions"><div class="caption_body">{Caption}</div></div>{/block:NotReblog}
  1956. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1957. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1958. <div class="caption_body">{Body}</div>
  1959. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1960. {/block:Caption}
  1961. {/block:Audio}
  1962.  
  1963. {block:Video}
  1964. <figure class="resizable_iframe">{Video-700}</figure>
  1965.  
  1966. {block:Caption}
  1967. {block:NotReblog}<div class="caption_block captions"><div class="caption_body">{Caption}</div></div>{/block:NotReblog}
  1968. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1969. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1970. <div class="caption_body">{Body}</div>
  1971. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1972. {/block:Caption}
  1973. {/block:Video}
  1974.  
  1975. {block:Answer}
  1976. <div class="ask_block">
  1977. <img src="{AskerPortraitURL-64}" class="ask_portrait asker_portrait"/>
  1978. <div class="ask_content asker_block">
  1979. <div class="ask_header">{lang:Asker asked 2}</div>
  1980. <div class="caption_body">{Question}</div>
  1981. </div>
  1982. </div>
  1983. {block:Answerer}<div class="ask_block caption_block">
  1984. <img src="{AnswererPortraitURL-64}" class="ask_portrait answerer_portrait"/>
  1985. <div class="ask_content answerer_block">
  1986. <div class="ask_header">{Answerer}</div>
  1987. <div class="caption_body">{Answer}</div>
  1988. </div>
  1989. </div>{/block:Answerer}
  1990.  
  1991. {block:NotReblog}<div class="caption_block"><div class="caption_body">{Replies}</div></div>{/block:NotReblog}
  1992. {block:RebloggedFrom}{block:Reblogs}<div class="caption_block captions">
  1993. <div class="caption_header"><img src="{PortraitURL-64}" class="caption_portrait"/><span class="caption_username">{block:IsActive}{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{block:HasNoPermalink}<a href="https://www.{Username}.tumblr.com">{/block:HasNoPermalink}{/block:IsActive}{Username}{block:IsActive}{block:HasPermalink}</a>{/block:HasPermalink}{block:HasNoPermalink}</a>{/block:HasNoPermalink}{/block:IsActive}</span></div>
  1994. <div class="caption_body">{Body}</div>
  1995. </div>{/block:Reblogs}{/block:RebloggedFrom}
  1996. {/block:Answer}
  1997.  
  1998. {block:Date}<div class="post_footer">
  1999. {block:ContentSource}<div class="post_source"><div class="line_height_fixer"><span class="source_label">{lang:Source}:</span> <a href="{SourceURL}">{SourceTitle}</a></div></div>{/block:ContentSource}
  2000. <div class="post_interaction">
  2001. <div class="post_buttons_wrapper">
  2002. <span class="post_buttons note_count"><a href="{Permalink}">{NoteCountWithLabel}</a></span><!--
  2003. --><span class="post_buttons reblog_button"><a href="{ReblogURL}">{block:English}Reblog{/block:English}{block:German}Rebloggen{/block:German}{block:French}Rebloguer{/block:French}{block:Italian}Reblogga{/block:Italian}{block:Japanese}リブログ{/block:Japanese}{block:Turkish}Yeniden Blogla{/block:Turkish}{block:Spanish}Rebloguear{/block:Spanish}{block:Russian}Реблог{/block:Russian}{block:Polish}Rebloguj{/block:Polish}{block:PortuguesePT}Reblogar{/block:PortuguesePT}{block:PortugueseBR}Reblogar{/block:PortugueseBR}{block:Dutch}Rebloggen{/block:Dutch}{block:Korean}리블로그{/block:Korean}{block:ChineseSimplified}转发{/block:ChineseSimplified}{block:ChineseTraditional}轉格{/block:ChineseTraditional}{block:ChineseHK}轉載{/block:ChineseHK}{block:Indonesian}Reblog{/block:Indonesian}{block:Hindi}रीब्लॉग करेंे{/block:Hindi}</a></span><!--
  2004. --><span class="post_buttons new_like_button" aria-hidden="true">{LikeButton}<span class="our_button"><span class="to_like_text">{block:English}Like{/block:English}{block:German}Liken{/block:German}{block:French}J'aime{/block:French}{block:Italian}Mi piace{/block:Italian}{block:Japanese}スキ{/block:Japanese}{block:Turkish}Beğen{/block:Turkish}{block:Spanish}Me gusta{/block:Spanish}{block:Russian}Нравится{/block:Russian}{block:Polish}Lubię{/block:Polish}{block:PortuguesePT}Gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir{/block:PortugueseBR}{block:Dutch}Vind ik leuk{/block:Dutch}{block:Korean}좋아요{/block:Korean}{block:ChineseSimplified}喜欢{/block:ChineseSimplified}{block:ChineseTraditional}喜歡{/block:ChineseTraditional}{block:ChineseHK}喜歡{/block:ChineseHK}{block:Indonesian}Suka{/block:Indonesian}{block:Hindi}पसंद करें{/block:Hindi}</span><span class="liked_text">{block:English}Unlike{/block:English}{block:German}Entliken{/block:German}{block:French}Je n'aime plus{/block:French}{block:Italian}Non mi piace{/block:Italian}{block:Japanese}スキ解除{/block:Japanese}{block:Turkish}Beğenme{/block:Turkish}{block:Spanish}Ya no me gusta{/block:Spanish}{block:Russian}Не нравится{/block:Russian}{block:Polish}Nie lubię{/block:Polish}{block:PortuguesePT}Deixar de gostar{/block:PortuguesePT}{block:PortugueseBR}Curtir (desfazer){/block:PortugueseBR}{block:Dutch}Vind ik niet meer leuk{/block:Dutch}{block:Korean}좋아요 취소{/block:Korean}{block:ChineseSimplified}取消喜欢{/block:ChineseSimplified}{block:ChineseTraditional}收回喜歡{/block:ChineseTraditional}{block:ChineseHK}收回喜歡{/block:ChineseHK}{block:Indonesian}Tidak Suka{/block:Indonesian}{block:Hindi}पसंद हटाएँ{/block:Hindi}</span></span></span></span>
  2005. </div><div class="share_buttons_wrapper">
  2006. <button class="share_buttons share_button" id="share_button_{PostID}" onclick="changeTrigger(this, document.getElementById('share_buttons_' + this.getAttribute('id').substring(13)), 'display', 'none', 'table', document.getElementById('share_buttons_' + this.getAttribute('id').substring(13)), false);"><i aria-hidden="true" class="material-icons">&#xe80d</i><span class="screen_reader_sentences">{lang:Share this}</span></button>
  2007. <span class="share_buttons_overlay" id="share_buttons_{PostID}"><div class="share_buttons_hidden">
  2008. <a href="https://www.facebook.com/sharer/sharer.php?u={ShortURL}" target="_blank" rel="noopener" title="Facebook" class="share_buttons facebook_button"><i aria-hidden="true" class="fab fa-facebook-square"></i><span class="screen_reader_sentences">Facebook</span></a><a href="https://twitter.com/home?status={ShortURL}" target="_blank" rel="noopener" title="Twitter" class="share_buttons twitter_button"><i aria-hidden="true" class="fab fa-twitter"></i><span class="screen_reader_sentences">Twitter</span></a><a href="https://pinterest.com/pin/create/button/?url={ShortURL}" target="_blank" rel="noopener" title="Pinterest" class="share_buttons pinterest_button"><i aria-hidden="true" class="fab fa-pinterest-p"></i><span class="screen_reader_sentences">Pinterest</span></a><a href="{EmbedUrl}" target="_blank" rel="noopener" title="{lang:Embed}" class="share_buttons tumblr_button embed_button"><i aria-hidden="true" class="material-icons">&#xe86f</i><span class="screen_reader_sentences">{lang:Embed}</span></a><button data-clipboard-text="{ShortURL}" class="share_buttons tumblr_button clipboard_button" title="{lang:Short URL}"><i aria-hidden="true" class="material-icons">&#xe157</i><span class="screen_reader_sentences">{lang:Short URL}</span></button>
  2009. </div></span>
  2010. </div>
  2011. {block:HasTags}<div class="post_tags">
  2012. <span class="screen_reader_sentences">{lang:Tagged with}</span>{block:Tags}<span class="post_buttons tag_button"><a href="{TagURL}">{Tag}</a></span>{/block:Tags}
  2013. </div>{/block:HasTags}
  2014. </div>
  2015. </div>{/block:Date}
  2016.  
  2017. </div>
  2018.  
  2019. {block:PermalinkPagination}<!-- permalink pagination -->
  2020. <nav class="pagination" id="permalink_pagination">
  2021. <div class="previous_content">{block:NextPost}<a href="{NextPost}"><span class="page_link"><i class="material-icons">&#xe408</i></span><span class="page_label">{lang:Next post}</span></a>{/block:NextPost}</div><div class="home_link"><a href="{BlogURL}"><span class="page_link"><i class="material-icons">&#xe88a</i></span><span class="screen_reader_sentences">{lang:Home}</span></a></div><div class="next_content">{block:PreviousPost}<a href="{PreviousPost}"><span class="page_label">{lang:Previous post}</span><span class="page_link"><i class="material-icons">&#xe409</i></span></a>{/block:PreviousPost}</div>
  2022. </nav>{/block:PermalinkPagination}
  2023.  
  2024. {block:PermalinkPage}
  2025. {block:PostNotes}<div class="post_block notes_block">
  2026. <div class="post_notes_header"><div class="line_height_fixer"><span class="post_notes_header_label">{lang:View notes for this post}</span></div></div>
  2027. {PostNotes-64}
  2028. </div>{/block:PostNotes}
  2029. {/block:PermalinkPage}
  2030.  
  2031. </div></article>
  2032.  
  2033.  
  2034.  
  2035. {/block:Posts}
  2036.  
  2037. {block:Pagination}<!-- main page pagination -->
  2038. <nav class="pagination" id="index_pagination">
  2039. <div class="previous_content">{block:PreviousPage}<a href="{PreviousPage}"><span class="page_link"><i class="material-icons">&#xe408</i></span><span class="screen_reader_sentences">{lang:Newer posts}</span><span class="page_label" aria-hidden="true">{lang:Newer}</span></a>{/block:PreviousPage}</div><div class="page_count">{block:JumpPagination length="3"}{block:JumpPage}<a href="{URL}"><span class="page_link">{PageNumber}<span></span></a>{/block:JumpPage}{block:CurrentPage}<span class="current_page page_link">{PageNumber}</span>{/block:CurrentPage}{/block:JumpPagination}</div><div class="next_content">{block:NextPage}<a href="{NextPage}"><span class="page_label" aria-hidden="true">{lang:Older}</span><span class="screen_reader_sentences">{lang:Older posts}</span><span class="page_link"><i class="material-icons">&#xe409</i></span></a>{/block:NextPage}</div>
  2040. </nav>{/block:Pagination}
  2041.  
  2042. </section><!--
  2043. --><aside id="blog_aside">
  2044. {block:Description}<div class="aside_block" id="description_block">
  2045. <h2>{lang:About}</h2>
  2046. <div>{Description}</div>
  2047. </div>{/block:Description}
  2048. {block:IfShowUpdates}<div class="aside_block" id="updates_block">
  2049. <h2>{text:Updates Label}</h2>
  2050. <ul>{text:Updates Text}</ul>
  2051. </div>{/block:IfShowUpdates}
  2052. {block:IfShowShowcase}<div class="aside_block" id="showcase_block">
  2053. <h2>{text:Showcase Label}</h2>
  2054. <ul>{text:Showcase Text}</ul>
  2055. </div>{/block:IfShowShowcase}
  2056. {block:IfShowSuggestedLinks1}<div class="aside_block suggested_links_block" id="suggested_links_block_1">
  2057. <h2>{text:Suggested Links 1 Label}</h2>
  2058. <div>{text:Suggested Links 1 Text}</div>
  2059. </div>{/block:IfShowSuggestedLinks1}
  2060. {block:IfShowSuggestedLinks2}<div class="aside_block suggested_links_block" id="suggested_links_block_2">
  2061. <h2>{text:Suggested Links 2 Label}</h2>
  2062. <div>{text:Suggested Links 2 Text}</div>
  2063. </div>{/block:IfShowSuggestedLinks2}
  2064. {block:IfShowSocialMedia}<div class="aside_block" id="social_media_block">
  2065. <h2>{text:Social Media Label}</h2>
  2066. <ul id="group_medias">
  2067. <li class="group_media" id="facebook_media_link"><a href="{text:Facebook URL}" title="Facebook"><i aria-hidden="true" class="fab fa-facebook-square"></i><span class="screen_reader_sentences">Facebook</span></a></li>
  2068. <li class="group_media" id="twitter_media_link"><a href="{text:Twitter URL}" title="Twitter"><i aria-hidden="true" class="fab fa-twitter"></i><span class="screen_reader_sentences">Twitter</span></a></li>
  2069. <li class="group_media" id="instagram_media_link"><a href="{text:Instagram URL}" title="Instagram"><i aria-hidden="true" class="fab fa-instagram"></i><span class="screen_reader_sentences">Instagram</span></a></li>
  2070. <li class="group_media" id="pinterest_media_link"><a href="{text:Pinterest URL}" title="Pinterest"><i aria-hidden="true" class="fab fa-pinterest-p"></i><span class="screen_reader_sentences">Pinterest</span></a></li>
  2071. <li class="group_media" id="youtube_media_link"><a href="{text:Youtube URL}" title="Youtube"><i aria-hidden="true" class="fab fa-youtube"></i><span class="screen_reader_sentences">Youtube</span></a></li>
  2072. <li class="group_media" id="google_plus_media_link"><a href="{text:Google Plus URL}" title="Google+"><i aria-hidden="true" class="fab fa-google-plus-g"></i><span class="screen_reader_sentences">Google+</span></a></li>
  2073. </ul>
  2074. <script>
  2075. var mediaLink = document.querySelectorAll("li.group_media a");
  2076. for (i = 0; i < mediaLink.length; i++) { if (!mediaLink[i].getAttribute("href")) { mediaLink[i].parentNode.style.display = "none" } }
  2077. </script>
  2078. </div>{/block:IfShowSocialMedia}
  2079. {block:IfShowMembers}<div class="aside_block" id="members_block">
  2080. <h2>{text:Members Label}</h2>
  2081. {block:IfAutogenerateMembers}{block:GroupMembers}<ul>{block:GroupMember}
  2082. <li><a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-64}"><div><b>{GroupMemberName}</b><br><i>{GroupMemberTitle}</i></div></a></li>{/block:GroupMember}
  2083. </ul>{/block:GroupMembers}{/block:IfAutogenerateMembers}{block:IfNotAutogenerateMembers}<ul>{text:Members Text}</ul>{/block:IfNotAutogenerateMembers}</ul>
  2084. </div>{/block:IfShowMembers}
  2085. {block:IfShowSiteInformation}<div class="aside_block" id="site_info_block">
  2086. <h2>{text:Site Information Label}</h2>
  2087. <ul>{text:Site Information Text}</ul>
  2088. </div>{/block:IfShowSiteInformation}
  2089. </aside>
  2090.  
  2091. </div>
  2092.  
  2093. <footer>
  2094. <div id="footer_copyright">Copyright <span class="copyright_symbol">&copy;</span> <span id="footer_date"></span> <span id="codematurgy"><a href="https://codematurgy.tumblr.com">Codematurgy</a></span>. {lang:Powered by Tumblr 2}.</div>
  2095. </footer>
  2096.  
  2097. </div>
  2098.  
  2099. </div>
  2100.  
  2101. <!-- PHOTOSETS by PixelUnion on https://github.com/PixelUnion/Extended-Tumblr-Photoset -->
  2102. <script src="https://static.tumblr.com/xkippcr/qe4p593ag/pxuphotoset.js"></script>
  2103.  
  2104. <!-- NPF PHOTOSETS -->
  2105. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script>
  2106. <link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css"/>
  2107.  
  2108. <!-- COPY TO CLIPBOARD by Zeno Rocha on https://clipboardjs.com/ -->
  2109. <script src="https://static.tumblr.com/xkippcr/QWapjle3g/clipboard.min.js"></script>
  2110.  
  2111. <!-- GENERAL SCRIPT calls or scripts that don't have an uploaded file -->
  2112. <script>
  2113. // calling clipboard function
  2114. new ClipboardJS(document.querySelectorAll(".clipboard_button"));
  2115.  
  2116. // this will resize iframes; for example, embed videos and players.
  2117. function iframeResizing() {
  2118. var iframe = document.querySelectorAll("article figure > iframe");
  2119. $(iframe).parent().addClass("resizable_iframe");
  2120. var iframe = document.querySelectorAll(".resizable_iframe iframe");
  2121. function iframeActualResize() {
  2122. $(iframe).each(function() {
  2123. if (!$(this).hasClass("instagram-media") && !$(this).hasClass("tumblr_audio_player")) {
  2124. var originalIframeWidth = $(this).width();
  2125. var originalIframeHeight = $(this).height();
  2126. iframeWidth = $(this).parent().width();
  2127. var iframeProportion = iframeWidth / originalIframeWidth;
  2128. var iframeHeight = originalIframeHeight * iframeProportion;
  2129. if ($(this).hasClass("spotify_audio_player")) { iframeHeight = iframeWidth + 80 }
  2130.  
  2131. $(this).attr("width", iframeWidth);
  2132. $(this).attr("height", iframeHeight);
  2133. }
  2134. });
  2135. }
  2136. iframeActualResize();
  2137. $(window).resize(function() { iframeActualResize(); });
  2138. }
  2139. iframeResizing();
  2140.  
  2141. // this will add the tmblr-full class to figures containing videos.
  2142. function videoClass() {
  2143. var video = document.querySelectorAll("article figure > video");
  2144. for (i = 0; i < video.length; i++) {
  2145. if (video[i].parentNode.className === null || video[i].parentNode.className !== null && !video[i].parentNode.className.match(/tmblr-full+/g)) { video[i].parentNode.className += " tmblr-full"; }
  2146. }
  2147. }
  2148. videoClass();
  2149.  
  2150. // this will generate your username inside posts when a native tag cannot be used.
  2151. function blogName() {
  2152. var blogUrl = document.querySelectorAll(".blog_username");
  2153. for (i = 0; i < blogUrl.length; i++) { blogUrl[i].innerHTML = "{Name}"; }
  2154. }
  2155. blogName();
  2156.  
  2157. // this will shorten the usernames in the post header when they get too long.
  2158. function shortenName() {
  2159. var blogNames = document.querySelectorAll(".post_header_displayed_text");
  2160. for (i = 0; i < blogNames.length; i++) {
  2161. if (blogNames[i].innerHTML.length >= 15) {
  2162. var showText = blogNames[i].innerHTML.substring(0, 15);
  2163. var hiddenText = blogNames[i].innerHTML.substring(15);
  2164. blogNames[i].removeChild(blogNames[i].childNodes[0]);
  2165. var showSpan = document.createElement("span");
  2166. showSpan.className = "post_header_show_text";
  2167. showSpan.innerHTML = showText;
  2168. blogNames[i].appendChild(showSpan);
  2169. var hiddenSpan = document.createElement("span");
  2170. hiddenSpan.className = "post_header_hide_text";
  2171. hiddenSpan.innerHTML = hiddenText;
  2172. blogNames[i].appendChild(hiddenSpan);
  2173. }
  2174. }
  2175. }
  2176. shortenName();
  2177.  
  2178. // this will shorten image attribution for npf photosets on smaller screens.
  2179. function shortAttribution() {
  2180. var tmblrAttribution = document.querySelectorAll(".npf_photoset .tmblr-attribution");
  2181. for (i = 0; i < tmblrAttribution.length; i++) {
  2182. var tmblrAttributionLink = tmblrAttribution[i].getElementsByTagName("a")[0];
  2183. var attributionText = document.createElement("span");
  2184. attributionText.className = "poster_sentence";
  2185. tmblrAttributionLink.appendChild(attributionText);
  2186. for(j = 0; j < tmblrAttributionLink.childNodes.length; j++) {
  2187. if(tmblrAttributionLink.childNodes[j].nodeName === "#text") {
  2188. var originalAttribution = tmblrAttributionLink.childNodes[j];
  2189. attributionText.appendChild(originalAttribution);
  2190. }
  2191. }
  2192. var originalPoster = tmblrAttributionLink.getAttribute('data-peepr').substring(14, tmblrAttributionLink.getAttribute('data-peepr').indexOf('","postId"'));
  2193. var newAttribution = document.createElement("span");
  2194. newAttribution.className = "poster_username";
  2195. newAttribution.setAttribute("aria-hidden", "true");
  2196. newAttribution.innerHTML = originalPoster;
  2197. tmblrAttributionLink.appendChild(newAttribution);
  2198. }
  2199. }
  2200.  
  2201. // this is the general "open/close things" fuction.
  2202. function changeTrigger(openTrigger, hidden, property, initialValue, clickValue, closeTrigger, closeTriggerIncludesChildren) {
  2203. hidden.style[property] === initialValue ? hidden.style[property] = clickValue : hidden.style[property] = initialValue;
  2204. if (openTrigger !== closeTrigger) {
  2205. if (!closeTrigger.hasAttribute("is-close-trigger")) {
  2206. closeTrigger.addEventListener("click", function(i) {
  2207. if (hidden.style[property] === clickValue) {
  2208. if (closeTriggerIncludesChildren === false) {
  2209. if (i.target === this) { hidden.style[property] = initialValue; }
  2210. } else { hidden.style[property] = initialValue; }
  2211. }
  2212. }, false);
  2213. closeTrigger.setAttribute("is-close-trigger", "true");
  2214. }
  2215. }
  2216. }
  2217.  
  2218. // this will generate the copyright date on the footer.
  2219. new Date().getFullYear() - 2019 > 0 ? document.getElementById("footer_date").innerHTML = 2019 + "-" + new Date().getFullYear() : document.getElementById("footer_date").innerHTML = 2019;
  2220. </script>
  2221.  
  2222. <!-- FUNCTION CALLS that should be triggered after page load -->
  2223. <script>
  2224. window.addEventListener("load", function() {
  2225. $('.photo-slideshow').pxuPhotoset({
  2226. 'ligthbox' : true,
  2227. 'highRes' : true,
  2228. 'rounded' : false,
  2229. 'exif' : true,
  2230. 'captions' : true,
  2231. 'gutter' : '5px',
  2232. 'photoset' : '.photo-slideshow',
  2233. 'photoWrap' : '.photo-data',
  2234. 'photo' : '.pxu-photo'
  2235. }, function() {
  2236. // callback
  2237. });
  2238.  
  2239. npfPhotosets("article", {
  2240. rowClass:"npf_row",
  2241. imageContainerClass:"tmblr-full",
  2242. generatedPhotosetContainerClass:"npf_photoset",
  2243. imageClass:"npf_image",
  2244. includeSingleRowImagesInPhotosets: true,
  2245. includeCommonPhotosets: true,
  2246. insertGalleryIndicator: true,
  2247. galleryIndicatorClass: "gallery_indicator",
  2248. galleryIndicatorContent: "<i class='material-icons'>&#xe8ff</div>",
  2249. photosetMargins:"5"
  2250. });
  2251.  
  2252. shortAttribution();
  2253.  
  2254. // stuff to be hidden below 780 window width
  2255.  
  2256. // stuff to be hidden inside posts
  2257. var share = document.querySelectorAll(".share_buttons_overlay");
  2258.  
  2259. function hiddenPostStyle() {
  2260. if ( window.innerWidth <= 780 ) {
  2261. for (i = 0; i < share.length; i++) { share[i].style.display = "none"; }
  2262. } else {
  2263. for (i = 0; i < share.length; i++) { share[i].style.display = "block"; }
  2264. }
  2265. }
  2266. hiddenPostStyle();
  2267. window.addEventListener("resize", hiddenPostStyle, false);
  2268.  
  2269. // stuff to be hidden outside posts
  2270. var menu = document.getElementById("blog_menu_list");
  2271. var tmblrIframe = document.querySelector("iframe.tmblr-iframe.tmblr-iframe--loaded:not(.tmblr-iframe--app-cta-button)");
  2272.  
  2273. function setDisplayStyle(hiddenElement) {
  2274. if ( window.innerWidth <= 780 ) {
  2275. if (!hiddenElement.hasAttribute("style") || hiddenElement.getAttribute("style") === null || hiddenElement.getAttribute("style") === "") { hiddenElement.style.display = "none"; }
  2276. } else { hiddenElement.style.display = "block"; }
  2277. }
  2278.  
  2279. setDisplayStyle(menu);
  2280. window.addEventListener("resize", function () { setDisplayStyle(menu) }, false);
  2281.  
  2282. // check if iframe is present before setting styles
  2283. var tmblrIframeIsLoaded = setInterval(function() {
  2284. if (tmblrIframe) {
  2285. clearInterval(tmblrIframeIsLoaded);
  2286. document.querySelector("nav#blog_navigation").appendChild(tmblrIframe);
  2287. setDisplayStyle(tmblrIframe);
  2288. window.addEventListener("resize", function () { setDisplayStyle(tmblrIframe) }, false);
  2289. }
  2290. }, 500);
  2291. });
  2292. </script>
  2293.  
  2294. <!-- NOSCRIPT CSS FALLBACK in case JavaScript isn't available -->
  2295. <noscript>
  2296. <style>
  2297. .post_buttons_wrapper { width:60%; }
  2298. .share_buttons_wrapper { width:40%; }
  2299. .new_like_button { display:none; }
  2300. .share_buttons_overlay { display:initial!important; }
  2301. .share_buttons.clipboard_button { display:none; }
  2302.  
  2303. @media (max-width: 780px) {
  2304. nav#blog_navigation .topbar_button { display:none; }
  2305.  
  2306. nav#blog_navigation ul#blog_menu_list {
  2307. display:block;
  2308. bottom:0px;
  2309. }
  2310.  
  2311. nav#blog_navigation ul#blog_menu_list, iframe.tmblr-iframe--unified-controls { border-bottom-width:0; }
  2312.  
  2313. .share_buttons { display:none; }
  2314.  
  2315. .share_buttons_overlay {
  2316. position:static;
  2317. left:auto;
  2318. top:auto;
  2319. text-align:right;
  2320. background-color:transparent;
  2321. }
  2322.  
  2323. .share_buttons_hidden {
  2324. position:static;
  2325. top:auto;
  2326. width:auto;
  2327. padding:0;
  2328. font-size:inherit;
  2329. }
  2330.  
  2331. .share_buttons_hidden .share_buttons {
  2332. font-size:inherit;
  2333. margin:0 0.4em;
  2334. }
  2335. }
  2336. </style>
  2337. </noscript>
  2338.  
  2339. </body>
  2340.  
  2341. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!