API tools faq
paste
Advertisement
hunterthemes

+ Theme #25 (vol.2)

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