API tools faq
paste
Advertisement
hunterthemes

- Theme #19

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