API tools faq
paste
Advertisement
cvndythemes

teigenpictures

cvndythemes
Mar 22nd, 2020
1,757
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.36 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. <meta name="viewport" content="width=device-width, initial-scale=1">
  12.  
  13.  
  14. <!--
  15.  
  16. >> ETHEREAL THEMES // MITHRAS RP THEME
  17.  
  18. Designed by etherealthemes
  19. etherealthemes.tumblr.com
  20. ⓒ 2016 - 2020
  21.  
  22. >> TERMS OF USE
  23.  
  24. Do NOT remove the credit
  25. Do NOT claim as your own
  26.  
  27. *You can move the credit, but leave it visible
  28. *Edit as much as you'd like
  29. *Feel free to ask about basic customization
  30. *Theme suggestions always welcomed
  31.  
  32. >> CREDITS
  33.  
  34. Fonts by Google Fonts
  35. Icons by Jam Icons @ jam-icons.com
  36. Tooltips by Tippy.js @ atomiks.github.io/tippyjs/
  37. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  38. PXU Photosets by chloethemes @ bychloethemes.tumblr.com
  39.  
  40. -->
  41.  
  42.  
  43.  
  44. <!-- COLORS -->
  45. <meta name="color:Background" content="#ffffff" />
  46. <meta name="color:Text" content="#000000" />
  47. <meta name="color:Links" content="#747474" />
  48. <meta name="color:Accent One" content="#eca0bd" />
  49. <meta name="color:Accent Two" content="#82cbd4" />
  50. <meta name="color:Accent Gray" content="#e3e3e3" />
  51.  
  52. <meta name="color:Topbar Background" content="#ffffff" />
  53. <meta name="color:Topbar Links" content="#000000" />
  54.  
  55. <meta name="color:Header Logo Text" content="#000000" />
  56.  
  57. <meta name="color:Welcome Name" content="#ffffff" />
  58.  
  59. <meta name="color:Container" content="#f1f1f1" />
  60. <meta name="color:Content" content="#ffffff" />
  61.  
  62. <meta name="color:Titles Text" content="#ffffff" />
  63. <meta name="color:Post Icons" content="#000000" />
  64.  
  65.  
  66.  
  67. <!-- IMAGES -->
  68. <meta name="image:Avatar" content="https://static.tumblr.com/zvesamf/UwPq7kjak/avatar.png"/>
  69. <meta name="image:Header" content="https://static.tumblr.com/zvesamf/oleq7ko3m/header.jpg"/>
  70. <meta name="image:Sidebar" content="https://static.tumblr.com/zvesamf/znJq7kl0p/gif.gif"/>
  71.  
  72. <meta name="image:Title Image One" content="https://static.tumblr.com/zvesamf/gveq7km7x/titles_1.jpg"/>
  73. <meta name="image:Title Image Two" content="https://static.tumblr.com/zvesamf/VGIq7km7y/titles_2.jpg"/>
  74. <meta name="image:Title Image Three" content="https://static.tumblr.com/zvesamf/pj8q7km7z/titles_3.jpg"/>
  75. <meta name="image:Title Image Four" content="https://static.tumblr.com/zvesamf/8Bwq7km7z/titles_4.jpg"/>
  76.  
  77. <meta name="image:Footer" content="https://static.tumblr.com/zvesamf/hVaq7kjam/footer.jpg"/>
  78.  
  79.  
  80. <!-- IF -->
  81. <meta name="if:Invert Tumblr Controls" content="1"/>
  82.  
  83. <meta name="if:Box Shadows" content="0"/>
  84.  
  85. <meta name="if:Header Logo" content="1"/>
  86. <meta name="if:Topbar Title Fade In" content="1"/>
  87.  
  88. <meta name="if:Welcome" content="1"/>
  89. <meta name="if:What I Do" content="1"/>
  90. <meta name="if:Navigation" content="1"/>
  91. <meta name="if:Recommended" content="1"/>
  92. <meta name="if:Request" content="1"/>
  93. <meta name="if:Site Info" content="1"/>
  94.  
  95. <meta name="if:Face Claims" content="1"/>
  96. <meta name="if:To Do List" content="1"/>
  97. <meta name="if:Updates" content="1"/>
  98. <meta name="if:Affiliates" content="1"/>
  99. <meta name="if:Projects" content="1"/>
  100. <meta name="if:Disclaimer" content="1"/>
  101. <meta name="if:Footer" content="1"/>
  102.  
  103. <!-- TEXT -->
  104. <meta name="text:Blog Name" content="teigenpictures"/>
  105.  
  106. <meta name="text:Sidebar Link One" content=""/>
  107. <meta name="text:Sidebar Link One URL" content=""/>
  108. <meta name="text:Sidebar Link Two" content=""/>
  109. <meta name="text:Sidebar Link Two URL" content=""/>
  110. <meta name="text:Sidebar Link Three" content=""/>
  111. <meta name="text:Sidebar Link Three URL" content=""/>
  112. <meta name="text:Sidebar Four Four" content=""/>
  113. <meta name="text:Sidebar Link Four URL" content=""/>
  114. <meta name="text:Sidebar Link Five" content=""/>
  115. <meta name="text:Sidebar Link Five URL" content=""/>
  116. <meta name="text:Sidebar Six One" content=""/>
  117. <meta name="text:Sidebar Link Six URL" content=""/>
  118. <meta name="text:Sidebar Link Seven" content=""/>
  119. <meta name="text:Sidebar Link Seven URL" content=""/>
  120. <meta name="text:Sidebar Link Eight" content=""/>
  121. <meta name="text:Sidebar Link Eight URL" content=""/>
  122.  
  123.  
  124.  
  125. <!-- SELECT -->
  126. <meta name="select:Lightbox" content="0,0,0," title="Black">
  127. <meta name="select:Lightbox" content="255,255,255," title="White">
  128.  
  129.  
  130.  
  131. <!-- SCRIPTS -->
  132. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  133.  
  134. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  135.  
  136. <script>
  137. $container.infinitescroll({
  138. itemSelector: '.posts',
  139. navSelector: '.pagination',
  140. nextSelector: '.pagination a',
  141. loadingImg: '',
  142. loadingText: '<em></em>',
  143. bufferPx: 2000
  144. },
  145. function( newElements ) {
  146. var $newElems = $(newElements);
  147. var $newElemsIDs = $newElems.map(function(){
  148. return this.id;
  149. }).get();
  150. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  151. });
  152. </script>
  153.  
  154. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  155.  
  156. <!-- TIPPY JS -->
  157. <script src="https://unpkg.com/popper.js@1"></script>
  158. <script src="https://unpkg.com/tippy.js@5"></script>
  159. <script>
  160. $(document).ready(function(){
  161. tippy('[title]', {
  162. arrow: false,
  163. placement: 'top',
  164. delay: 5,
  165. distance: 10,
  166. maxWidth: 300,
  167.  
  168. followCursor: true,
  169. allowHTML: true,
  170. theme: 'custom',
  171. ignoreAttributes: true,
  172. content(reference) {
  173. const title = reference.getAttribute('title');
  174. reference.removeAttribute('title');
  175. return title;
  176. },
  177. });
  178. });
  179. </script>
  180.  
  181. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  182.  
  183. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  184.  
  185. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i|Roboto+Slab:400" rel="stylesheet">
  186.  
  187. <!-- STYLESHEET -->
  188. <style type="text/css">
  189.  
  190. @font-face {font-family: 'selima'; src: url('https://dl.dropboxusercontent.com/s/h57tdn8i3obhtx5/selima.ttf') format('truetype');font-weight: normal;font-style: normal;}
  191.  
  192. /* --- SCROLLBAR ---*/
  193.  
  194. ::-webkit-scrollbar {width:16px;background-color:{color:Background};}
  195.  
  196. ::-webkit-scrollbar-track {background-color:{color:Text};border:7px solid {color:Background};}
  197.  
  198. ::-webkit-scrollbar-thumb {min-width:25px;background-color:{color:Accent One};border:7px solid {color:Background};}
  199.  
  200. /* --- SELECTION ---*/
  201.  
  202. ::-moz-selection {color:{color:Background};background:{color:Accent Two};}
  203.  
  204. ::selection {color:{color:Background};background:{color:Accent Two};}
  205.  
  206. /* --- Tooltips ---*/
  207.  
  208. .tippy-tooltip.custom-theme {
  209. $tooltipBg: {color:Accent Two};
  210. background-color: {color:Accent Two};
  211. color:{color:Background};
  212. border-radius:5%;
  213. font-size:8pt;
  214. margin-left:100px;
  215. }
  216.  
  217. /* --- TUMBLR TOOLS --- */
  218.  
  219. {block:IndexPage}
  220. iframe.tmblr-iframe {
  221. top:30px!important;
  222. right:5px!important;
  223. opacity:0;
  224. padding:0px 50px 30px 0px;
  225. z-index:15!important;
  226. transform:scale(0.5);
  227. transform-origin:100% 0;
  228. -webkit-transform:scale(0.5);
  229. -webkit-transform-origin:100% 0;
  230. -o-transform:scale(0.5);
  231. -o-transform-origin:100% 0;
  232. -moz-transform:scale(0.5);
  233. -moz-transform-origin:100% 0;
  234. -ms-transform:scale(0.5);
  235. -ms-transform-origin:100% 0;
  236. transition:0.2s ease-in-out;
  237. -webkit-transition:0.2s ease-in-out;
  238. -moz-transition:0.2s ease-in-out;
  239. {block:IfInvertTumblrControls}
  240. filter:invert(1);
  241. -webkit-filter:invert(1);
  242. -o-filter:invert(1);
  243. -moz-filter:invert(1);
  244. -ms-filter:invert(1);
  245. {/block:IfInvertTumblrControls}
  246. }
  247.  
  248. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  249.  
  250. .tcontrols {
  251. position:fixed;
  252. top:35px;
  253. right:15px;
  254. z-index:14;
  255. transition:0.2s ease-in-out;
  256. -webkit-transition:0.2s ease-in-out;
  257. -moz-transition:0.2s ease-in-out;
  258. }
  259.  
  260. .tcontrols {
  261. color:{color:Text};
  262. font-size:10.5pt;
  263. font-weight:700;}
  264.  
  265. {/block:IndexPage}
  266.  
  267. {block:PermalinkPage}
  268. iframe.tmblr-iframe {
  269. top:20px!important;
  270. right:-65px!important;
  271. opacity:0.5;
  272. z-index:15!important;
  273. transform:scale(0.48);
  274. {block:IfInvertTumblrControls}
  275. filter:invert(1);
  276. -webkit-filter:invert(1);
  277. -o-filter:invert(1);
  278. -moz-filter:invert(1);
  279. -ms-filter:invert(1);
  280. {/block:IfInvertTumblrControls}
  281. }
  282. {/block:PermalinkPage}
  283.  
  284. /* --- BODY --- */
  285.  
  286. body {
  287. margin:0px;
  288. padding:0px;
  289. font-family:'Open Sans', sans-serif;
  290. color:{color:Text};
  291. font-size:10pt;
  292. font-weight:400;
  293. line-height:140%;
  294. font-weight:normal;
  295. word-wrap:normal;
  296. text-align:left;
  297. background:{color:Background};
  298. }
  299.  
  300. a {
  301. color:{color:Links};
  302. text-decoration:none;
  303. border:0;
  304. cursor:help;
  305. transition:0.2s ease-in-out;
  306. -webkit-transition:0.2s ease-in-out;
  307. -moz-transition:0.2s ease-in-out;
  308. }
  309.  
  310. b,strong {font-weight:700;}
  311. i,italic {font-style:italic;color:{color:Accent One};}
  312. em {font-style:italic;color:{color:Accent Two};}
  313. small {font-size:10pt;}
  314. big {font-size:10pt;}
  315.  
  316. .et {
  317. background:transparent;
  318. color:{color:Text};
  319. background:transparent;
  320. right:-5px;
  321. bottom:0px;
  322. padding:5px;
  323. position:fixed;
  324. letter-spacing:1px;
  325. opacity:0.4;
  326. }
  327.  
  328. .et a {
  329. color:{color:Text};
  330. text-decoration:none;
  331. border:0px;
  332. }
  333.  
  334. hr.divider, hr, hr.separator {
  335. display: block;
  336. margin-top: 0.5em;
  337. margin-bottom: 0.5em;
  338. margin-left: auto;
  339. margin-right: auto;
  340. border-style: inset;
  341. border-color:{color:Text};
  342. border-bottom: 1px;
  343. }
  344.  
  345. pre {
  346. white-space: pre-wrap;
  347. white-space: -moz-pre-wrap;
  348. white-space: -pre-wrap;
  349. white-space: -o-pre-wrap;
  350. word-wrap: break-word;
  351. }
  352.  
  353. /* --- TOPBAR --- */
  354.  
  355. .topbar {
  356. position:fixed;
  357. top:0px;
  358. left:0px;
  359. width:100%;
  360. padding:10px 0px;
  361. background:{color:Topbar Background};
  362. z-index:5;
  363. }
  364.  
  365. .topleft {
  366. display:inline-block;
  367. margin-right:10px;
  368. width:calc(50% - 60px);
  369. text-align:right;
  370. }
  371.  
  372. .topright {
  373. display:inline-block;
  374. margin-left:10px;
  375. text-align:left;
  376. width:calc(50% - 40px);
  377. }
  378.  
  379. .topleft a, .topright a {
  380. font-size:calc(10pt - 1pt);
  381. color:{color:Topbar Links};
  382. text-transform:lowercase;
  383. font-style:italic;
  384. margin:0px 15px;
  385. padding:0px 10px 5px 10px;
  386. border-bottom:2px solid {color:Topbar Background};
  387. transition:0.2s ease-in-out;
  388. -webkit-transition:0.2s ease-in-out;
  389. -moz-transition:0.2s ease-in-out;
  390. }
  391.  
  392. .topleft a:hover, .topright a:hover {border-bottom:2px solid {color:Accent One};}
  393.  
  394. .topavatar {
  395. display:inline-block;
  396. vertical-align:middle;
  397. width:70px;
  398. height:70px;
  399. }
  400.  
  401. .topavatar img {width:70px;height:70px;border-radius:50%;}
  402.  
  403. {block:IfTopbarTitleFadeIn}
  404. #topbartitle {position:fixed;top:36px;}
  405.  
  406. .tbtitle {
  407. position:fixed;
  408. z-index:1;
  409. font-style:italic;
  410. text-transform:uppercase;
  411. font-size:12pt;
  412. font-weight:bold;
  413. color:{color:Links};
  414. padding:0px 30px 0px 0px;
  415. border-right:2px solid {color:Accent Two};
  416. transition:.2s ease-in-out;
  417. -webkit-transition:.2s ease-in-out;
  418. -moz-transition:.2s ease-in-out;
  419. }
  420.  
  421. .hide {opacity:0;left:45px;}
  422.  
  423. .show {opacity:1;left:45px;}
  424. {/block:IfTopbarTitleFadeIn}
  425.  
  426. /* --- HEADER --- */
  427.  
  428. .header_rep {
  429. margin:0 auto;
  430. margin-top:90px;
  431. width:100%;
  432. height:450px;
  433. background-image: url('{image:Header}');
  434. background-position:center top;
  435. background-repeat:repeat-x;
  436. }
  437.  
  438. .header {
  439. margin:0 auto;
  440. margin-top:-450px;
  441. width:1200px;
  442. height:450px;
  443. background-image: url('{image:Header}');
  444. background-position:center top;
  445. background-repeat:no-repeat;
  446. }
  447.  
  448. {block:IfHeaderLogo}
  449. .header_title {
  450. display:inline-block;
  451. margin-top:{text:Header Title Top}px;
  452. margin-left:{text:Header Title Left}px;
  453. display:inline-block;
  454. font-family:'selima';
  455. color:{color:Header Logo Text};
  456. font-size:45pt;
  457. line-height:40px;
  458. padding:10px 20px 15px 20px;
  459. background:rgba({text:Header Logo Background}{text:Header Logo BG Opacity});
  460. outline:1px solid rgba({text:Header Logo Background}1.1);
  461. outline-offset:8px;
  462. }
  463. {block:IfHeaderLogo}
  464.  
  465. /* --- CONTAINER --- */
  466.  
  467. .container {
  468. margin:0 auto;
  469. padding-top:30px;
  470. width:calc(240px + 240px + 600px + 100px);
  471. background:{color:Container};
  472. }
  473.  
  474. #end {
  475. clear:both;
  476. text-align:center;
  477. }
  478.  
  479. /* --- SIDEBARS --- */
  480.  
  481. .sidebarleft {float:left;}
  482.  
  483. .sidebarright {float:right;}
  484.  
  485. .sidebarleft, .sidebarright {width:260px;padding:10px;background:{color:Container};}
  486.  
  487. .side {
  488. padding:10px;
  489. margin-bottom:40px;
  490. text-align:center;
  491. background:{color:Content};
  492. {block:IfBoxShadows}
  493. box-shadow:0px 0px 10px #dedede;
  494. {/block:IfBoxShadows}
  495. }
  496.  
  497. .sidetitle {
  498. width:240px;
  499. height:50px;
  500. background-position:center center;
  501. background-repeat:no-repeat;
  502. color:{color:Titles Text};
  503. text-align:center;
  504. }
  505.  
  506. .titleborder {
  507. width:240px;
  508. height:3px;
  509. background-image: url('{image:Header}');
  510. background-position:top center;
  511. background-repeat:repeat-x;
  512. background-size:200px auto;
  513. margin:0px 0px 20px 0px;
  514. }
  515.  
  516. .side:nth-of-type(1n + 1) .sidetitle {background-image: url('{image:Title Image One}');}
  517.  
  518. .side:nth-of-type(2n + 2) .sidetitle {background-image: url('{image:Title Image Two}');}
  519.  
  520. .side:nth-of-type(3n + 3) .sidetitle {background-image: url('{image:Title Image Three}');}
  521.  
  522. .side:nth-of-type(4n + 4) .sidetitle {background-image: url('{image:Title Image Four}');}
  523.  
  524. .stitle {position:relative;top:16px;text-transform:uppercase;font-size:8pt;letter-spacing:0.5px;}
  525.  
  526. .stitle::before {position:relative;top:-1px;font-size:9pt;content: "[\00a0\00a0\00a0\00a0\00a0";}
  527.  
  528. .stitle::after {position:relative;top:-1px;font-size:9pt;content: "\00a0\00a0\00a0\00a0\00a0]";}
  529.  
  530. /* --- SIDEBAR LEFT EXTRAS --- */
  531.  
  532. .welcome img {width:240px;height:200px;border:0;}
  533.  
  534. .welcomename {
  535. position:relative;
  536. top:-108px;
  537. text-transform:uppercase;
  538. font-size:10pt;
  539. color:{color:Welcome Name};
  540. letter-spacing:0.5px;
  541. margin-bottom:-10px;
  542. }
  543.  
  544. .wid {
  545. text-align:left;
  546. margin-bottom:0px;
  547. }
  548.  
  549. .wid span {padding-right:5px;}
  550.  
  551. .wid_status {
  552. position:relative;
  553. top:-16px;
  554. display:block;
  555. text-align:right;
  556. padding-bottom:8px;
  557. border-bottom:1px solid {color:Accent Gray};
  558. margin-bottom:-5px;
  559. }
  560.  
  561. .navigation {display:inline-block;text-transform:uppercase;font-size:14pt;padding:10px 0px 15px 0px;}
  562.  
  563. .navigation i {
  564. color:{color:Text}!important;
  565. margin:0px 10px;
  566. transition:0.2s ease-in-out;
  567. -webkit-transition:0.2s ease-in-out;
  568. -moz-transition:0.2s ease-in-out;
  569. }
  570.  
  571. .navigation i:hover {color:{color:Accent One}!important;}
  572.  
  573. .recommended {font-style:italic;margin-bottom:10px;}
  574.  
  575. .recommended img {width:240px;height:145px;border:0;}
  576.  
  577. .recinfo {
  578. position:relative;
  579. top:-15px;
  580. text-transform:uppercase;
  581. font-size:9pt;
  582. font-weight:600;
  583. display:inline-block;
  584. padding:5px 10px;
  585. border:1px solid {color:Accent Gray};
  586. background:{color:Content};
  587. }
  588.  
  589. .recinfo h1 {
  590. text-transform:uppercase;
  591. font-size:9pt;
  592. letter-spacing:0.5px;
  593. font-weight:400;
  594. margin-bottom:-3px;
  595. }
  596.  
  597. .siteinfo {text-align:left!important;}
  598.  
  599. ul.siteinfo {margin-left:-40px;list-style-type:none;text-align:left;}
  600.  
  601. .siteinfo li {padding:15px 0px;border-bottom:1px solid {color:Accent Gray};}
  602.  
  603. .siteinfo li:first-of-type {padding-top:0;}
  604. .siteinfo li:last-of-type {padding-bottom:0;border-bottom:0px;}
  605.  
  606. .siteinfo b {font-weight:bold;}
  607.  
  608. /* --- SIDEBAR RIGHT EXTRAS --- */
  609.  
  610. .featured {text-align:center;}
  611.  
  612. .featured img {margin:0px 2px 1px 1px!important;}
  613.  
  614. .quicktag {height:115px;width:115px;display:inline-block;text-align:center;}
  615.  
  616. .quicktag h1 {display:inline-block;position:relative;top:-50px;left:0;font-size:calc(10pt - 2.5pt);background:{color:Content};padding:0px 5px 1px 5px;letter-spacing:0px;}
  617.  
  618. .todolist {text-align:left;margin:0px 0px 8px 0px;}
  619.  
  620. .todolist span {padding-right:5px;}
  621.  
  622. .updates {text-align:left;margin-bottom:10px;line-height:170%;}
  623.  
  624. .updates b {
  625. display:inline-block;
  626. padding:3px 6px;
  627. color:{color:Titles Text};
  628. background:{color:Accent One};
  629. }
  630.  
  631. .affiliates img {height:65px;width:65px;margin:0px 1px 0px 0px!important;}
  632.  
  633. .projects {font-style:italic;margin-bottom:10px;}
  634.  
  635. .projects img {width:240px;height:145px;border:0;}
  636.  
  637. .projectinfo {
  638. width:190px;
  639. position:relative;
  640. top:-15px;
  641. left:13px;
  642. padding:5px 10px;
  643. border:1px solid {color:Accent Gray};
  644. background:{color:Content};
  645. color:{color:Links};
  646. text-decoration:none;
  647. }
  648.  
  649. .projectinfo h1 {
  650. text-transform:uppercase;
  651. font-size:9pt;
  652. letter-spacing:0.5px;
  653. font-weight:400;
  654. margin-bottom:-3px;
  655. }
  656.  
  657. .projects a {display:inline-block;background:{color:Links};color:{color:Content};padding:1px 5px;margin:3px 0px 0px 0px;font-size:9pt;}
  658.  
  659. .projects a:hover {background:{color:Content};color:{color:Text};}
  660.  
  661. /* --- POSTS --- */
  662.  
  663. .posts {
  664. margin:0 auto;
  665. width:560px;
  666. float:right;
  667. margin:10px 30px 0px 0px;
  668. }
  669.  
  670. .ipost_container {{block:IfBoxShadows}box-shadow:0px 0px 10px #dedede;{/block:IfBoxShadows}}
  671.  
  672. .iposts {min-height:50px;padding:10px;background:{color:Content};}
  673.  
  674. .ipostpxu {width:calc(540px - 2px);}
  675.  
  676. .stphoto img {max-width:100%;}
  677.  
  678. iframe, img, embed, object, video {max-width:100%;}
  679.  
  680. iframe.tumblr_audio_player {margin:0px 0px;!important}
  681.  
  682. .textpost img {max-width:100%;height:auto;}
  683.  
  684. img {border:0;max-width:100%;height:auto}
  685.  
  686. .vine-embed {width:540px;}
  687.  
  688. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  689.  
  690. .caption {width:calc(540px - 20px);margin-left:10px;}
  691.  
  692. /* --- POSTS --- */
  693.  
  694. .postinfo {
  695. width:530px;
  696. color:{color:Text};
  697. text-align:left;
  698. background:{color:Content};
  699. padding:20px 10px 10px 20px;
  700. }
  701.  
  702. /* --- POST CONTROL --- */
  703.  
  704. .postcontrol {
  705. position:relative;
  706. float:right;
  707. top:-5px;
  708. margin-right:0px;
  709. width:80px
  710. overflow:hidden;
  711. text-align:center;
  712. }
  713.  
  714. .postcontrol i {
  715. padding:1px 1px 1px 3px;
  716. display:block;
  717. overflow:hidden;
  718. color:{color:Text};
  719. }
  720.  
  721. .postcontrol a {display:inline-block;}
  722.  
  723. .postcontrol .reblog {
  724. margin-top:0px;
  725. letter-spacing:0.5pt;
  726. }
  727.  
  728. .like {position:relative;top:6px;}
  729.  
  730. .postcontrol .like .liked + i {opacity:1;}
  731.  
  732. .postcontrol .like .liked + i {color:{color:Accent One}!important;}
  733.  
  734. .postcontrol .like .like_button {position:relative;}
  735.  
  736. .postcontrol .like .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0.000001;}
  737. /* --- POST TAGS ---*/
  738.  
  739. .posttags {
  740. margin:0px 0px 80px 0px;
  741. width:540px;
  742. padding:20px 10px 50px 10px;
  743. text-transform:uppercase;
  744. font-size:7pt;
  745. text-align:center;
  746. font-style:italic;
  747. background:{color:Content};
  748. }
  749.  
  750. .posttags a {margin:0px 4px;color:{color:Links};}
  751.  
  752. .posttags a:hover {margin:0px 4px;color:{color:Accent Two}!important;}
  753.  
  754. .postborder {
  755. position:relative;
  756. {block:IndexPage}top:20px;{block:IndexPage}
  757. {block:PermalinkPage}top:50px;{block:PermalinkPage}
  758. left:50px;
  759. width:440px;
  760. height:3px;
  761. padding:0px;
  762. margin:0px;
  763. background-image: url('{image:Header}');
  764. background-position:top center;
  765. background-repeat:repeat-x;
  766. background-size:350px auto;
  767. }
  768.  
  769. /* --- POST STYLES --- */
  770.  
  771. h1, h2, h3 {
  772. color:{color:Text};
  773. font-size:13pt;
  774. letter-spacing:1px;
  775. font-weight:400;
  776. font-style:italic;
  777. margin:0px 0px -5px 0px;
  778. }
  779.  
  780. h1, h2 {text-transform:uppercase;}
  781.  
  782. h3 {line-height:170%;font-size:11pt!important;margin-bottom:10px;}
  783.  
  784. blockquote {
  785. padding:2px 0px 2px 10px;
  786. text-decoration:none;
  787. border-left:1px solid {color:Text};
  788. margin:5px 0;
  789. }
  790.  
  791. blockquote img {
  792. max-width:100%;
  793. display:block;
  794. margin-bottom:5px;
  795. }
  796.  
  797. .chat {text-align:left;text-transform:uppercase;}
  798.  
  799. ul.chat {margin-left:-40px;}
  800.  
  801. .chat li {list-style-type:none;}
  802.  
  803. .chat li:nth-child(odd) {background:{color:Content};color:{color:Text};padding:10px;}
  804.  
  805. .chat li:nth-child(even) {background:{color:Accent One};color:{color:Background};padding:10px;}
  806.  
  807. .link_host {margin:0px 0px 10px 0px;}
  808.  
  809. .linkpost h2 {margin:0px;}
  810.  
  811. .linkpost i {color:{color:Text};}
  812.  
  813. /* --- AUDIO POSTS --- */
  814.  
  815. .audio {
  816. height:70px;
  817. padding:21px 10px 0px 10px;
  818. border:1px solid {color:Accent Gray};
  819. background:{color:Content};
  820. }
  821.  
  822. .button {
  823. position:relative;
  824. width:30px;
  825. height:30px;
  826. overflow:hidden;
  827. margin:10px 9px 8px 9px;
  828. z-index:3;
  829. }
  830.  
  831. .audiobox {
  832. float:left;
  833. margin:0px;
  834. border-radius:50%;
  835. background-color:#f2f2f2;
  836. z-index:2;
  837. }
  838.  
  839. .audioinfo {width:calc(100% - 100px - 91px);display:inline-block;text-transform:lowercase;padding:7px 0px 0px 30px;color:{color:Accent Two};}
  840.  
  841. .audioinfo h1 {font-size:10pt;font-weight:bold;margin:0px 0px -20px 0px;}
  842.  
  843. .albumart {float:right;position:relative;top:-10px;}
  844.  
  845. .albumart img {height:71px;width:71px;}
  846.  
  847. .spotify_audio_player {height:80px!important;}
  848.  
  849. /* --- QUESTIONS ---*/
  850.  
  851. .asker {text-align:left;}
  852.  
  853. .askername {
  854. display:inline-block;
  855. padding:10px;
  856. color:{color:Background};
  857. background:{color:Accent One};
  858. margin-bottom:0px;
  859. }
  860.  
  861. .askername a {color:{color:Background};background:{color:Accent One};}
  862.  
  863. .question {margin:0px;padding:10px;border-left:1px solid {color:Accent One};}
  864.  
  865. /* --- PAGINATION --- */
  866.  
  867. .pagination {
  868. margin:-30px 0px 50px 0px;
  869. padding:10px;
  870. text-align:center;
  871. color:{color:Text};
  872. background:{color:Content};
  873. }
  874.  
  875. .pagination b {
  876. text-transform:uppercase;
  877. font-weight:normal!important;
  878. }
  879.  
  880. .pagination a {
  881. display:inline-block;
  882. color:{color:Text};
  883. padding:2px 3px 2px 0px;
  884. }
  885.  
  886. .pagination .current {
  887. display:inline-block;
  888. margin:8px;
  889. color:{color:Text};
  890. min-width:15px;
  891. }
  892.  
  893. .current_page {
  894. display:inline-block;
  895. color:{color:Titles Text};
  896. background:{color:Accent One};
  897. padding:2px 8px 2px 8px;
  898. margin:0px 4px;
  899. font-weight:bold;
  900. }
  901.  
  902. .pagination a.jump {
  903. font-size:7.5pt;
  904. line-height:7.5pt;
  905. color:{color:Text};
  906. min-width:15px;
  907. }
  908.  
  909. /* --- LIGHTBOXES ---*/
  910.  
  911. .vignette, #vignette {opacity:0;}
  912.  
  913. .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;-moz-box-sizing:border-box;box-sizing:border-box;}
  914.  
  915. .tmblr-lightbox, #tumblr_lightbox {background-color:rgba({select:Lightbox}.90) !important;}
  916.  
  917. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  918.  
  919. /* --- FOOTER --- */
  920. {block:IfFooter}
  921. footer {
  922. margin:0 auto;
  923. margin:0px 0px 20px 0px;
  924. width:calc(240px + 240px + 600px + 100px);
  925. height:115px;
  926. background-image: url('{image:Footer}');
  927. background-position:center top;
  928. background-repeat:repeat-x;
  929. }
  930. {/block:IfFooter}
  931.  
  932. /* ---PERMALINK NOTES --- */
  933.  
  934. ol.notes {
  935. padding:60px 0px 0px 0px;
  936. margin:-80px 0px 25px 0px;
  937. list-style-type: none;
  938. border-bottom: solid 0px;
  939. letter-spacing:1px;
  940. background:{color:Content};
  941. width:560px;
  942. }
  943.  
  944. .notes a {color:{color:Text};}
  945. .notes a:hover {color:{color:Text};}
  946.  
  947. ol.notes li.note {
  948. display:block;
  949. border-top:solid 1px {color:Accent Gray};
  950. padding:10px;
  951. list-style-type:none!important;
  952. }
  953.  
  954. ol.notes li.note img.avatar {
  955. vertical-align:-4px;
  956. margin-right:10px;
  957. width:15px;
  958. height:15px;
  959. display:inline-block;
  960. }
  961.  
  962. ol.notes li.note span.action {font-weight: normal;}
  963.  
  964. ol.notes li.note .answer_content {font-weight: normal;}
  965.  
  966. ol.notes li.note blockquote {
  967. border-color: {color:Text};
  968. padding: 4px 10px;
  969. margin: 10px 0px 0px 25px;
  970. }
  971.  
  972. ol.notes li.note blockquote a {text-decoration: none;}
  973.  
  974. /* --- SCROLL TO TOP --- */
  975.  
  976. #scrollToTop {
  977. display:none;
  978. position:fixed;
  979. bottom:30px;
  980. right:15px;
  981. }
  982.  
  983. #scrollToTop span {
  984. color:{color:Text};
  985. font-size:12pt;
  986. display:inline-block;
  987. padding:5px;
  988. transition:0.2s ease-in-out;
  989. -webkit-transition:0.2s ease-in-out;
  990. -moz-transition:0.2s ease-in-out;
  991. }
  992.  
  993. {CustomCSS}
  994. </style>
  995.  
  996. </head>
  997. <body>
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004. <!-- START TOPBAR -->
  1005. <div class="topbar">
  1006.  
  1007.  
  1008. <div class="topleft">
  1009. <a href="/">Home</a>
  1010. <a href="/faq">Ask</a>
  1011. <a href="https://chrissyteigenweb.com/">Website</a>
  1012. <a href="https://chrissyteigenweb.com/gallery/">Gallery</a>
  1013. </div>
  1014.  
  1015. <div class="topavatar"><img src="{image:Avatar}" /></div>
  1016.  
  1017. <div class="topright">
  1018. <a href="https://chrissyteigencloset.tumblr.com/">Closet</a>
  1019. <a href="https://twitter.com/teigenpictures">Twitter</a>
  1020. <a href="/apply">Apply</a>
  1021. <a href="/disclaimer">Disclaimer</a>
  1022.  
  1023. </div>
  1024.  
  1025. </div>
  1026. {block:IndexPage}<div class="tcontrols">+</div>{/block:IndexPage}
  1027. <!-- END TOPBAR -->
  1028.  
  1029.  
  1030.  
  1031. <!-- START HEADER -->
  1032. <div class="header_rep"></div>
  1033. <div class="header">
  1034.  
  1035. </div>
  1036. <!-- END HEADER -->
  1037.  
  1038.  
  1039.  
  1040. <!-- START CONTAINER -->
  1041. <div class="container">
  1042.  
  1043.  
  1044.  
  1045.  
  1046. <!------------------ START LEFT SIDEBAR ------------------>
  1047. <div class="sidebarleft">
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <!-- Welcome -->
  1055. {block:IfWelcome}
  1056. <div class="side">
  1057. <div class="sidetitle"><div class="stitle">Welcome</div></div>
  1058. <div class="titleborder"></div>
  1059. <div class="welcome">
  1060.  
  1061. <img src="{image:Sidebar}" />
  1062. <div class="welcomename">{text:Blog Name}</div>
  1063.  
  1064. {Description}
  1065.  
  1066. </div>
  1067. </div>
  1068. {/block:IfWelcome}
  1069. <!-- Welcome End -->
  1070.  
  1071.  
  1072.  
  1073.  
  1074. <!-- Navigation -->
  1075. {block:IfNavigation}
  1076. <div class="side">
  1077. <div class="sidetitle"><div class="stitle">Official Links</div></div>
  1078. <div class="titleborder"></div>
  1079.  
  1080. <div class="navigation">
  1081. <a href="https://cravingsbychrissyteigen.com/" class="offciallinks"><i class="fas fa-globe offcialicon"></i></a>
  1082.  
  1083. <a href="https://www.instagram.com/chrissyteigen/" class="offciallinks"><i class="fab fa-instagram offcialicon"></i></a>
  1084.  
  1085. <a href="https://twitter.com/chrissyteigen" class="offciallinks"><i class="fab fa-twitter offcialicon"></i></a>
  1086. </div>
  1087.  
  1088. </div>
  1089. {/block:IfNavigation}
  1090. <!-- Navigation End -->
  1091.  
  1092.  
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098. <!-- EDIT RECOMMENDED BLOGS HERE-->
  1099.  
  1100. <!---
  1101.  
  1102. 1. To add more sections, copy from "Recommended Start" to "Recommended End" and paste after the last section
  1103.  
  1104. 2. To edit the blog image, change the 240X145px image under "Blog Image"
  1105.  
  1106. 3. To edit the blog name, edit between the <h1> and </h1>
  1107.  
  1108. 4. To edit the blog url add the related URL in place of the "#" and add the link title in place of the "BLOG NAME"
  1109.  
  1110. ----->
  1111.  
  1112. <!--------------- START RECOMMENDED BLOGS BELOW --------------->
  1113.  
  1114.  
  1115. <!-- Recommended Section -->
  1116. {block:IfRecommended}
  1117. <div class="side">
  1118. <div class="sidetitle"><div class="stitle">Family Sites</div></div>
  1119. <div class="titleborder"></div>
  1120.  
  1121.  
  1122. <!-- Recommended Start -->
  1123. <div class="recommended">
  1124. <!-- Blog Image Below -->
  1125. <img src="https://static.tumblr.com/zvesamf/bGAq7kjal/family_2.jpg">
  1126. <div class="recinfo">
  1127. <h1>Iskra Lawrence Daily</h1>
  1128. <a href="http://iskralawrencedaily.tumblr.com/">iskralawrencedaily.tumblr.com</a>
  1129. </div>
  1130. </div>
  1131. <!-- Recommended End -->
  1132.  
  1133.  
  1134.  
  1135. <!-- Recommended Start -->
  1136. <div class="recommended">
  1137. <!-- Blog Image Below -->
  1138. <img src="https://static.tumblr.com/zvesamf/7wqq7kjal/family_1.jpg">
  1139. <div class="recinfo">
  1140. <h1>Ashley Graham Web</h1>
  1141. <a href="https://ashleygrahamweb.tumblr.com/">ashleygrahamweb.tumblr.com</a>
  1142. </div>
  1143. </div>
  1144. <!-- Recommended End -->
  1145.  
  1146.  
  1147. </div>
  1148. {/block:IfRecommended}
  1149. <!-- Recommended Section End-->
  1150.  
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157. <!-- Site Info -->
  1158. {block:IfSiteInfo}
  1159. <div class="side">
  1160. <div class="sidetitle"><div class="stitle">Site Info</div></div>
  1161. <div class="titleborder"></div>
  1162.  
  1163. <ul class="siteinfo">
  1164. <li><b>About:</b> Chrissy Teigen</li>
  1165. <li><b>Established:</b> May 25th 2017</li>
  1166. <li><b>Owner:</b> <a href="https://moonxfeather.tumblr.com/">Sushi</a></li>
  1167. <li><b>Contact:</b> <a href="mailto:contact@iskradaily.com">E-Mail</a></li>
  1168. <li><b>Theme:</b> <a href="https://ethereal-themes.tumblr.com">ethereal</a></li>
  1169.  
  1170. </ul>
  1171.  
  1172. </div>
  1173. {/block:IfSiteInfo}
  1174. <!-- Site Info End -->
  1175.  
  1176.  
  1177. </div>
  1178. <!-- END LEFT SIDEBAR -->
  1179.  
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193. <!-- START RIGHT SIDEBAR -->
  1194. <div class="sidebarright">
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201.  
  1202. <!-- Quick Tags Face Claims -->
  1203. {block:IfFaceClaims}
  1204. <div class="side">
  1205. <div class="sidetitle"><div class="stitle">Quick Tags</div></div>
  1206. <div class="titleborder"></div>
  1207. <div class="featured">
  1208.  
  1209. <div class="quicktag">
  1210. <a title="aerie" href="/tagged/kids"><img src="https://static.tumblr.com/zvesamf/ubyq7kjas/tags_6.jpg" /><h1>Kids</h1></a>
  1211. </div>
  1212.  
  1213. <div class="quicktag">
  1214. <a title="photoshoots" href="/tagged/love"><img src="https://static.tumblr.com/zvesamf/P3Hq7kjaq/tags_2.jpg" /><h1>Love</h1></a>
  1215. </div>
  1216.  
  1217. <div class="quicktag">
  1218. <a title="instagram" href="/tagged/instagram"><img src="https://static.tumblr.com/zvesamf/590q7kjar/tags_5.jpg" /><h1>Instagram</h1></a>
  1219. </div>
  1220.  
  1221. <div class="quicktag">
  1222. <a title="love" href="/tagged/photoshoots"><img src="https://static.tumblr.com/zvesamf/gNPq7kjap/tags_1.jpg" /><h1>Photoshoots</h1></a>
  1223. </div>
  1224.  
  1225. <div class="quicktag">
  1226. <a title="videos" href="/tagged/videos"><img src="https://static.tumblr.com/zvesamf/0WDq7kjaq/tags_3.jpg" /><h1>Videos</h1></a>
  1227. </div>
  1228.  
  1229. <div class="quicktag">
  1230. <a title="baby" href="/tagged/gallery"><img src="https://static.tumblr.com/zvesamf/RLiq7kjar/tags_4.jpg" /><h1>Gallery</h1></a>
  1231. </div>
  1232.  
  1233. </div>
  1234. </div>
  1235. {/block:IfFaceClaims}
  1236. <!-- Quick Tags Face Claims End -->
  1237.  
  1238.  
  1239.  
  1240.  
  1241.  
  1242.  
  1243.  
  1244.  
  1245.  
  1246.  
  1247. <!-- EDIT UPDATES HERE-->
  1248.  
  1249. <!---
  1250.  
  1251. 1. To add more updates, copy from "Update Section Start" to "Update Section End" and paste after the last section
  1252.  
  1253. 2. To edit the date, replace the "MM/DD/YYYY" between the <b> and </b> with your desired date
  1254.  
  1255. 3. To edit the description, replace the "Lorem ipsum dolor..." place holder text with your desired text
  1256.  
  1257. ----->
  1258.  
  1259. <!--------------- START UPDATES BELOW --------------->
  1260.  
  1261. <!-- Updates -->
  1262. {block:IfUpdates}
  1263. <div class="side">
  1264. <div class="sidetitle"><div class="stitle">Updates</div></div>
  1265. <div class="titleborder"></div>
  1266.  
  1267.  
  1268. <!-- Update Section Start -->
  1269. <div class="updates">
  1270. <b>MM/DD/YYYY</b> Lorem ipsum dolor sit amet, consectetur elit.
  1271. </div>
  1272. <!-- Update Section End -->
  1273.  
  1274.  
  1275. <!-- Update Section Start -->
  1276. <div class="updates">
  1277. <b>MM/DD/YYYY</b> Lorem ipsum dolor sit amet, consectetur elit.
  1278. </div>
  1279. <!-- Update Section End -->
  1280.  
  1281.  
  1282. <!-- Update Section Start -->
  1283. <div class="updates">
  1284. <b>MM/DD/YYYY</b> Lorem ipsum dolor sit amet, consectetur elit.
  1285. </div>
  1286. <!-- Update Section End -->
  1287.  
  1288.  
  1289. </div>
  1290. {/block:IfUpdates}
  1291. <!-- Updates End -->
  1292.  
  1293.  
  1294.  
  1295.  
  1296.  
  1297.  
  1298.  
  1299.  
  1300.  
  1301. <!-- EDIT AFFILIATES HERE-->
  1302.  
  1303. <!---
  1304.  
  1305. 1. To add more affiliates copy from "<a title=..." to </a> and paste after the last section
  1306.  
  1307. 2. To edit the blog name tooltip hover, replace the "blog name" after the title= with your desired text
  1308.  
  1309. 3. To edit the 65X65 affiliate image, replace the placehold.it place holder image with your desired image
  1310.  
  1311. ----->
  1312.  
  1313. <!--------------- START AFFILIATES BELOW --------------->
  1314.  
  1315. <!-- Affiliates -->
  1316. {block:IfAffiliates}
  1317. <div class="side">
  1318. <div class="sidetitle"><div class="stitle">Affiliates</div></div>
  1319. <div class="titleborder"></div>
  1320. <div class="affiliates">
  1321.  
  1322. <a href="https://tatjanawerth.tumblr.com/" title="tatjanawerth"><img src="https://api.tumblr.com/v2/blog/tatjanawerth.tumblr.com/avatar/512"></a>
  1323.  
  1324. <a href="https://teamjensonbutton.tumblr.com/" title="teamjensonbutton"><img src="https://api.tumblr.com/v2/blog/teamjensonbutton.tumblr.com/avatar/512"></a>
  1325.  
  1326. <a href="https://palvin-news.tumblr.com/" title="palvin-news"><img src="https://api.tumblr.com/v2/blog/palvin-news.tumblr.com/avatar/512"></a>
  1327.  
  1328. <a href="https://teamemilydidonato.tumblr.com/" title="teamemilydidonato"><img src="https://api.tumblr.com/v2/blog/teamemilydidonato.tumblr.com/avatar/512"></a>
  1329.  
  1330. <a href="https://mcnamaraonline.tumblr.com/" title="mcnamaraonline"><img src="https://api.tumblr.com/v2/blog/mcnamaraonline.tumblr.com/avatar/512"></a>
  1331.  
  1332. <a href="https://madisonbeer.co.vu/" title="madisonbeer.co.vu"><img src="https://api.tumblr.com/v2/blog/mbeer-news.tumblr.com/avatar/512"></a>
  1333.  
  1334. <a href="https://poppydaily.tumblr.com/" title="poppydaily"><img src="https://api.tumblr.com/v2/blog/poppydaily.tumblr.com/avatar/512"></a>
  1335.  
  1336. <a href="https://joesuggdaily.co.vu/" title="joesuggdaily"><img src="https://api.tumblr.com/v2/blog/thatcherjoedaily.tumblr.com/avatar/512"></a>
  1337.  
  1338. <a title="apply" href="/apply"><img src="https://static.tumblr.com/zvesamf/7Tfq7kjak/affie_apply.jpg" /></a>
  1339.  
  1340.  
  1341. </div>
  1342. </div>
  1343. {/block:IfAffiliates}
  1344. <!-- Affiliates End -->
  1345.  
  1346.  
  1347.  
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353. <!-- Disclaimer Start -->
  1354. {block:ifDisclaimer}
  1355. <div class="side">
  1356. <div class="sidetitle"><div class="stitle">Disclaimer</div></div>
  1357. <div class="titleborder"></div>
  1358. <div class="disclaimer">
  1359.  
  1360. <b>{text:Blog Name}</b> claims <i>no credit</i> for any videos posted on this site unless <em>stated otherwise</em>. information on this blog are <i>copyright</i> to their respectful owners. If there is <em>any content</em> appearing on this blog that belongs to you and <i>do not</i> wish for it appear on this site, please <em>message us</em> with a link to say which post and it will be <i>promptly removed</i>.
  1361.  
  1362. </div>
  1363. </div>
  1364. {/block:ifDisclaimer}
  1365. <!-- Disclaimer End -->
  1366.  
  1367.  
  1368.  
  1369. </div>
  1370. <!-- END RIGHT SIDEBAR -->
  1371.  
  1372.  
  1373.  
  1374.  
  1375.  
  1376.  
  1377.  
  1378.  
  1379.  
  1380.  
  1381.  
  1382.  
  1383.  
  1384.  
  1385. <!-- START POST CONTAINER -->
  1386. <div class="posts">
  1387. {block:Posts}
  1388.  
  1389. <div class="ipost_container">
  1390.  
  1391.  
  1392. <!-- START POST INFO -->
  1393. <div class="postinfo">
  1394. {block:Date}<span class="jam jam-clock-f"></span>&nbsp;&nbsp;<a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>{/block:Date}{block:NoteCount}&nbsp;&nbsp;&nbsp;&nbsp;<span class="jam jam-message-writing-f"></span>&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&nbsp;<span class="jam jam-pencil-f"></span>&nbsp;&nbsp;<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource}&nbsp;/&nbsp;</span><a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  1395.  
  1396.  
  1397.  
  1398.  
  1399. {block:IndexPage}
  1400.  
  1401. <div class="postcontrol">
  1402. <a href="{ReblogURL}" target="_blank" class="reblog">reblog</a>
  1403.  
  1404. <a href="#" class="like">{LikeButton}<i><span class="jam jam-heart-f"></span></i></a>
  1405.  
  1406.  
  1407. </div>
  1408. {/block:IndexPage}
  1409. </div>
  1410. <!-- END POST INFO -->
  1411.  
  1412.  
  1413. <!-- Post Styles Start -->
  1414. <div class="iposts" id="{PostID}">
  1415. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  1416.  
  1417. {block:Link}
  1418. <div class="linkpost"><div class="caption">{block:Host}<div class="link_host">{Host}</div>{/block:Host}<a href="{URL}"><h2>{Name}</h2>{block:Excerpt}<p><i>{Excerpt}</i>{/block:Excerpt}</a> {block:Description}{Description}{/block:Description} </div>
  1419. </div>
  1420. {/block:Link}
  1421.  
  1422. {block:Quote}<h3>{Quote}</h3>-{Source}{/block:Quote}
  1423.  
  1424. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1425. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1426.  
  1427. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1428. <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>
  1429. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1430.  
  1431. {block:Chat}
  1432. <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>
  1433. {/block:Chat}
  1434.  
  1435. {block:Audio}
  1436. <div class="audio"><div class="audiobox"><div class="button">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div><div class="audioinfo">{block:Artist}<h1>{Artist}</h1>{/block:Artist}<br>{block:TrackName}{TrackName}{/block:TrackName}</div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" /></div>{/block:AlbumArt}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1437.  
  1438. {block:Video}<div class="video"><center>{Video-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1439.  
  1440. {block:Answer}<div class="asker"><div class="askername">{Asker} asked</div></div><div class="question">{Question}</div>{Answer}{/block:Answer}
  1441.  
  1442. </div>
  1443. <!-- POST STYLES END -->
  1444.  
  1445.  
  1446.  
  1447. <!-- POST TAGS START -->
  1448. <div class="posttags">
  1449. {block:HasTags}<span class="jam jam-tag-f"></span>&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:HasTags}
  1450.  
  1451. <div class="postborder"></div>
  1452.  
  1453. </div>
  1454. <!-- POST TAGS END -->
  1455.  
  1456.  
  1457.  
  1458. <!-- PERMALINK NOTES -->
  1459. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1460.  
  1461. </div>
  1462. {/block:Posts}
  1463.  
  1464.  
  1465.  
  1466.  
  1467. <!-- START PAGINATION -->
  1468. {block:IndexPage}
  1469. {block:Pagination}
  1470. <div class="pagination">
  1471. {block:PreviousPage}
  1472. <b><a href="{PreviousPage}">{block:IfPaginationUnderline}&#171;{/block:IfPaginationUnderline}{block:IfNotPaginationUnderline}previous{/block:IfNotPaginationUnderline}</a></b>
  1473. {/block:PreviousPage}
  1474.  
  1475. {block:JumpPagination length="10"}
  1476. {block:CurrentPage}
  1477. <span class="current_page">{PageNumber}</span>
  1478. {/block:CurrentPage}
  1479.  
  1480. {block:JumpPage}
  1481. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1482. {/block:JumpPage}
  1483. {/block:JumpPagination}
  1484.  
  1485. {block:NextPage}
  1486. <b><a class="next" href="{NextPage}">{block:IfPaginationUnderline}&#187;{/block:IfPaginationUnderline}{block:IfNotPaginationUnderline}next{/block:IfNotPaginationUnderline}</a></b>
  1487. {/block:NextPage}
  1488. </div>
  1489.  
  1490. {/block:Pagination}
  1491. {/block:IndexPage}
  1492. <!-- END PAGINATION -->
  1493.  
  1494.  
  1495.  
  1496. </div>
  1497. <!-- END POST CONTAINER -->
  1498.  
  1499.  
  1500.  
  1501.  
  1502.  
  1503.  
  1504.  
  1505. <div id="end"></div>
  1506.  
  1507.  
  1508.  
  1509. <!-- START FOOTER -->
  1510. {block:IfFooter}<footer></footer>{/block:IfFooter}
  1511. <!-- END FOOTER -->
  1512.  
  1513.  
  1514. </div>
  1515. <!-- END CONTAINER -->
  1516.  
  1517.  
  1518.  
  1519.  
  1520. <!-- ADDITIONAL SCRIPTS -->
  1521.  
  1522. {block:IndexPage}
  1523. <script>
  1524. $(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")}})});
  1525. </script>
  1526.  
  1527. <a href="javascript:;" id="scrollToTop" rel="nofollow"><span class="jam jam-chevrons-up"></span></a>
  1528. {/block:IndexPage}
  1529.  
  1530.  
  1531. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1532. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1533.  
  1534. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1535.  
  1536. <script>
  1537. $(document).ready(function(){
  1538. $('.photo-slideshow').pxuPhotoset({
  1539. lightbox: true,
  1540. rounded: false,
  1541. gutter: '0px',
  1542. borderRadius: '0px',
  1543. photoset: '.photo-slideshow',
  1544. photoWrap: '.photo-data',
  1545. photo: '.pxu-photo'
  1546. });
  1547. });
  1548. </script>
  1549.  
  1550. <script>
  1551. myID = document.getElementById("topbartitle");
  1552.  
  1553. var myScrollFunc = function () {
  1554. var y = window.scrollY;
  1555. if (y >= 500) {
  1556. myID.className = "tbtitle show"
  1557. } else {
  1558. myID.className = "tbtitle hide"
  1559. }
  1560. };
  1561.  
  1562. window.addEventListener("scroll", myScrollFunc);
  1563. </script>
  1564.  
  1565.  
  1566.  
  1567. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!