API tools faq
paste
Advertisement
hunterthemes

- Theme #29

hunterthemes
Mar 4th, 2018
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.15 KB | None | 0 0
raw download clone embed print report
  1. <html> <meta charset="utf-8">
  2. <meta name="viewport" content="width=device-width, initial-scale=1">
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!----
  7.  
  8. © hunterthemes.tumblr.com | Theme #29
  9.  
  10. * Do not redistribute this theme and claim it as your own.
  11. * Do not remove the credit or move it to another page.
  12. * Minor changes to this theme are allowed.
  13.  
  14. ---->
  15.  
  16. <!-- GOOGLE FONTS -->
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Rozha+One|Cinzel|Poiret+One|Exo|Quicksand" rel="stylesheet">
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Container background" content=""/>
  24. <meta name="image:Avatar" content="" />
  25.  
  26. <meta name="color:Background" content="#f1f1f1" />
  27. <meta name="color:Container background" content="#ffffff" />
  28. <meta name="color:Wave background" content="ece7e1" />
  29. <meta name="color:Blog title" content="#222222" />
  30. <meta name="color:Search" content="#222222" />
  31. <meta name="color:Main icon" content="#222222" />
  32. <meta name="color:Description" content="#333333" />
  33. <meta name="color:Navigation link" content="#333333" />
  34. <meta name="color:Navi icon 1" content="#75b1d6" />
  35. <meta name="color:Navi icon 2" content="#fff231" />
  36. <meta name="color:Navi icon 3" content="#eeeeee" />
  37. <meta name="color:Navi icon 4" content="#fff231" />
  38. <meta name="color:Navi icon 5" content="#75b1d6" />
  39. <meta name="color:Text" content="#222222"/>
  40. <meta name="color:Bold" content="#000000"/>
  41. <meta name="color:Italic" content="#dddddd"/>
  42. <meta name="color:Link" content="#333333"/>
  43. <meta name="color:Hover" content="#dddddd"/>
  44. <meta name="color:Borders" content="#cec8b7"/>
  45. <meta name="color:Chat 1" content="#f8f8f8"/>
  46. <meta name="color:Chat 2" content="#cfcfcf"/>
  47. <meta name="color:Post buttons" content="#333333" />
  48. <meta name="color:Pagination" content="#222222" />
  49. <meta name="color:Scrollbar" content="#222222" />
  50.  
  51. <meta name="select:Entry background" content="255,255,255" title="white">
  52. <meta name="select:Entry background" content="0,0,0" title="black">
  53. <meta name="select:Entry background" content="238,238,238" title="gray">
  54. <meta name="select:Entry background" content="255,192,203" title="pink">
  55. <meta name="select:Entry background" content="221,160,221" title="purple">
  56. <meta name="select:Entry background" content="65,105,225" title="indigo">
  57. <meta name="select:Entry background" content="135,206,250" title="blue">
  58. <meta name="select:Entry background" content="60,179,113" title="green">
  59. <meta name="select:Entry background" content="64,224,208" title="turquoise">
  60. <meta name="select:Entry background" content="255,215,0" title="yellow">
  61. <meta name="select:Entry background" content="222,184,135" title="brown">
  62.  
  63. <meta name="select:Entry transparency" content="1" title="opaque">
  64. <meta name="select:Entry transparency" content=".9" title=".9">
  65. <meta name="select:Entry transparency" content=".8" title=".8">
  66. <meta name="select:Entry transparency" content=".7" title=".7">
  67. <meta name="select:Entry transparency" content=".6" title=".6">
  68. <meta name="select:Entry transparency" content=".5" title=".5">
  69. <meta name="select:Entry transparency" content=".4" title=".4">
  70. <meta name="select:Entry transparency" content=".3" title=".3">
  71. <meta name="select:Entry transparency" content=".2" title=".2">
  72. <meta name="select:Entry transparency" content=".1" title=".1">
  73. <meta name="select:Entry transparency" content=".0" title="transparent">
  74.  
  75. <meta name="select:Info background" content="255,255,255" title="white">
  76. <meta name="select:Info background" content="0,0,0" title="black">
  77. <meta name="select:Info background" content="238,238,238" title="gray">
  78. <meta name="select:Info background" content="255,168,212" title="pink">
  79. <meta name="select:Info background" content="127,88,242" title="purple">
  80. <meta name="select:Info background" content="184,168,255" title="indigo">
  81. <meta name="select:Info background" content="184,208,255" title="blue">
  82. <meta name="select:Info background" content="103,173,90" title="green">
  83. <meta name="select:Info background" content="33,209,297" title="turquoise">
  84. <meta name="select:Info background" content="226,229,23" title="yellow">
  85. <meta name="select:Info background" content="112,38,11" title="brown">
  86.  
  87. <meta name="select:Title font" content="Rozha One" title="Rozha One">
  88. <meta name="select:Title font" content="Cinzel" title="Cinzel">
  89. <meta name="select:Title font" content="Poiret One" title="Poiret One">
  90. <meta name="select:Title font" content="Exo" title="Exo">
  91. <meta name="select:Title font" content="Quicksand" title="Quicksand">
  92.  
  93. <meta name="select:Blog title font size" content="22px" title="22px">
  94. <meta name="select:Blog title font size" content="24px" title="24px">
  95. <meta name="select:Blog title font size" content="26px" title="26px">
  96. <meta name="select:Blog title font size" content="28px" title="28px">
  97. <meta name="select:Blog title font size" content="30px" title="30px">
  98.  
  99. <meta name="font:Body font" content="Helvetica"/>
  100. <meta name="select:Body font size" content="11px" title="11px">
  101. <meta name="select:Body font size" content="12px" title="12px">
  102. <meta name="select:Body font size" content="13px" title="13px">
  103. <meta name="select:Body font size" content="14px" title="14px">
  104. <meta name="select:Body font size" content="15px" title="15px">
  105.  
  106. <meta name="if:Inverted Controls" content="0" />
  107. <meta name="if:Infinite Scrolling" content="0" />
  108. <meta name="if:Container background Stretch" content="1" />
  109. <meta name="if:Display Navigation" content="1" />
  110. <meta name="if:Display Main Icons" content="1" />
  111. <meta name="if:Display Avatar" content="1" />
  112. <meta name="if:Circular Avatar" content="0" />
  113. <meta name="if:Display Search Box" content="1" />
  114. <meta name="if:400px Posts" content="0" />
  115. <meta name="if:Hover For Info" content="0" />
  116. <meta name="if:Display Captions" content="1" />
  117. <meta name="if:Display Tags" content="1" />
  118.  
  119. <meta name="if:Display Link One" content="1" />
  120. <meta name="if:Display Link Two" content="1" />
  121. <meta name="if:Display Link Three" content="1" />
  122. <meta name="if:Display Link Four" content="1" />
  123. <meta name="if:Display Link Five" content="1" />
  124.  
  125. <meta name="text:Link One Title" content="Link" />
  126. <meta name="text:Link One Url" content="https://"/>
  127. <meta name="text:Link Two Title" content="Link"/>
  128. <meta name="text:Link Two Url" content="https://"/>
  129. <meta name="text:Link Three Title" content="Link" />
  130. <meta name="text:Link Three Url" content="https://" />
  131. <meta name="text:Link Four Title" content="Link" />
  132. <meta name="text:Link Four Url" content="https://" />
  133. <meta name="text:Link Five Title" content="Link" />
  134. <meta name="text:Link Five Url" content="https://" />
  135.  
  136. <meta name="text:Border radius" content="0px"/>
  137. <meta name="text:Subtitle" content="Add content here" />
  138.  
  139. <meta name="text:Navi icon 1" content="bike-o" />
  140. <meta name="text:Navi icon 2" content="warning-o" />
  141. <meta name="text:Navi icon 3" content="coffee-1-o" />
  142. <meta name="text:Navi icon 4" content="phone" />
  143. <meta name="text:Navi icon 5" content="lightbulb-o" />
  144.  
  145. <!-- END DEFAULT VARIABLES -->
  146.  
  147. <head>
  148.  
  149. <style type="text/css">
  150.  
  151. /* CSS */
  152.  
  153. /*-- GENERAL --*/
  154.  
  155. body {
  156. margin:0;
  157. padding:0;
  158. width:100%;
  159. height:100%;
  160. word-wrap:break-word;
  161. color:{color:Text};
  162. font-family:{font:Body font};
  163. font-size:{select:Body font size};
  164. line-height: -moz-calc({select:Body font size} + 5px);
  165. line-height: -webkit-calc({select:Body font size} + 5px);
  166. line-height: -o-calc({select:Body font size} + 5px);
  167. line-height: calc({select:Body font size} + 5px);
  168. background-color: {color:Background};
  169. background-image:url({image:Background});
  170. background-attachment: fixed;
  171. background-repeat: repeat;
  172. }
  173.  
  174. /* Headings */
  175.  
  176. h1{
  177. margin:0;
  178. color:{color:Title};
  179. font-family:{select:Title font};
  180. font-size:200%;
  181. line-height:150%;
  182. border-bottom:1px solid {color:Borders};
  183. font-weight:500;
  184. }
  185.  
  186. h2{
  187. font-family:{select:Title font};
  188. font-weight:400;
  189. font-size:150%;
  190. }
  191.  
  192. /* Links */
  193.  
  194. a {
  195. color:{color:Link};
  196. text-decoration:none;
  197. transition:all .3s;
  198. -webkit-transition:all .3s;
  199. -o-transition:all .3s;
  200. -moz-transition:all .3s;
  201. }
  202.  
  203. a:hover{
  204. text-decoration:none;
  205. color:{color:Hover};
  206. }
  207.  
  208. /* Bold and italic */
  209.  
  210. b, strong {color:{color:Bold};}
  211.  
  212. i, em {color:{color:Italic};}
  213.  
  214. /* Blockquote */
  215.  
  216. blockquote{
  217. padding:0px 0px 2px 5px;
  218. margin:0px 0px 2px 10px;
  219. border-left: 1px solid {color:Borders};
  220. }
  221.  
  222. /* Tumblr controls */
  223.  
  224. iframe.tmblr-iframe {
  225. top:0px!important;
  226. padding:0px;
  227. right:32px!important;
  228. opacity:0.8;
  229. transform:scale(0.6);
  230. transform-origin:100% 0;
  231. -webkit-transform:scale(0.8);
  232. -webkit-transform-origin:100% 0;
  233. -o-transform:scale(0.8);
  234. -o-transform-origin:100% 0;
  235. -moz-transform:scale(0.8);
  236. -moz-transform-origin:100% 0;
  237. -ms-transform:scale(0.8);
  238. -ms-transform-origin:100% 0;
  239. z-index:100000!important;
  240. {block:ifInvertedControls}
  241. filter:invert(100%) hue-rotate(180deg);
  242. -webkit-filter:invert(100%) hue-rotate(180deg);
  243. -moz-filter:invert(100%) hue-rotate(180deg);
  244. -o-filter:invert(100%) hue-rotate(180deg);
  245. -ms-filter:invert(100%) hue-rotate(180deg);
  246. {/block:ifInvertedControls}
  247. }
  248.  
  249. iframe.tmblr-iframe:hover {
  250. opacity:1!important;}
  251.  
  252. /* Webkit scrollbar */
  253.  
  254. ::-webkit-scrollbar {
  255. width: 7px;
  256. height: 0px;
  257. }
  258.  
  259. ::-webkit-scrollbar-button:start:decrement,
  260. ::-webkit-scrollbar-button:end:increment {
  261. height: 0px;
  262. display: block;
  263. background-color: transparent;
  264. }
  265.  
  266. ::-webkit-scrollbar-track-piece {
  267. background-color: transparent;
  268. }
  269.  
  270. ::-webkit-scrollbar-thumb:vertical {
  271. height: 0px;
  272. background-color: {color:Scrollbar};
  273. border:3px solid transparent;
  274. }
  275.  
  276. /* Tooltips */
  277.  
  278. #s-m-t-tooltip {
  279. max-width: 300px;
  280. margin-left: 30px;
  281. margin-top: 15px;
  282. padding: 2px 4px;
  283. font-size: 11px;
  284. line-height: 15px;
  285. color: {color:Link};
  286. border:1px solid {color:Borders};
  287. border-radius:{text:Border radius};
  288. background:rgba({select:Entry background}, {select:Entry transparency});
  289. z-index: 10000;
  290. }
  291.  
  292. /* Fix */
  293.  
  294. iframe, img, embed, object, video {
  295. max-width: 100%;
  296. border: none;
  297. }
  298.  
  299. input, textarea, select, a { outline: none; }
  300.  
  301. /*---------- MAIN CONTAINER ----------*/
  302.  
  303. #container {
  304. position:fixed;
  305. top:50%;
  306. left:50%;
  307. width:80%;
  308. max-width:1680px;
  309. min-width:592px;
  310. {block:if400pxPosts}
  311. min-width:492px;
  312. {/block:if400pxPosts}
  313. height:85%;
  314. overflow:hidden;
  315. background:{color:Container background};
  316. background-image:url({image:Container background});
  317. background-repeat:repeat;
  318. {block:ifContainerBackgroundStretch}
  319. background-size:cover;
  320. background-repeat:no-repeat;
  321. {/block:ifContainerBackgroundStretch}
  322. border-radius:{text:Border radius};
  323. z-index:10;
  324. -webkit-box-shadow: -1px -1px 19px 2px rgba(0,0,0,0.75);
  325. -moz-box-shadow: -1px -1px 19px 2px rgba(0,0,0,0.75);
  326. box-shadow: -1px -1px 19px 2px rgba(0,0,0,0.75);
  327. -webkit-transform:translateX(-50%) translateY(-50%);
  328. -moz-transform:translateX(-50%) translateY(-50%);
  329. -ms-transform:translateX(-50%) translateY(-50%);
  330. transform:translateX(-50%) translateY(-50%);
  331. }
  332.  
  333. #con {
  334. position:fixed;
  335. top:0px;
  336. left:0px;
  337. width:100%;
  338. height:100%;
  339. overflow-y:auto;
  340. z-index:10;
  341. }
  342.  
  343. /*------ MENU -----*/
  344.  
  345. #menu {
  346. position:fixed;
  347. margin-left:0px;
  348. margin-top:0px;
  349. width:100%;
  350. height:60px;
  351. z-index:1000;
  352. }
  353.  
  354. /* Click */
  355.  
  356. .clickm, .close{
  357. position:absolute;
  358. margin:0px -1px;
  359. width:55px;
  360. height:55px;
  361. line-height:55px;
  362. background:{color:Wave background};
  363. border-right:1px solid {color:Borders};
  364. border-top-left-radius:10px;
  365. {block:ifNotDisplayMainIcons}
  366. border-bottom-right-radius:50px;
  367. {/block:ifNotDisplayMainIcons}
  368. text-align:center;
  369. z-index:10;
  370. -webkit-transition: all .3s ease;
  371. -moz-transition: all .3s ease;
  372. -o-transition: all .3s ease;
  373. transition: all .3s ease;
  374. }
  375.  
  376. .close{
  377. display:none;
  378. }
  379.  
  380. .clickm span, .close span{
  381. color:{color:Main icon};
  382. font-size:15px;
  383. border-radius:100%;
  384. }
  385.  
  386. .clickm span:hover, .close span:hover{
  387. color:{color:Hover};
  388. }
  389.  
  390. #mainicons{
  391. position:absolute;
  392. left:54px;
  393. width:120px;
  394. height:55px;
  395. padding-right:20px;
  396. line-height:55px;
  397. text-align:right;
  398. background:{color:Wave background};
  399. z-index:100;
  400. border-bottom-right-radius:50px;
  401. -webkit-transition: all .3s ease;
  402. -moz-transition: all .3s ease;
  403. -o-transition: all .3s ease;
  404. transition: all .3s ease;
  405. }
  406.  
  407. #mainicons span{
  408. margin:0 5px;
  409. color:{color:Main icon};
  410. font-size:15px;
  411. }
  412.  
  413. #mainicons span:hover{
  414. color:{color:Hover};
  415. }
  416.  
  417. /*------ SIDEBAR -----*/
  418.  
  419. #sidebar{
  420. position:fixed;
  421. top:50%;
  422. margin-left:5%;
  423. width:280px;
  424. -webkit-transform: translateY(-50%);
  425. -moz-transform: translateY(-50%);
  426. -ms-transform: translateY(-50%);
  427. transform: translateY(-50%);
  428. }
  429.  
  430. /* Avatar */
  431.  
  432. #avatar {
  433. margin:10px auto;
  434. width:100px;
  435. height:100px;
  436. border:3px solid {color:Borders};
  437. border-top-left-radius:50px;
  438. border-bottom-right-radius:50px;
  439. {block:ifCircularAvatar}
  440. border-radius:100%;
  441. {/block:ifCircularAvatar}
  442. overflow:hidden;
  443. z-index:1000;
  444. }
  445.  
  446. #avatar img {
  447. margin:0px;
  448. width:100%;
  449. height:100%;
  450. {block:ifCircularAvatar}
  451. border-radius:100%;
  452. {/block:ifCircularAvatar}
  453. transition:all .3s;
  454. -webkit-transition:all .3s;
  455. -o-transition:all .3s;
  456. -moz-transition:all .3s;
  457. }
  458.  
  459. /* Blog title */
  460.  
  461. #blogtitle {
  462. margin-top:10px;
  463. margin-left:0px;
  464. height:35px;
  465. line-height:35px;
  466. font-family:{select:Title font};
  467. font-size:{select:Blog title font size};
  468. color:{color:Blog Title};
  469. text-align:center;
  470. }
  471.  
  472. /* Description */
  473.  
  474. #description{
  475. margin:auto;
  476. margin-top:10px;
  477. max-width:350px;
  478. font-size:12px;
  479. line-height:17px;
  480. color:{color:Description};
  481. text-align:center;
  482. }
  483.  
  484. /* Search box */
  485.  
  486. #search {
  487. margin:15px auto;
  488. width:183px;
  489. height:40px;
  490. overflow:hidden;
  491. color:{color:Search};
  492. }
  493.  
  494. #search span {
  495. position:absolute;
  496. margin-left:-25px;
  497. margin-top:13px;
  498. font-size:12px;
  499. color:{color:Search};
  500. }
  501.  
  502. /*------ PANEL -----*/
  503.  
  504. #panel {
  505. position:absolute;
  506. margin-top:0px;
  507. margin-left:0px;
  508. width: -webkit-calc(100% - 592px - 30px);
  509. width: -moz-calc(100% - 592px - 30px);
  510. width: -o-calc(100% - 592px - 30px);
  511. width: calc(100% - 592px - 30px);
  512. height:100%;
  513. overflow:hidden;
  514. z-index:100;
  515. display:none;
  516. transition:all .3s linear;
  517. -webkit-transition:all .3s linear;
  518. -o-transition:all .3s linear;
  519. -moz-transition:all .3s linear;
  520. }
  521.  
  522. /* Links */
  523.  
  524. #links{
  525. position:absolute;
  526. top:50%;
  527. margin-left:100px;
  528. width:280px;
  529. overflow:hidden;
  530. -webkit-transform: translateY(-50%);
  531. -moz-transform: translateY(-50%);
  532. -ms-transform: translateY(-50%);
  533. transform: translateY(-50%);
  534. }
  535.  
  536. #links a{
  537. display:block;
  538. margin:10px 0px;
  539. width:278px;
  540. height:40px;
  541. line-height:40px;
  542. font-size:16px;
  543. text-align:left;
  544. text-transform:uppercase;
  545. color:{color:Navigation link};
  546. }
  547.  
  548. #links a:hover {
  549. margin-left:20px;
  550. }
  551.  
  552. #links a:hover, #links a:hover span{
  553. color:{color:Hover};
  554. }
  555.  
  556. #links span{
  557. float:left;
  558. margin-top:0px;
  559. margin-left:0px;
  560. margin-right:15px;
  561. width:30px;
  562. height:30px;
  563. padding:5px;
  564. padding-right:15px;
  565. line-height:40px;
  566. font-size:30px;
  567. border-right:1px solid {color:Borders};
  568. text-align:center;
  569. }
  570.  
  571. .icon1 span{
  572. color:{color:Navi icon 1};
  573. }
  574.  
  575. .icon2 span{
  576. color:{color:Navi icon 2};
  577. }
  578.  
  579. .icon3 span{
  580. color:{color:Navi icon 3};
  581. }
  582.  
  583. .icon4 span{
  584. color:{color:Navi icon 4};
  585. }
  586.  
  587. .icon5 span{
  588. color:{color:Navi icon 5};
  589. }
  590.  
  591. /*------ CONTAINERIN -----*/
  592.  
  593. #containerin{
  594. position:absolute;
  595. top:0px;
  596. margin-left: -webkit-calc(100% - 592px - 30px);
  597. margin-left: -moz-calc(100% - 592px - 30px);
  598. margin-left: -o-calc(100% - 592px - 30px);
  599. margin-left: calc(100% - 592px - 30px);
  600. width:592px;
  601. {block:if400pxPosts}
  602. margin-left: -webkit-calc(100% - 492px - 30px);
  603. margin-left: -moz-calc(100% - 492px - 30px);
  604. margin-left: -o-calc(100% - 492px - 30px);
  605. margin-left: calc(100% - 492px - 30px);
  606. width:492px;
  607. {/block:if400pxPosts}
  608. height:auto;
  609. padding:0px 15px;
  610. padding-bottom:130px;
  611. {block:ifInfiniteScrolling}
  612. padding-bottom:50px;
  613. {/block:ifInfiniteScrolling}
  614. z-index:10;
  615. }
  616.  
  617. /* --------- POSTS --------- */
  618.  
  619. #posts {
  620. display:block;
  621. position:relative;
  622. margin:15px auto;
  623. height:auto;
  624. width:562px;
  625. {block:if400pxPosts}
  626. width:462px;
  627. {/block:if400pxPosts}
  628. overflow:hidden;
  629. z-index:100;
  630. }
  631.  
  632. .entry {
  633. float:left;
  634. display:block;
  635. margin:20px;
  636. width:500px;
  637. {block:If400pxPosts}
  638. width:400px;
  639. {/block:If400pxPosts}
  640. padding:10px;
  641. padding-bottom:0;
  642. {block:ifHoverForInfo}
  643. padding-bottom:8px;
  644. {/block:ifHoverForInfo}
  645. background:rgba({select:Entry background}, {select:Entry transparency});
  646. border: 1px solid {color:Borders};
  647. border-radius:{text:Border radius};
  648. overflow:hidden;
  649. }
  650.  
  651. .entry img { max-width: 100%; }
  652.  
  653.  
  654. /* -------- RESPONSIVE DESIGN VALUES, editing is not recommended -------- */
  655.  
  656. @media only screen and (max-width: 1000px) {
  657.  
  658. #sidebar {
  659. position:relative;
  660. margin-top:60px;
  661. top:auto;
  662. margin-left:0px;
  663. width:100%;
  664. -webkit-transform: none;
  665. -moz-transform:none;
  666. -ms-transform: none;
  667. transform: none;
  668. }
  669.  
  670. #panel {
  671. position:fixed;
  672. margin-top:0px;
  673. margin-left:0px;
  674. width:100%;
  675. background:{color:Container background};
  676. background-image:url({image:Container background});
  677. background-repeat:repeat;
  678. {block:ifContainerBackgroundStretch}
  679. background-size:cover;
  680. background-repeat:no-repeat;
  681. {/block:ifContainerBackgroundStretch}
  682. z-index:100;
  683. }
  684.  
  685. #containerin{
  686. position:relative;
  687. margin-top:20px;
  688. top:auto;
  689. margin-left:0px;
  690. width:100%;
  691. height:auto;
  692. padding:0px;
  693. padding-bottom:130px;
  694. }
  695.  
  696. }
  697.  
  698. /* -- POST STYLES -- */
  699.  
  700. /* Quote posts */
  701.  
  702. .quote {
  703. margin:5px;
  704. padding:10px;
  705. font-family:{select:Title font};
  706. font-size:200%;
  707. line-height:150%;
  708. color:{color:Italic};
  709. height:auto;
  710. text-align:center;
  711. letter-spacing:1px;
  712. }
  713.  
  714. .source {
  715. margin-top:5px;
  716. margin-bottom:10px;
  717. font-family:{font:Body font};
  718. font-size:15px;
  719. height:25px;
  720. line-height:25px;
  721. text-align:left;
  722. overflow:hidden;
  723. }
  724.  
  725. .source span{
  726. float:left;
  727. margin-right:10px;
  728. color:{color:Link};
  729. padding:5px;
  730. padding-right:10px;
  731. font-size:15px;
  732. border-right:1px solid {color:Borders};
  733. }
  734.  
  735. /* Link posts */
  736.  
  737. #linktitle{
  738. width:490px;
  739. {block:If400pxPosts}
  740. width:390px;
  741. {/block:If400pxPosts}
  742. color:{color:Title};
  743. font-family:{select:Title font};
  744. font-size:200%;
  745. line-height:150%;
  746. background:{color:Borders};
  747. border-radius:{text:Border radius};
  748. padding:5px;
  749. {block:ifEntryBorderTransparent}
  750. background:transparent;
  751. border:1px solid transparent;
  752. {/block:ifEntryBorderTransparent}
  753. }
  754.  
  755. #linktitle a{
  756. color:{color:Link};
  757. }
  758.  
  759. #linktitle span{
  760. color:{color:Icon};
  761. }
  762.  
  763. #linktitle:hover{
  764. color:{color:Hover};
  765. }
  766.  
  767. /* Audio posts */
  768.  
  769. .album img{
  770. float:left;
  771. margin-top:0px;
  772. width:70px;
  773. height:70px;
  774. margin-left:5px;
  775. margin-right:10px;
  776. float:left;
  777. z-index:10;
  778. border: 1px solid {color:Borders};
  779. border-radius:100%;
  780. }
  781.  
  782. .play{
  783. position:absolute;
  784. margin:22px 25px;
  785. width:31px;
  786. height:29px;
  787. padding-top:2px;
  788. line-height:31px;
  789. overflow:hidden;
  790. background:#fff;
  791. border-radius:100%;
  792. }
  793.  
  794. .audio{
  795. width:160px;
  796. min-height:80px;
  797. margin-top:10px;
  798. z-index:10;
  799. font-size:12px;
  800. line-height:25px;
  801. overflow:hidden;
  802. }
  803.  
  804. .audio h1{
  805. font-size:20px;
  806. border-bottom:1px solid transparent;
  807. }
  808.  
  809. /* Ask posts */
  810.  
  811. .question{
  812. width:100%;
  813. height:auto;
  814. line-height:20px;
  815. color:{color:Answer};
  816. }
  817.  
  818. .questionin{
  819. margin-left:45px;
  820. width:435px;
  821. {block:if400pxPosts}
  822. width:335px;
  823. {/block:if400pxPosts}
  824. min-height:24px;
  825. line-height:24px;
  826. padding:5px;
  827. padding-left:10px;
  828. padding-right:10px;
  829. border:1px solid {color:Borders};
  830. border-top-right-radius:{text:Border radius};
  831. border-bottom-right-radius:{text:Border radius};
  832. }
  833.  
  834. .question img{
  835. width:28px;
  836. padding:3px;
  837. border:1px solid {color:Borders};
  838. margin-right:4px;
  839. border-top-left-radius:{text:Border radius};
  840. border-bottom-left-radius:{text:Border radius};
  841. }
  842.  
  843. .answer{
  844. margin-top:5px;
  845. width:490px;
  846. {block:if400pxPosts}
  847. width:390px;
  848. {/block:if400pxPosts}
  849. padding:5px;
  850. }
  851.  
  852. /* Chat posts */
  853.  
  854. .chat ul {
  855. display:block;
  856. list-style:none;
  857. margin-left:-40px;
  858. }
  859.  
  860. /* Chat lines style */
  861. .chat li {
  862. padding:3px;
  863. display:block;
  864. }
  865.  
  866. /* Odd lines style */
  867. .chat .odd {
  868. color:{color:Chat 1};
  869. }
  870.  
  871. /* Even lines style */
  872. .chat .even {
  873. color:{color:Chat 2};
  874. }
  875.  
  876. /* -- POST INFO -- */
  877.  
  878. .info1 {
  879. height:auto;
  880. float:center;
  881. margin-top:-10px;
  882. margin-bottom:10px;
  883. margin-left:-10px;
  884. height:20px;
  885. width:500px;
  886. {block:if400pxPosts}
  887. width:400px;
  888. {/block:if400pxPosts}
  889. font-size:10px;
  890. line-height:20px;
  891. color:{color:Link};
  892. background:rgba({select:Info background}, {select:Entry transparency});
  893. border-bottom:1px solid {color:Borders};
  894. border-top-left-radius:{text:Border radius};
  895. border-top-right-radius:{text:Border radius};
  896. padding:5px 10px;
  897. {block:IndexPage}
  898. {block:ifHoverForInfo}
  899. opacity:0;
  900. position:absolute;
  901. {/block:ifHoverForInfo}
  902. {/block:IndexPage}
  903. }
  904.  
  905. .entry:hover .info1{
  906. {block:ifHoverForInfo}
  907. opacity:1;
  908. {/block:ifHoverForInfo}
  909. }
  910.  
  911. .date{
  912. position:absolute;
  913. margin-left:400px;
  914. {block:if400pxPosts}
  915. margin-left:300px;
  916. {/block:if400pxPosts}
  917. margin-top:-20px;
  918. width:100px;
  919. text-align:right;
  920. text-transform:lowercase;
  921. }
  922.  
  923. /* Info 2 */
  924.  
  925. .info2 {
  926. height:auto;
  927. float:center;
  928. margin-top:10px;
  929. margin-left:-10px;
  930. margin-bottom:0;
  931. width:500px;
  932. {block:if400pxPosts}
  933. width:400px;
  934. {/block:if400pxPosts}
  935. padding:5px 10px;
  936. height:20px;
  937. line-height:20px;
  938. font-size:11px;
  939. color:{color:Link};
  940. background:rgba({select:Info background}, {select:Entry transparency});
  941. border-top:1px solid {color:Borders};
  942. border-bottom-left-radius:{text:Border radius};
  943. border-bottom-right-radius:{text:Border radius};
  944. {block:ifDisplayTags}
  945. height:auto;
  946. {/block:ifDisplayTags}
  947. {block:IndexPage}
  948. {block:ifHoverForInfo}
  949. opacity:0;
  950. position:absolute;
  951. bottom:0;
  952. {/block:ifHoverForInfo}
  953. {/block:IndexPage}
  954. {block:PermalinkPage}
  955. border-radius:0;
  956. {/block:PermalinkPage}
  957. }
  958.  
  959. .entry:hover .info2{
  960. {block:ifHoverForInfo}
  961. opacity:1;
  962. {/block:ifHoverForInfo}
  963. }
  964.  
  965. .info1 a, .info2 a {
  966. font-size:11px;
  967. }
  968.  
  969. .info1 a:hover, .info2 a:hover{
  970. color:{color:Hover};
  971. }
  972.  
  973. .info1 b, .info2 b{
  974. color:transparent;
  975. margin-left:-5px;
  976. }
  977.  
  978. /* Tags */
  979.  
  980. .tags{
  981. margin-top:-10px;
  982. }
  983.  
  984. .tags a{
  985. margin:2px;
  986. padding:3px 5px;
  987. background:rgba({select:Entry background}, {select:Entry transparency});
  988. }
  989.  
  990. /*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/
  991.  
  992. .post_buttons {
  993. width:45px;
  994. height:19px;
  995. margin-left:430px;
  996. margin-top:-20px;
  997. padding-top:2px;
  998. text-align:center;
  999. z-index:100;
  1000. list-style: none;
  1001. {block:PermalinkPage}
  1002. padding-right:15px;
  1003. {/block:PermalinkPage}
  1004. }
  1005.  
  1006. .post_buttons span{
  1007. font-size:12px;
  1008. color:{color:Post buttons};
  1009. }
  1010.  
  1011. .perma{
  1012. position:absolute;
  1013. width:20px;
  1014. margin-left:-30px;
  1015. margin-top:-20px;
  1016. }
  1017.  
  1018. .rblg{
  1019. position:absolute;
  1020. margin-top:0px;
  1021. margin-left:-5px;
  1022. }
  1023.  
  1024. .like {
  1025. position: relative;
  1026. }
  1027.  
  1028. .like .like_button {
  1029. position: absolute;
  1030. margin-top: -21px;
  1031. margin-left:15px;
  1032. opacity: 0;
  1033. }
  1034.  
  1035. .like .like_button.liked {
  1036. opacity: 1;
  1037. }
  1038.  
  1039. /*-- PERMALINK PAGE --*/
  1040.  
  1041. .notes{
  1042. line-height:20px;
  1043. }
  1044.  
  1045. .postnotes{
  1046. margin: 10px 0px;
  1047. width: 100%;
  1048. font-size: 12px;
  1049. color: {color:Text};
  1050. line-height:20px;
  1051. overflow:hidden;
  1052. }
  1053.  
  1054. ol.notes {
  1055. display:block;
  1056. padding: 0px;
  1057. margin: 10px 0px;
  1058. list-style-type: none;
  1059. }
  1060.  
  1061. ol.notes li.note {
  1062. padding: 10px;
  1063. border-bottom:1px solid {color:Borders};
  1064. }
  1065.  
  1066. ol.notes li.note img.avatar {
  1067. vertical-align: -5px;
  1068. margin-right: 10px;
  1069. width: 15px;
  1070. height: 15px;
  1071. }
  1072.  
  1073. /*-- PAGINATION --*/
  1074.  
  1075. #pager{
  1076. width:100%;
  1077. height:50px;
  1078. margin-top:20px;
  1079. margin-left:auto;
  1080. margin-right:auto;
  1081. }
  1082.  
  1083. #pagination{
  1084. margin:auto;
  1085. width:500px;
  1086. height:30px;
  1087. text-align:center;
  1088. {block:ifInfiniteScrolling}
  1089. display:none;
  1090. {/block:ifInfiniteScrolling}
  1091. }
  1092.  
  1093. .pagicon, .next, .load-more{
  1094. display:inline;
  1095. }
  1096.  
  1097. .pagicon a, .next, .load-more{
  1098. font-size:11px;
  1099. padding:5px;
  1100. margin:5px;
  1101. color:{color:Pagination};
  1102. background:rgba({select:Entry background}, {select:Entry transparency});
  1103. border:1px solid {color:Borders};
  1104. border-radius:{text:Border radius};
  1105. }
  1106.  
  1107. .pagicon a:hover, .next:hover, .load-more:hover{
  1108. color:{color:Hover};
  1109. background:{color:Borders};
  1110. }
  1111.  
  1112. .pagicon i, .next i, .load-more i{
  1113. color:{color:Pagination};
  1114. font-size:15px;
  1115. margin:5px;
  1116. text-decoration:none;
  1117. }
  1118.  
  1119. .pagicon:hover i, .next:hover i, .load-more:hover i{
  1120. color:{color:Hover};
  1121. }
  1122.  
  1123. /* -- INFINITE SCROLLING -- */
  1124.  
  1125. #infscr-loading {
  1126. display:none!important;
  1127. }
  1128.  
  1129. #iscroll{
  1130. margin:auto;
  1131. width:500px;
  1132. height:30px;
  1133. text-align:center;
  1134. }
  1135.  
  1136. {block:ifLoadMore}
  1137. .load-more{
  1138. height:40px;
  1139. }
  1140. {/block:ifLoadMore}
  1141.  
  1142. /*-- THEME CREDIT --*/
  1143.  
  1144. #credit{
  1145. position:fixed;
  1146. right:5px;
  1147. top:11px;
  1148. width:30px;
  1149. z-index:10000;
  1150. }
  1151.  
  1152. svg {
  1153. /* border: 1px solid black; */
  1154. display: block;
  1155. position: fixed!important;
  1156. bottom:-71px;
  1157. margin-left:0px;
  1158. width:100%;
  1159. stroke:{color:Wave background};
  1160. stroke-width: 2;
  1161. fill:{color:Wave background};
  1162. z-index:1000;
  1163. }
  1164.  
  1165. /* END CSS */
  1166.  
  1167. {CustomCSS}
  1168.  
  1169. </style>
  1170.  
  1171. </head>
  1172.  
  1173.  
  1174. <!-- Saturn icons font -->
  1175.  
  1176. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  1177.  
  1178. <!--Jquery-->
  1179.  
  1180. <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
  1181.  
  1182. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1183.  
  1184. <!-- Style my tooltips -->
  1185.  
  1186. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1187.  
  1188. <script>
  1189. (function($){
  1190. $(document).ready(function(){
  1191. $("a[title]").style_my_tooltips({
  1192. tip_follows_cursor:true,
  1193. tip_delay_time: 90,
  1194. tip_fade_speed: 600,
  1195. attribute:"title"
  1196. });
  1197. });
  1198. })(jQuery);
  1199. </script>
  1200.  
  1201. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1202.  
  1203. <script>
  1204. $(document).ready(function(){
  1205.  
  1206. $(".clickm").click(function(){
  1207. $('#panel').fadeIn(0);
  1208. $('#sidebar').fadeOut(0);
  1209. $('.clickm').css({ display:'none'});
  1210. $('.close').css({ display:'block'});
  1211. });
  1212.  
  1213. $(".close").click(function(){
  1214. $("#panel").fadeOut(0);
  1215. $("#sidebar").fadeIn(0);
  1216. $('.close').css({ display:'none'});
  1217. $('.clickm').css({ display:'block'});
  1218. });
  1219.  
  1220. });
  1221. </script>
  1222.  
  1223. {block:IndexPage}
  1224.  
  1225. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1226.  
  1227. {block:ifInfiniteScrolling}
  1228. <script src="https://static.tumblr.com/hczaopr/ZZYo7hmaw/jquery.infinitescroll.min.js"></script>
  1229. {/block:ifInfiniteScrolling}
  1230.  
  1231. <script>
  1232. $(document).ready(function(){
  1233. var $container = $('#posts');
  1234. $container.imagesLoaded(function() {
  1235. $container.masonry({
  1236. itemSelector: '.entry'
  1237. });
  1238. });
  1239. $container.infinitescroll({
  1240. itemSelector: ".entry",
  1241. navSelector: "#pagination",
  1242. nextSelector: ".next",
  1243. loadingImg: "",
  1244. loadingText: "<em></em>",
  1245. bufferPx: 10000,
  1246. extraScrollPx: 12000,
  1247. errorCallback: function() {
  1248. $('.load-more').fadeOut();
  1249. }
  1250. }, function(newElements) {
  1251. var $newElems = $(newElements).css({
  1252. opacity: 0
  1253. });
  1254. $newElems.imagesLoaded(function() {
  1255. $newElems.animate({
  1256. opacity: 1
  1257. });
  1258. $container.masonry('appended', $newElems,
  1259. true);
  1260. });
  1261. });
  1262. {block:ifLoadMore}
  1263. $(window).unbind('.infscr');
  1264. $('.load-more').click(function() {
  1265. $container.infinitescroll('retrieve');
  1266. return false
  1267. });
  1268. {/block:ifLoadMore}
  1269. });
  1270.  
  1271. </script>
  1272.  
  1273. {/block:IndexPage}
  1274.  
  1275. <title>{Title}
  1276. {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}
  1277. {block:TagPage} - {Tag} {/block:TagPage}
  1278. {block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1279. {block:Description}<meta name="description" content="{MetaDescription}" />
  1280. {/block:Description}
  1281.  
  1282. <!-- HTML -->
  1283.  
  1284. <body>
  1285.  
  1286. <div id="container">
  1287.  
  1288. <div id="con">
  1289.  
  1290. <div id="menu">
  1291.  
  1292. {block:ifDisplayNavigation}
  1293. <div class="clickm" title="Links"><span class="sf sf-list-o"></span></div>
  1294. <div class="close" title="Close"><span class="sf sf-cross"></span> </div>
  1295. {/block:ifDisplayNavigation}
  1296.  
  1297. {block:ifDisplayMainIcons}
  1298. <div id="mainicons">
  1299. <a href="/" title="Index"><span class="sf sf-home-o"></span></a>
  1300. <a href="/ask" title="Ask"><span class="sf sf-chat-o"></span></a>
  1301. <a href="/submit" title="Submit"><span class="sf sf-edit-o"></span></a>
  1302. <a href="/archive" title="Archive"><span class="sf sf-clock-3-o"></span></a>
  1303. </div>
  1304. <!-- End mainicons -->
  1305. {/block:ifDisplayMainIcons}
  1306.  
  1307. </div>
  1308. <!--End menu-->
  1309.  
  1310. <div id="sidebar">
  1311.  
  1312. <div id="avatar">
  1313. <a href="/"><img src="{image:Avatar}"></a>
  1314. </div>
  1315. <!-- End avatar-->
  1316.  
  1317. <div id="blogtitle">
  1318. {Title}
  1319. </div>
  1320. <!-- End blogtitle-->
  1321.  
  1322. <div id="description">
  1323. {Description}
  1324. </div>
  1325. <!-- End description -->
  1326.  
  1327. {block:IfDisplaySearchBox}
  1328. <div id="search">
  1329. <form action="/search" method="get">
  1330. <input type="text" name="q" value="SEARCH..." style="float:left; margin-top:0px; margin-left:0px; padding-left:10px; width:170px; height:35px; border:1px solid {color:Borders}; border-radius:20px; background:transparent; color:{color:Search}; font-size: 12px;"/>
  1331. </form>
  1332. <span class="sf sf-search-o"></span>
  1333. </div>
  1334. <!-- End search -->
  1335. {/block:IfDisplaySearchBox}
  1336.  
  1337. </div>
  1338. <!-- End sidebar-->
  1339.  
  1340. <div id="panel">
  1341.  
  1342. {block:ifDisplayNavigation}
  1343. <div id="links">
  1344. {block:IfDisplayLinkOne}
  1345. <div class="icon1">
  1346. <a href="{text:Link One Url}"> <span class="sf sf-{text:Navi icon 1}"></span> {text:Link One Title}</a>
  1347. </div>
  1348. <!-- End icon1 -->
  1349. {/block:IfDisplayLinkOne}
  1350. {block:IfDisplayLinkTwo}
  1351. <div class="icon2">
  1352. <a href="{text:Link Two Url}"> <span class="sf sf-{text:Navi icon 2}"></span> {text:Link Two Title}</a>
  1353. </div>
  1354. <!-- End icon2 -->
  1355. {/block:IfDisplayLinkTwo}
  1356. {block:IfDisplayLinkThree}
  1357. <div class="icon3">
  1358. <a href="{text:Link Three Url}"><span class="sf sf-{text:Navi icon 3}"></span> {text:Link Three Title} </a>
  1359. </div>
  1360. <!-- End icon3 -->
  1361. {/block:IfDisplayLinkThree}
  1362. {block:IfDisplayLinkFour}
  1363. <div class="icon4">
  1364. <a href="{text:Link Four Url}"><span class="sf sf-{text:Navi icon 4}"></span> {text:Link Four Title} </a>
  1365. </div>
  1366. <!-- End icon4 -->
  1367. {/block:IfDisplayLinkFour}
  1368. {block:IfDisplayLinkFour}
  1369. <div class="icon5">
  1370. <a href="{text:Link Five Url}"><span class="sf sf-{text:Navi icon 5}"></span> {text:Link Five Title} </a>
  1371. </div>
  1372. <!-- End icon5 -->
  1373. {/block:IfDisplayLinkFour}
  1374. </div>
  1375. <!-- End links -->
  1376. {/block:ifDisplayNavigation}
  1377.  
  1378. </div>
  1379. <!-- End panel -->
  1380.  
  1381. <div id="containerin">
  1382.  
  1383. <!-- POSTS -->
  1384.  
  1385. <div id="posts">
  1386.  
  1387. {block:Posts}
  1388.  
  1389. <div class="entry">
  1390.  
  1391. {block:Date}
  1392. <div class="info1">
  1393. <b>-</b>
  1394. <!-- Reblogged from -->
  1395. {block:RebloggedFrom}
  1396. <a href="{ReblogParentURL}">
  1397. via</a> /{/block:RebloggedFrom}
  1398.  
  1399. {block:ContentSource}
  1400. <a href="{SourceURL}"
  1401. target=blank> source</a>
  1402. {/block:ContentSource}
  1403.  
  1404. <div class="date">
  1405. <a href="{Permalink}">
  1406. {shortmonth} {dayofmonth}</a>
  1407. </div>
  1408. <!--End date-->
  1409.  
  1410. </div>
  1411. <!--End info1-->
  1412.  
  1413. {/block:Date}
  1414.  
  1415. <div class="content">
  1416.  
  1417. <!-- Text -->
  1418. {block:Text}
  1419. {block:Title}
  1420. <a href="{Permalink}">
  1421. <h1>{Title}</h1></a>
  1422. {/block:Title}
  1423. {Body}
  1424. {/block:Text}
  1425.  
  1426. <!-- Photo -->
  1427. {block:Photo}
  1428. {block:ifNot400pxPosts}
  1429. {LinkOpenTag}
  1430. <img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}">
  1431. {LinkCloseTag}
  1432. {/block:ifNot400pxPosts}
  1433. {block:if400pxPosts}
  1434. <img src="{PhotoURL-400}" width="400" alt="{PhotoAlt}">
  1435. {LinkCloseTag}
  1436. {/block:if400pxPosts}
  1437. {/block:Photo}
  1438.  
  1439. <!-- Photoset -->
  1440. {block:Photoset}
  1441. {block:ifNot400pxPosts}
  1442. {Photoset-500}
  1443. {/block:ifNot400pxPosts}
  1444. {block:if400pxPosts}
  1445. {Photoset-400}
  1446. {/block:if400pxPosts}
  1447. {/block:Photoset}
  1448.  
  1449. <!-- Quote -->
  1450. {block:Quote}
  1451. <div class="source">
  1452. <span class="sf sf-ICON-NAME"></span>
  1453. {block:Source}
  1454. {Source}
  1455. {/block:Source}
  1456. </div>
  1457. <!--End source-->
  1458. <div class="quote">
  1459. {Quote}
  1460. </div>
  1461. <!--End quote-->
  1462. {/block:Quote}
  1463.  
  1464. <!-- Link -->
  1465. {block:Link}
  1466. <div id="linktitle">
  1467. <a href="{URL}"
  1468. class="linkpost"
  1469. target="_blank">
  1470. {Name} &raquo; </a>
  1471. </div>
  1472. {block:Description}
  1473. {Description}
  1474. {/block:Description}
  1475. {/block:Link}
  1476.  
  1477. <!-- Chat -->
  1478. {block:Chat}
  1479. <div class="chat">
  1480. <ul>
  1481. {block:Lines}
  1482. <li class="{Alt}">
  1483. {block:Label}<b>{Label}</b>{/block:Label}
  1484. {Line}
  1485. </li>
  1486. {/block:Lines}
  1487. </ul>
  1488. </div>
  1489. {/block:Chat}
  1490.  
  1491. <!-- Audio -->
  1492. {block:Audio}
  1493. <div class="album">
  1494. {block:AlbumArt}
  1495. <img src="{AlbumArtURL}"></a>
  1496. {block:AlbumArt}
  1497. </div>
  1498. <!--End album-->
  1499. <div class="play">
  1500. {block:AudioPlayer}
  1501. {AudioPlayer}
  1502. {/block:AudioPlayer}
  1503. </div>
  1504. <div class="audio">
  1505. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  1506. {block:Artist}{Artist}{/block:Artist}<br>
  1507. <!--End play-->
  1508. {block:PlayCount}
  1509. {FormattedPlayCount}
  1510. {/block:PlayCount}
  1511. </div>
  1512. <!--End audio-->
  1513. {/block:Audio}
  1514.  
  1515. <!-- Video -->
  1516. {block:Video}
  1517. {block:ifNot400pxPosts}
  1518. {Video-500}
  1519. {/block:ifNot400pxPosts}
  1520. {block:if400pxPosts}
  1521. {Video-400}
  1522. {/block:if400pxPosts}
  1523. {/block:Video}
  1524.  
  1525. <!-- Ask -->
  1526. {block:Answer}
  1527. <div class="question">
  1528. <img src="{AskerPortraitURL-48}"
  1529. align="left"></div>
  1530. <div class="questionin">
  1531. {Asker}: {Question}</div>
  1532. <div class="answer">
  1533. {Answer}</div>
  1534. {/block:Answer}
  1535.  
  1536. <!-- Caption -->
  1537. {block:IndexPage}
  1538. {block:IfDisplayCaptions}
  1539. {block:Caption}
  1540. {Caption}
  1541. {/block:Caption}
  1542. {/block:IfDisplayCaptions}
  1543. {/block:IndexPage}
  1544. {block:PermalinkPage}
  1545. {block:Caption}
  1546. {Caption}
  1547. {/block:Caption}
  1548. {/block:PermalinkPage}
  1549.  
  1550. </div>
  1551. <!--End content-->
  1552.  
  1553. <!-- Date -->
  1554. {block:Date}
  1555.  
  1556. <div class="info2">
  1557.  
  1558. <b>-</b>
  1559. {block:NoteCount}
  1560. <a href="{Permalink}">
  1561. {NoteCountWithLabel}</a>
  1562. {/block:NoteCount}
  1563.  
  1564. <!-- Permalink, reblog and like buttons -->
  1565. <ul class="post_buttons">
  1566.  
  1567. <li class="rblg"><a href="{ReblogUrl}"><span class="sf sf-refresh-o"></span></a></li>
  1568.  
  1569. <li class="like">
  1570. <span class="sf sf-heart-o"></span>
  1571. {LikeButton size="15"}
  1572. </li>
  1573.  
  1574. {block:IndexPage}
  1575. <div class="perma"><a href="{Permalink}"><span class="sf sf-aero-cursor-o"></span></a></div>
  1576. {/block:IndexPage}
  1577.  
  1578. </ul>
  1579. <!-- End post_buttons -->
  1580.  
  1581. <!-- Tags -->
  1582. {block:IndexPage}
  1583. {block:IfDisplayTags}
  1584. <div class="tags">
  1585. {block:HasTags}
  1586. {block:Tags}
  1587. <a href="{TagURL}">#{Tag}</a>
  1588. {/block:Tags}
  1589. {/block:HasTags}
  1590. </div>
  1591. {/block:IfDisplayTags}
  1592. {/block:IndexPage}
  1593. {block:PermalinkPage}
  1594. <div class="tags">
  1595. {block:HasTags}
  1596. {block:Tags}
  1597. <a href="{TagURL}">#{Tag}</a>
  1598. {/block:Tags}
  1599. {/block:HasTags}
  1600. </div>
  1601. {/block:PermalinkPage}
  1602.  
  1603. </div>
  1604. <!--End info2-->
  1605. {/block:Date}
  1606.  
  1607. <!-- Permalink page -->
  1608. {block:PermalinkPage}
  1609. <!-- Post notes-->
  1610. {block:PostNotes}
  1611. <div class="postnotes">
  1612. <h2>Post notes:</h2>
  1613. {PostNotes}
  1614. </div>
  1615. {/block:PostNotes}
  1616. {/block:PermalinkPage}
  1617.  
  1618. <!-- Other -->
  1619. {block:ContentSource}
  1620. <!-- {SourceURL}
  1621. {block:SourceLogo}
  1622. <img src="{BlackLogoURL}"
  1623. width="{LogoWidth}"
  1624. height="{LogoHeight}"
  1625. alt="{SourceTitle}" />
  1626. {/block:SourceLogo}
  1627. {block:NoSourceLogo}
  1628. {SourceLink}
  1629. {/block:NoSourceLogo} -->
  1630. {/block:ContentSource}
  1631.  
  1632. </div>
  1633. <!--End entry-->
  1634.  
  1635. {/block:Posts}
  1636.  
  1637. </div>
  1638. <!-- End posts -->
  1639.  
  1640. {block:Pagination}
  1641.  
  1642. <div id="pager">
  1643.  
  1644. <div id="pagination">
  1645. {block:PreviousPage}
  1646. <div class="pagicon">
  1647. <a href="{PreviousPage}"><span class="sf sf-arrow-left"></span> NEWER </a>
  1648. </div>
  1649. {/block:PreviousPage}
  1650.  
  1651. <div class="pagicon">
  1652. <a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
  1653. </div>
  1654.  
  1655. {block:NextPage}
  1656. <a class="next" href="{NextPage}"> OLDER <span class="sf sf-arrow-right"></span></a>
  1657. {/block:NextPage}
  1658. </div>
  1659. <!--End pagination-->
  1660.  
  1661. <div id="iscroll">
  1662. {block:ifLoadMore}
  1663. <span class="pagicon">
  1664. <a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
  1665. </span>
  1666.  
  1667. <a href="#" class="load-more"> MORE <span class="sf sf-plus-o"></span></a>
  1668. {/block:ifLoadMore}
  1669. </div>
  1670.  
  1671. </div>
  1672. <!--End pager-->
  1673.  
  1674. {/block:Pagination}
  1675.  
  1676. </div>
  1677. <!-- End containerin -->
  1678.  
  1679. </div>
  1680. <!-- End con -->
  1681.  
  1682. <svg xmlns="https://www.w3.org/2000/svg" width="1440" height="240" viewBox="0 0 1440 240">
  1683. <path d="M0 120 Q360 60 720 120 T 1440 120 V240 H0 Z"></path>
  1684. </svg>
  1685.  
  1686. </div>
  1687. <!--End container-->
  1688.  
  1689. <!-- Script by Pedro Tavares -->
  1690.  
  1691. <script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js'></script>
  1692. <script >// The first line below is the path in the SVG, the one underneath it is the one being used in the tween, only one number has been changed.
  1693. // "M0 120 Q360 60 720 120 T 1440 120 V240 H0 Z"
  1694. // "M0 120 Q360 180 720 120 T 1440 120 V240 H0 Z"
  1695.  
  1696. TweenMax.to("path", 2, {
  1697. attr: {
  1698. d: "M0 120 Q360 180 720 120 T 1440 120 V240 H0 Z"
  1699. },
  1700. ease: Power1.easeInOut,
  1701. repeat: -1,
  1702. yoyo: true
  1703. });
  1704.  
  1705. //# sourceURL=pen.js
  1706. </script>
  1707.  
  1708.  
  1709. <!-- CREDIT (DO NOT REMOVE) -->
  1710. <div id="credit"><a href="https://www.hunterthemes.tumblr.com">
  1711. <img src="https://i60.tinypic.com/b5qp0o.png" title="theme by hunter themes"></a></div>
  1712.  
  1713. </body>
  1714. </html>
  1715.  
  1716. <!-- END 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!