API tools faq
paste
Advertisement
cvndythemes

followertesting

cvndythemes
Feb 1st, 2019
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--
  14.  
  15. >> ETHEREAL THEMES // fansite theme base
  16.  
  17. Designed by etherealthemes
  18. etherealthemes.tumblr.com
  19. ⓒ 2016 - 2019
  20.  
  21. >> CREDITS
  22.  
  23. Fonts by Google
  24. Photosets by @gukthemes & @cathms
  25.  
  26. >> INFORMATION
  27.  
  28. This is a fansite theme base. Simply go through the on/off and dropdown options to make your custom fansite theme. Each on/off option has one or two styles named "Style One" and "Style Two". Both styles off will have the default style. Turn on one or both to customize the style.
  29.  
  30. Dropdowns have multiple styles that change the font size, font family and more. Choose your fave style to get a unique look. Once you've chosen your theme, upload your images and change the colors to match.
  31.  
  32. >> WARNING
  33.  
  34. I do not recommend editing anything other than the sidebar contents. Since there are so many settings and styles, it is very easy to "break" this theme.
  35.  
  36. >> HOW TO EDIT SIDEBAR CONTENT
  37.  
  38. To edit the individual sidebar sections, simply search "Start XX". For example, if you want to edit the schedule, search "Start Schedule" or to edit the affiliates search "Start Affiliates".
  39.  
  40. >> HOW TO EDIT INSTAGRAM WIDGET
  41.  
  42. To install your own instagram widget, please visit:
  43. https://instawidget.net/generate
  44.  
  45. Add your desired username, set the widget width to 350px and "hide" everything except the Photo Gallery. Copy the code and paste it in the instagram section between "Start Instagram Widget" and "End Instagram Widget"
  46.  
  47.  
  48.  
  49. -->
  50.  
  51.  
  52.  
  53.  
  54. <!-- COLORS -->
  55. <meta name="color:Background" content="#ffffff" />
  56. <meta name="color:Text" content="#000000" />
  57. <meta name="color:Links" content="#595959" />
  58.  
  59. <meta name="color:Topbar Background" content="#dddddd" />
  60. <meta name="color:Topbar Links" content="#000000" />
  61.  
  62. <meta name="color:Accent One" content="#444444" />
  63. <meta name="color:Accent Two" content="#888888" />
  64. <meta name="color:Accent Three" content="#cccccc" />
  65. <meta name="color:Accent Gray" content="#e1e1e1" />
  66.  
  67.  
  68. <meta name="color:Container" content="#ffffff" />
  69. <meta name="color:Content" content="#ffffff" />
  70.  
  71.  
  72.  
  73.  
  74. <!-- IMAGES -->
  75. <meta name="image:Icon" content="https://placehold.it/60X60"/>
  76. <meta name="image:Header" content="https://placehold.it/1200X450"/>
  77. <meta name="image:Sidebar" content="https://placehold.it/350X350"/>
  78.  
  79.  
  80.  
  81.  
  82. <!-- IF -->
  83. <meta name="if:Simplified Permalink Page" content="1"/>
  84. <meta name="if:SidebarImage" content="1"/>
  85. <meta name="if:OfficialLinks" content="1"/>
  86. <meta name="if:Schedule" content="1"/>
  87. <meta name="if:LatestPhotos" content="1"/>
  88. <meta name="if:Projects" content="1"/>
  89. <meta name="if:Instagram" content="1"/>
  90. <meta name="if:Twitter" content="1"/>
  91. <meta name="if:Members" content="1"/>
  92. <meta name="if:Extra Section" content="1"/>
  93. <meta name="if:Affiliates" content="1"/>
  94. <meta name="if:Site Info" content="1"/>
  95. <meta name="if:Disclaimer" content="1"/>
  96.  
  97. <meta name="if:Scrollbar Style One" content="1"/>
  98. <meta name="if:Tooltip Style One" content="0"/>
  99. <meta name="if:Topbar Style One" content="0"/>
  100. <meta name="if:Topbar Style Two" content="0"/>
  101. <meta name="if:Topbar Icon Round" content="0"/>
  102. <meta name="if:Header Style One" content="0"/>
  103. <meta name="if:Welcome Style One" content="1"/>
  104. <meta name="if:Welcome Style Two" content="0"/>
  105. <meta name="if:Sidebar Style One" content="0"/>
  106. <meta name="if:Sidebar Title Style One" content="1"/>
  107. <meta name="if:Sidebar Title Style Two" content="1"/>
  108. <meta name="if:Official Links Style One" content="1"/>
  109. <meta name="if:Schedule Style One" content="0"/>
  110. <meta name="if:Project Style One" content="0"/>
  111. <meta name="if:Members Style One" content="1"/>
  112. <meta name="if:Site Info Style One" content="1"/>
  113. <meta name="if:Post Style One" content="0"/>
  114. <meta name="if:Posts Style Two" content="0"/>
  115.  
  116. <meta name="if:Post Info Style One" content="1"/>
  117. <meta name="if:Post Info Style Two" content="1"/>
  118.  
  119. <meta name="if:Post Tags Style One" content="1"/>
  120.  
  121.  
  122.  
  123. <!-- SELECT -->
  124. <meta name="select:Font" content="Open Sans" title="Open Sans">
  125. <meta name="select:Font" content="Roboto" title="Roboto">
  126. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
  127. <meta name="select:Font" content="Nunito" title="Nunito">
  128. <meta name="select:Font" content="Noto Sans" title="Noto Sans">
  129. <meta name="select:Font" content="Work Sans" title="Work Sans">
  130. <meta name="select:Font" content="Merriweather" title="Merriweather">
  131. <meta name="select:Font" content="PT Serif" title="PT+Serif">
  132. <meta name="select:Font" content="Playfair Display" title="Playfair Display">
  133. <meta name="select:Font" content="Roboto Slab" title="Roboto Slab">
  134.  
  135. <meta name="select:Font Size" content="11" title="Default">
  136. <meta name="select:Font Size" content="9" title="Tiny">
  137. <meta name="select:Font Size" content="10" title="Small">
  138. <meta name="select:Font Size" content="12" title="Large">
  139. <meta name="select:Font Size" content="14" title="Huge">
  140.  
  141. <meta name="select:Content Margins" content="60" title="Default">
  142. <meta name="select:Content Margins" content="50" title="Small">
  143. <meta name="select:Content Margins" content="80" title="Medium">
  144. <meta name="select:Content Margins" content="100" title="Large">
  145.  
  146.  
  147.  
  148.  
  149. <!-- TEXT -->
  150. <meta name="text:Blog Name" content="hvitserkk">
  151. <meta name="text:Header Height" content="450">
  152.  
  153. <meta name="text:Twitter Username" content="">
  154.  
  155. <meta name="text:Sidebar Extra Title" content="Sidebar Extra">
  156. <meta name="text:Sidebar Extra Content" content="Sidebar extra content">
  157.  
  158.  
  159.  
  160.  
  161. <!-- SCRIPTS -->
  162.  
  163. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  164.  
  165. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  166.  
  167. <script src="https://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  168.  
  169. <script>
  170. (function($){
  171. $(document).ready(function(){
  172. $("[title]").style_my_tooltips({
  173. tip_delay_time:200,
  174. tip_fade_speed:300,
  175. tip_follows_cursor:true
  176. }
  177. );
  178. });
  179. })(jQuery);
  180. </script>
  181.  
  182. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  183.  
  184. <script>
  185. $container.infinitescroll({
  186. itemSelector: '.posts',
  187. topbarSelector: '.pagination',
  188. nextSelector: '.pagination a',
  189. loadingImg: '',
  190. loadingText: '<em></em>',
  191. bufferPx: 2000
  192. },
  193. function( newElements ) {
  194. var $newElems = $(newElements);
  195. var $newElemsIDs = $newElems.map(function(){
  196. return this.id;
  197. }).get();
  198. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  199. });
  200. </script>
  201.  
  202. <link href="https://fonts.googleapis.com/css?family={select:Font}:400,400i,600,600i,700,700i|Merriweather:600" rel="stylesheet">
  203.  
  204.  
  205. <!-- STYLESHEET -->
  206.  
  207. <style type="text/css">
  208.  
  209. /* --- SCROLLBAR ---*/
  210.  
  211. ::-webkit-scrollbar {
  212. {block:IfScrollbarStyleOne}width:17px!important;{/block:IfScrollbarStyleOne}
  213. width:12px;
  214. }
  215.  
  216. ::-webkit-scrollbar-track {
  217. background-color:{color:Background};
  218. {block:IfScrollbarStyleOne}background-color:{color:Accent Gray}!important;border:8px solid {color:Background};{/block:IfScrollbarStyleOne}}
  219.  
  220. ::-webkit-scrollbar-thumb {
  221. background-color:{color:Text};
  222. {block:IfNotScrollbarStyleOne}border:4px solid {color:Background};{/block:IfNotScrollbarStyleOne}
  223. {block:IfScrollbarStyleOne}border:8px solid {color:Background};{/block:IfScrollbarStyleOne}}
  224.  
  225. /* --- TOOLTIPS ---*/
  226.  
  227. #s-m-t-tooltip {
  228. max-width:200px;
  229. margin:-20px 15px 15px 15px;
  230. background-color:{color:Accent One};
  231. padding:5px 5px 6px 5px;
  232. line-height:100%;
  233. font-size:calc({select:Font Size}px - 1px);
  234. word-wrap:break-word;
  235. text-transform:lowercase;
  236. word-break:break-all;
  237. color:{color:Container};
  238. {block:IfTooltipStyleOne}
  239. border-radius:3px;
  240. {/block:IfTooltipStyleOne}
  241. z-index:10;
  242. }
  243.  
  244. /* --- TUMBLR TOOLS --- */
  245.  
  246. {block:IndexPage}
  247. iframe.tmblr-iframe {
  248. top:13px!important;
  249. right:5px!important;
  250. opacity:0;
  251. padding:0px 40px 30px 0px;
  252. z-index:15!important;
  253. transform:scale(0.5);
  254. transform-origin:100% 0;
  255. -webkit-transform:scale(0.5);
  256. -webkit-transform-origin:100% 0;
  257. -o-transform:scale(0.5);
  258. -o-transform-origin:100% 0;
  259. -moz-transform:scale(0.5);
  260. -moz-transform-origin:100% 0;
  261. -ms-transform:scale(0.5);
  262. -ms-transform-origin:100% 0;
  263. transition:0.2s ease-in-out;
  264. -webkit-transition:0.2s ease-in-out;
  265. -moz-transition:0.2s ease-in-out;
  266. filter:invert(1);
  267. -webkit-filter:invert(1);
  268. -o-filter:invert(1);
  269. -moz-filter:invert(1);
  270. -ms-filter:invert(1);
  271. }
  272.  
  273. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  274.  
  275. .tcontrols {
  276. position:fixed;
  277. top:17px;
  278. right:15px;
  279. z-index:14;
  280. transition:0.2s ease-in-out;
  281. -webkit-transition:0.2s ease-in-out;
  282. -moz-transition:0.2s ease-in-out;
  283. }
  284.  
  285. .tcontrols {
  286. color:{color:Text};
  287. font-size:14px;
  288. font-weight:600;}
  289.  
  290. {/block:IndexPage}
  291.  
  292. {block:PermalinkPage}
  293. iframe.tmblr-iframe {
  294. top:13px!important;
  295. right:5px!important;
  296. padding:0px 40px 30px 0px;
  297. opacity:0.5!important;
  298. z-index:15!important;
  299. transform:scale(0.5);
  300. transform-origin:100% 0;
  301. -webkit-transform:scale(0.5);
  302. -webkit-transform-origin:100% 0;
  303. -o-transform:scale(0.5);
  304. -o-transform-origin:100% 0;
  305. -moz-transform:scale(0.5);
  306. -moz-transform-origin:100% 0;
  307. -ms-transform:scale(0.5);
  308. -ms-transform-origin:100% 0;
  309. transition:0.2s ease-in-out;
  310. -webkit-transition:0.2s ease-in-out;
  311. -moz-transition:0.2s ease-in-out;
  312. filter:invert(1);
  313. -webkit-filter:invert(1);
  314. -o-filter:invert(1);
  315. -moz-filter:invert(1);
  316. -ms-filter:invert(1);
  317. }
  318. {/block:PermalinkPage}
  319.  
  320. /* --- BODY --- */
  321.  
  322. body {
  323. margin:0px;
  324. padding:0px;
  325. font-family: '{select:Font}', sans-serif;
  326. color:{color:Text};
  327. font-size:{select:Font Size}px;
  328. font-weight:400;
  329. line-height:160%;
  330. font-weight:normal;
  331. word-wrap:normal;
  332. text-align:left;
  333. background-color:{color:Background};
  334. }
  335.  
  336. a {color:{color:Links};text-decoration:none;border:0;}
  337.  
  338. b,strong {font-weight:600;}
  339. i,italic {font-style:italic;letter-spacing:0.5px;}
  340. small {font-size:12px;}
  341. big {font-size:12px;}
  342.  
  343. hr.divider, hr, hr.separator {
  344. display:block;
  345. margin-top:0.5em;
  346. margin-bottom:0.5em;
  347. margin-left:auto;
  348. margin-right:auto;
  349. border-style:inset;
  350. border-color:{color:Text};
  351. border-bottom:1px;
  352. }
  353.  
  354. pre {
  355. white-space:pre-wrap;
  356. white-space:-moz-pre-wrap;
  357. white-space:-pre-wrap;
  358. white-space:-o-pre-wrap;
  359. word-wrap:break-word;
  360. }
  361.  
  362. /* --- TOPBAR --- */
  363.  
  364. .topbar {
  365. position:fixed;
  366. margin:0 auto;
  367. top:0px;
  368. left:0px;
  369. width:100%;
  370. padding:15px;
  371. {block:IfNotTopbarStyleOne}padding:15px;{/block:IfNotTopbarStyleOne}
  372. {block:IfTopbarStyleTwo}padding-bottom:30px;{/block:IfTopbarStyleTwo}
  373. text-align:center;
  374. background:{color:Topbar Background};
  375. z-index:2;
  376. }
  377.  
  378. .topbar a {
  379. display:inline-block;
  380. font-size:calc({select:Font Size}px + 1px);
  381. text-transform:uppercase;
  382. color:{color:Topbar Links};
  383. margin:0px 15px;
  384. padding:0px 3px 3px 3px;
  385. border-bottom:2px solid {color:Topbar Background};
  386. transition:0.1s ease-in-out;
  387. -webkit-transition:0.1s ease-in-out;
  388. -moz-transition:0.1s ease-in-out;
  389.  
  390. {block:IfTopbarStyleTwo}margin-top:17px;{/block:IfTopbarStyleTwo}
  391. }
  392.  
  393. .topbar a:nth-child(3n + 1):hover {border-bottom:2px solid {color:Accent One};}
  394.  
  395. .topbar a:nth-child(3n + 2):hover {border-bottom:2px solid {color:Accent Two};}
  396.  
  397. .topbar a:nth-child(3n + 3):hover {border-bottom:2px solid {color:Accent Three};}
  398.  
  399. {block:IfTopbarStyleOne}
  400. .topbar img {
  401. display:inline-block;
  402. vertical-align:middle;
  403. margin:0px 10px;
  404. height:60px;
  405. width:60px;
  406.  
  407. {block:IfNotTopbarIconRound}
  408. border-radius:0;
  409. {/block:IfNotTopbarIconRound}
  410.  
  411. {block:IfTopbarIconRound}
  412. border-radius:50%;
  413. {/block:IfTopbarIconRound}
  414. }
  415. {/block:IfTopbarStyleOne}
  416.  
  417. {block:IfTopbarStyleTwo}
  418. .topbaricon {
  419. position:fixed;
  420. top:10px;
  421. left:10px;
  422. display:inline-block;
  423. vertical-align:middle;
  424. }
  425.  
  426. .topbaricon h1 {
  427. position:fixed;
  428. top:23px;
  429. left:90px;
  430. font-size:calc({select:Font Size}px + 2px);
  431. font-weight:bold;
  432. text-transform:uppercase;
  433. color:{color:Topbar Links};
  434. }
  435.  
  436. {block:IfNotTopbarStyleOne}
  437. .topbar h1 {
  438. position:fixed;
  439. top:23px;
  440. left:20px;
  441. font-size:calc({select:Font Size}px + 2px);
  442. font-weight:bold;
  443. text-transform:uppercase;
  444. color:{color:Topbar Links};
  445. }
  446. {/block:IfNotTopbarStyleOne}
  447.  
  448. {/block:IfTopbarStyleTwo}
  449.  
  450. /* --- CONTAINER --- */
  451.  
  452. .container {
  453. margin:0 auto;
  454. margin-top:0px;
  455. padding:20px;
  456. width:1200px;
  457. background:green;
  458. }
  459.  
  460. #end {
  461. clear:both;
  462. text-align:center;
  463. }
  464.  
  465. /* --- HEADER --- */
  466.  
  467. .header {
  468. margin:0 auto;
  469. width:1200px;
  470. height:{text:Header Height}px;
  471. margin-top:52px;
  472. background-image: url('{image:Header}');
  473. }
  474.  
  475. {block:IfTopbarStyleOne}.header {margin-top:90px;}{/block:IfTopbarStyleOne}
  476.  
  477. {block:IfTopbarStyleTwo}.header {margin-top:84px;}{/block:IfTopbarStyleTwo}
  478.  
  479. {block:IfHeaderStyleOne}
  480. .header {position:relative;z-index:1;}
  481.  
  482. .headrepeat {
  483. position:relative;
  484. width:100vw;
  485. height:{text:Header Height}px;
  486. margin-top:-{text:Header Height}px;
  487. background-image: url('{image:Header}');
  488. background-position:top center;
  489. background-repeat:repeat-x;
  490. z-index:-1;
  491. }
  492. {/block:IfHeaderStyleOne}
  493.  
  494. /* --- WELCOME --- */
  495.  
  496. .welcomecont {
  497. margin:0 auto;
  498. width:650px;
  499. padding:20px 100px;
  500. background:{color:Content};
  501. }
  502.  
  503. .welcome {
  504. line-height:180%;
  505. text-align:center;
  506. }
  507.  
  508. .welcome a {color:{color:Accent One};}
  509.  
  510. .welcome b {font-weight:bold;}
  511.  
  512. .welcome i {border-bottom:1px solid {color:Accent Two};padding:0px 2px 2px 2px;}
  513.  
  514. .welcome em {color:{color:Accent Three};}
  515.  
  516. {block:IfWelcomeStyleOne}
  517. .welcome {text-align:justify!important;text-align-last:center!important;}
  518.  
  519. .welcome:first-letter {
  520. font-family: 'Merriweather', serif;
  521. float:left;
  522. color:{color:Accent One};
  523. font-size:calc({select:Font Size}px + 48px);
  524. line-height:46px;
  525. padding:5px;
  526. }
  527. {/block:IfWelcomeStyleOne}
  528.  
  529. {block:IfWelcomeStyleTwo}
  530. .welcomecont {position:relative;top:-50px;}
  531. {/block:IfWelcomeStyleTwo}
  532.  
  533.  
  534. /* --- SIDEBAR --- */
  535.  
  536. .sidebar {
  537. {block:IfNotWelcomeStyleTwo}
  538. margin:50px 0px 0px 0px;
  539. {/block:IfNotWelcomeStyleTwo}
  540.  
  541. {block:IfWelcomeStyleTwo}
  542. margin:0px 0px 0px 0px;
  543. {block:IfWelcomeStyleTwo}
  544.  
  545.  
  546. float:left;
  547. width:calc(350px + 20px{block:IfSidebarStyleOne} + 20px{/block:IfSidebarStyleOne});
  548. background:{color:Container};
  549. }
  550.  
  551. .side {
  552. padding:15px 10px;
  553. margin-bottom:{select:Content Margins}px;
  554. background:{color:Content};
  555. }
  556.  
  557. {block:IfSidebarStyleOne}
  558. .side {border:1px solid {color:Accent Gray};padding:20px;}
  559. .sideimage {border:1px solid {color:Accent Gray};margin-left:-1px;padding:20px;}
  560. {/block:IfSidebarStyleOne}
  561.  
  562. .sideimage {text-align:center;margin-bottom:{select:Content Margins}px;}
  563.  
  564. .sideimage img {width:350px;height:350px;padding:10px 0px;}
  565.  
  566. .sidetitle {
  567. font-size:calc({select:Font Size}px + 5px);
  568. text-transform:uppercase;
  569. margin:5px 0px 10px 0px;
  570. }
  571.  
  572. {block:IfSidebarTitleStyleOne}
  573. .sidetitle {font-style:italic;}
  574.  
  575. {/block:IfSidebarTitleStyleOne}
  576.  
  577. {block:IfSidebarTitleStyleTwo}
  578. .sidetitle {margin-bottom:30px;}
  579.  
  580. .sidetitle::first-letter {padding:3px 8px;margin-right:3px;}
  581.  
  582. .sidetitle::first-letter {background:{color:Accent One};color:{color:Content}!important;}
  583.  
  584.  
  585. {/block:IfSidebarTitleStyleTwo}
  586.  
  587. {block:PermalinkPage}
  588. .sidebarconthidden {
  589. display:none;
  590. -webkit-backface-visibility:hidden;
  591. margin-bottom:-10px;
  592. height:0px;
  593. overflow:hidden;
  594. opacity:0;
  595. }
  596. {/block:PermalinkPage}
  597.  
  598. /* --- SIDEBAR EXTRAS --- */
  599.  
  600. .officiallinks {text-align:left;}
  601.  
  602. .officiallinks a {
  603. display:block;
  604. text-transform:uppercase;
  605. color:{color:Text}!important;
  606. margin:0px 0px 5px 0px;
  607. }
  608.  
  609. {block:IfNotOfficialLinksStyleOne}
  610. .officiallinks a {font-size:calc({select:Font Size}px + 2px);margin:0px 0px 6px 10px!important;}
  611. {/block:IfNotOfficialLinksStyleOne}
  612.  
  613. {block:IfOfficialLinksStyleOne}
  614. .officiallinks {text-align:center!important;}
  615.  
  616. .officiallinks a {
  617. display:inline-block!important;
  618. text-transform:uppercase;
  619. color:{color:Content}!important;
  620. margin:0px 2px 3px 2px;
  621. padding:3px 9px;
  622. background:{color:Accent Three};
  623. }
  624. {/block:IfOfficialLinksStyleOne}
  625.  
  626. .schedule {text-align:left;margin:5px 0px 20px 0px;}
  627.  
  628. .schedule:last-of-type {margin:5px 0px 0px 0px;}
  629.  
  630. {block:IfNotScheduleStyleOne}
  631. .schedule b {font-weight:bold;color:{color:Accent Two};}
  632. {/block:IfNotScheduleStyleOne}
  633.  
  634. {block:IfScheduleStyleOne}
  635. .schedule b {background:{color:Accent Two};color:{color:Content}!important;padding:3px 9px;margin-right:2px;}
  636.  
  637. .schedule {line-height:175%;}
  638. {/block:IfScheduleStyleOne}
  639.  
  640. .latestphotos {margin:0 auto;width:calc(350px - 30px);}
  641.  
  642. .ji-tumblr-photos img {
  643. opacity:1;
  644. margin:0px 2px!important;
  645. transition:0.2s ease-in-out;
  646. -webkit-transition:0.2s ease-in-out;
  647. -moz-transition:0.2s ease-in-out;
  648. }
  649.  
  650. .ji-tumblr-photos img:hover {opacity:0.8;}
  651.  
  652. .projects {text-align:left;margin:5px 0px 35px 0px;}
  653.  
  654. .projects:last-of-type {margin:5px 0px 0px 0px;}
  655.  
  656. .projectimage {
  657. {block:IfNotProjectStyleOne}display:inline-block;{/block:IfNotProjectStyleOne}
  658. {block:IfProjectStyleOne}display:block;{/block:IfProjectStyleOne}
  659. }
  660.  
  661. .projectimage img {
  662.  
  663. {block:IfNotProjectStyleOne}
  664. height:calc(350px - 200px);
  665. width:calc(350px - 200px);
  666. {/block:IfNotProjectStyleOne}
  667.  
  668. {block:IfProjectStyleOne}
  669. padding-bottom:20px!important;
  670. width:350px;
  671. height:100px;
  672. {/block:IfProjectStyleOne}
  673. }
  674.  
  675. .projectdetail {
  676. position:relative;
  677. top:-20px;
  678.  
  679. {block:IfNotProjectStyleOne}
  680. display:inline-block;
  681. margin-left:10px;
  682. width:calc(350px - 10px - 160px);
  683. {/block:IfNotProjectStyleOne}
  684.  
  685. {block:IfProjectStyleOne}
  686. text-align:center;
  687. display:block;
  688. width:350px;
  689. {/block:IfProjectStyleOne}
  690. }
  691.  
  692. .projectdetail h1 {text-transform:uppercase;font-size:calc({select:Font Size}px + 3px);margin-bottom:1px;}
  693.  
  694. .projectdetail b {color:{color:Accent One};}
  695.  
  696. .projectdetail i {color:{color:Accent Two};}
  697.  
  698. .projectdetail p {display:block;margin-top:3px}
  699.  
  700. .projectlinks {
  701. {block:IfNotProjectStyleOne}
  702. text-align:left;
  703. {block:IfNotProjectStyleOne}
  704.  
  705. {block:IfProjectStyleOne}
  706. text-align:center;
  707. {/block:IfProjectStyleOne}
  708. padding:5px 5px 10px 5px;
  709.  
  710. }
  711.  
  712. .projectlinks a {
  713. background:{color:Accent Three};
  714. color:{color:Content};
  715. padding:3px 6px;
  716. margin:0px 3px;
  717. }
  718.  
  719. .member {margin-bottom:5px;text-align:left;}
  720.  
  721. .memberavatar {display:inline-block;}
  722.  
  723. .memberavatar img {height:40px;width:40px;}
  724.  
  725. {block:IfNotMembersStyleOne}
  726. .members {text-align:center;}
  727. .member {display:inline-block;padding:2px;}
  728. {block:IfNotMembersStyleOne}
  729.  
  730. {block:IfMembersStyleOne}
  731. .names {
  732. position:relative;
  733. top:-6px;
  734. left:5px;
  735. display:inline-block;
  736. color:{color:Accent Three};
  737. }
  738.  
  739. .membername {text-transform:uppercase;font-weight:600;color:{color:Text};font-style:italic;}
  740. {/block:IfMembersStyleOne}
  741.  
  742.  
  743. .affiliates {text-align:center;}
  744.  
  745. .affiliates img {height:50px;width:50px;margin:1px 2px;}
  746.  
  747. ul.siteinfo {
  748. margin-left:-40px;
  749. list-style-type:none;
  750. text-align:left;
  751. }
  752.  
  753. .siteinfo li {
  754. {block:IfNotSiteInfoStyleOne}
  755. padding:3px 0px;
  756. {/block:IfNotSiteInfoStyleOne}
  757.  
  758. {block:IfSiteInfoStyleOne}
  759. padding:15px 0px;
  760. border-bottom:1px solid #d4d4d4;
  761. {/block:IfSiteInfoStyleOne}
  762. }
  763.  
  764. .siteinfo li:first-of-type {padding-top:0;}
  765. .siteinfo li:last-of-type {padding-bottom:0;border-bottom:0px;}
  766.  
  767. {block:IfNotSiteInfoStyleOne}
  768. ul.siteinfo b {color:{color:Accent Three};}
  769. {/block:IfNotSiteInfoStyleOne}
  770.  
  771. /* --- POSTS --- */
  772.  
  773. .posts {
  774. float:right;
  775. width:560px;
  776. padding:0px;
  777. {block:IfNotWelcomeStyleTwo}
  778. margin:50px 0px 0px 0px;
  779. {/block:IfNotWelcomeStyleTwo}
  780.  
  781. {block:IfWelcomeStyleTwo}
  782. margin:0px 0px 0px 0px;
  783. {block:IfWelcomeStyleTwo}
  784. background:red;
  785. }
  786.  
  787. .iposts {
  788. width:540px;
  789. background:{color:Content};
  790. min-height:75px;
  791. padding:5px 10px 10px 10px;
  792.  
  793. {block:IfPostStyleTwo}
  794. border:1px solid {color:Accent Gray};padding:20px;
  795. {/block:IfPostStyleTwo}
  796.  
  797. }
  798.  
  799. .set {margin-bottom:-8px;}
  800.  
  801. .photo-slideshow {width:auto!important;}
  802.  
  803. .video, video, embed, iframe {max-width:540px;}
  804.  
  805. .video {margin-left:20px;}
  806.  
  807. .iposts img, .ipostpxu, .ipostpxu img, img, object {max-width:100%;height:auto;}
  808.  
  809. .caption {
  810. {block:IfNotPostStyleOne}
  811. padding:0px;
  812. {/block:IfNotPostStyleOne}
  813.  
  814. {block:IfPostStyleOne}
  815. padding:15px;
  816. {/block:IfPostStyleOne}
  817. }
  818.  
  819. /* --- POST INFO --- */
  820.  
  821. .postinfo {
  822. padding:10px;
  823. text-transform:uppercase;
  824. background:{color:Content};
  825. }
  826.  
  827. .postinfo a {color:{color:Accent One};}
  828.  
  829. {block:IfPostInfoStyleOne}
  830. .postauthor {display:inline-block;}
  831.  
  832. .postauthor img {height:40px;width:40px;vertical-align:middle;}
  833.  
  834. .postdetails {display:inline-block;margin-left:5px;}
  835. {/block:IfPostInfoStyleOne}
  836.  
  837. .postdetails {text-align:left;}
  838.  
  839. /* --- POST CONTROL --- */
  840.  
  841. .postcontrol {
  842. float:right;
  843. margin-right:-1px;
  844. width:50px;
  845.  
  846. {block:IfNotPostInfoStyleOne}
  847. margin-top:-26px;
  848. {/block:IfNotPostInfoStyleOne}
  849.  
  850. {block:IfPostInfoStyleOne}
  851. margin-top:-40px!important;
  852. {/block:IfPostInfoStyleOne}
  853.  
  854. overflow:hidden;
  855. text-align:center;
  856. }
  857.  
  858. .postcontrol i {
  859. width:10px;
  860. height:auto;
  861. opacity:1;
  862. padding:1px 1px 1px 3px;
  863. display:block;
  864. overflow:hidden;
  865. color:{color:Text};
  866. }
  867.  
  868. .postcontrol a {
  869. display:inline-block;
  870. text-transform:uppercase;
  871. font-size:9px;
  872. }
  873.  
  874. .postcontrol .reblog i {
  875. width:10px;
  876. margin-top:1px;
  877. font-size:10px;
  878. }
  879. .postcontrol .like .liked + i {
  880. opacity:1;
  881. width:10px;
  882. }
  883.  
  884. .postcontrol .like .liked + i {
  885. fill:{color:Accent Blue};
  886. color:{color:Accent Blue};
  887. }
  888.  
  889. .postcontrol .like .like_button {
  890. position:relative;
  891. }
  892.  
  893. .postcontrol .like .like_button iframe {
  894. position:absolute;
  895. top:0;
  896. left:0;
  897. bottom:0;
  898. right:0;
  899. z-index:2;
  900. opacity:0.000001;
  901. }
  902.  
  903. /* --- POST INFO END --- */
  904.  
  905. {block:IfPostInfoStyleTwo}
  906. .postnotes {padding:15px 10px 10px 10px;background:{color:Content};}
  907.  
  908. .postnotes a {
  909. display:inline-block;
  910. font-size:calc({select:Font Size} + 2px);
  911. color:{color:Content}!important;
  912. background:{color:Accent One};
  913. text-transform:uppercase;
  914. padding:4px 6px;
  915. }
  916. {/block:IfPostInfoStyleTwo}
  917.  
  918. /* --- POST TAGS ---*/
  919.  
  920. .posttags {
  921. margin-bottom:calc({select:Content Margins}px + 10px);
  922. {block:IfNotPostTagsStyleOne}padding:5px 10px 10px 10px;{/block:IfNotPostTagsStyleOne}
  923. background:{color:Content};
  924. }
  925.  
  926. {block:IfPostTagsStyleOne}
  927. .ptags {padding:5px 10px 10px 10px;}
  928.  
  929. .posttags i {
  930. display:inline-block;
  931. color:{color:Content};
  932. font-style:normal;
  933. padding:0px 2px 1px 2px;
  934. margin-right:2px;
  935. background:{color:Accent Two};
  936. }
  937. {/block:IfPostTagsStyleOne}
  938.  
  939. .posttags a {color:{color:Text};margin:0px 4px;}
  940.  
  941.  
  942. {CustomCSS}
  943. </style>
  944.  
  945. </head>
  946. <body>
  947.  
  948.  
  949.  
  950.  
  951. <!-- START TOPBAR -->
  952. <div class="topbar">
  953. <div class="navigation">
  954.  
  955. <a href="/">Home</a>
  956. <a href="/ask">Ask</a>
  957. <a href="/" title="hover title">Link</a>
  958. <a href="/">Link</a>
  959.  
  960. {block:IfTopbarStyleOne}
  961. {block:IfTopbarStyleTwo}<div class="topbaricon">{/block:IfTopbarStyleTwo}
  962. <img src="{image:Icon}" />
  963. {block:IfTopbarStyleTwo}<h1>{Name}</h1></div>{/block:IfTopbarStyleTwo}
  964. {/block:IfTopbarStyleOne}
  965.  
  966. {block:IfNotTopbarStyleOne}{block:IfTopbarStyleTwo}<h1>{Name}</h1>{/block:IfTopbarStyleTwo}{/block:IfNotTopbarStyleOne}
  967.  
  968. <a href="/">Link</a>
  969. <a href="/">Link</a>
  970. <a href="/">Link</a>
  971. <a href="/">Link</a>
  972.  
  973. </div>
  974.  
  975. </div>
  976.  
  977. {block:IndexPage}
  978. <div class="tcontrols">+</div>
  979. {/block:IndexPage}
  980. <!-- END TOPBAR -->
  981.  
  982.  
  983.  
  984.  
  985.  
  986.  
  987.  
  988.  
  989.  
  990. <!-- START HEADER -->
  991. <div class="header"></div>
  992.  
  993. {block:IfHeaderStyleOne}
  994. <div class="headrepeat"></div>
  995. {/block:IfHeaderStyleOne}
  996. <!-- END HEADER -->
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. <!-- START CONTAINER -->
  1007. <div class="container">
  1008.  
  1009.  
  1010.  
  1011.  
  1012. <!-- START WELCOME -->
  1013. <div class="welcomecont">
  1014. <div class="welcome">
  1015.  
  1016. {Description}
  1017.  
  1018. </div>
  1019. </div>
  1020. <!-- END WELCOME -->
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030. <!-- START SIDEBAR -->
  1031. <div class="sidebar">
  1032.  
  1033.  
  1034.  
  1035. <!-- START SIDEBAR IMAGE -->
  1036. {block:IfSidebarImage}
  1037. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1038. <div class="sideimage">
  1039.  
  1040. <img src="{image:Sidebar}" />
  1041.  
  1042.  
  1043. </div>
  1044. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1045. {/block:IfSidebarImage}
  1046. <!-- END SIDEBAR IMAGE -->
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055. <!-- START OFFICIAL LINKS -->
  1056. {block:IfOfficialLinks}
  1057. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1058. <div class="side">
  1059. <div class="sidetitle">Official Links</div>
  1060.  
  1061. <div class="officiallinks">
  1062. <a href="/">Link</a>
  1063. <a href="/">Link</a>
  1064. <a href="/">Link</a>
  1065. <a href="/">Link</a>
  1066. <a href="/">Link</a>
  1067. <a href="/">Link</a>
  1068. <a href="/">Link</a>
  1069. </div>
  1070.  
  1071. </div>
  1072. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1073. {/block:IfOfficialLinks}
  1074. <!-- END OFFICIAL LINKS -->
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083. <!-- START SCHEDULE -->
  1084. {block:IfSchedule}
  1085. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1086. <div class="side">
  1087. <div class="sidetitle">Schedule</div>
  1088.  
  1089.  
  1090. <!-- Schedule Start -->
  1091. <div class="schedule">
  1092. <b>Jan, 20 2019</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1093. </div>
  1094. <!-- Schedule End -->
  1095.  
  1096.  
  1097. <!-- Schedule Start -->
  1098. <div class="schedule">
  1099. <b>Jan, 20 2019</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1100. </div>
  1101. <!-- Schedule End -->
  1102.  
  1103.  
  1104. <!-- Schedule Start -->
  1105. <div class="schedule">
  1106. <b>Jan, 20 2019</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1107. </div>
  1108. <!-- Schedule End -->
  1109.  
  1110. </div>
  1111. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1112. {/block:IfSchedule}
  1113. <!-- END SCHEDULE -->
  1114.  
  1115.  
  1116.  
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122. <!-- START LATEST PHOTOS -->
  1123. {block:IfLatestPhotos}
  1124. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1125. <div class="side">
  1126. <div class="sidetitle">Latest Photos</div>
  1127.  
  1128. <div class="latestphotos">
  1129.  
  1130. <div class='ji-tumblr-photos'><a id='ji-tumblr-url-gallery-1' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-1' src='' alt='' /></a><a id='ji-tumblr-url-gallery-2' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-2' src='' alt='' /></a><a id='ji-tumblr-url-gallery-3' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-3' src='' alt='' /></a><a id='ji-tumblr-url-gallery-4' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-4' src='' alt='' /></a><a id='ji-tumblr-url-gallery-5' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-5' src='' alt='' /></a><a id='ji-tumblr-url-gallery-6' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-6' src='' alt='' /></a><a id='ji-tumblr-url-gallery-7' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-7' src='' alt='' /></a><a id='ji-tumblr-url-gallery-8' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-8' src='' alt='' /></a><a id='ji-tumblr-url-gallery-9' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-9' src='' alt='' /></a><a id='ji-tumblr-url-gallery-10' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-10' src='' alt='' /></a><a id='ji-tumblr-url-gallery-11' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-11' src='' alt='' /></a><a id='ji-tumblr-url-gallery-12' href=''><img border='0' style='margin:1px' id='ji-tumblr-photo-gallery-12' src='' alt='' /></a>
  1131. </div>
  1132. <script type='text/javascript' src='https://{text:Blog Name}.tumblr.com/api/read/json?number=10&type=photo'></script>
  1133. <script type='text/javascript'>
  1134. document.getElementById('ji-tumblr-photo-gallery-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
  1135. document.getElementById('ji-tumblr-url-gallery-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
  1136. document.getElementById('ji-tumblr-photo-gallery-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
  1137. document.getElementById('ji-tumblr-url-gallery-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
  1138. document.getElementById('ji-tumblr-photo-gallery-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
  1139. document.getElementById('ji-tumblr-url-gallery-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
  1140. document.getElementById('ji-tumblr-photo-gallery-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
  1141. document.getElementById('ji-tumblr-url-gallery-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
  1142. document.getElementById('ji-tumblr-photo-gallery-5').setAttribute('src', tumblr_api_read.posts[4]['photo-url-75']);
  1143. document.getElementById('ji-tumblr-url-gallery-5').setAttribute('href', tumblr_api_read.posts[4]['url-with-slug']);
  1144. document.getElementById('ji-tumblr-photo-gallery-6').setAttribute('src', tumblr_api_read.posts[5]['photo-url-75']);
  1145. document.getElementById('ji-tumblr-url-gallery-6').setAttribute('href', tumblr_api_read.posts[5]['url-with-slug']);
  1146. document.getElementById('ji-tumblr-photo-gallery-7').setAttribute('src', tumblr_api_read.posts[6]['photo-url-75']);
  1147. document.getElementById('ji-tumblr-url-gallery-7').setAttribute('href', tumblr_api_read.posts[6]['url-with-slug']);
  1148. document.getElementById('ji-tumblr-photo-gallery-8').setAttribute('src', tumblr_api_read.posts[7]['photo-url-75']);
  1149. document.getElementById('ji-tumblr-url-gallery-8').setAttribute('href', tumblr_api_read.posts[7]['url-with-slug']);
  1150. document.getElementById('ji-tumblr-photo-gallery-9').setAttribute('src', tumblr_api_read.posts[8]['photo-url-75']);
  1151. document.getElementById('ji-tumblr-url-gallery-9').setAttribute('href', tumblr_api_read.posts[8]['url-with-slug']);
  1152. document.getElementById('ji-tumblr-photo-gallery-10').setAttribute('src', tumblr_api_read.posts[9]['photo-url-75']);
  1153. document.getElementById('ji-tumblr-url-gallery-10').setAttribute('href', tumblr_api_read.posts[9]['url-with-slug']);
  1154. document.getElementById('ji-tumblr-photo-gallery-11').setAttribute('src', tumblr_api_read.posts[10]['photo-url-75']);
  1155. document.getElementById('ji-tumblr-url-gallery-11').setAttribute('href', tumblr_api_read.posts[10]['url-with-slug']);
  1156. document.getElementById('ji-tumblr-photo-gallery-12').setAttribute('src', tumblr_api_read.posts[11]['photo-url-75']);
  1157. document.getElementById('ji-tumblr-url-gallery-12').setAttribute('href', tumblr_api_read.posts[11]['url-with-slug']);
  1158. </script>
  1159.  
  1160. </div>
  1161.  
  1162. </div>
  1163. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1164. {/block:IfLatestPhotos}
  1165. <!-- END LATEST PHOTOS -->
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <!-- START PROJECTS -->
  1175. {block:IfProjects}
  1176. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1177. <div class="side">
  1178. <div class="sidetitle">Projects</div>
  1179.  
  1180.  
  1181. <!-- Start Project -->
  1182. <div class="projects">
  1183. <div class="projectimage"><img src="https://placehold.it/350X350" /></div>
  1184. <div class="projectdetail">
  1185. <h1>Project Title</h1>
  1186. Name as <b>Character</b><br>
  1187. <i>Release Date: 00/00/0000</i>
  1188. <p>
  1189. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1190. </div>
  1191. <div class="projectlinks">
  1192. <a href="/">imdb</a> <a href="/">website</a> <a href="/">trailer</a>
  1193. </div>
  1194. </div>
  1195. <!-- Start Project -->
  1196.  
  1197.  
  1198. <!-- Start Project -->
  1199. <div class="projects">
  1200. <div class="projectimage"><img src="https://placehold.it/350X350" /></div>
  1201. <div class="projectdetail">
  1202. <h1>Project Title</h1>
  1203. Name as <b>Character</b><br>
  1204. <i>Release Date: 00/00/0000</i>
  1205. <p>
  1206. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1207. </div>
  1208. <div class="projectlinks">
  1209. <a href="/">imdb</a> <a href="/">website</a> <a href="/">trailer</a>
  1210. </div>
  1211. </div>
  1212. <!-- Start Project -->
  1213.  
  1214.  
  1215. <!-- Start Project -->
  1216. <div class="projects">
  1217. <div class="projectimage"><img src="https://placehold.it/350X350" /></div>
  1218. <div class="projectdetail">
  1219. <h1>Project Title</h1>
  1220. Name as <b>Character</b><br>
  1221. <i>Release Date: 00/00/0000</i>
  1222. <p>
  1223. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
  1224. </div>
  1225. <div class="projectlinks">
  1226. <a href="/">imdb</a> <a href="/">website</a> <a href="/">trailer</a>
  1227. </div>
  1228. </div>
  1229. <!-- Start Project -->
  1230.  
  1231.  
  1232.  
  1233. </div>
  1234. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1235. {/block:IfProjects}
  1236. <!-- END PROJECTS -->
  1237.  
  1238.  
  1239.  
  1240.  
  1241.  
  1242.  
  1243.  
  1244.  
  1245. <!-- START INSTAGRAM -->
  1246. {block:IfInstagram}
  1247. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1248. <div class="side">
  1249. <div class="sidetitle">Instagram</div>
  1250.  
  1251. <center>
  1252.  
  1253.  
  1254. <!-- START INSTAGRAM WIDGET -->
  1255.  
  1256.  
  1257. <a href="https://instawidget.net/v/user/haileybieber" id="link-8a67db7df0f036688d05c98c199fbe81b59b3eb81fe759471ddab0296526fce4">@haileybieber</a>
  1258. <script src="https://instawidget.net/js/instawidget.js?u=8a67db7df0f036688d05c98c199fbe81b59b3eb81fe759471ddab0296526fce4&width=350px"></script>
  1259.  
  1260.  
  1261. <!-- END INSTAGRAM WIDGET -->
  1262. </center>
  1263.  
  1264. </div>
  1265. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1266. {/block:IfInstagram}
  1267. <!-- END INSTAGRAM -->
  1268.  
  1269.  
  1270.  
  1271.  
  1272.  
  1273.  
  1274.  
  1275.  
  1276. <!-- START TWITTER -->
  1277. {block:IfTwitter}
  1278. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1279. <div class="side">
  1280. <div class="sidetitle">Twitter</div>
  1281.  
  1282. <center>
  1283. <a class="twitter-timeline" data-width="350" data-height="350" data-dnt="true" data-link-color="{color:Accent One}" href="https://twitter.com/{text:Twitter Username}">Tweets by {text:Twitter Username}</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1284. </center>
  1285.  
  1286. </div>
  1287. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1288. {/block:IfTwitter}
  1289. <!-- END TWITTER -->
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298. <!-- START MEMBERS -->
  1299. {block:IfMembers}
  1300. <div class="side">
  1301. <div class="sidetitle">Members</div>
  1302.  
  1303. <div class="members">
  1304.  
  1305. {block:GroupMembers}
  1306. {block:GroupMember}
  1307. <div class="member">
  1308.  
  1309. <div class="memberavatar">
  1310. <img {block:IfNotMembersStyleOne} title="hvitserkk"{/block:IfNotMembersStyleOne} src="{GroupMemberPortraitURL-96}">
  1311. </div>
  1312.  
  1313. {block:IfMembersStyleOne}<div class="names">
  1314. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a>
  1315. <div class="membertitle">{GroupMemberTitle}</div>
  1316. </div>{/block:IfMembersStyleOne}
  1317.  
  1318. </div>
  1319. {/block:GroupMember}
  1320. {/block:GroupMembers}
  1321.  
  1322.  
  1323. </div>
  1324.  
  1325. </div>
  1326. {/block:IfMembers}
  1327. <!-- END MEMBERS -->
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333.  
  1334.  
  1335.  
  1336. <!-- START EXTRA SECTION -->
  1337. {block:IfExtraSection}
  1338. {block:IfSimplifiedPermalinkPage}<div class="sidebarconthidden">{/block:IfSimplifiedPermalinkPage}
  1339. <div class="side">
  1340. <div class="sidetitle">{text:Sidebar Extra Title}</div>
  1341.  
  1342. {text:Sidebar Extra Content}
  1343.  
  1344. </div>
  1345. {block:IfSimplifiedPermalinkPage}</div>{/block:IfSimplifiedPermalinkPage}
  1346. {/block:IfExtraSection}
  1347. <!-- END EXTRA SECTION -->
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353.  
  1354.  
  1355.  
  1356. <!-- START AFFILIATES -->
  1357. {block:IfAffiliates}
  1358. <div class="side">
  1359. <div class="sidetitle">Affiliates</div>
  1360.  
  1361. <div class="affiliates">
  1362.  
  1363. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1364. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1365. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1366. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1367. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1368. <a title="blog name" href="/"><img src="https://placehold.it/50X50" /></a>
  1369.  
  1370. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1371. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1372. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1373. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1374. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1375. <a title="apply" href="/apply"><img src="{image:Icon}" /></a>
  1376.  
  1377. </div>
  1378.  
  1379. </div>
  1380. {/block:IfAffiliates}
  1381. <!-- END AFFILIATES -->
  1382.  
  1383.  
  1384.  
  1385.  
  1386.  
  1387.  
  1388.  
  1389.  
  1390. <!-- START ABOUT -->
  1391. {block:IfSiteInfo}
  1392. <div class="side">
  1393. <div class="sidetitle">Site Info</div>
  1394.  
  1395. <ul class="siteinfo">
  1396. <li><b>Blog:</b> {text:Blog Name}</li>
  1397. <li><b>About:</b> Hailey Baldwin</li>
  1398. <li><b>Established:</b> 2019</li>
  1399. <li><b>Online:</b> </li>
  1400. <li><b>Hits:</b> </li>
  1401. <li><b>Theme</b>: <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  1402.  
  1403. </div>
  1404. {/block:IfSiteInfo}
  1405. <!-- END ABOUT -->
  1406.  
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414. <!-- START DISCLAIMER -->
  1415. {block:IfDisclaimer}
  1416. <div class="side">
  1417. <div class="sidetitle">Disclaimer</div>
  1418.  
  1419. Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1420.  
  1421. </div>
  1422. {/block:IfDisclaimer}
  1423. <!-- END DISCLAIMER -->
  1424.  
  1425.  
  1426.  
  1427.  
  1428.  
  1429. </div>
  1430. <!-- END SIDEBAR -->
  1431.  
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438.  
  1439.  
  1440.  
  1441.  
  1442. <!-- START POST CONTAINER -->
  1443. <div class="posts">
  1444. {block:Posts}
  1445.  
  1446.  
  1447.  
  1448. <!-- START POST INFO -->
  1449. <div class="postinfo">
  1450.  
  1451. {block:IfPostInfoStyleOne}<div class="postauthor"><img title="{PostAuthorName}" src="{PostAuthorPortraitURL-64}" /></div>{/block:IfPostInfoStyleOne}
  1452.  
  1453. <div class="postdetails">
  1454. {block:Date}{block:IfNotPostInfoStyleOne}posted {/block:IfNotPostInfoStyleOne}<a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{/block:Date} {block:IfNotPostInfoStyleOne}by <b><a href="{PostAuthorURL}">{PostAuthorName}</a></b>{/block:IfNotPostInfoStyleOne}{block:IfNotPostInfoStyleTwo}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{/block:IfNotPostInfoStyleTwo}{block:RebloggedFrom} / <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource} &#8226; <a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  1455. </div>
  1456.  
  1457. </div>
  1458.  
  1459. <!-- Post Control -->
  1460. {block:IndexPage}
  1461. <div class="postcontrol">
  1462. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fa fa-retweet"></i>
  1463. </a>
  1464. <a href="#" class="like">{LikeButton}
  1465. <i class="fa fa-heart"></i>
  1466. </a>
  1467. </div>
  1468. {/block:IndexPage}
  1469. <!-- END POST INFO -->
  1470.  
  1471.  
  1472.  
  1473.  
  1474.  
  1475. <!-- Post Styles Start -->
  1476. <div class="iposts" id="{PostID}">
  1477.  
  1478. {block:Text}<div class="caption">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  1479.  
  1480. {block:Link}<div class="linkpost"><div class="caption"><a href="{URL}"><h2> -{Name}</h2>
  1481. {block:Excerpt}<i>{Excerpt}</i>{/block:Excerpt}</a>
  1482. {block:Description}{Description}{/block:Description}</div></div>{/block:Link}
  1483.  
  1484. {block:Quote}<div class="caption"><h3>{Quote}</h3>-{Source}</b></div>{/block:Quote}
  1485.  
  1486. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1487. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1488.  
  1489. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1490. <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>
  1491. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1492.  
  1493. {block:Chat}
  1494. <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>
  1495. {/block:Chat}
  1496.  
  1497. {block:Audio}
  1498. <div class="caption">
  1499. <div class="audio">{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  1500. <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}
  1501. </div></div>
  1502. {/block:Audio}
  1503.  
  1504. {block:Video}<div class="video">{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1505.  
  1506. {block:Answer}
  1507. <div class="questionpost">
  1508. <div class="question"><img src="{AskerPortraitURL-64}" align="left" /> {Asker} asked: {Question}</div>
  1509. <div class="questionborder"></div>
  1510. </div>
  1511. <div class="caption">{Answer}</div>
  1512. {/block:Answer}
  1513.  
  1514. </div>
  1515. <!-- Post Styles End -->
  1516.  
  1517.  
  1518.  
  1519.  
  1520. <!-- POST INFO END START -->
  1521. {block:IfPostInfoStyleTwo}
  1522. <div class="postnotes">
  1523. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1524. </div>
  1525. {/block:IfPostInfoStyleTwo}
  1526. <!-- POST INFO END START -->
  1527.  
  1528.  
  1529.  
  1530.  
  1531. <!-- POST TAGS START -->
  1532. <div class="posttags">
  1533. {block:HasTags}
  1534. <div class="ptags">{block:IfPostTagsStyleOne}<i>filed under:</i>{/block:IfPostTagsStyleOne}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1535. {/block:HasTags}
  1536. </div>
  1537. <!-- POST TAGS END -->
  1538.  
  1539.  
  1540.  
  1541.  
  1542. {block:PostNotes}
  1543. <div id="permanote">{PostNotes}
  1544. </div>
  1545. {/block:PostNotes}
  1546.  
  1547. {/block:Posts}
  1548. </div>
  1549. <!-- END POST CONTAINER -->
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556. <div id="end"></div>
  1557.  
  1558. </div>
  1559. <!-- END CONTAINER -->
  1560.  
  1561.  
  1562.  
  1563.  
  1564.  
  1565.  
  1566.  
  1567.  
  1568.  
  1569. <!-- ADDITIONAL SCRIPTS -->
  1570. {block:IndexPage}
  1571. <script>
  1572. $(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")}})});
  1573. </script>
  1574.  
  1575. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-angle-up"></i></a>
  1576. {/block:IndexPage}
  1577.  
  1578. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1579. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1580. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1581.  
  1582. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1583.  
  1584. <script>
  1585. $(document).ready(function(){
  1586. $('.photo-slideshow').pxuPhotoset({
  1587. lightbox: true,
  1588. rounded: false,
  1589. gutter: '0px',
  1590. borderRadius: '0px',
  1591. photoset: '.photo-slideshow',
  1592. photoWrap: '.photo-data',
  1593. photo: '.pxu-photo'
  1594. });
  1595. });
  1596. </script>
  1597.  
  1598. </body>
  1599. </html>
  1600.  
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606. </body>
  1607. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!