Advertisement
hunterthemes

+ Theme #27

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