API tools faq
paste
Advertisement
cvndythemes

VikingsHistory_theme

cvndythemes
Nov 18th, 2018
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--
  14.  
  15. >> ETHEREAL THEMES // VIKINGSHISTORY
  16.  
  17. Designed by etherealthemes
  18. for vikingshistory.tumblr.com
  19. etherealthemes.tumblr.com
  20. ⓒ 2016 - 2018
  21.  
  22. >> CREDITS
  23.  
  24. Fonts by Google
  25. Photosets by @oddhour
  26.  
  27.  
  28. -->
  29.  
  30.  
  31.  
  32.  
  33. <!-- COLORS -->
  34. <meta name="color:Background" content="#f2f2f2" />
  35. <meta name="color:Text" content="#000000" />
  36. <meta name="color:Links" content="#384d5a" />
  37. <meta name="color:Accent" content="#c5d1d7" />
  38. <meta name="color:Accent Two" content="#6b7f89" />
  39. <meta name="color:Accent Three" content="#a6b8c2" />
  40.  
  41. <meta name="color:Topbar Background" content="#000000" />
  42. <meta name="color:Header Tagline" content="#ffffff" />
  43. <meta name="color:Topbar Links" content="#ffffff" />
  44.  
  45. <meta name="color:Welcome Background" content="#000000" />
  46. <meta name="color:Welcome Text" content="#ffffff" />
  47.  
  48. <meta name="color:Container" content="#f2f2f2" />
  49. <meta name="color:Content" content="#ffffff" />
  50.  
  51.  
  52. <!-- IMAGES -->
  53. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/Bcvpiex0n/vikingshistory_header.png"/>
  54. <meta name="image:Sidebar 1" content="https://static.tumblr.com/zvesamf/2Jwpiex1d/5.gif"/>
  55. <meta name="image:Sidebar 2" content="https://static.tumblr.com/zvesamf/la6piex17/4.gif"/>
  56. <meta name="image:Sidebar 3" content="https://static.tumblr.com/zvesamf/L76piex1p/7.gif"/>
  57. <meta name="image:Sidebar 4" content="https://static.tumblr.com/zvesamf/mKupiex1j/6.gif"/>
  58.  
  59.  
  60.  
  61. <!-- IF -->
  62. <meta name="if:Hover Tumblr Controls" content="1"/>
  63. <meta name="if:Random Sidebar" content="1"/>
  64. <meta name="if:Fancy Tags" content="1"/>
  65.  
  66.  
  67.  
  68. <!-- SELECT -->
  69. <meta name="select:Lightbox" content="0,0,0," title="Black">
  70. <meta name="select:Lightbox" content="255,255,255," title="White">
  71.  
  72.  
  73.  
  74. <!-- TEXT -->
  75. <meta name="text:Welcome Top Margin" content="50" />
  76. <meta name="text:Navigation Link One" content="" />
  77. <meta name="text:Navigation Link One URL" content="" />
  78. <meta name="text:Navigation Link Two" content="" />
  79. <meta name="text:Navigation Link Two URL" content="" />
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!-- SCRIPTS -->
  86.  
  87. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  88.  
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90.  
  91. <script src="http://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("[title]").style_my_tooltips({
  97. tip_delay_time:200,
  98. tip_fade_speed:300,
  99. tip_follows_cursor:true
  100. }
  101. );
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  107.  
  108. <script>
  109. $container.infinitescroll({
  110. itemSelector: '.posts',
  111. navSelector: '.pagination',
  112. nextSelector: '.pagination a',
  113. loadingImg: '',
  114. loadingText: '<em></em>',
  115. bufferPx: 2000
  116. },
  117. function( newElements ) {
  118. var $newElems = $(newElements);
  119. var $newElemsIDs = $newElems.map(function(){
  120. return this.id;
  121. }).get();
  122. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  123. });
  124. </script>
  125.  
  126. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i|Roboto+Slab:400" rel="stylesheet">
  127.  
  128.  
  129. <!-- STYLESHEET -->
  130.  
  131. <style type="text/css">
  132.  
  133. /* --- SELECTION ---*/
  134.  
  135. ::-moz-selection {
  136. color:{color:Container};
  137. background:{color:Accent Two};
  138. opacity:1;
  139. }
  140.  
  141. ::selection {
  142. color:{color:Container};
  143. background:{color:Accent Two};
  144. opacity:1;
  145. }
  146.  
  147. /* --- TOOLTIPS ---*/
  148.  
  149. #s-m-t-tooltip {
  150. max-width:200px;
  151. margin:15px;
  152. background-color:{color:Accent};
  153. padding:5px;
  154. line-height:100%;
  155. word-wrap:break-word;
  156. text-transform:uppercase;
  157. word-break:break-all;
  158. color:{color:Content};
  159. z-index:10;
  160. }
  161.  
  162. /* --- SCROLLBAR ---*/
  163.  
  164. ::-webkit-scrollbar-thumb {
  165. background-color:{color:Text};
  166. border:2px solid {color:Background};
  167. }
  168.  
  169. ::-webkit-scrollbar-button {
  170. background-color:{color:Background};
  171. height:0px;
  172. }
  173.  
  174. ::-webkit-scrollbar {
  175. width:6px;
  176. background:{color:Background};
  177. }
  178.  
  179. /* --- TUMBLR TOOLS --- */
  180.  
  181. {block:IfHoverTumblrControls}
  182. {block:IndexPage}
  183. iframe.tmblr-iframe {
  184. top:15px!important;
  185. right:5!important;
  186. opacity:0;
  187. padding-right:60px;
  188. z-index:15!important;
  189. transform:scale(0.5);
  190. transform-origin:100% 0;
  191. -webkit-transform:scale(0.5);
  192. -webkit-transform-origin:100% 0;
  193. -o-transform:scale(0.5);
  194. -o-transform-origin:100% 0;
  195. -moz-transform:scale(0.5);
  196. -moz-transform-origin:100% 0;
  197. -ms-transform:scale(0.5);
  198. -ms-transform-origin:100% 0;
  199. }
  200.  
  201. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  202.  
  203. .tcontrols {
  204. position:fixed;
  205. top:20px;
  206. right:15px;
  207. z-index:14;
  208. transition:0.2s ease-in-out;
  209. -webkit-transition:0.2s ease-in-out;
  210. -moz-transition:0.2s ease-in-out;
  211. }
  212.  
  213. .tcontrols {
  214. color:{color:Topbar Links};
  215. font-size:calc(11px + 2px);
  216. font-weight:600;}
  217.  
  218. {/block:IndexPage}
  219.  
  220. {block:PermalinkPage}
  221. iframe.tmblr-iframe {
  222. top:15px!important;
  223. right:5!important;
  224. opacity:0.5;
  225. padding-right:20px;
  226. z-index:15!important;
  227. transform:scale(0.5);
  228. transform-origin:100% 0;
  229. -webkit-transform:scale(0.5);
  230. -webkit-transform-origin:100% 0;
  231. -o-transform:scale(0.5);
  232. -o-transform-origin:100% 0;
  233. -moz-transform:scale(0.5);
  234. -moz-transform-origin:100% 0;
  235. -ms-transform:scale(0.5);
  236. -ms-transform-origin:100% 0;
  237. }
  238. {/block:PermalinkPage}
  239. {/block:IfHoverTumblrControls}
  240.  
  241. {block:IfNotHoverTumblrControls}
  242. iframe.tmblr-iframe {
  243. top:15px!important;
  244. right:5!important;
  245. opacity:0.5;
  246. padding-right:20px;
  247. z-index:15!important;
  248. transform:scale(0.5);
  249. transform-origin:100% 0;
  250. -webkit-transform:scale(0.5);
  251. -webkit-transform-origin:100% 0;
  252. -o-transform:scale(0.5);
  253. -o-transform-origin:100% 0;
  254. -moz-transform:scale(0.5);
  255. -moz-transform-origin:100% 0;
  256. -ms-transform:scale(0.5);
  257. -ms-transform-origin:100% 0;
  258. }
  259. {/block:IfNotHoverTumblrControls}
  260.  
  261. /* --- BODY --- */
  262.  
  263. body {
  264. margin:0px;
  265. padding:0px;
  266. font-family:'Open Sans', sans-serif;
  267. color:{color:Text};
  268. font-size:11px;
  269. font-weight:400;
  270. line-height:150%;
  271. font-weight:normal;
  272. word-wrap:normal;
  273. text-align:left;
  274. background:{color:Background};
  275. }
  276.  
  277. a {
  278. color:{color:Links};
  279. text-decoration:none;
  280. border:0;
  281. }
  282.  
  283. b,strong {font-weight:600;}
  284. i,italic {font-style:italic;}
  285. small {font-size:11px;}
  286. big {font-size:11px;}
  287.  
  288. hr.divider, hr, hr.separator {
  289. display:block;
  290. margin-top:0.5em;
  291. margin-bottom:0.5em;
  292. margin-left:auto;
  293. margin-right:auto;
  294. border-style:inset;
  295. border-color:{color:Text};
  296. border-bottom:1px;
  297. }
  298.  
  299. pre {
  300. white-space:pre-wrap;
  301. white-space:-moz-pre-wrap;
  302. white-space:-pre-wrap;
  303. white-space:-o-pre-wrap;
  304. word-wrap:break-word;
  305. }
  306.  
  307. /* --- HEADER --- */
  308.  
  309. .background {
  310. margin:0 auto;
  311. top:0px;
  312. left:0;
  313. width:100%;
  314. height:450px;
  315. background:{color:Topbar Background};
  316. }
  317.  
  318. .header {
  319. margin:0 auto;
  320. top:0px;
  321. width:1100px;
  322. height:450px;
  323. background-image: url('{image:Header}');
  324. background-position:center top;
  325. background-repeat:none;
  326. }
  327.  
  328. .headertitle {
  329. position:relative;
  330. top:204px;
  331. left:329px;
  332. width:440px;
  333. height:60px;
  334. text-align:center;
  335. background:transparent;
  336. }
  337.  
  338. .headertag {
  339. margin-top:6px;
  340. font-size:calc(11px + 4px);
  341. color:{color:Header Tagline};
  342. letter-spacing:0.6px;
  343. font-style:italic;
  344. text-transform:uppercase;
  345. }
  346.  
  347. /* --- TOPBAR --- */
  348.  
  349. .top {
  350. position:absolute;
  351. top:450px;
  352. left:0px;
  353. width:100%;
  354. height:60px;
  355. background:{color:Topbar Background};
  356. }
  357.  
  358. .sticky {
  359. position:fixed;
  360. top:0px;
  361. z-index:10;
  362. }
  363.  
  364. .topbar {
  365. margin:0 auto;
  366. width:1100px;
  367. height:60px;
  368. text-align:center;
  369. z-index:10;
  370. }
  371.  
  372. .linksleft {position:relative;float:left;top:calc(93px + {text:Welcome Top Margin}px);}
  373.  
  374. .linksright {position:relative;float:right;top:calc(93px + {text:Welcome Top Margin}px);}
  375.  
  376. .linksleft, .linksright {
  377. width:335px;
  378. margin-top:-72px;
  379. text-align:center;
  380. z-index:9;
  381. transition:0.3s ease-in-out;
  382. -webkit-transition:0.3s ease-in-out;
  383. -moz-transition:0.3s ease-in-out;
  384. }
  385.  
  386. .linksleft a, .linksleft a:hover, .linksright a, .linksright a:hover {
  387. font-size:calc(11px + 1px);
  388. color:{color:Topbar Links};
  389. text-transform:uppercase;
  390. font-style:italic;
  391. margin:0px 30px;
  392. z-index:9;
  393. transition:0.3s ease-in-out;
  394. -webkit-transition:0.3s ease-in-out;
  395. -moz-transition:0.3s ease-in-out;
  396. }
  397.  
  398. .sticky .linksleft {text-align:right; margin-left:50px;}
  399.  
  400. .sticky .linksright {text-align:left; margin-right:50px;}
  401.  
  402. /* --- WELCOME --- */
  403.  
  404. .welcome {
  405. position:relative;
  406. margin-left:335px;
  407. margin-top:-{text:Welcome Top Margin}px;
  408. width:390px;
  409. background:{color:Welcome Background};
  410. padding:20px;
  411. color:{color:Welcome Text};
  412. font-size:calc(11px + 1px);
  413. font-style:italic;
  414. line-height:170%;
  415. letter-spacing:0px;
  416. text-align:center;
  417. border-radius:4px;
  418. z-index:9;
  419. transition:0.1s ease-in-out;
  420. -webkit-transition:0.1s ease-in-out;
  421. -moz-transition:0.1s ease-in-out;
  422. }
  423.  
  424. .sticky .welcome {
  425. opacity:0;
  426. z-index:-1;
  427. transition:0.1s ease-in-out;
  428. -webkit-transition:0.1s ease-in-out;
  429. -moz-transition:0.1s ease-in-out;
  430. }
  431.  
  432. /* --- STICKY TOPBAR --- */
  433.  
  434. #sticky {
  435. width:250px;
  436. position:absolute;
  437. left:calc(50% - 125px);
  438. text-align:center;
  439. color:{color:Topbar Links};
  440. opacity:0;
  441. transition:0.3s ease-in-out;
  442. -webkit-transition:0.3s ease-in-out;
  443. -moz-transition:0.3s ease-in-out;
  444. }
  445.  
  446. #sticky h1 {
  447. margin:-5px 0px 0px 0px;
  448. font-size:calc(11px + 17px);
  449. font-weight:400;
  450. text-transform:uppercase;
  451. letter-spacing:15px;
  452. color:{color:Topbar Links};
  453. }
  454.  
  455. .sticky #sticky {
  456. top:16px;
  457. opacity:1;
  458. transition:0.3s ease-in-out;
  459. -webkit-transition:0.3s ease-in-out;
  460. -moz-transition:0.3s ease-in-out;
  461. }
  462.  
  463. /* --- CONTAINER --- */
  464.  
  465. .container {
  466. margin:0 auto;
  467. padding-top:150px;
  468. width:1100px;
  469. background:{color:Container};
  470. }
  471.  
  472. #end {
  473. clear: both;
  474. text-align:center;
  475. }
  476.  
  477. /* --- SIDEBAR --- */
  478.  
  479. .sidebar {
  480. float:left;
  481. background:{color:Container};
  482. width:350px;
  483. padding-bottom:50px;
  484. margin:10px 0px 0px 25px;
  485. }
  486.  
  487. .side, .side_left {
  488. width:330px;
  489. padding:30px 10px;
  490. background:{color:Content};
  491. margin-bottom:55px;
  492. font-size:11px;
  493. font-style:italic;
  494. }
  495.  
  496. .side {text-align:center;}
  497.  
  498. .side_left {text-align:left;}
  499.  
  500. .side b, .side_left b {font-weight:600;}
  501.  
  502. .side em, .side_left em {font-weight:600;font-style:normal;color:{color:Accent Two};}
  503.  
  504. .sidetitle {
  505. font-family: 'Roboto Slab', serif;
  506. font-size:calc(11px + 5px);
  507. letter-spacing:1px;
  508. font-weight:400;
  509. text-transform:uppercase;
  510. margin-bottom:30px;
  511. text-align:center;
  512. }
  513.  
  514. .sideicon {text-align:center;margin-bottom:30px;}
  515.  
  516. .sideicon i {
  517. color:#fff;
  518. font-size:calc(11px + 5px);
  519. font-style:normal!important;
  520. border-radius:50%;
  521. background:{color:Accent};
  522. }
  523.  
  524. .about i {padding:8px 7px 8px 7px;}
  525.  
  526. .editors i {padding:8px 9px 8px 9px;}
  527.  
  528. .info i {padding:8px 6px 8px 6px;}
  529.  
  530. .o_links i {padding:8px;}
  531.  
  532. .schedule i {padding:8px 9px 8px 9px;}
  533.  
  534. .resources i {padding:8px;}
  535.  
  536. .blogs i {padding:8px;}
  537.  
  538.  
  539. /* --- SIDEBAR EXTRAS --- */
  540.  
  541. .sideimage img {height:190px;width:310px;margin-bottom:20px;}
  542.  
  543. .links a {
  544. display:block;
  545. background:{color:Accent Three};
  546. color:#fff;
  547. padding:5px;
  548. text-transform:uppercase;
  549. letter-spacing:1px;
  550. font-size:calc(11px + 2px);
  551. text-align:left;
  552. margin-bottom:10px;
  553. }
  554.  
  555. .date {
  556. text-align:left;
  557. margin-bottom:10px;
  558. }
  559.  
  560. .date b {
  561. display:inline-block;
  562. width:65px;
  563. color:#fff;
  564. font-size:calc(11px + 1px);
  565. letter-spacing:1px;
  566. font-weight:600;
  567. background:{color:Accent Three};
  568. padding:3px 6px;
  569. margin-right:10px;
  570. text-align:center;
  571. }
  572.  
  573. .date a {color:{color:Text};}
  574.  
  575. ul.resources {
  576. margin-left:-40px;
  577. width:330px;
  578. list-style:none;
  579. overflow:hidden;
  580. text-align:center;
  581. }
  582.  
  583. .resources li {
  584. display:inline-block;
  585. margin:3px;
  586. width:43%;
  587. letter-spacing:1px;
  588. text-align:center;
  589. font-size:calc(11px - 2px);
  590. padding:4px;
  591. position: relative;
  592. background:{color:Accent Three};
  593. }
  594.  
  595. .resources li a {
  596. color:#fff;
  597. display:block;
  598. text-transform:uppercase;
  599. letter-spacing:1px;
  600. font-size:calc(11px + 2px);
  601. }
  602.  
  603. .affiliates img {height:50px;width:50px;margin:1px;}
  604.  
  605. .member {margin-bottom:-10px;}
  606.  
  607. .memberavatar img {
  608. height:40px;
  609. max-height:40px;
  610. height:40px;
  611. max-height:40px;
  612. }
  613.  
  614. .names {
  615. margin-top:-39px;
  616. margin-bottom:30px;
  617. padding-left:50px;
  618. }
  619.  
  620. a.membername:link, a.membername:visited, a.membername:hover {
  621. font-size:calc11px;
  622. text-transform:uppercase;
  623. font-weight:600;
  624. letter-spacing:1px;
  625. }
  626.  
  627. .membertitle {
  628. font-size:11px;
  629. text-transform:lowercase;
  630. }
  631.  
  632. /* --- POSTS ---*/
  633.  
  634. .posts {
  635. float:right;
  636. width:560px;
  637. background:{color:Container};
  638. min-height:300px;
  639. margin:10px 25px 0px 0px;
  640. }
  641.  
  642. .iposts {
  643. width:540px;
  644. background:{color:Content};
  645. min-height:75px;
  646. padding:0px 10px 10px 10px;
  647. }
  648.  
  649. .set {margin-bottom:-8px;}
  650.  
  651. .photo-slideshow {width:auto!important;}
  652.  
  653. .video, video, embed, iframe {width:540px;}
  654.  
  655. .iposts img, .ipostpxu, .ipostpxu img, img, object {max-width:100%;height:auto;}
  656.  
  657. .caption {padding:0px 15px;}
  658.  
  659. /* --- POST INFO ---*/
  660.  
  661. .postinfo {
  662. padding:30px 10px;
  663. text-transform:uppercase;
  664. text-align:center;
  665. font-style:italic;
  666. background:{color:Content};
  667. }
  668.  
  669. .postinfo, .postinfo a {color:{color:Text};}
  670.  
  671. /* --- POST CONTROL --- */
  672.  
  673. .postcontrol {
  674. float:right;
  675. margin-right:0px;
  676. width:50px;
  677. margin-top:-46px;
  678. overflow:hidden;
  679. text-align:center;
  680. }
  681.  
  682. .postcontrol i {
  683. width:10px;
  684. height:auto;
  685. opacity:1;
  686. padding:1px 1px 1px 3px;
  687. display:block;
  688. overflow:hidden;
  689. color:{color:Text};
  690. }
  691.  
  692. .postcontrol a {
  693. display:inline-block;
  694. text-transform:uppercase;
  695. font-size:9px;
  696. }
  697.  
  698. .postcontrol .reblog i {
  699. width:10px;
  700. margin-top:1px;
  701. font-size:10px;
  702. }
  703. .postcontrol .like .liked + i {
  704. opacity:1;
  705. width:10px;
  706. }
  707.  
  708. .postcontrol .like .liked + i {
  709. fill:#800f0f;
  710. color:#800f0f;
  711. }
  712.  
  713. .postcontrol .like .like_button {
  714. position:relative;
  715. }
  716.  
  717. .postcontrol .like .like_button iframe {
  718. position:absolute;
  719. top:0;
  720. left:0;
  721. bottom:0;
  722. right:0;
  723. z-index:2;
  724. opacity:0.000001;
  725. }
  726.  
  727. /* --- POST TAGS ---*/
  728.  
  729. .posttags {
  730. margin:0px 0px 80px 0px;
  731. padding:20px 10px 30px 10px;
  732. text-transform:uppercase;
  733. text-align:center;
  734. font-style:italic;
  735. background:{color:Content};
  736. }
  737.  
  738. {block:IfFancyTags}.posttags em {font-size:calc(11px - 1px);font-style:normal;margin:0px 5px;opacity:0.9;}{/block:IfFancyTags}
  739.  
  740. .posttags a {
  741. font-size:calc(11px - 2px);
  742. color:{color:Text};
  743. margin:0px 3px;
  744. padding:0px 3px;
  745.  
  746. {block:IfFancyTags}
  747. box-shadow:inset 0px -5px {color:Accent};
  748. {/block:IfFancyTags}
  749.  
  750. {block:IfNotFancyTags}
  751. box-shadow:inset 0px 0px {color:Content};
  752. {/block:IfNotFancyTags}
  753.  
  754. -webkit-filter: brightness(0.9);
  755. opacity:0.9;
  756. transition:0.2s ease-in-out;
  757. -webkit-transition:0.2s ease-in-out;
  758. -moz-transition:0.2s ease-in-out;
  759. }
  760.  
  761. .posttags a:hover {opacity:.8;}
  762.  
  763. /* --- POST STYLES --- */
  764.  
  765. h1, h2 {
  766. display:block;
  767. padding-top:10px;
  768. margin-top:-10px;
  769. font-family: 'Roboto Slab', serif;
  770. letter-spacing:1px;
  771. color:{color:Text};
  772. text-transform:uppercase;
  773. font-style:italic;
  774. font-weight:400;
  775. }
  776.  
  777. h1 {font-size:calc(11px + 5px);}
  778.  
  779. h2 {font-size:calc(11px + 2px);}
  780.  
  781. blockquote {
  782. padding:2px 0px 2px 10px;
  783. text-decoration:none;
  784. border-left: 3px solid {color:Accent Two};
  785. margin:5px 0;
  786. }
  787.  
  788. blockquote img {
  789. max-width:100%;
  790. display:block;
  791. margin-bottom:5px;
  792. }
  793.  
  794. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label {font-weight:600;}
  795.  
  796. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  797.  
  798. .chat li {
  799. list-style: none;
  800. margin: 0px;
  801. padding: 2px;
  802. border: none;
  803. }
  804.  
  805. .chat li:first-child {border: none; }
  806.  
  807. .linkpost a {color:#000000!important;opacity:1!important;}
  808.  
  809. /* --- QUESTIONS --- */
  810.  
  811. .questionpost {padding:0px 10px;}
  812.  
  813. .questionpost img {
  814. width:40px;
  815. height:40px;
  816. margin-right:6px;
  817. margin-top:4px;
  818. }
  819.  
  820. .question {
  821. display:inline-block;
  822. margin-left:7px;
  823. text-align:justify;
  824. }
  825.  
  826. .questionborder {
  827. margin:20px 0px 20px 45px;
  828. opacity:0.2;
  829. background:{color:Text};
  830. width:450px;
  831. height:1px;
  832. }
  833.  
  834. /* --- LIGHTBOXES ---*/
  835.  
  836. .vignette, #vignette {opacity:0; }
  837.  
  838. .lightbox-image, #tumblr_lightbox img {
  839. box-shadow:none !important;
  840. border-radius:0 !important;
  841. max-width:none;
  842. -moz-box-sizing:border-box;
  843. box-sizing:border-box;
  844. }
  845.  
  846. .tmblr-lightbox, #tumblr_lightbox {
  847. background-color:rgba({select:Lightbox}.90) !important;
  848. }
  849.  
  850. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  851.  
  852. /* --- AUDIO --- */
  853.  
  854. .player {
  855. position:absolute;
  856. margin-top:-69px;
  857. margin-left:35px;
  858. opacity:0.5;
  859. }
  860.  
  861. .audiop, .player {display:inline-block;}
  862.  
  863. .trackname {
  864. margin-left:120px;
  865. margin-top:-72px;
  866. color:{color:Text};
  867. text-transform:uppercase;
  868. font-weight:600;
  869. }
  870.  
  871. .artist {margin-left:120px;color:{color:Text};}
  872.  
  873. .audiop {
  874. position:absolute;
  875. display:block;
  876. margin-top:4px
  877. margin-top:-109px;
  878. }
  879.  
  880. .audioimg img {
  881. margin-top:10px;
  882. height:100px;
  883. width:100px;
  884. }
  885.  
  886. .tumblr_audio_player {
  887. width:30px;
  888. height:27px;
  889. overflow:hidden;
  890. }
  891.  
  892. .soundcloud_audio_player{padding-top:15px;}
  893.  
  894. /* --- PAGINATION --- */
  895.  
  896. .pagination {
  897. font-size:calc(11px - 2px);
  898. padding:10px 10px 100px 10px;
  899. text-align:center;
  900. text-transform:uppercase;
  901. color:{color:Text};
  902. word-spacing:3px;
  903. }
  904.  
  905. .pagination a {display:inline-block;color:{color:Text};padding:0px 30px;}
  906.  
  907. .pagination i {font-size:calc(11px - 4px);}
  908.  
  909. /* ---PERMALINK NOTES --- */
  910.  
  911. #permanote {
  912. width:500px;
  913. margin:-100px 0 20px 0px;
  914. background:{color:Content};
  915. padding:5px 30px;
  916. text-align:left;
  917. overflow-x:hidden;
  918. overflow-y:scroll;
  919. }
  920.  
  921. #permanote blockquote {border-left:1px solid {color:Text};}
  922.  
  923. ol.notes {
  924. padding: 0px;
  925. margin:25px 0px;
  926. list-style-type: none;
  927. border-bottom: solid 0px;
  928. font-size: 10px;
  929. letter-spacing: 1px;
  930. }
  931.  
  932. .notes a {color: {color:Text};}
  933. .notes a:hover {color: {color:Text};}
  934.  
  935. ol.notes li.note {
  936. border-top: solid 1px {color:Text};
  937. padding: 10px;
  938. list-style-type:none!important;
  939. }
  940.  
  941. ol.notes li.note img.avatar {
  942. vertical-align: -1px;
  943. margin-right: 10px;
  944. width: 12px;
  945. height: 12px;
  946. display: inline-block;
  947. }
  948.  
  949. ol.notes li.note span.action {font-weight: normal;}
  950.  
  951. ol.notes li.note .answer_content {font-weight: normal;}
  952.  
  953. ol.notes li.note blockquote {
  954. border-color: {color:Text};
  955. padding: 4px 10px;
  956. margin: 10px 0px 0px 25px;
  957. }
  958.  
  959. ol.notes li.note blockquote a {text-decoration: none;}
  960.  
  961.  
  962. /* --- SCROLL TO TOP --- */
  963.  
  964. #scrollToTop {
  965. display:none;
  966. position:fixed;
  967. bottom:25px;
  968. right:10px;
  969. }
  970.  
  971. #scrollToTop i {
  972. color:{color:Text};
  973. font-size:calc(11px + 5px);
  974. display:inline-block;
  975. padding:5px;
  976. transition:0.2s ease-in-out;
  977. -webkit-transition:0.2s ease-in-out;
  978. -moz-transition:0.2s ease-in-out;
  979. }
  980.  
  981. {CustomCSS}
  982. </style>
  983.  
  984. </head>
  985. <body>
  986.  
  987.  
  988.  
  989.  
  990. <!-- START HEADER -->
  991. <div class="background">
  992.  
  993. <div class="header">
  994. <div class="headertitle">
  995. <img src="https://static.tumblr.com/zvesamf/5uzpi7nms/logo.png" />
  996. <div class="headertag">Your daily source for the historical series <b>Vikings</b></div>
  997. </div>
  998. </div>
  999.  
  1000. </div>
  1001. <!-- END HEADER -->
  1002.  
  1003.  
  1004.  
  1005.  
  1006. <!-- START TOPBAR -->
  1007. <div class="top">
  1008. <div class="topbar">
  1009.  
  1010. <!-- TEXT ; Welcome -->
  1011.  
  1012.  
  1013. <div class="linksleft">
  1014. <a href="{text:Navigation Link One URL}">{text:Navigation Link One}</a>
  1015. <a href="/tagged/vikingsedit">Ours</a>
  1016. <a href="/navigation">Navigate</a>
  1017. </div>
  1018.  
  1019. <div class="linksright">
  1020. <a href="ask%20submit">Ask+FAQ</a>
  1021. <a href="/archive">History</a>
  1022. <a href="{text:Navigation Link Two URL}">{text:Navigation Link Two}</a>
  1023. </div>
  1024.  
  1025. <div class="welcome">
  1026. <b>Velkomin</b> to your tumblr blog for History Channel's VIKINGS. Committed to only showcasing original fanart from independent/tumblr artists. Previously vikings-shieldmaiden<br>
  1027. <br>
  1028. <b>#vikingshistory</b> and <b>#vikingsedit</b>
  1029.  
  1030. </div>
  1031.  
  1032. <div id="sticky">
  1033. <h1>Valhalla</h1>
  1034. </div>
  1035.  
  1036. </div></div>
  1037.  
  1038. {block:IfHoverTumblrControls}
  1039. {block:IndexPage}
  1040. <div class="tcontrols">+</div>
  1041. {/block:IndexPage}
  1042. {/block:IfHoverTumblrControls}
  1043.  
  1044. <!-- END TOPBAR -->
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <!-- START CONTAINER -->
  1055. <div class="container">
  1056.  
  1057.  
  1058.  
  1059.  
  1060. <!-- START SIDEBAR -->
  1061. <div class="sidebar">
  1062.  
  1063.  
  1064.  
  1065. <!-- About -->
  1066. <div class="side">
  1067. <div class="sideicon about"><i class="fas fa-star"></i></div>
  1068. <div class="sidetitle">About</div>
  1069.  
  1070. {block:IfRandomSidebar}
  1071. <div class="sideimage">
  1072. <script language="JavaScript">
  1073. <!--
  1074.  
  1075. /*
  1076. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  1077. Over 400+ free JavaScripts here!
  1078. Keep this notice intact please
  1079. */
  1080.  
  1081. function random_imglink(){
  1082. var myimages=new Array()
  1083. //specify random images below. You can have as many as you wish
  1084. myimages[1]="{image:Sidebar 1}"
  1085. myimages[2]="{image:Sidebar 2}"
  1086. myimages[3]="{image:Sidebar 3}"
  1087. myimages[4]="{image:Sidebar 4}"
  1088.  
  1089. var ry=Math.floor(Math.random()*myimages.length)
  1090. if (ry==0)
  1091. ry=1
  1092. document.write('<img src="'+myimages[ry]+'" border=0>')
  1093. }
  1094. random_imglink()
  1095. //-->
  1096. </script>
  1097. </div>
  1098. {/block:IfRandomSidebar}
  1099.  
  1100. {block:IfNotRandomSidebar}
  1101. <div class="sideimage"><img src="{image:Sidebar 1}" /></div>
  1102. {/block:IfNotRandomSidebar}
  1103.  
  1104. Velkomin to your tumblr blog for History Channel's <b>VIKINGS</b>
  1105. <p>
  1106. <b>Previously vikings-shieldmaiden</b>
  1107. <p>
  1108. Committed to only showcasing original fanart from independent/tumblr artists.
  1109. <p>
  1110. <a href="/tagged/s5"><em>Vikings Season 5 Part 2 - Nov 28 2018</em></a>
  1111.  
  1112. </div>
  1113.  
  1114.  
  1115.  
  1116.  
  1117.  
  1118.  
  1119.  
  1120. <!-- Editors -->
  1121. <div class="side_left">
  1122. <div class="sideicon editors"><i class="fas fa-user"></i></div>
  1123. <div class="sidetitle">Editors</div>
  1124.  
  1125. {block:GroupMembers}
  1126. {block:GroupMember}
  1127. <div class="member">
  1128.  
  1129. <div class="memberavatar">
  1130. <img src="{GroupMemberPortraitURL-48}">
  1131. </div>
  1132.  
  1133. <div class="names">
  1134. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a>
  1135. <div class="membertitle">{GroupMemberTitle}</div>
  1136. </div>
  1137.  
  1138. </div>
  1139. {/block:GroupMember}
  1140. {/block:GroupMembers}
  1141.  
  1142.  
  1143. </div>
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150.  
  1151. <!-- Site Info -->
  1152. <div class="side_left">
  1153. <div class="sideicon info"><i class="fas fa-signal"></i></div>
  1154. <div class="sidetitle">Site Info</div>
  1155.  
  1156. <em>About:</em> Your fan run tumblr source for all things History Vikings TV series and cast. We use a queue and everything is tagged.
  1157. <p>
  1158. <em>Established:</em> March 8th 2013 with the url vikings-shieldmaiden changed july 2015 to vikingshistory by Zoe.
  1159. <p>
  1160. ● Please do not re-post to tumblr or re-edit anything found here.
  1161. <br>
  1162. ● Please credit link vikingshistory.tumblr.com if using our work for sidebars or if uploading to other sites.
  1163. <p>
  1164. <b>Contains spoilers</b>, mature themes & violence
  1165. <p>
  1166. <center><a href="/disclaimer"><em>© Disclaimer</em></a></center>
  1167.  
  1168.  
  1169.  
  1170. </div>
  1171.  
  1172.  
  1173.  
  1174.  
  1175.  
  1176.  
  1177.  
  1178. <!-- Official Links -->
  1179. <div class="side">
  1180. <div class="sideicon o_links"><i class="fas fa-link"></i></div>
  1181. <div class="sidetitle">Official Links</div>
  1182.  
  1183. <div class="links">
  1184. <a href="https://www.history.com/shows/vikings">Official Website</a>
  1185. <a href="https://twitter.com/HistoryVikings">Twitter</a>
  1186. <a href="https://www.facebook.com/Vikings">Facebook</a>
  1187. <a href="https://www.instagram.com/historyvikings/">Instagram</a>
  1188. <a href="http://historyvikings.tumblr.com/">Tumblr</a>
  1189. </div>
  1190.  
  1191. </div>
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199. <!-- Schedule -->
  1200. <div class="side">
  1201. <div class="sideicon schedule"><i class="fas fa-calendar-alt"></i></div>
  1202. <div class="sidetitle">Schedule</div>
  1203.  
  1204. <div class="date"><b>NOV 2018</b> <a href="tagged/s5">Season 5B x 10 Episodes</a></div>
  1205.  
  1206. <div class="date"><b>NOV 2017</b> <a href="tagged/s5">Season 5A x 10 Episodes</a></div>
  1207.  
  1208. <div class="date"><b>NOV 2016</b> <a href="tagged/s4">Season 4B x 10 Episodes</a></div>
  1209.  
  1210. <div class="date"><b>FEB 2016</b> <a href="tagged/s4">Season 4A x 10 Episodes</a></div>
  1211.  
  1212. <div class="date"><b>FEB 2015</b> <a href="tagged/s3">Season 3 x 10 Episodes</a></div>
  1213.  
  1214. <div class="date"><b>FEB 2014</b> <a href="tagged/s2">Season 2 x 10 Episodes</a></div>
  1215.  
  1216. <div class="date"><b>MAR 2013</b> <a href="tagged/s1">Season 1 x 9 Episodes</a></div>
  1217.  
  1218. </div>
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224.  
  1225.  
  1226. <!-- Fan Resources -->
  1227. <div class="side">
  1228. <div class="sideicon resources"><i class="fas fa-pencil-alt"></i></div>
  1229. <div class="sidetitle">Fan Resources</div>
  1230.  
  1231. <ul class="resources">
  1232. <li><a href="/icons" title="gallery">icons</a></li>
  1233.  
  1234. <li><a href="/headers" title="gallery">headers</a></li>
  1235.  
  1236. <li><a href="/tagged/packs" title="#packs">packs</a></li>
  1237.  
  1238. <li><a href="/tagged/update" title="#updates">blog updates</a></li>
  1239.  
  1240. <li><a href="/tagged/news" title="#news">show news</a></li>
  1241.  
  1242. <li><a href="/navigation" title="vikings blogs page">blog rec</a></li>
  1243.  
  1244. <li><a href="http://vikingshistory.tumblr.com/post/118384828525" title="#vikings meme">vikings meme</a></li>
  1245.  
  1246. <li><a href="http://vikings-fan.com/" title="vikings-fan.com" target="_blank">fan site</a></li>
  1247.  
  1248. <li><a href="http://tinychat.com/vikingsvalhalla" title="tinychat/vikingsvalhalla" target="_blank">tinychat</a></li>
  1249.  
  1250. <li><a href="http://www.farfarawaysite.com/section/vikings/gallery.htm" title="HQ Gallery" target="_blank">farfaraway</a></li>
  1251.  
  1252. <li><a href="http://vikinks.tumblr.com/" title="feature blog">vikinks</a></li>
  1253.  
  1254. </ul>
  1255.  
  1256. </div>
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264. <!-- Side Blogs -->
  1265. <div class="side">
  1266. <div class="sideicon blogs"><i class="fas fa-heart"></i></div>
  1267. <div class="sidetitle">Side Blogs</div>
  1268.  
  1269. <div class="affiliates">
  1270.  
  1271. <a title="clives tanden source" href="http://clivestandensource.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/clivestandensource.tumblr.com/avatar/512" /></a>
  1272.  
  1273. <a title="bbc the last kingdom" href="http://bbcthelastkingdom.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/bbcthelastkingdom.tumblr.com/avatar/512" /></a>
  1274.  
  1275. <a title="vikings quotes" href="http://vikingsquotes.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/vikingsquotes.tumblr.com/avatar/512" /></a>
  1276.  
  1277. <a title="dc vertigo daily" href="http://dcvertigodaily.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/dcvertigodaily.tumblr.com/avatar/512" /></a>
  1278.  
  1279. <a title="xmen universe" href="http://xmenuniverse.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/xmenuniverse.tumblr.com/avatar/512" /></a>
  1280.  
  1281. <a title="game of thrones daily" href="http://www.gameofthronesdaily.com/"><img src="https://api.tumblr.com/v2/blog/gameofthronesdaily.tumblr.com/avatar/512" /></a>
  1282.  
  1283. <a title="harley quinns quad" href="http://harleyquinnsquad.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/harleyquinnsquad.tumblr.com/avatar/512" /></a>
  1284.  
  1285. <a title="american gods edit" href="http://americangodsedit.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/americangodsedit.tumblr.com/avatar/512" /></a>
  1286.  
  1287. <a title="penny dreadful" href="http://penydreadful.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/penydreadful.tumblr.com/avatar/512" /></a>
  1288.  
  1289. <a title="photoshop shit i like" href="http://photoshopshitilike.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/photoshopshitilike.tumblr.com/avatar/512" /></a>
  1290.  
  1291. <a title="the walking dead art" href="http://the-walking-dead-art.tumblr.com/"><img src="https://api.tumblr.com/v2/blog/the-walking-dead-art.tumblr.com/avatar/512" /></a>
  1292.  
  1293.  
  1294. </div>
  1295.  
  1296. </div>
  1297.  
  1298.  
  1299. </div>
  1300. <!-- END SIDEBAR -->
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312.  
  1313.  
  1314.  
  1315. <!-- START POST CONTAINER -->
  1316. <div class="posts">
  1317. {block:Posts}
  1318.  
  1319.  
  1320. <!-- START POST INFO -->
  1321. <div class="postinfo">
  1322.  
  1323. <a href="{PostAuthorURL}">{PostAuthorName}</a> {block:Date}&nbsp;/&nbsp;&nbsp;<a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
  1324. {block:RebloggedFrom}
  1325. &nbsp;/&nbsp;&nbsp;<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  1326. {block:ContentSource}
  1327. &nbsp;/&nbsp;&nbsp;<a title="{ReblogRootName}" href="{SourceURL}">src</a>
  1328. {/block:ContentSource}
  1329. {/block:RebloggedFrom}
  1330. {block:NoteCount}&nbsp;/&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1331.  
  1332. </div>
  1333.  
  1334. <!-- Post Control -->
  1335. {block:IndexPage}
  1336. <div class="postcontrol">
  1337. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i>
  1338. </a>
  1339. <a href="#" class="like">{LikeButton}
  1340. <i class="fa fa-heart"></i>
  1341. </a>
  1342. </div>
  1343. {/block:IndexPage}
  1344.  
  1345. <!-- END POST INFO -->
  1346.  
  1347.  
  1348.  
  1349. <!-- Post Styles Start -->
  1350. <div class="iposts" id="{PostID}">
  1351.  
  1352. {block:Text}<div class="caption">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  1353.  
  1354. {block:Link}<div class="linkpost"><div class="caption"><a href="{URL}"><h2>> {Name}</h2>
  1355. {block:Excerpt}<i>{Excerpt}</i>{/block:Excerpt}</a>
  1356. {block:Description}{Description}</div>{/block:Description}</div>{/block:Link}
  1357.  
  1358. {block:Quote}<div class="caption"><h2>“{Quote}”</h2>-{Source}</b></div>{/block:Quote}
  1359.  
  1360. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1361. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1362.  
  1363. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1364. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1365. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1366.  
  1367. {block:Chat}
  1368. <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>
  1369. {/block:Chat}
  1370.  
  1371. {block:Audio}
  1372. <div class="caption">
  1373. <div class="audio">{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  1374. <div class="audiop">{block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}{block:Artist}<div class="artist">by {Artist}</div>{/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}
  1375. </div></div>
  1376. {/block:Audio}
  1377.  
  1378. {block:Video}<div class="video">{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1379.  
  1380. {block:Answer}
  1381. <div class="questionpost">
  1382. <div class="question"><img src="{AskerPortraitURL-64}" align="left" /> {Asker} asked: {Question}</div>
  1383. <div class="questionborder"></div>
  1384. </div>
  1385. <div class="caption">{Answer}</div>
  1386. {/block:Answer}
  1387.  
  1388. </div>
  1389. <!-- Post Styles End -->
  1390.  
  1391.  
  1392.  
  1393.  
  1394. <!-- POST TAGS START -->
  1395. <div class="posttags">
  1396. {block:HasTags}{block:Tags}
  1397.  
  1398. {block:IfFancyTags}<em>[<a href="{TagURL}">{Tag}</a>]</em>{block:IfFancyTags}
  1399.  
  1400. {block:IfNotFancyTags}<a href="{TagURL}">#{Tag}</a>{block:IfNotFancyTags}
  1401.  
  1402. {/block:Tags}{/block:HasTags}{/block:HasTags}
  1403. </div>
  1404. <!-- POST TAGS END -->
  1405.  
  1406.  
  1407.  
  1408.  
  1409. {block:PostNotes}
  1410. <div id="permanote">{PostNotes}
  1411. </div>
  1412. {/block:PostNotes}
  1413.  
  1414.  
  1415. {/block:Posts}
  1416.  
  1417.  
  1418.  
  1419. <!-- START PAGINATION -->
  1420. {block:IndexPage}
  1421. {block:Pagination}
  1422. <div class="pagination">
  1423. <center>
  1424. {block:PreviousPage}
  1425. <a href="{PreviousPage}"><i class="fas fa-chevron-left"></i></a>
  1426. {/block:PreviousPage}
  1427.  
  1428. {block:JumpPagination}
  1429. {block:CurrentPage}
  1430. page <span class="current_page">{PageNumber}</span> of {TotalPages}
  1431. {/block:CurrentPage}
  1432. {/block:JumpPagination}
  1433.  
  1434. {block:NextPage}
  1435. <a class="next" href="{NextPage}"><i class="fas fa-chevron-right"></i></a>
  1436. {/block:NextPage}
  1437. </center>
  1438. </div>
  1439.  
  1440. {/block:Pagination}
  1441. {/block:IndexPage}
  1442. <!-- END PAGINATION -->
  1443.  
  1444.  
  1445.  
  1446.  
  1447.  
  1448. </div>
  1449. <!-- END POST CONTAINER -->
  1450.  
  1451.  
  1452. <div id="end"></div>
  1453. </div></div>
  1454. <!-- END CONTAINER -->
  1455.  
  1456.  
  1457.  
  1458.  
  1459.  
  1460.  
  1461. <!-- ADDITIONAL SCRIPTS -->
  1462.  
  1463. <script>
  1464. var header = document.querySelector('.top');
  1465. var origOffsetY = header.offsetTop;
  1466.  
  1467. function onScroll(e) {
  1468. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1469. header.classList.remove('sticky');
  1470. }
  1471.  
  1472. document.addEventListener('scroll', onScroll);
  1473. </script>
  1474.  
  1475. {block:IndexPage}
  1476. <script>
  1477. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1478. </script>
  1479.  
  1480. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-angle-up"></i></a>
  1481. {/block:IndexPage}
  1482.  
  1483. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1484. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1485. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1486.  
  1487. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1488.  
  1489. <script>
  1490. $(document).ready(function(){
  1491. $('.photo-slideshow').pxuPhotoset({
  1492. lightbox: true,
  1493. rounded: false,
  1494. gutter: '0px',
  1495. borderRadius: '0px',
  1496. photoset: '.photo-slideshow',
  1497. photoWrap: '.photo-data',
  1498. photo: '.pxu-photo'
  1499. });
  1500. });
  1501. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!