API tools faq
paste
Advertisement
neothm

#04 LAZY

neothm
Apr 1st, 2015
5,410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!--
  5. #04 LAZY
  6. ©NEO: @NEOTHM/@NEOVAK
  7.  
  8. If you need help/spotted a glitch, feel free to message me!
  9. Thank you for taking an interest in this code. Enjoy. ♡
  10. -->
  11. <meta charset="utf-8">
  12. <title>{block:PostTitle}{PostTitle} | {/block:PostTitle}{Title}</title>
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}">
  15. {/block:Description}
  16. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/55Ynowx5p/tex.css"><link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/jSmnqcghc/normalizer.css">
  19. <meta name="image:sidebar" content="">
  20. <meta name="image:header" content="">
  21. <meta name="image:BackgroundPage" content="">
  22. <meta name="color:BackgroundPage" content="#fff">
  23. <meta name="image:BackgroundPosts" content="">
  24. <meta name="color:BackgroundPosts" content="#f6f6f6">
  25. <meta name="if:LeftSidebar" content="1">
  26. <meta name="if:ShowDescription" content="1">
  27. <meta name="if:DescriptionBorder" content="1">
  28. <meta name="if:DescriptionImage" content="1">
  29. <meta name="if:DescriptionBottom" content="1">
  30. <meta name="if:PopupArchive" content="1">
  31. <meta name="if:PopupAskbox" content="1">
  32. <meta name="if:HideTags" content="0">
  33. <meta name="if:HideCaptions" content="0">
  34. <meta name="if:GrayCaptions" content="1">
  35. <meta name="if:GrayFooter" content="0">
  36. <meta name="if:NavLinksSubnames" content="1">
  37. <meta name="if:OnlyNumbersInNav" content="0">
  38. <meta name="if:FadedImages" content="0">
  39. <meta name="if:GrayscaleImages" content="0">
  40. <meta name="if:SelectedLinkVariant" content="0">
  41. <meta name="if:FAQ" content="1">
  42. <meta name="text:HeaderHeight" content="400">
  43. <meta name="text:PostWidth" content="400">
  44. <meta name="color:Text" content="#77787B">
  45. <meta name="color:Accent" content="#3498db">
  46. <meta name="color:Link" content="#3498db">
  47. <meta name="color:TagsLink" content="#aaa">
  48. <meta name="color:LinkHover" content="#000">
  49. <meta name="select:NextPage" content="pagination" title="Pagination"><meta name="select:NextPage" content="ifntscroll" title="Infinite scroll"><meta name="select:NextPage" content="loadmore" title="Load more button">
  50. <meta name="select:Header" content="headdef" title="Scrollable"><meta name="select:Header" content="headfiximg" title="Fixed image"><meta name="select:Header" content="headpara" title="Parallax Effect"><meta name="select:Header" content="headfix" title="Sticks to top"><meta name="select:Header" content="headno" title="No header">
  51. <meta name="text:FAQQuestion1" content="???¿¿¿?">
  52. <meta name="text:FAQAnswer1" content="!!!!11!!1">
  53. <meta name="text:FAQQuestion2" content="">
  54. <meta name="text:FAQAnswer2" content="">
  55. <meta name="text:FAQQuestion3" content="">
  56. <meta name="text:FAQAnswer3" content="">
  57. <meta name="text:ArchiveSubname" content="blog's past">
  58. <meta name="if:CustomPopup" content="0">
  59. <meta name="text:CustomPopupName" content="">
  60. <meta name="text:CustomPopupSubname" content="">
  61. <meta name="if:Link1" content="1">
  62. <meta name="text:Link1URL" content="/">
  63. <meta name="text:Link1Name" content="Hello?">
  64. <meta name="text:Link1Subname" content="yes hello there">
  65. <meta name="if:Link2" content="0">
  66. <meta name="text:Link2URL" content="/">
  67. <meta name="text:Link2Name" content="">
  68. <meta name="text:Link2Subname" content="">
  69. <meta name="if:Link3" content="0">
  70. <meta name="text:Link3URL" content="/">
  71. <meta name="text:Link3Name" content="">
  72. <meta name="text:Link3Subname" content="">
  73. <meta name="if:Link4" content="0">
  74. <meta name="text:Link4URL" content="/">
  75. <meta name="text:Link4Name" content="">
  76. <meta name="text:Link4Subname" content="">
  77. <meta name="if:Link5" content="0">
  78. <meta name="text:Link5URL" content="/">
  79. <meta name="text:Link5Name" content="">
  80. <meta name="text:Link5Subname" content="">
  81. <meta name="if:Link6" content="0">
  82. <meta name="text:Link6URL" content="/">
  83. <meta name="text:Link6Name" content="">
  84. <meta name="text:Link6Subname" content="">
  85.  
  86. <style type="text/css">
  87. *{
  88. padding:0;
  89. margin:0;
  90. }
  91.  
  92. .ui-tooltip{
  93. line-height:100%;
  94. font-size:9px;
  95. text-transform:uppercase;
  96. text-align:center;
  97. word-wrap:break-word;
  98. letter-spacing:1px;
  99. max-width:80px;
  100. z-index:9999!important;
  101. padding:10px 6px;
  102. margin:10px;
  103. background-color:rgba(0,0,0,.7);
  104. color:#e9e9e9;
  105. }
  106.  
  107. ::-webkit-scrollbar-thumb {
  108. z-index:9999999;
  109. position:relative;
  110. height:auto;
  111. background-color:{color:accent};
  112. }
  113.  
  114. ::-webkit-scrollbar {
  115. height:2px;
  116. width:2px;
  117. background-color:#fff;
  118. }
  119.  
  120. ::selection,
  121. ::-moz-selection{
  122. background-color:#000;
  123. color:#fff;
  124. }
  125.  
  126. .tmblr-iframe.iframe-controls--desktop{
  127. display:block;
  128. position:fixed;
  129. top:10px;
  130. z-index:9999!important;
  131. right:10px;
  132. -webkit-filter:invert(100%);
  133. -moz-filter:invert(100%);
  134. -o-filter:invert(100%);
  135. -ms-filter:invert(100%);
  136. filter:invert(100%);
  137. opacity:.3;
  138. z-index:999999999999999999!important;
  139. transition-duration:.3s;
  140. }
  141.  
  142. .tmblr-iframe.iframe-controls--desktop:hover{
  143. opacity:.5;
  144. transition-duration:.3s;
  145. }
  146.  
  147. body{
  148. background:{color:BackgroundPage} url('{image:BackgroundPage}');
  149. background-attachment:fixed;
  150. word-wrap:break-word;
  151. font:12px 'Tex', sans-serif;
  152. -webkit-font-smoothing: antialiased;
  153. -moz-osx-font-smoothing: grayscale;
  154. line-height:170%;
  155. text-align: justify;
  156. overflow:auto;
  157. color:{color:Text};
  158. }
  159.  
  160. b,
  161. strong{
  162. font-family:'Tex Bold', sans-serif;
  163. }
  164.  
  165. a{
  166. color:{color:Link};
  167. text-decoration:none;
  168. transition-duration:.3s;
  169. -webkit-transition-duration:.3s;
  170. -moz-transition-duration:.3s;
  171. -ms-transition-duration:.3s;
  172. -o-transition-duration:.3s;
  173. }
  174.  
  175. article a{
  176. padding-bottom:1px;
  177. border-bottom:1px solid {color:Link};
  178. }
  179.  
  180. a:hover{
  181. color:{color:LinkHover};
  182. border-bottom-color:transparent;
  183. cursor:crosshair;
  184. transition-duration:.3s;
  185. -webkit-transition-duration:.3s;
  186. -moz-transition-duration:.3s;
  187. -ms-transition-duration:.3s;
  188. -o-transition-duration:.3s;
  189. }
  190.  
  191. img, embed, video, iframe, .tumblr_video_container{
  192. max-width:100%!important;
  193. display:block;
  194. }
  195. img{
  196. height:auto;
  197. }
  198.  
  199. main{
  200. background:{color:BackgroundPosts} url('{image:BackgroundPosts}');
  201. background-attachment:fixed;
  202. min-height:100%;
  203. top:0;
  204. left:0;
  205. right:0;
  206. margin:0 auto;
  207. position:absolute;
  208. {block:IfNotLeftSidebar}
  209. border-left:1px solid #e9e9e9;
  210. {/block:IfNotLeftSidebar}
  211. {block:IfLeftSidebar}
  212. border-right:1px solid #e9e9e9;
  213. {/block:IfLeftSidebar}
  214. }
  215.  
  216. aside{
  217. width:299px;
  218. height:100%;
  219. top:0;
  220. {block:IfNotLeftSidebar}
  221. border-left:1px solid #e9e9e9;
  222. right:50%;
  223. {/block:IfNotLeftSidebar}
  224. {block:IfLeftSidebar}
  225. border-right:1px solid #e9e9e9;
  226. left:50%;
  227. {/block:IfLeftSidebar}
  228. position:fixed;
  229. z-index:2;
  230. background-color:#fff;
  231. }
  232. {block:IfShowDescription}
  233. #desc{
  234. {block:IfNotLeftSidebar}
  235. padding:10px 20px 0 70px;
  236. {/block:IfNotLeftSidebar}
  237. {block:IfLeftSidebar}
  238. padding:10px 70px 0 20px;
  239. {/block:IfLeftSidebar}
  240. text-align:justify;
  241. position:relative;
  242. {block:ifNotDescriptionBottom}
  243. margin:30% -1px 15%;
  244. {/block:ifNotDescriptionBottom}
  245.  
  246. border-{block:IfNotLeftSidebar}left{/block:IfNotLeftSidebar}{block:IfLeftSidebar}right{/block:IfLeftSidebar}:2px solid {block:ifDescriptionBorder}{color:Accent}{/block:ifDescriptionBorder}{block:ifNotDescriptionBorder}transparent{/block:ifNotDescriptionBorder};
  247. {block:ifDescriptionBottom}
  248. position:absolute;
  249. bottom:20%;
  250. left:0;
  251. {/block:ifDescriptionBottom}
  252. }
  253. {block:ifDescriptionImage}
  254. img.sdb{
  255. display:block;
  256. height:30px;
  257. width:30px;
  258. border-radius:15px;
  259. position:absolute;
  260. top:0;
  261.  
  262. bottom:0;
  263. margin:auto;
  264. {block:IfLeftSidebar}
  265. right:20px;
  266. {/block:IfLeftSidebar}
  267. {block:IfNotLeftSidebar}
  268. left:20px;
  269. {/block:IfNotLeftSidebar}
  270. }
  271. {/block:ifDescriptionImage}
  272. {/block:IfShowDescription}
  273. nav{
  274.  
  275. {block:IfNotLeftSidebar}margin-left:-1px;{/block:IfNotLeftSidebar}
  276. font-size:12px;
  277. {block:ifDescriptionBottom}
  278. margin-top:20%;
  279. {/block:ifDescriptionBottom}
  280. {block:IfLeftSidebar}
  281. text-align:right;
  282. margin-right:-1px;
  283. {/block:IfLeftSidebar}
  284. }
  285.  
  286. nav a{
  287. display:block;
  288. overflow:hidden;
  289. position:relative;
  290. text-transform:lowercase;
  291. padding:10px 0;
  292.  
  293. {block:IfLeftSidebar}
  294. padding-right:10px;
  295. border-right:2px solid transparent;
  296. {/block:IfLeftSidebar}
  297. {block:IfNotLeftSidebar}
  298. border-left:2px solid transparent;
  299. padding-left:10px;
  300. {/block:IfNotLeftSidebar}
  301. color:#000;
  302. }
  303.  
  304. nav b{
  305. font-weight:normal;
  306. font-family:"Tex", sans-serif;
  307. letter-spacing:-2px;
  308. font-size:35px;
  309. padding:5px;
  310. display:inline-block;
  311. transition-duration:.3s;
  312. -webkit-transition-duration:.3s;
  313. -moz-transition-duration:.3s;
  314. -ms-transition-duration:.3s;
  315. -o-transition-duration:.3s;
  316. {block:IfLeftSidebar}
  317. float:right;
  318. margin-left:5px;
  319. {/block:IfLeftSidebar}
  320. {block:IfNotLeftSidebar}
  321. margin-right:5px;
  322. {/block:IfNotLeftSidebar}
  323. }
  324.  
  325. nav b:after{
  326. content:"";
  327. display:inline-block;
  328. width:3px;
  329. height:3px;
  330. border-radius:3px;
  331. margin-left:5px;
  332. background-color:#000;
  333. transition-duration:.3s;
  334. -webkit-transition-duration:.3s;
  335. -moz-transition-duration:.3s;
  336. -ms-transition-duration:.3s;
  337. -o-transition-duration:.3s;
  338. }
  339.  
  340. nav span{
  341. {block:ifNotNavLinksSubnames}vertical-align:top;line-height:35px;{/block:ifNotNavLinksSubnames}
  342. {block:ifNavLinksSubnames}vertical-align:2px;line-height:110%;{/block:ifNavLinksSubnames}
  343.  
  344. display:inline-block;
  345. {block:IfOnlyNumbersInNav}display:none;{/block:IfOnlyNumbersInNav}
  346. }
  347.  
  348. nav a:hover,
  349. .selected{
  350. {block:IfNotSelectedLinkVariant}
  351. {block:IfLeftSidebar}
  352. border-right:2px solid {color:accent};
  353. {/block:IfLeftSidebar}
  354. {block:IfNotLeftSidebar}
  355. border-left:2px solid {color:accent};
  356. {/block:IfNotLeftSidebar}
  357. {/block:IfNotSelectedLinkVariant}
  358. {block:IfSelectedLinkVariant}
  359. color:#fff;
  360. background-color:{color:Accent};
  361. {/block:IfSelectedLinkVariant}
  362. }
  363.  
  364. nav a:hover b,
  365. .selected b{
  366. {block:IfNotSelectedLinkVariant}
  367. color:{color:accent};
  368. {/block:IfNotSelectedLinkVariant}
  369. {block:IfSelectedLinkVariant}
  370. color:#fff;
  371. {/block:IfSelectedLinkVariant}
  372. transition-duration:.3s;
  373. -webkit-transition-duration:.3s;
  374. -moz-transition-duration:.3s;
  375. -ms-transition-duration:.3s;
  376. -o-transition-duration:.3s;
  377. }
  378. nav a:hover b:after,
  379. .selected b:after{
  380. {block:IfNotSelectedLinkVariant}
  381. background-color:{color:accent};
  382. {/block:IfNotSelectedLinkVariant}
  383. {block:IfSelectedLinkVariant}
  384. background-color:#fff;
  385. {/block:IfSelectedLinkVariant}
  386. transition-duration:.3s;
  387. -webkit-transition-duration:.3s;
  388. -moz-transition-duration:.3s;
  389. -ms-transition-duration:.3s;
  390. -o-transition-duration:.3s;
  391. }
  392.  
  393.  
  394.  
  395. /*
  396. HEADER
  397. */
  398. header{
  399. position:relative;
  400. height:{text:HeaderHeight}px;
  401. background:url('{image:header}');
  402. background-size:cover;
  403. background-position:top;
  404. border-bottom:1px solid #e9e9e9;
  405. {block:IfNotLeftSidebar}margin-left:-1px;{/block:IfNotLeftSidebar}
  406. }
  407. header.headno{
  408. display:none;
  409. }
  410.  
  411. header.headfiximg{
  412. background-attachment:fixed;
  413. background-position:center;
  414. }
  415.  
  416. header.headpara{
  417. background-position:0 0;
  418. }
  419.  
  420. header.headfix{
  421. z-index:1;
  422. position:fixed;
  423. top:0;
  424. }
  425.  
  426. section{
  427. display:block;
  428. overflow:hidden;
  429. margin:0;
  430. {block:IfLeftSidebar}
  431. float:right;
  432. {/block:IfLeftSidebar}
  433. }
  434.  
  435. article{
  436. width:{text:PostWidth}px;
  437. background-color:#fff;
  438. border:1px solid #e9e9e9;
  439. padding:30px;
  440. margin:70px auto;
  441. }
  442.  
  443. {block:IndexPage}
  444. article img, iframe.photoset{
  445. {block:IfFadedImages}opacity:.7;{/block:IfFadedImages}
  446. {block:IfGrayscaleImages}
  447. -webkit-filter: grayscale(100%);
  448. -moz-filter: grayscale(100%);
  449. -o-filter: grayscale(100%);
  450. -ms-filter: grayscale(100%);
  451. filter: grayscale(100%);
  452. {/block:IfGrayscaleImages}
  453. transition-duration:.3s;
  454. -webkit-transition-duration:.3s;
  455. -moz-transition-duration:.3s;
  456. -ms-transition-duration:.3s;
  457. -o-transition-duration:.3s;
  458. }
  459. article:hover img, article:hover iframe.photoset{
  460. {block:IfFadedImages}opacity:1;{/block:IfFadedImages}
  461. {block:IfGrayscaleImages}
  462. -webkit-filter: grayscale(0%);
  463. -moz-filter: grayscale(0%);
  464. -o-filter: grayscale(0%);
  465. -ms-filter: grayscale(0%);
  466. filter: grayscale(0%);
  467. {/block:IfGrayscaleImages}
  468. transition-duration:.3s;
  469. -webkit-transition-duration:.3s;
  470. -moz-transition-duration:.3s;
  471. -ms-transition-duration:.3s;
  472. -o-transition-duration:.3s;
  473. }
  474. {/block:IndexPage}
  475.  
  476. .perma{
  477. margin-top:30px;
  478. position:relative;
  479. }
  480. .perma > span{
  481. position:absolute;
  482. right:0;
  483. }
  484. .perma > a{
  485. color:#000;
  486. border-bottom-color:#000;
  487. font:12px "Tex Bold", sans-serif;
  488. font-weight:bold;
  489. display:inline-block;
  490. text-transform:lowercase;
  491. }
  492.  
  493. .tags{
  494. line-height:100%;
  495. margin-top:-1px;
  496. padding-top:5px;
  497. border-top:1px solid #eee;
  498. {block:IfHideTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfHideTags}
  499. }
  500. .tags a, .perma > span > a{
  501. text-transform:uppercase;
  502. font-size:8px;
  503. margin-right:10px;
  504. border:none;
  505. display:inline;
  506. color:{color:TagsLink};
  507. }
  508. .tags a:hover, .perma > span > a:hover{
  509. color:{color:LinkHover};
  510. }
  511. .perma > span > a{
  512. vertical-align:bottom;
  513. padding:0;
  514. letter-spacing:1px;
  515. }
  516. .tags a:before{
  517. content:"#";
  518. }
  519.  
  520. .popup{
  521. z-index:9;
  522. position:absolute;
  523. padding:50px;
  524. height:100%;
  525. background-color:#fff;
  526. display:none;
  527. top:0;
  528. {block:IfNotLeftSidebar}left:0;{/block:IfNotLeftSidebar}
  529. {block:IfLeftSidebar}right:0;{/block:IfLeftSidebar}
  530. /*
  531. {block:IfNotLeftSidebar}left:50%;border-left:1px solid #e9e9e9;{/block:IfNotLeftSidebar}
  532. {block:IfLeftSidebar}right:50%;border-right:1px solid #e9e9e9;{/block:IfLeftSidebar}
  533. */
  534. overflow-y:auto;
  535. }
  536.  
  537. article p{
  538. margin:10px 0;
  539. }
  540.  
  541. pre{
  542. white-space:normal;
  543. }
  544. .caption blockquote{
  545. padding-left:20px;
  546. border-left:1px solid #ccc;
  547. }
  548. .caption ul,
  549. .caption ol{
  550. padding-left:30px;
  551. }
  552.  
  553. .caption{
  554. clear:both;
  555. {block:ifGrayCaptions}background-color:#f6f6f6;{/block:ifGrayCaptions}
  556. padding:20px;
  557. margin:15px 0;
  558. {block:IfHideCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfHideCaptions}
  559. }
  560.  
  561. article h3, .popup h2{
  562. letter-spacing:1px;
  563. padding:0 20px 20px 20px;
  564. display:block;
  565. text-transform:uppercase;
  566. text-align:center;
  567. font-size:14px;
  568. position:relative;
  569. }
  570. h3 a{
  571. border:none;
  572. }
  573. .popup h2{
  574. margin-top:10%;
  575. padding-bottom:15px;
  576. }
  577.  
  578. article h3:after, .popup h2:after{
  579. position:absolute;
  580. content:'';
  581. bottom:0;
  582. left:0;
  583. right:0;
  584. margin:auto;
  585. width:60%;
  586. height:1px;
  587. background-color:#aaa;
  588. }
  589. .popup h2:after{
  590. width:40%;
  591. }
  592. .chat li{
  593. margin:0;
  594. padding:10px;
  595. list-style-type:none;
  596. text-transform:uppercase;
  597. font-size:8px;
  598. letter-spacing:1px;
  599. }
  600. .ask_question a{
  601. border-bottom:none;
  602. padding:0;
  603. }
  604. .ask_question {
  605. position:relative;
  606. line-height:140%;
  607. padding:20px;
  608. text-align:center;
  609. font-size:11px;
  610. letter-spacing:.8px;
  611. margin-bottom:50px;
  612. background-color:#f6f6f6;
  613. border-radius:10px;
  614. }
  615. .ask_question:after{
  616. content:"";
  617. width:0;
  618. height:0;
  619. border-left:30px solid transparent;
  620. border-bottom:10px solid transparent;
  621. border-top:20px solid #f6f6f6;
  622. position:absolute;
  623. display:block;
  624. left:2px;
  625. bottom:-27px;
  626. }
  627. .ask_question > p {
  628. position:absolute;
  629. display:block;
  630. font-size:10px;
  631. text-transform:uppercase;
  632. letter-spacing:2px;
  633. left:50px;
  634. bottom:-30px;
  635. }
  636.  
  637. .chat li.odd{
  638. background-color:#f6f6f6;
  639. }
  640.  
  641. .video iframe, .video video{
  642. display:block;
  643. min-width:100%;
  644. }
  645.  
  646. iframe.tumblr_audio_player{
  647. width:45px;
  648. height:45px;
  649. top:27.5px;
  650. left:27.5px;
  651. border-radius:25px;
  652. position:absolute;
  653. }
  654.  
  655. .audio{
  656. position:relative;
  657. width:100%;
  658. min-height:110px;
  659. }
  660.  
  661. .audio > img{
  662. width:100px;
  663. height:100px;
  664. position:absolute;
  665. left:0;
  666. left:0;
  667. opacity:.8;
  668. }
  669.  
  670. .audio > span{
  671. display:block;
  672. float:left;
  673. text-align:left;
  674. margin-left:120px;
  675. line-height:250%;
  676. padding-bottom:10px;
  677. text-transform:uppercase;
  678. font-size:8px;
  679. letter-spacing:1px;
  680. }
  681.  
  682. .quote{
  683. font-size:18px;
  684. line-height:140%;
  685. padding:0 20px;
  686. font-style:italic;
  687. }
  688.  
  689. #notes *{
  690. margin:0;
  691. padding:0;
  692. }
  693.  
  694. #notes{
  695. clear:both;
  696. margin-top:30px;
  697. padding-bottom:30px;
  698. text-align:center;
  699. }
  700. #notes li{
  701. padding:0;
  702. margin:0;
  703. list-style-type:none;
  704. display:inline-block;
  705. width:25px;
  706. height:25px;
  707. margin:7px;
  708. overflow:hidden;
  709. }
  710. #notes img{
  711. width:25px;
  712. height:25px;
  713. }
  714. #infscr-loading{
  715. display:none!important;
  716. }
  717.  
  718.  
  719. .vignette {
  720. display: none;
  721. }
  722. .tmblr-lightbox img {
  723. box-shadow: none!important;
  724. border-radius:0!important;
  725. }
  726. .tmblr-lightbox {
  727. background-color: rgba(255,255,255,.4)!important;
  728. }
  729. .lightbox-caption {
  730. display: none;
  731. }
  732.  
  733. #archive, .msg > p{
  734. width:90%;
  735. height:500px;
  736. margin:5% auto;
  737. position:relative;
  738. overflow:hidden;
  739. text-align:center;
  740. }
  741. #archive iframe{
  742. position:relative;
  743. display:block;
  744. width:100%;
  745. margin-top:-78px;
  746. height:110%;
  747. height:-moz-calc(100% + 75px);
  748. height:-webkit-calc(100% + 75px);
  749. height:-o-calc(100% + 75px);
  750. height:calc(100% + 75px);
  751. }
  752.  
  753. #faq{
  754. width:90%;
  755. margin:30px auto;
  756. }
  757. #faq > blockquote{
  758. padding:10px 20px;
  759. background-color:#f6f6f6;
  760. border:1px solid #f2f2f2;
  761. }
  762. #faq > p{
  763. margin:10px 0 50px 0;
  764. }
  765. #faq > p:before{
  766. content:">";
  767. font-size:8px;
  768. vertical-align:2px;
  769. color:{color:Accent};
  770. margin-right:10px;
  771. }
  772.  
  773.  
  774.  
  775. footer{
  776. height:100px;
  777. {block:IfNotGrayFooter}
  778. background-color:#fff;
  779. border-top:1px solid #e9e9e9;
  780. {/block:IfNotGrayFooter}
  781. {block:IfGrayFooter}background-color:#f6f6f6;{/block:IfGrayFooter}
  782. text-align:center;
  783. line-height:100px;
  784. text-transform:uppercase;
  785. letter-spacing:2px;
  786. font-size:10px;
  787. {block:ifNotLeftSidebar}
  788. border-left:1px solid #e9e9e9;
  789. {/block:ifNotLeftSidebar}
  790. {block:ifLeftSidebar}
  791. border-right:1px solid #e9e9e9;
  792. float:right;
  793. margin-right:-1Px;
  794. {/block:ifLeftSidebar}
  795. }
  796.  
  797. main.ifntscroll #pagination,
  798. main.loadmore #pagination,
  799. main.pagination a#next,
  800. main.ifntscroll footer{
  801. display:none;
  802. }
  803.  
  804. </style>
  805. </head>
  806.  
  807. <body>
  808. <main class="{select:NextPage}">
  809. {block:ifPopupArchive}
  810. <div class="popup pst">
  811. <h2>archive</h2>
  812. <div id="archive"> <iframe src="http://{Name}.tumblr.com/archive" frameborder="0"></iframe></div>
  813. </div>
  814. {/block:ifPopupArchive}
  815. {block:ifCustomPopup}
  816. <div class="popup cstm">
  817. <!--this is the title:--><h2>Custom Popup :)</h2>
  818. <!-- your content is here! -->
  819. </div>
  820. {/block:ifCustomPopup}
  821. {block:ifPopupAskbox}
  822. <div class="popup msg">
  823. <h2>{AskLabel}</h2>
  824. {block:IfFAQ}
  825. <div id="faq">
  826. <!-- This is the f.a.q -->
  827. <blockquote>{text:FAQQuestion1}</blockquote>
  828. <p>{text:FAQAnswer1}</p>
  829. <blockquote>{text:FAQQuestion2}</blockquote>
  830. <p>{text:FAQAnswer2}</p>
  831. <blockquote>{text:FAQQuestion3}</blockquote>
  832. <p>{text:FAQAnswer3}</p>
  833.  
  834. <!-- To add a question, wrap it between <blockquote>
  835. and </blockquote> -->
  836.  
  837. <!-- To add an answer, wrap it between <p> and </p> -->
  838.  
  839. <!--
  840. (Example:)
  841.  
  842. <blockquote>
  843. How old are you?
  844. </blockquote>
  845. <p>
  846. Twenty!
  847. </p>
  848. -->
  849.  
  850.  
  851. </div>
  852. {/block:IfFAQ}
  853. <p><iframe frameborder="0" scrolling="no" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" width="100%" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  854. </div>
  855. {/block:ifPopupAskbox}
  856. <section>
  857. <header class="{select:Header}"> </header>
  858. {block:Posts}
  859. <article>
  860. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  861. {block:Quote}
  862. <div class="quote">“{Quote}”</div>
  863. {block:Source}<div class="caption">— {Source}</div>{/block:Source}
  864. {/block:Quote}
  865. {block:Text}
  866. {block:Title}<h3>{Title} </h3>{/block:Title}
  867. <div class="caption">
  868. {Body}
  869. </div>
  870. {/block:Text}
  871. {block:Link}
  872. <h3><a href="{URL}">{Name} »</a></h3>
  873. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  874. {/block:Link}
  875. {block:Photo}
  876. {LinkOpenTag}
  877. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="min-width:100%;">
  878. {LinkCloseTag}
  879. {block:Caption}
  880. <div class="caption">
  881. {Caption}
  882. </div>
  883. {/block:Caption}
  884. {/block:Photo}
  885. {block:Photoset}
  886. {Photoset}
  887. {block:Caption}
  888. <div class="caption">
  889. {Caption}
  890. </div>
  891. {/block:Caption}
  892. {/block:Photoset}
  893. {block:Chat}
  894. <div class="chat">
  895. {block:Lines}
  896. <li class="{Alt}">
  897. {block:Label}
  898. <b>
  899. {Label}
  900. </b>
  901. {/block:Label}
  902. {Line}
  903. </li>
  904. {/block:Lines}
  905. </div>
  906. {/block:Chat}
  907. {block:Answer}
  908. <div class="ask_question">{Question}
  909. <p><b>{Asker}</b>, {12Hour}:{Minutes}{AMPM}</p>
  910. </div>
  911. {Answer}
  912. {/block:Answer}
  913. {block:Video}
  914. <div class="video">{Video-500}</div>
  915. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  916. {/block:Video}
  917. {block:Audio}
  918. <div class="audio">
  919. {block:AlbumArt}
  920. <img src="{AlbumArtURL}">
  921. {/block:AlbumArt}
  922. <span>
  923. {block:TrackName}
  924. <b>song: </b>{TrackName}
  925. {/block:TrackName}
  926. {block:Artist}
  927. <br><b>artist: </b>{Artist}
  928. {/block:Artist}
  929. {block:Album}
  930. <br><b>album: </b>{Album}
  931. {/block:Album}
  932. {block:PlayCount}
  933. <br><b>plays: </b>{FormattedPlayCount}
  934. {/block:PlayCount}
  935. </span>
  936. {AudioPlayer}
  937. </div>
  938. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  939. {/block:Audio}
  940. {block:Date}
  941. <div class="perma">
  942. <a href="{Permalink}">{DayOfWeek}.</a>
  943. {block:PermalinkPage}
  944. <span>
  945. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  946. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle">{ReblogParentName}</a> / <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©{ReblogRootName}</a>{/block:RebloggedFrom}
  947. </span>
  948. {/block:PermalinkPage}
  949. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  950. </div>
  951. {/block:Date}
  952. {block:PostNotes}
  953. <div id="notes">{PostNotes-64}</div>
  954. {/block:PostNotes}
  955. </article>
  956. {/block:Posts}
  957. </section>
  958. <aside>
  959. {block:IfShowDescription}
  960. <div id="desc">
  961. {block:ifDescriptionImage}<img src="{image:sidebar}" class="sdb">{/block:ifDescriptionImage}
  962. {Description}
  963. </div>
  964. {/block:IfShowDescription}
  965. <nav>
  966. <a {block:TagPage}href="/"{/block:TagPage}{block:PermalinkPage}href="/"{/block:PermalinkPage} {block:IfOnlyNumbersInNav}title="{Title}"{/block:IfOnlyNumbersInNav}class="selected idx"><b>00</b> <span>home{block:ifNavLinksSubnames}<br>{Title}{/block:ifNavLinksSubnames}</span></a>
  967. <a {block:ifPopupAskbox}class="msg"{/block:ifPopupAskbox}{block:ifNotPopupAskbox}href="/ask"{/block:ifNotPopupAskbox} {block:IfOnlyNumbersInNav}title="{AskLabel}"{/block:IfOnlyNumbersInNav}><b>01</b> <span>contact{block:ifNavLinksSubnames}<br>{AskLabel}{/block:ifNavLinksSubnames}</span></a>
  968. <a {block:ifPopupArchive}class="pst"{/block:ifPopupArchive}{block:ifNotPopupArchive}href="/archive"{/block:ifNotPopupArchive} {block:IfOnlyNumbersInNav}title="{text:ArchiveSubname}"{/block:IfOnlyNumbersInNav}><b>02</b> <span>archive{block:ifNavLinksSubnames}<br>{text:ArchiveSubname}{/block:ifNavLinksSubnames}</span></a>
  969.  
  970. {block:ifCustomPopup}<a class="cstm" {block:IfOnlyNumbersInNav}title="{text:CustomPopupName}"{/block:IfOnlyNumbersInNav}><b>03</b> <span>{text:CustomPopupName}{block:ifNavLinksSubnames}<br>{text:CustomPopupSubname}{/block:ifNavLinksSubnames}</span></a>{/block:ifCustomPopup}
  971. {block:ifLink1}<a href="{text:Link1URL}" {block:IfOnlyNumbersInNav}title="{text:Link1Name}"{/block:IfOnlyNumbersInNav}><b>{block:ifCustomPopup}04{/block:ifCustomPopup}{block:ifNotCustomPopup}03{/block:ifNotCustomPopup}</b> <span>{text:Link1Name}{block:ifNavLinksSubnames}<br>{text:Link1SubName}{/block:ifNavLinksSubnames}</span></a>{/block:ifLink1}
  972. {block:ifLink2}<a href="{text:Link2URL}" {block:IfOnlyNumbersInNav}title="{text:Link2Name}"{/block:IfOnlyNumbersInNav}><b>{block:ifCustomPopup}05{/block:ifCustomPopup}{block:ifNotCustomPopup}04{/block:ifNotCustomPopup}</b> <span>{text:Link2Name}{block:ifNavLinksSubnames}<br>{text:Link2SubName}{/block:ifNavLinksSubnames}</span></a>{/block:ifLink2}
  973. {block:ifLink3}<a href="{text:Link3URL}" {block:IfOnlyNumbersInNav}title="{text:Link3Name}"{/block:IfOnlyNumbersInNav}><b>{block:ifCustomPopup}06{/block:ifCustomPopup}{block:ifNotCustomPopup}05{/block:ifNotCustomPopup}</b> <span>{text:Link3Name}{block:ifNavLinksSubnames}<br>{text:Link3SubName}{/block:ifNavLinksSubnames}</span></a>{/block:ifLink3}
  974. {block:ifLink4}<a href="{text:Link4URL}" {block:IfOnlyNumbersInNav}title="{text:Link4Name}"{/block:IfOnlyNumbersInNav}><b>{block:ifCustomPopup}07{/block:ifCustomPopup}{block:ifNotCustomPopup}06{/block:ifNotCustomPopup}</b> <span>{text:Link4Name}{block:ifNavLinksSubnames}<br>{text:Link4SubName}{/block:ifNavLinksSubnames}</span></a>{/block:ifLink4}
  975. {block:ifLink5}<a href="{text:Link5URL}" {block:IfOnlyNumbersInNav}title="{text:Link5Name}"{/block:IfOnlyNumbersInNav}><b>{block:ifCustomPopup}08{/block:ifCustomPopup}{block:ifNotCustomPopup}07{/block:ifNotCustomPopup}</b> <span>{text:Link5Name}{block:ifNavLinksSubnames}<br>{text:Link5SubName}{/block:ifNavLinksSubnames}</span></a>{/block:ifLink5}
  976. {block:ifLink6}<a href="{text:Link6URL}" {block:IfOnlyNumbersInNav}title="{text:Link6Name}"{/block:IfOnlyNumbersInNav}><b>{block:ifCustomPopup}09{/block:ifCustomPopup}{block:ifNotCustomPopup}08{/block:ifNotCustomPopup}</b> <span>{text:Link6Name}{block:ifNavLinksSubnames}<br>{text:Link6SubName}{/block:ifNavLinksSubnames}</span></a>{/block:ifLink6}
  977. </nav>
  978. </aside>
  979.  
  980. {block:Pagination}<footer><a id="next">load more</a><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>  /  {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div></footer>{/block:Pagination}
  981. </main>
  982.  
  983. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="http://static.tumblr.com/wgg6svp/4gLnm4eyv/jquery-ui-1.9.2.custom.min.js"></script><script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script><script src="http://static.tumblr.com/q8c0vxg/hKdnjmdvi/manual-trigger.js"></script><script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  984. <script type="text/javascript">
  985. {block:IndexPage}
  986. (function() {
  987. if($('main').hasClass('loadmore') || $('main').hasClass('ifntscroll')){
  988. var $tumblelog = $('section');
  989. $tumblelog.infinitescroll({
  990. navSelector : "#pagination",
  991. nextSelector : "#pagination a",
  992. itemSelector : "article",
  993. bufferPx : 50,
  994. done : "",
  995. loading: {
  996. img : "",
  997. msgText: "",
  998. finishedMsg:""
  999. },
  1000. },
  1001. function( newElements ) {
  1002. var $newElems = $( newElements ).css({ opacity: 0 });
  1003. $newElems.imagesLoaded(function(){
  1004. $newElems.animate({ opacity: 1 });
  1005. $tumblelog.masonry( 'appended', $newElems);
  1006. });
  1007. });
  1008. if($('main').hasClass('loadmore')){
  1009. $(window).unbind('.infscr');
  1010. $('a#next').click(function(){
  1011. $('section').infinitescroll('retrieve');
  1012. return false;
  1013. });
  1014. }
  1015. }
  1016. })();
  1017. {/block:IndexPage}
  1018. </script><script>
  1019. $(function() {if($('header').hasClass('headfix')){$('section').css({'padding-top':({text:HeaderHeight}+50)+'px'});} size = {text:PostWidth};$('section, header, footer').css({'width' : size+145});$('main').css({'width':($('section').width()+$('aside').width())});$('aside').css({{block:IfNotLeftSidebar}'margin-right':'-'+ $('main').width()/2+'px' {/block:IfNotLeftSidebar}{block:IfLeftSidebar}'margin-left':'-'+ $('main').width()/2+'px' {/block:IfLeftSidebar}});
  1020. $('.popup').css({'width':$('section').width()-102/*, 'margin-{block:IfNotLeftSidebar}left{/block:IfNotLeftSidebar}{block:IfLeftSidebar}right{/block:IfLeftSidebar}':'-'+$('main').width()/2+'px'*/}); if($('header').hasClass('headpara')){$(window).scroll(function(){scrollTop = $(window).scrollTop();$('header').css({'background-position':'0 -'+(scrollTop/1.5)+'px'});});}$("#notes li:last").css({"background":"url('http://cdn.flaticon.com/png/256/59565.png'),no-repeat",'background-size':'25px','background-position':'center','opacity':".5"}); $("#notes a:contains('Show more notes')").css('opacity','0'); $("#notes li:last").hover(function(){ $(this).css('opacity','1'); },function(){ $(this).css('opacity','.5'); }); $('#notes li,#notes li a,#notes ul').contents().filter(function(){ return this.nodeType === 3; }).css('opacity','0');
  1021. $(document).tooltip({track:true, show:{effect:"fadeIn", duration:600}});
  1022. var pathname = window.location.pathname;
  1023. if(pathname == "/ask"){$('nav a:first-child').removeClass('selected');$('nav a:nth-child(2)').addClass('selected');}$('nav a').click(function(){$class = $(this).attr('class');$('nav a').removeClass('selected');$(this).addClass('selected');if($class == 'idx'){$('.popup').fadeOut(700);}else if($class == 'msg' || $class == 'pst' || $class == 'cstm'){$('.popup').fadeOut(700);$('.popup.'+$class).fadeIn(700);}});if (pathname.indexOf("/page/") > -1 && $('.popup').css('display') == 'none'){$('nav a:first-child').attr({'class':'selected','href':'/'});}});
  1024. </script>
  1025. <script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
  1026. </body>
  1027. </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!