API tools faq
paste
Advertisement
hunterthemes

- Theme #5 (vol.3)

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