Advertisement
hunterthemes

- Theme #16 (vol.3)

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