API tools faq
paste
Advertisement
hunterthemes

- Theme #10 (vol.3)

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