API tools faq
paste
Advertisement
hunterthemes

+ Theme vine insp.

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