API tools faq
paste
Advertisement
hunterthemes

- Theme #23

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