valkyriethemes

[T#01 - Grand King] by Onyxian

Mar 5th, 2016
986
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.35 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6. THEME BY GALESTA | PLEASE ADHERE TO TERMS
  7.  
  8.  
  9. Credits ~
  10.  
  11. + shythemes (base code)
  12. + shythemes (hosting svg icons)
  13. + inspiration for header and topbar styling @ sorrism
  14.  
  15. + Outicons by Anton Saputro
  16. + Infinite Scrolling by Paul Irish
  17. + Font AWesome
  18. + Header image by Church of Cupcakes
  19. - (Edited by me)
  20.  
  21.  
  22.  
  23.  
  24. -->
  25. <title>{Title}</title>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="shortcut icon" href="{Favicon}">
  28. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  29.  
  30. <meta name="viewport" content="width=device-width, initial-scale=1">
  31. <meta name="color:Accent" content="#89d0d2">
  32. <meta name="color:Accent Hover" content="#C3EED8">
  33. <meta name="color:Background" content="#f7f7f7">
  34. <meta name="color:Borders" content="#eee">
  35. <meta name="color:Posts" content="#fff">
  36. <meta name="color:Text" content="#3f3f3f">
  37. <meta name="color:Top Bar Links" content="#C3EED8">
  38. <meta name="color:Top Bar Link Hover" content="#89d0d2">
  39.  
  40. <meta name="text:Link 1" content="" >
  41. <meta name="text:Link 1 URL" content="" >
  42. <meta name="text:Link 2" content="" >
  43. <meta name="text:Link 2 URL" content="" >
  44. <meta name="text:Link 3" content="" >
  45. <meta name="text:Link 3 URL" content="" >
  46. <meta name="text:Link 4" content="" >
  47. <meta name="text:Link 4 URL" content="" >
  48. <meta name="text:Link 5" content="" >
  49. <meta name="text:Link 5 URL" content="" >
  50. <meta name="text:Link 6" content="" >
  51. <meta name="text:Link 6 URL" content="" >
  52. <meta name="text:Link 7" content="" >
  53. <meta name="text:Link 7 URL" content="" >
  54. <meta name="text:Link 8" content="" >
  55. <meta name="text:Link 8 URL" content="" >
  56.  
  57. <meta name="image:Background" content="">
  58. <meta name="image:Header" content="" >
  59. <meta name="image:Sidebar" content="" >
  60.  
  61. <meta name="if:400px Posts" content="1">
  62. <meta name="if:500px Posts" content="0">
  63. <meta name="if:Blog Hits" content="0">
  64. <meta name="if:Faded Images" content="0">
  65. <meta name="if:Header Blur" content="0">
  66. <meta name="if:Monochrome" content="0">
  67. <meta name="if:Like Button" content="1">
  68. <meta name="if:Reblog Button" content="1">
  69. <meta name="if:Rounded Corners" content="0">
  70. <meta name="if:Search Bar" content="0">
  71. <meta name="if:Show Captions" content="1">
  72. <meta name="if:Show Tags" content="1">
  73. <meta name="if:Tags on Hover" content="1">
  74. <meta name="if:Infinite Scroll" content="0">
  75.  
  76. <style type="text/css">
  77.  
  78. html, body {
  79. padding: 0;
  80. margin: 0;}
  81.  
  82. #s-m-t-tooltip{
  83. max-width:300px;
  84. z-index:10;
  85. margin:24px 14px 7px 12px;
  86. padding:5px;
  87. padding-bottom:7px;
  88. background: {color:Posts};
  89. border: 1px solid {color:Borders};
  90. -moz-border-radius:0px;
  91. -webkit-border-radius:0px;
  92. border-radius:0px;
  93. font-family: "calibri";
  94. text-transform: uppercase;
  95. font-size:8px;
  96. letter-spacing: 1px;
  97. color: {color:Accent};}
  98.  
  99. ::-webkit-scrollbar {
  100. width: 1px;
  101. height: 1px;
  102. background-color: transparent!;}
  103.  
  104. ::-webkit-scrollbar-track {
  105. border: 8px solid rgb(255,255,255);
  106. background-color: transparent!;}
  107.  
  108. ::-webkit-scrollbar-thumb {
  109. border: 8px solid rgb(255,255,255);
  110. opacity: 0.5;
  111. background-color: #c8edde;}
  112.  
  113. .vignette, #vignette {
  114. opacity:0;}
  115.  
  116. .tmblr-lightbox, #tumblr_lightbox {
  117. background-color:rgba(245,245,245,.98) !important;}
  118.  
  119. .lightbox-image, #tumblr_lightbox img {
  120. box-shadow:none !important;
  121. border-radius:0 !important;
  122. max-width:none;}
  123.  
  124. .lightbox-image, #tumblr_lightbox img {
  125. padding: 10px;
  126. background-color: #fff!important;
  127. border:1px solid #eee !important;}
  128.  
  129. body {
  130. margin:0;
  131. font-size:10px;
  132. font-family:helvetica, sans-serif;
  133. line-height:1.6em;
  134. -moz-osx-font-smoothing:grayscale;
  135. -webkit-font-smoothing:antialiased;
  136. font-smoothing:antialiased;
  137. color:{color:text};
  138. background-image:url('{image:Background}');
  139. background-repeat: no-repeat;
  140. background-color: #f7f7f7;}
  141.  
  142. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  143. top: 5px!important;
  144. right: 5px!important;
  145. position: fixed;
  146. opacity: 0.1;
  147. display: none;
  148. background-color: transparent!important;
  149. -moz-transition-duration: 0.5s;
  150. -o-transition-duration: 0.5s;
  151. -webkit-transition-duration: 0.5s;
  152. transition-duration: 0.5s;
  153. -webkit-filter: invert(100%);
  154. -moz-filter: invert(100%);
  155. -o-filter: invert(100%);
  156. -ms-filter: invert(100%);
  157. filter: invert(100%);}
  158.  
  159. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover {
  160. opacity: 0.8;
  161. -moz-transition-duration: 0.5s;
  162. -o-transition-duration: 0.5s;
  163. -webkit-transition-duration: 0.5s;
  164. transition-duration: 0.5s;}
  165.  
  166. a {
  167. color:inherit;
  168. text-decoration:none;
  169. -webkit-transition:all .2s linear;
  170. transition:all .2s linear;}
  171.  
  172. small, sub {
  173. font-size:1em;
  174. vertical-align:baseline;}
  175.  
  176. blockquote {
  177. padding:.6em .6em .6em 2em;
  178. border-left:1px solid {color:Borders};}
  179.  
  180. blockquote, ol, ul, p, pre {
  181. margin:0 0 .6em;}
  182.  
  183. h1, h2, h3, h4, h5, h6 {
  184. margin:0 0 .8em;
  185. text-align: center;
  186. font-family: quicksand;
  187. padding-top: 20px;
  188. font-size:1em;
  189. color: {color:Accent};
  190. font-weight:inherit;}
  191.  
  192. strong, b, i, {
  193. font-weight: normal;
  194. color:#89d0d2;}
  195.  
  196. img {
  197. border:0;
  198. max-width:100%;
  199. height:auto;
  200. display:block;}
  201.  
  202. hr {
  203. margin:1em 0;
  204. border:0;
  205. height:1px;
  206. -moz-box-sizing:border-box;
  207. box-sizing:border-box;
  208. background-color:{color:Borders};}
  209.  
  210. .title {
  211. font-size:15px;
  212. font-weight:bold;}
  213.  
  214. .accent,
  215. .tumblr_blog {
  216. color:{color:accent};}
  217.  
  218. .main {
  219. margin: 0 auto;
  220. position: relative;
  221. width: 900px;}
  222.  
  223. .content {
  224. top: 20px;
  225. position: relative;
  226. margin: auto;
  227. {block:if400pxPosts} width: 440px; {/block:if400pxPosts}
  228. {block:if500pxPosts} width: 540px; {/block:if500pxPosts}}
  229.  
  230. .entry {
  231. {block:if400pxPosts} width: 400px; {/block:if400pxPosts}
  232. {block:if500pxPosts} width: 500px; {/block:if500pxPosts}
  233. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  234. border: 1px solid {color:Borders};
  235. background-color: {color:Posts};
  236. margin:0 0 70px;}
  237.  
  238.  
  239. /*----------- Post Info -------------*/
  240.  
  241. .date {
  242. font-family: karla;
  243. text-transform: uppercase;
  244. border-top: 1px solid {color:Borders};
  245. {block:PermalinkPage} border-bottom: 1px solid {color:Borders}; {/block:PermalinkPage}}
  246.  
  247. .date a {
  248. color: {color:Accent};
  249. letter-spacing: 1.5px;
  250. text-transform: uppercase;}
  251.  
  252. .date a:hover {color: {color:Accent Hover};}
  253.  
  254. /*----------- Tags ---------------------*/
  255.  
  256. .tags {
  257. {block:IndexPage}
  258. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  259. {/block:IndexPage}}
  260.  
  261. .tags .comma:last-of-type {
  262. display:none;}
  263.  
  264. /*---------------- Captions -------------*/
  265.  
  266. .caption {
  267. {block:IndexPage}
  268. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  269. {/block:IndexPage}}
  270.  
  271. /*--------- Post Stylings ------------*/
  272.  
  273. .text {
  274. padding: 20px;
  275. margin:1em 0 0;}
  276.  
  277. .text:last-child,
  278. .text *:last-child {
  279. margin-bottom:0;}
  280.  
  281. /*-------------- Chat Posts ----------*/
  282.  
  283. .chat {
  284. padding: 20px;
  285. list-style-type:none;}
  286.  
  287. .chat li {
  288. padding: 20px;}
  289.  
  290. .chat .label {text-transform: uppercase;}
  291.  
  292. .line_odd .label {
  293. font-family: karla;
  294. letter-spacing: 1px;
  295. color: {color:Accent};}
  296.  
  297. .line_even .label {
  298. font-family: karla;
  299. letter-spacing: 1px;
  300. color: #cef8ec;}
  301.  
  302. .chat .label {
  303. font-weight:bold;}
  304.  
  305. .quote {
  306. padding: 20px;
  307. font-size: 12px;
  308. font-family: quicksand;
  309. text-align: center;
  310. color: {color:Accent};}
  311.  
  312. .audio {
  313. padding: 20px;}
  314.  
  315. .question {
  316. padding: 20px;
  317. border-bottom: 1px solid {color:Borders};}
  318.  
  319. .media {
  320. position:relative;
  321. display:inline-block;
  322. width:100%;}
  323.  
  324. /* Monochrome + Image Fade */
  325. {block:IfMonochrome}
  326. #photo{
  327. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  328. filter: gray; /* IE6-9 */
  329. -webkit-filter: grayscale(1);
  330. -webkit-transition: all 0.5s ease-in-out;
  331. -moz-transition: all 0.5s ease-in-out;
  332. -o-transition: all 0.5s ease-in-out;
  333. -ms-transition: all 0.5s ease-in-out;
  334. transition: all 0.5s ease-in-out;}
  335.  
  336. #photo:hover{
  337. filter: none;
  338. -webkit-filter: grayscale(0);
  339. -webkit-transition: all 0.7s ease-in-out;
  340. -moz-transition: all 0.7s ease-in-out;
  341. -o-transition: all 0.7s ease-in-out;}
  342. {/block:IfMonochrome}
  343.  
  344. {block:IfFadedImages}
  345. #photo{
  346. opacity:.5;
  347. -webkit-transition: all 0.5s ease-in-out;
  348. -moz-transition: all 0.5s ease-in-out;
  349. -o-transition: all 0.5s ease-in-out;
  350. -ms-transition: all 0.5s ease-in-out;
  351. transition: all 0.5s ease-in-out;}
  352.  
  353. #photo:hover{
  354. opacity:1.0;
  355. -webkit-transition: all 0.7s ease-in-out;
  356. -moz-transition: all 0.7s ease-in-out;
  357. -o-transition: all 0.7s ease-in-out;}
  358. {/block:IfFadedImages}
  359.  
  360.  
  361. /*--------- Infinite Scrolling + Pagination -------------*/
  362.  
  363. {block:ifInfiniteScroll}
  364. .pagination,
  365. #infscr-loading {
  366. display:none!important;}
  367. {/block:ifInfiniteScroll}
  368.  
  369. .pagination a {
  370. background-color: {color:Posts};
  371. border: 1px solid {color:Borders};
  372. padding: 10px 14px;
  373. text-align: center;
  374. color: {color:Accent};
  375. bottom: 20px;
  376. position: relative;
  377. text-decoration: none!important;
  378. -moz-transition-duration: 0.5s;
  379. -o-transition-duration: 0.5s;
  380. -webkit-transition-duration: 0.5s;
  381. transition-duration: 0.5s;}
  382.  
  383. .pagination a:hover {
  384. color: {color:Accent Hover};
  385. -moz-transition-duration: 0.5s;
  386. -o-transition-duration: 0.5s;
  387. -webkit-transition-duration: 0.5s;
  388. transition-duration: 0.5s;}
  389.  
  390. a.back-to-top {
  391. display: none;
  392. position: fixed;
  393. right: 50px;
  394. bottom: 10px;
  395. background-color: {color:Posts};
  396. border: 1px solid {color:Borders};
  397. padding: 10px 14px;
  398. text-align: center;
  399. color: {color:Accent};
  400. text-decoration: none!important;
  401. -moz-transition-duration: 0.5s;
  402. -o-transition-duration: 0.5s;
  403. -webkit-transition-duration: 0.5s;
  404. transition-duration: 0.5s;}
  405.  
  406. .scrollup {
  407. padding: 10px 14px;
  408. position: fixed;
  409. bottom: 50px;
  410. right: 10px;
  411. display: none;
  412. color: {color:Accent};
  413. text-indent: -9999px;
  414. border: 1px solid {color:Borders};
  415. background-color: {color:Posts};}
  416.  
  417.  
  418. /*---------- Header --------------*/
  419.  
  420. {block:IndexPage}
  421.  
  422. #header {
  423. width: 100%;
  424. height: 85vh;
  425. top: 0px;
  426. left: 0px;
  427. margin-top: 0px;
  428. margin-left: 0px;
  429. background-color: {color:Posts};
  430. background-image:url('{image:Header}');
  431. background-repeat: no-repeat;
  432. background-attachment: fixed;
  433. background-size: cover;
  434. background-position: center;
  435. border-bottom: 1px solid {color:Borders};
  436. z-index: 99999999999999!important;
  437. -webkit-transition: all 1s ease;
  438. -moz-transition: all 1s ease;
  439. -o-transition: all 1s ease;
  440. -ms-transition: all 1s ease;
  441. transition: all 1s ease;}
  442.  
  443. #header img {
  444. z-index: 9999999999!important;}
  445.  
  446. #header:hover {
  447. {block:ifHeaderBlur}
  448. -webkit-filter: blur(3px);
  449. -moz-filter: blur(3px);
  450. -o-filter: blur(3px);
  451. -ms-filter: blur(3px);
  452. -webkit-transition: all 1s ease;
  453. -moz-transition: all 1s ease;
  454. -o-transition: all 1s ease;
  455. -ms-transition: all 1s ease;
  456. transition: all 1s ease;
  457. {/block:IfHeaderBlur}}
  458.  
  459. {/block:IndexPage}
  460.  
  461. /*------------- Bottom Bar ---------------*/
  462.  
  463. #bottombar {
  464. width: 100%;
  465. height: 15vh;
  466. top: 0px;
  467. left: 0px;
  468. margin-top: 0px;
  469. margin-left: 0px;
  470. z-index: 10;
  471. background-color: {color:Posts};
  472. border-bottom: 1px solid {color:Borders};}
  473.  
  474. #down {
  475. padding-top: 150px;}
  476.  
  477. nav {
  478. width: 100%;
  479. height: 15vh;
  480. background-color: {color:Posts};}
  481.  
  482. nav ul {
  483. overflow: hidden;
  484. margin: 0;
  485. padding: 0;}
  486.  
  487. nav ul li {
  488. list-style: none;
  489. float: left;
  490. font-size: 2em;
  491. padding-top: 2.9%;
  492. text-align: center;
  493. width: calc(100% / 5);
  494. box-sizing: border-box;}
  495.  
  496. nav ul li a {
  497. display: block;
  498. text-decoration: none;
  499. color: {color:Top Bar Links};
  500. padding: 10px 0;}
  501.  
  502. nav ul li a:hover {color:{color:Top Bar Link Hover};}
  503.  
  504.  
  505.  
  506.  
  507. /*--------------- Sidebar ---------------*/
  508.  
  509. {block:IndexPage}
  510.  
  511. #rsidebar {
  512. top: 5px;
  513. left: 10px;
  514. position: absolute;
  515. z-index: 5;
  516. padding: 10px;}
  517.  
  518. .sb img {
  519. max-width: 150px;
  520. max-height: 150px;
  521. border: 1px solid {color:Borders};
  522. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  523. margin: 5px;}
  524.  
  525. #description {
  526. width: 130px;
  527. padding: 10px;
  528. margin: 5px;
  529. margin-top: 5px;
  530. text-align: justify;
  531. font-family: "karla";
  532. font-size: 10px;
  533. line-height: 180%;
  534. border: 1px solid {color:Borders};
  535. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  536. background-color: {color:Posts};}
  537.  
  538. .desc {
  539. margin: 5px;}
  540.  
  541. /*----------- Search Bar -----------*/
  542.  
  543. .sfm input {
  544. font-size: 8px;
  545. border: 0px;
  546. text-transform: uppercase;
  547. color: {color:Accent};
  548. margin-top: 2px;
  549. margin-left: 5px;
  550. letter-spacing: 1px;
  551. padding: 15px;
  552. border: 1px solid {color:Borders};
  553. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  554. font-family: calibri, helvetica, arial;}
  555.  
  556. #sb {
  557. background-color: {color:Posts};
  558. height: 10px;
  559. vertical-align: top;}
  560.  
  561. #sf {
  562. background-color: {color:Posts};
  563. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  564. border: 1px solid {color:Borders};
  565. width: 70px;}
  566.  
  567. .search .query {
  568. border: 0;
  569. outline: 0;
  570. font-family: inherit;
  571. font-size: inherit;
  572. color: inherit;
  573. background-color: {color:Posts};}
  574.  
  575. ::-webkit-input-placeholder {color: inherit;}
  576. :-moz-placeholder {color: inherit; opacity:1;}
  577. ::-moz-placeholder {color: inherit; opacity:1;}
  578. :-ms-input-placeholder {color: inherit;}
  579.  
  580. input:focus::-webkit-input-placeholder {color: transparent;}
  581. input:focus:-moz-placeholder {color: transparent;}
  582. input:focus::-moz-placeholder {color: transparent;}
  583. input:focus:-ms-input-placeholder { color: transparent;}
  584.  
  585. /* -------------- Sidebar Links -------------*/
  586.  
  587.  
  588. #slinks {
  589. margin-top: 9px;}
  590.  
  591. #slinks i {
  592. font-size: 8px;}
  593.  
  594. #slinks a {
  595. width: 140px;
  596. padding: 5px;
  597. margin: 5px 0px 0px 5px;
  598. display: block;
  599. text-align: center;
  600. color: {color:Accent};
  601. font-size: 8px;
  602. letter-spacing: 1px;
  603. text-transform: uppercase;
  604. font-family: calibri;
  605. border: 1px solid {color:Borders};
  606. white-space: nowrap;
  607. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  608. border-bottom: 1px solid {color:Borders};
  609. background-color: {color:Posts};}
  610.  
  611. #slinks a:hover {
  612. border-bottom: 1px solid {color:Accent Hover};}
  613.  
  614. #flip {
  615. width: 140px;
  616. text-align: center;
  617. color: {color:Accent};
  618. font-size: 8px;
  619. padding: 5px;
  620. letter-spacing: 1px;
  621. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  622. text-transform: uppercase;
  623. border: 1px solid {color:Borders};
  624. background-color: {color:Posts};
  625. margin: 5px 0px 0px 5px;}
  626.  
  627. #panel {
  628. position: relative;
  629. margin-top: -5px;
  630. display: none;}
  631.  
  632. {/block:IndexPage}
  633.  
  634. /*--------- Like + Reblog buttons ---------------*/
  635.  
  636. #dropthebass {
  637. {block:ifTagsOnHover}
  638. margin-top: -20px;
  639. opacity: 0;
  640. {/block:ifTagsOnHover}
  641. {block:ifNotTagsOnHover}
  642. margin-top: -5px;
  643. opacity: 1;
  644. {/block:ifNotTagsOnHover}
  645. {block:PermalinkPage}
  646. margin-top: -5px;
  647. opacity: 1;
  648. {/block:PermalinkPage}
  649. {block:if400pxPosts} margin-left: 410px; {/block:if400pxPosts}
  650. {block:if500pxPosts} margin-left: 510px; {block:if500pxPosts}
  651. position: absolute;
  652. -moz-transition-duration:0.5s;
  653. -webkit-transition-duration:0.5s;
  654. -o-transition-duration:0.5s;}
  655.  
  656. #dropthebass a {
  657. width: 10px;
  658. height: 10px;
  659. display: block;
  660. background-color: {color:Posts};
  661. {block:ifRoundedCorners} border-radius: 5%; {/block:ifRoundedCorners}
  662. border: 1px solid {color:Borders};
  663. margin: 4px 0px;
  664. padding: 8px;
  665. -moz-transition-duration:0.5s;
  666. -webkit-transition-duration:0.5s;
  667. -o-transition-duration:0.5s;}
  668.  
  669. .entry:hover #dropthebass{
  670. opacity:1;
  671. margin-top: -5px;
  672. -moz-transition-duration:0.5s;
  673. -webkit-transition-duration:0.5s;
  674. -o-transition-duration:0.5s;}
  675.  
  676. /*----------- Headaches and Shit ----------*/
  677.  
  678. svg {
  679. width: 10px;
  680. opacity: 0.3;}
  681.  
  682. .svgicons {
  683. top: 5px;
  684. display: block;}
  685.  
  686. .svgicons a {
  687. margin: 5px;
  688. display: block;}
  689.  
  690. .reblog svg { /* Reblog SVG button */
  691. width: 9px;}
  692.  
  693. .like svg { /* Like SVG button */}
  694.  
  695. .svgicons .liked + svg path { /* active SVG like */
  696. fill: #ec5a5a;}
  697.  
  698. .svgicons .like_button iframe { /* class for the Tumblr Like Button iframe */
  699. top: 0px;
  700. bottom: 0px;
  701. left: 0px;
  702. right: 0px;
  703. opacity: 0;
  704. z-index: 0;
  705. position: absolute;}
  706.  
  707. .like_button {
  708. position: absolute;
  709. top: 0;
  710. left: 0;
  711. right: 0;
  712. bottom: 0;
  713. opacity: 0;
  714. z-index: 10;}
  715.  
  716. .like_button:hover + svg path { /* Hover State */
  717. fill: {color:Accent};
  718. -moz-transition-duration: 0.5s;
  719. -o-transition-duration: 0.5s;
  720. -webkit-transition-duration: 0.5s;
  721. transition-duration: 0.5s;}
  722.  
  723. .like { /* Make a parent element */
  724. top: 0px;
  725. position: relative;
  726. list-style: none;}
  727.  
  728. .like svg path { /* Unliked SVG */
  729. fill: {color:Text};
  730. -moz-transition-duration: 0.5s;
  731. -o-transition-duration: 0.5s;
  732. -webkit-transition-duration: 0.5s;
  733. transition-duration: 0.5s;}
  734.  
  735. .liked svg path {
  736. fill: {color:Accent};}
  737.  
  738. .like .like_button { /* Position like button above your custom one */
  739. position: absolute;
  740. top: 0;
  741. opacity: 1;}
  742.  
  743. .svgicons .like .liked + svg path { /* active liked */
  744. fill: {color:Accent};}
  745.  
  746. a:active .svgicons {
  747. fill: {color:Accent};}
  748.  
  749. .svgicons a:hover + svg path {
  750. fill: {color:Accent};
  751. -moz-transition-duration: 0.5s;
  752. -o-transition-duration: 0.5s;
  753. -webkit-transition-duration: 0.5s;
  754. transition-duration: 0.5s;}
  755.  
  756. /*-------- Post Notes --------------*/
  757.  
  758.  
  759. ol.notes {
  760. padding-top: 20px;
  761. list-style:none;}
  762.  
  763. ol.notes a {
  764. color: {color:Accent};
  765. text-transform: uppercase;}
  766.  
  767. ol.notes a:hover {color: {color:Accent Hover};}
  768.  
  769. ol.notes img {display: none;}
  770.  
  771. /*-------- Credit --------- DON'T REMOVE ----------*/
  772.  
  773. #credit {
  774. right: 10px;
  775. position: fixed;
  776. bottom: 10px;
  777. background-color: {color:Posts};
  778. border: 1px solid {color:Borders};
  779. padding: 10px 14px;
  780. text-align: center;
  781. color: {color:Accent};
  782. text-transform: uppercase;
  783. display: none;
  784. text-decoration: none!important;
  785. -moz-transition-duration: 0.5s;
  786. -o-transition-duration: 0.5s;
  787. -webkit-transition-duration: 0.5s;
  788. transition-duration: 0.5s}
  789.  
  790. #counter {
  791. right: 10px;
  792. position: fixed;
  793. bottom: 50px;
  794. background-color: {color:Posts};
  795. border: 1px solid {color:Borders};
  796. padding: 10px 15px;
  797. text-align: center;
  798. color: {color:Accent};}
  799.  
  800. /*-------------- Asks ------------*/
  801.  
  802. .sender {
  803. font-size: 20px;
  804. font-family: quicksand;
  805. padding-bottom: 10px;
  806. color: {color:Accent};}
  807.  
  808.  
  809. </style>
  810.  
  811.  
  812. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  813.  
  814. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  815.  
  816. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  817.  
  818. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  819.  
  820. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  821.  
  822. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  823.  
  824. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  825.  
  826.  
  827. </head>
  828.  
  829.  
  830.  
  831. <body>
  832.  
  833. {block:IndexPage}
  834. <div id="header"></div> <!-- End of Header -->
  835. {/block:IndexPage}
  836.  
  837. <div id="bottombar">
  838. <nav>
  839. <ul>
  840. <li><a href="/" title="home"><i class="fa fa-home"></i></a></li>
  841. <li><a href="/ask" title="message"><i class="fa fa-envelope-o"></i></a></li>
  842. <li><a href="#down" title="posts"><i class="fa fa-angle-down"></i></a></li>
  843. <li><a href="/archive" title="archive"><i class="fa fa-calendar"></i></a></li>
  844. <li><a href="http://galesta.tumblr.com" title="credit"><i class="fa fa-gear"></i></a></li>
  845. </ul>
  846. </nav>
  847. </div> <!-- End of Bottom Bar -->
  848.  
  849.  
  850. <div id="down"></div>
  851.  
  852. <div class="main">
  853.  
  854.  
  855.  
  856.  
  857.  
  858.  
  859. {block:IndexPage}
  860. <div id="rsidebar">
  861. <div class="sb"><img src="{image:Sidebar}"></div> <!-- End of pic -->
  862.  
  863.  
  864. {block:Description}
  865. <div id="description">
  866. <div class="desc">
  867. {Description}
  868. </div> <!-- End of Desc -->
  869. </div> <!-- End of description -->
  870. {/block:Description}
  871.  
  872.  
  873. {block:ifSearchBar}
  874. <div class="searchbar">
  875. <form action="/search" method="get" class="sfm">
  876. <input type="text" name="q" value="{SearchQuery}" id="sf" placeholder="search">
  877. <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  878.  
  879.  
  880. </div> <!-- End of Search -->
  881. {/block:ifSearchBar}
  882.  
  883.  
  884. <div id="flip">Navigation</div>
  885. <div id="panel">
  886.  
  887. <div id="slinks">
  888.  
  889. <a href="/">home</a>
  890. <a href="/ask">message</a>
  891. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  892. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  893. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  894. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  895. {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 1}</a>{/block:IfLink5}
  896. {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 2}</a>{/block:IfLink6}
  897. {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 3}</a>{/block:IfLink7}
  898. {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 4}</a>{/block:IfLink8}
  899.  
  900.  
  901. </div> <!-- End of sidebar links -->
  902. </div> <!-- End of Panel -->
  903. </div> <!-- End of right sidebar -->
  904. {/block:IndexPage}
  905.  
  906.  
  907.  
  908. <div class="content">
  909. {block:Posts}
  910. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  911. <section class="post">
  912.  
  913.  
  914. {block:Date}
  915. <div id="dropthebass">
  916.  
  917.  
  918. <div class="svgicons">
  919. {block:ifLikeButton}
  920. <!-- Like Button -->
  921. <a href="" class="like">{LikeButton}
  922. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a>
  923. {/block:ifLikeButton}
  924. {block:ifReblogButton}
  925. <!-- Reblog Button -->
  926. <a href="{ReblogURL}" class="reblog">
  927. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  928. </a>
  929. {/block:ifReblogButton}
  930.  
  931.  
  932. </div> <!-- End of SVG -->
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939. {block:ifShowTags}
  940. {block:HasTags}
  941. <div id="stags">{block:Tags}<a href="{TagURL}" a title="{Tag}">
  942. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
  943. </a>{/block:Tags}
  944. </div> <!-- End of Stags -->
  945. {/block:HasTags}
  946. {/block:ifShowTags}
  947. </div> <!-- End of Drop the bass -->
  948. {/block:Date}
  949.  
  950. <!------------ Audio Posts ------------>
  951. {block:Audio}
  952. <div class="audio">
  953. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  954. </div>
  955. {/block:Audio}
  956.  
  957. <!------------ Photo Posts ----------->
  958. {block:Photo}
  959. <div class="media">
  960. <div id="photo">
  961. {LinkOpenTag}
  962. <img src="{PhotoURL-500}">
  963. {LinkCloseTag}
  964. </div> <!-- End of Image Effects -->
  965. </div>
  966. {/block:Photo}
  967.  
  968. <!------------ Photoset Posts -------->
  969. {block:Photoset}
  970. <div class="media photoset">
  971.  
  972.  
  973. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  974. <img src="{PhotoURL-HighRes}">
  975. </a>
  976.  
  977. <div id="photo">
  978. <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>
  979. </div>
  980. </div> <!--- End of Image Effects -->
  981. {/block:Photoset}
  982.  
  983. <!------------- Video Posts ------------>
  984. {block:Video}
  985. <div class="media video">{Video-500}</div>
  986. {/block:Video}
  987.  
  988. <!------------- Answer Posts ---------->
  989. {block:Answer}
  990. <div class="question">
  991. <div class="sender">{Asker};</div>
  992. <span class="inquiry">{Question}</span>
  993. </div>
  994. <div class="answer text">{Answer}</div>
  995. {/block:Answer}
  996.  
  997. <!------------- Chat Posts ------------>
  998. {block:Chat}
  999. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1000. <ul class="chat text">
  1001. {block:Lines}
  1002. <li class="line_{Alt}">
  1003. {block:Label}
  1004. <span class="label">{Label}&nbsp; </span>
  1005. {/block:Label}
  1006. {Line}
  1007. </li>
  1008. {/block:Lines}
  1009. </ul>
  1010. {/block:Chat}
  1011.  
  1012. <!------------ Link Posts ------------>
  1013. {block:Link}
  1014. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1015. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1016. {/block:Link}
  1017.  
  1018. <!------------ Quote Posts ----------->
  1019. {block:Quote}
  1020. <div class="quote text">{Quote}</div>
  1021. {block:Source}
  1022. <div class="source text">{Source}</div>
  1023. {/block:Source}
  1024. {/block:Quote}
  1025.  
  1026. <!------------ Text Posts ------------>
  1027. {block:Text}
  1028. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1029. <div class="text">{Body}</div>
  1030. {/block:Text}
  1031. {block:Caption}
  1032. <div class="caption text">{Caption}</div>
  1033. {/block:Caption}
  1034.  
  1035. <!------------ Permalink -------------->
  1036. {block:Date}
  1037. <div class="date accent text">
  1038. <a class="permalink" href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}
  1039.  
  1040. {block:NoteCount}( + {NoteCount} ) {/block:NoteCount}</a>
  1041.  
  1042. </div>
  1043.  
  1044.  
  1045. {/block:Date}
  1046.  
  1047. {block:PermalinkPage}
  1048. <div id="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1049. {/block:PermalinkPage}
  1050.  
  1051.  
  1052. </section>
  1053.  
  1054. </article>
  1055. {/block:Posts}
  1056.  
  1057. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1058.  
  1059.  
  1060.  
  1061. </div> <!-- End of Main -->
  1062.  
  1063.  
  1064. <!------------- SCRIPTS -------------->
  1065.  
  1066. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1067.  
  1068. <script type="text/javascript">
  1069.  
  1070. var amountScrolled = 300;
  1071.  
  1072. $(window).scroll(function() {
  1073. if ( $(window).scrollTop() > amountScrolled ) {
  1074. $('#credit').fadeIn('slow');
  1075. } else {
  1076. $('#credit').fadeOut('slow');
  1077. }
  1078. })
  1079.  
  1080. </script>
  1081.  
  1082. <script type="text/javascript">
  1083.  
  1084. var amountScrolled = 300;
  1085.  
  1086. $(window).scroll(function() {
  1087. if ( $(window).scrollTop() > amountScrolled ) {
  1088. $('#.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop').fadeIn('slow');
  1089. } else {
  1090. $('.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop').fadeOut('slow');
  1091. }
  1092. })
  1093.  
  1094. </script>
  1095.  
  1096. <script type="text/javascript">
  1097.  
  1098. $(document).ready(function () {
  1099.  
  1100. $(window).scroll(function () {
  1101. if ($(this).scrollTop() > 100) {
  1102. $('.back-to-top').fadeIn();
  1103. } else {
  1104. $('.back-to-top').fadeOut();
  1105. }
  1106. });
  1107.  
  1108. $('.back-to-top').click(function () {
  1109. $("html, body").animate({
  1110. scrollTop: 0
  1111. }, 600);
  1112. return false;
  1113. });
  1114.  
  1115. });
  1116.  
  1117.  
  1118. </script>
  1119.  
  1120.  
  1121. <script type="text/javascript">
  1122.  
  1123. var amountScrolled = 300;
  1124.  
  1125. $(window).scroll(function() {
  1126. if ( $(window).scrollTop() > amountScrolled ) {
  1127. $('#counter').fadeIn('slow');
  1128. } else {
  1129. $('#counter').fadeOut('slow');
  1130. }
  1131. })
  1132.  
  1133. </script>
  1134.  
  1135. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1136.  
  1137. <!--- TOOL TIPS --->
  1138. <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
  1139. <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
  1140. <script>
  1141. (function($){
  1142. $(document).ready(function(){
  1143. $("[title]").style_my_tooltips({
  1144. tip_follows_cursor:true,
  1145. tip_delay_time:200,
  1146. tip_fade_speed:300,
  1147. attribute:"title"
  1148. });
  1149. });
  1150. })(jQuery);
  1151. </script>
  1152.  
  1153. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  1154. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  1155.  
  1156. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1157. {block:IndexPage}
  1158. {block:ifInfiniteScroll}
  1159. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1160. {/block:ifInfiniteScroll}
  1161. {/block:IndexPage}
  1162. <script>
  1163. $(document).ready(function(){
  1164. $('.photo-slideshow').pxuPhotoset({
  1165. lightbox: true,
  1166. rounded: false,
  1167. gutter: '1px',
  1168. photoset: '.photo-slideshow',
  1169. photoWrap: '.photo-data',
  1170. photo: '.pxu-photo'
  1171. });
  1172. var $container = $('.content');
  1173. {block:ifInfiniteScroll}
  1174. $container.infinitescroll({
  1175. itemSelector: '.entry',
  1176. navSelector: '.pagination',
  1177. nextSelector: '.next',
  1178. loadingImg: '',
  1179. loadingText: '<em></em>',
  1180. bufferPx: 2000
  1181. },
  1182. function( newElements ) {
  1183. var $newElems = $( newElements );
  1184. $newElems.find('.photo-slideshow').pxuPhotoset({
  1185. lightbox: true,
  1186. rounded: false,
  1187. gutter: '1px',
  1188. photoset: '.photo-slideshow',
  1189. photoWrap: '.photo-data',
  1190. photo: '.pxu-photo'
  1191. });
  1192. resizeVideos();
  1193. });
  1194.  
  1195. {/block:ifInfiniteScroll}
  1196. });
  1197.  
  1198. </script>
  1199.  
  1200. <script>
  1201. $(function() {
  1202. $('a[href*="#"]:not([href="#"])').click(function() {
  1203. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  1204. var target = $(this.hash);
  1205. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  1206. if (target.length) {
  1207. $('html, body').animate({
  1208. scrollTop: target.offset().top
  1209. }, 1000);
  1210. return false;
  1211. }
  1212. }
  1213. });
  1214. });
  1215. </script>
  1216.  
  1217.  
  1218. <script>
  1219. $(document).ready(function(){
  1220. $("#flip").click(function(){
  1221. $("#panel").slideToggle("slow");
  1222. });
  1223. });
  1224. </script>
  1225.  
  1226. <center>
  1227. <!------------ Pagination ------------->
  1228. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
  1229. </div>
  1230. </center>
  1231.  
  1232. {block:IndexPage}
  1233. {block:ifBlogHits}
  1234. <div id="counter">
  1235. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5239897";
  1236. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1237. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+""+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1238. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1239. </script>
  1240. </div>
  1241. {/block:ifBlogHits}
  1242. {/block:IndexPage}
  1243.  
  1244. <a href="#" class="back-to-top" title="back to the top"><i class="fa fa-angle-up"></i></a>
  1245.  
  1246. <div id="credit">
  1247. <a href="http://galesta.tumblr.com" title="galesta">G</a></div>
  1248.  
  1249.  
  1250. </body>
  1251. </html>
Advertisement
Add Comment
Please, Sign In to add comment