valkyriethemes

[T#02 - B04] by Onyxian

Mar 20th, 2016
2,884
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.46 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7. THEME BY AOMINAE/GALESTA | PLEASE ADHERE TO TERMS
  8.  
  9. + Base Code by Shythemes
  10. + Infinite Scrolling by Paul Irish
  11. + Font AWesome
  12. + Header image by me (please dont repost it!)
  13.  
  14.  
  15. -->
  16. <title>{Title}</title>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link rel="shortcut icon" href="{Favicon}">
  19. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  20. <meta name="viewport" content="width=device-width, initial-scale=1">
  21.  
  22.  
  23. <meta name="color:Accent" content="#47A4E8">
  24. <meta name="color:Accent Hover" content="#000">
  25. <meta name="color:Arrows" content="#EE2A0F">
  26. <meta name="color:Background" content="#f7f7f7">
  27. <meta name="color:Bold" content="#f80010">
  28. <meta name="color:Border" content="#eeeeee">
  29. <meta name="color:Caption" content="#f9f9f9">
  30. <meta name="color:Italics" content="#f80010">
  31. <meta name="color:Navigation" content="#f80010">
  32. <meta name="color:Navigation Hover" content="#000">
  33. <meta name="color:Link" content="#222625">
  34. <meta name="color:Posts" content="#ffffff">
  35. <meta name="color:Text" content="#3f3f3f">
  36. <meta name="color:Title" content="#4e5154">
  37. <meta name="color:Tag Hover" content="#dbdbdb">
  38. <meta name="color:Subtitle" content="#47A4E8">
  39.  
  40. <meta name="image:Background" content="">
  41. <meta name="image:Header" content="" >
  42.  
  43. <meta name="if:About" content="1">
  44. <meta name="if:Affiliates" content="0">
  45. <meta name="if:Blog Members" content="1">
  46. <meta name="if:Extra Box" content="0">
  47. <meta name="if:Featured" content="1">
  48. <meta name="if:Search" content="1">
  49. <meta name="if:Statistics" content="1">
  50. <meta name="if:Updates" content="1">
  51.  
  52. <meta name="if:Header" content="1">
  53. <meta name="if:Blog Hits" content="1">
  54. <meta name="if:Currently Online" content="1">
  55. <meta name="if:Faded Images" content="0">
  56. <meta name="if:Infinite Scroll" content="0">
  57. <meta name="if:Monochrome" content="0">
  58. <meta name="if:Show Captions" content="1">
  59. <meta name="if:Show Tags" content="1">
  60.  
  61. <meta name="text:Affiliates" content="">
  62. <meta name="text:Online" content="">
  63. <meta name="text:Blog Hits" content="">
  64. <meta name="text:Members" content="">
  65. <meta name="text:Title" content="">
  66. <meta name="text:Subtitle" content="">
  67.  
  68. <meta name="text:Link 1" content="" >
  69. <meta name="text:Link 1 URL" content="" >
  70. <meta name="text:Link 2" content="" >
  71. <meta name="text:Link 2 URL" content="" >
  72. <meta name="text:Link 3" content="" >
  73. <meta name="text:Link 3 URL" content="" >
  74. <meta name="text:Link 4" content="" >
  75. <meta name="text:Link 4 URL" content="" >
  76. <meta name="text:Link 5" content="" >
  77. <meta name="text:Link 5 URL" content="" >
  78. <meta name="text:Link 6" content="" >
  79. <meta name="text:Link 6 URL" content="" >
  80. <meta name="text:Link 7" content="" >
  81. <meta name="text:Link 7 URL" content="" >
  82. <meta name="text:Link 8" content="" >
  83. <meta name="text:Link 8 URL" content="" >
  84.  
  85.  
  86. <!-- FONTS -->
  87. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  90.  
  91. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  92.  
  93. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  94.  
  95. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  96.  
  97. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  98.  
  99. <style type="text/css">
  100.  
  101. /* ----------- Blog Basics ---------- */
  102. /* ---------- aka Beast Boy --------- */
  103.  
  104. html, body {
  105. padding: 0;
  106. margin: 0;}
  107.  
  108. body {
  109. margin:0;
  110. font-size:10px;
  111. font-family: Open Sans;
  112. line-height:1.6em;
  113. -moz-osx-font-smoothing:grayscale;
  114. -webkit-font-smoothing:antialiased;
  115. font-smoothing:antialiased;
  116. color:{color:Text};
  117. background-image:url('{image:Background}');
  118. background-repeat: no-repeat;
  119. background:{color:Background};}
  120.  
  121. a {
  122. color: {color:Accent};
  123. text-decoration:none;
  124. letter-spacing: 1px;
  125. -webkit-transition:all .2s linear;
  126. transition:all .2s linear;}
  127.  
  128. a:hover {
  129. color: {color:Accent Hover};
  130. text-decoration:none;
  131. -webkit-transition:all .2s linear;
  132. transition:all .2s linear;}
  133.  
  134. b, strong {
  135. color: {color:Bold};
  136. font-weight: normal;
  137. letter-spacing: 1px;}
  138.  
  139. i, em {
  140. letter-spacing: 0.2px;
  141. color: {color:Italics};}
  142.  
  143. small, sub {
  144. font-size:1em;
  145. vertical-align:baseline;}
  146.  
  147. blockquote {
  148. padding:.6em .6em .6em 2em;
  149. border-left:1px solid {color:Border};}
  150.  
  151. blockquote, ol, ul, p, pre {
  152. margin:0 0 .6em;}
  153.  
  154. h1, h2, h3, h4, h5, h6 {
  155. margin:0 0 .6em;
  156. font-size:2em;
  157. padding-top: 20px;
  158. text-align: center;
  159. font-family: quicksand;
  160. font-weight:inherit;}
  161.  
  162. img {
  163. border:0;
  164. max-width:100%;
  165. height:auto;
  166. display:block;}
  167.  
  168. hr {
  169. margin:1em 0;
  170. border:0;
  171. height:1px;
  172. -moz-box-sizing:border-box;
  173. box-sizing:border-box;
  174. background-color:{color:Border};}
  175.  
  176. #s-m-t-tooltip {
  177. max-width:300px;
  178. z-index:10;
  179. margin:24px 14px 7px 12px;
  180. padding:5px;
  181. padding-bottom:7px;
  182. background: {color:Posts};
  183. border: 1px solid #eee;
  184. -moz-border-radius:0px;
  185. -webkit-border-radius:0px;
  186. border-radius:0px;
  187. font-family: "calibri";
  188. text-transform: uppercase;
  189. font-size:8px;
  190. z-index: 999999999;
  191. letter-spacing: 1px;
  192. color: {color:Accent};}
  193.  
  194. /* --------- Back to Top ------------*/
  195.  
  196. .back-to-top {
  197. display: none;
  198. position: fixed;
  199. right: 50px;
  200. bottom: 10px;
  201. background-color: {color:Posts};
  202. border: 1px solid {color:Border};
  203. padding: 10px 14px;
  204. text-align: center;
  205. color: {color:Arrows};
  206. text-decoration: none!important;
  207. -moz-transition-duration: 0.5s;
  208. -o-transition-duration: 0.5s;
  209. -webkit-transition-duration: 0.5s;
  210. transition-duration: 0.5s;}
  211.  
  212.  
  213. /*---------- Please don't remove ----------*/
  214.  
  215. #credit {
  216. right: 10px;
  217. position: fixed;
  218. bottom: 10px;
  219. background-color: {color:Posts};
  220. border: 1px solid {color:Border};
  221. padding: 10px 14px;
  222. text-align: center;
  223. color: {color:Accent};
  224. text-transform: uppercase;
  225. display: none;
  226. text-decoration: none!important;
  227. -moz-transition-duration: 0.5s;
  228. -o-transition-duration: 0.5s;
  229. -webkit-transition-duration: 0.5s;
  230. transition-duration: 0.5s}
  231.  
  232. /* ---------- Scrollbar ----------*/
  233.  
  234. ::-webkit-scrollbar-thumb:vertical {
  235. background-color: {color:Accent};
  236. height: 10px;}
  237.  
  238. ::-webkit-scrollbar {
  239. height: 5px;
  240. width: 5px;
  241. background-color: {color:Background};}
  242.  
  243. /* -------- Tumblr Lightbox ------------*/
  244.  
  245. .vignette, #vignette {
  246. opacity:0;}
  247.  
  248. .tmblr-lightbox, #tumblr_lightbox {
  249. background-color:rgba(245,245,245,.98) !important;}
  250.  
  251. .lightbox-image, #tumblr_lightbox img {
  252. box-shadow:none !important;
  253. border-radius:0 !important;
  254. max-width:none;}
  255.  
  256. .lightbox-image, #tumblr_lightbox img {
  257. padding: 10px;
  258. background-color: {color:Posts}!important;
  259. border:1px solid {color:Border}!important;}
  260.  
  261.  
  262. /* ------- Tumblr Controls --------*/
  263.  
  264. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  265. top: 60px!important;
  266. right: 5px!important;
  267. position: fixed;
  268. opacity: 0.1;
  269. display: none;
  270. background-color: transparent!important;
  271. -moz-transition-duration: 0.5s;
  272. -o-transition-duration: 0.5s;
  273. -webkit-transition-duration: 0.5s;
  274. transition-duration: 0.5s;
  275. -webkit-filter: invert(100%);
  276. -moz-filter: invert(100%);
  277. -o-filter: invert(100%);
  278. -ms-filter: invert(100%);
  279. filter: invert(100%);}
  280.  
  281. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover {
  282. opacity: 0.8;
  283. -moz-transition-duration: 0.5s;
  284. -o-transition-duration: 0.5s;
  285. -webkit-transition-duration: 0.5s;
  286. transition-duration: 0.5s;}
  287.  
  288. /* ---- Container ------*/
  289.  
  290.  
  291. .container {
  292. width: 1100px;
  293. margin: 0 auto;}
  294.  
  295.  
  296. /* ------ Posts + Styling ------*/
  297.  
  298. .main {
  299. margin: 150px auto;
  300. width: 350px;}
  301.  
  302. .content {
  303. margin:150px 0;}
  304.  
  305. .entry {
  306. background-color: {color:Posts};
  307. border: 1px solid {color:Border};
  308. position:relative;
  309. margin:0 0 80px;}
  310.  
  311. .entry a {
  312. color: {color:Accent};}
  313.  
  314. .entry:last-child {
  315. margin-bottom:0;}
  316.  
  317. /* ------- Audio Posts --------*/
  318.  
  319. .audio {padding: 20px;}
  320.  
  321. /*-------------- Chat Posts ----------*/
  322.  
  323. .chat {
  324. padding: 20px;
  325. list-style-type:none;}
  326.  
  327. .chat li {
  328. padding: 20px;}
  329.  
  330. .chat .label {text-transform: uppercase;}
  331.  
  332. .line_odd .label {
  333. font-family: karla;
  334. letter-spacing: 1px;
  335. color: {color:Italics};}
  336.  
  337. .line_even .label {
  338. font-family: karla;
  339. letter-spacing: 1px;
  340. color: {color:Bold};}
  341.  
  342. .chat .label {
  343. font-weight:bold;}
  344.  
  345. /* ----- Text ---------*/
  346.  
  347.  
  348. .text {
  349. padding: 20px;
  350. margin:1em 0 0;}
  351.  
  352. .text:last-child,
  353. .text *:last-child {
  354. margin-bottom:0;}
  355.  
  356.  
  357. /* ----------- Quotes --------*/
  358.  
  359. .quote {
  360. padding: 20px;
  361. font-size: 12px;
  362. font-family: quicksand;
  363. text-align: center;
  364. color: {color:Accent};}
  365.  
  366. /* ------ Photos ---------*/
  367.  
  368. .media {
  369. position:relative;
  370. display:inline-block;
  371. width:100%;}
  372.  
  373. /* Monochrome + Image Fade */
  374. {block:IfMonochrome}
  375. #photo{
  376. 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+ */
  377. filter: gray; /* IE6-9 */
  378. -webkit-filter: grayscale(1);
  379. -webkit-transition: all 0.5s ease-in-out;
  380. -moz-transition: all 0.5s ease-in-out;
  381. -o-transition: all 0.5s ease-in-out;
  382. -ms-transition: all 0.5s ease-in-out;
  383. transition: all 0.5s ease-in-out;}
  384.  
  385. #photo:hover{
  386. filter: none;
  387. -webkit-filter: grayscale(0);
  388. -webkit-transition: all 0.7s ease-in-out;
  389. -moz-transition: all 0.7s ease-in-out;
  390. -o-transition: all 0.7s ease-in-out;}
  391. {/block:IfMonochrome}
  392.  
  393. {block:IfFadedImages}
  394. #photo{
  395. opacity:.5;
  396. -webkit-transition: all 0.5s ease-in-out;
  397. -moz-transition: all 0.5s ease-in-out;
  398. -o-transition: all 0.5s ease-in-out;
  399. -ms-transition: all 0.5s ease-in-out;
  400. transition: all 0.5s ease-in-out;}
  401.  
  402. #photo:hover{
  403. opacity:1.0;
  404. -webkit-transition: all 0.7s ease-in-out;
  405. -moz-transition: all 0.7s ease-in-out;
  406. -o-transition: all 0.7s ease-in-out;}
  407. {/block:IfFadedImages}
  408.  
  409. /* ------ Questions + Answers --------*/
  410.  
  411. .question {
  412. padding: 20px;
  413. border-bottom: 1px solid {color:Border};}
  414.  
  415.  
  416. .sender {
  417. font-size: 20px;
  418. font-family: quicksand;
  419. padding-bottom: 10px;
  420. color: {color:Accent};}
  421.  
  422. /* ------ Post Info --------*/
  423.  
  424. .date {
  425. padding: 10px;
  426. background-color: {color:Posts};
  427. border-top: 1px solid {color:Border};}
  428.  
  429. .date a {
  430. color: {color:Accent};
  431. text-transform: uppercase;
  432. text-decoration: none!important;}
  433.  
  434. .date a:hover {color: {color:Accent Hover};}
  435.  
  436. .permalink {
  437. font-family: Montserrat;
  438. text-transform: uppercase;}
  439.  
  440. .permalink a {
  441. margin: 5px;
  442. color: {color:Accent};
  443. text-decoration: none!important;}
  444.  
  445. .reblog a {
  446. text-transform: uppercase;
  447. color: {color:Accent};}
  448.  
  449. .tags {
  450. text-decoration: none;
  451. {block:IndexPage}
  452. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  453. {/block:IndexPage}}
  454.  
  455. .tags a {
  456. color: {color:Text};
  457. text-transform: lowercase!important;
  458. text-decoration: none!important;
  459. letter-spacing: .5px;}
  460.  
  461. .tags a:hover {color: {color:Accent Hover};}
  462.  
  463. .caption {
  464. {block:IndexPage}
  465. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  466. {/block:IndexPage}}
  467.  
  468.  
  469. /* ---- Header --------*/
  470.  
  471. {block:IndexPage}
  472. {block:ifHeader}
  473.  
  474. header {
  475. width: 100%;
  476. height: 50vh;
  477. top: 6vh;
  478. left: 0px;
  479. margin-top: 0px;
  480. margin-left: 0px;
  481. position: relative;
  482. z-index: 2;
  483. background-image:url('{image:Header}');
  484. background-repeat: no-repeat;
  485. background-attachment: fixed;
  486. background-position: center top;
  487. z-index: 9!important;}
  488.  
  489. {/block:ifHeader}
  490. {/block:IndexPage}
  491.  
  492. /* ---- Top Bar -----*/
  493.  
  494. #topbar {
  495. width: 100%;
  496. height: 6vh;
  497. position: fixed;
  498. top: 0px;
  499. background-color: {color:Posts};
  500. border: 1px solid {color:Border};
  501. z-index: 99995;}
  502.  
  503. .tcontent {
  504. padding: 10px;}
  505.  
  506. .navlinks {
  507. font-family: Montserrat;
  508. font-size: 10px;
  509. margin-top: 10px;
  510. text-transform: uppercase;
  511. text-align: center;}
  512.  
  513. .navlinks a {
  514. color: {color:Navigation};
  515. letter-spacing: 0.1em;
  516. margin: 5px;
  517. padding: 10px;}
  518.  
  519. .navlinks a:hover {
  520. color: {color:Navigation Hover};}
  521.  
  522. /* ---------- Footer lmao? --------*/
  523.  
  524. footer {
  525. width: 100%;
  526. height: 15vh;
  527. background-color: {color:Posts};
  528. border-top: 1px solid {color:Border};}
  529.  
  530. .fcontent {
  531. padding: 20px;
  532. margin: 0 auto;}
  533.  
  534.  
  535. /* ------- Left Sidebar ------------*/
  536.  
  537. #left {
  538. width: 250px;
  539. float: left;
  540. margin-left: 45px;
  541. margin-bottom: 20px;
  542. position: relative;}
  543.  
  544. .description {
  545. border-top: 1px solid {color:Border};
  546. text-align: justify;
  547. padding: 10px;}
  548.  
  549. .description a {color:{color:Accent};}
  550.  
  551. .description a:hover {color:{color:Accent Hover};}
  552.  
  553.  
  554. /* -- Current Blog Members ----- */
  555.  
  556. .mpic {
  557. max-width: 40px;
  558. max-height: 40px;
  559. padding: 7.5px;
  560. border-right: 1px solid {color:Border};}
  561.  
  562. .bname {
  563. margin-top: 28px;
  564. font-size: 1em;
  565. left: 75px;
  566. font-family: open sans;
  567. position: absolute;}
  568.  
  569.  
  570. /* ------- Featured Members ---------*/
  571.  
  572. .fpic {
  573. padding: 20px;}
  574.  
  575.  
  576. /* ------ Right Sidebar -----------*/
  577.  
  578. #right {
  579. width: 250px;
  580. float: left;
  581. margin-left: 800px;
  582. margin-bottom: 20px;
  583. position: absolute;}
  584.  
  585. /* --------- Updates ----------*/
  586.  
  587. .udate {
  588. max-width: 40px;
  589. max-height: 40px;
  590. padding: 7.5px;
  591. text-align: center;
  592. border-right: 1px solid {color:Border};}
  593.  
  594. .update {
  595. margin-top: 8px;
  596. left: 70px;
  597. position: absolute;}
  598.  
  599. /* --- Search Bar -----*/
  600.  
  601. .sfm input {
  602. font-size: 9px;
  603. border: 0px;
  604. color: inherit;
  605. text-align: left;
  606. letter-spacing: .5px;
  607. padding: 15px;
  608. font-family: open sans;}
  609.  
  610. #sb {
  611. height: 10px;
  612. vertical-align: top;}
  613.  
  614. #sf {
  615. width: 200px;}
  616.  
  617. .search .query {
  618. border: 0;
  619. outline: 0;
  620. font-family: inherit;
  621. font-size: inherit;
  622. color: inherit;
  623. background-color: transparent;}
  624.  
  625. ::-webkit-input-placeholder {color: inherit;}
  626. :-moz-placeholder {color: inherit; opacity:1;}
  627. ::-moz-placeholder {color: inherit; opacity:1;}
  628. :-ms-input-placeholder {color: inherit;}
  629.  
  630. input:focus::-webkit-input-placeholder {color: transparent;}
  631. input:focus:-moz-placeholder {color: transparent;}
  632. input:focus::-moz-placeholder {color: transparent;}
  633. input:focus:-ms-input-placeholder { color: transparent;}
  634.  
  635. /* -------- BOXES -----------*/
  636.  
  637.  
  638. .box {
  639. width: 250px;
  640. margin-bottom: 20px;
  641. background-color: {color:Posts};
  642. border: 1px solid {color:Border};}
  643.  
  644. .box a {color: {color:Accent};}
  645. .box a:hover {color: {color:Accent Hover};}
  646.  
  647. .btitle {
  648. width: 175px;
  649. height: 35px;
  650. padding: 10px;
  651. margin-top: 0px;
  652. left: 65px;
  653. color: {color:Title};
  654. position: absolute;
  655. letter-spacing: 0.1em;
  656. font-family: Montserrat;
  657. text-transform: uppercase;}
  658.  
  659. .bicon i {
  660. width: 15px;
  661. color: {color:Accent};
  662. font-size: 15px;
  663. text-align: center;
  664. border-right: 1px solid {color:Border};
  665. padding: 20px;}
  666.  
  667. .portrait {
  668. width: 48px;
  669. border-right: 1px solid {color:Border};
  670. padding: 10px;}
  671.  
  672. .boxtitle {
  673. position: absolute;
  674. font-size: 1.2em;
  675. width: 160px;
  676. padding: 10px;
  677. height: 48px;
  678. top: 0px;
  679. left: 70px;
  680. color: {color:Title};
  681. letter-spacing: 0.1em;
  682. font-family: Montserrat;
  683. text-transform: uppercase;}
  684.  
  685. .bline {
  686. width: auto;
  687. border-bottom: 1px solid {color:Border};}
  688.  
  689. .boxsubtitle {
  690. top: 20px;
  691. left: 80px;
  692. position: absolute;
  693. font-size: 1em;
  694. color: {color:Subtitle};
  695. font-family: open sans;}
  696.  
  697. .bcontent {
  698. text-align: justify;
  699. padding: 10px;}
  700.  
  701.  
  702. /*-------- Post Notes --------------*/
  703.  
  704. #postnotes {
  705. border: 1px solid {color:Border};
  706. background-color: {color:Posts};}
  707.  
  708. ol.notes {
  709. height: 400px;
  710. overflow: scroll;
  711. overflow-x: hidden;
  712. padding-top: 20px;
  713. list-style:none;}
  714.  
  715. ol.notes a {
  716. color: {color:Accent};
  717. text-transform: uppercase;}
  718.  
  719. ol.notes a:hover {color: {color:Accent Hover};}
  720.  
  721. ol.notes img {display: none;}
  722.  
  723.  
  724.  
  725.  
  726. {block:ifInfiniteScroll}
  727. .pagination,
  728. #infscr-loading {
  729. display:none!important;
  730. }
  731. {/block:ifInfiniteScroll}
  732.  
  733.  
  734. .pagination a {
  735. background-color: {color:Posts};
  736. border: 1px solid {color:Border};
  737. padding: 10px 14px;
  738. text-align: center;
  739. color: {color:Arrows};
  740. bottom: 20px;
  741. position: relative;
  742. text-decoration: none!important;
  743. -moz-transition-duration: 0.5s;
  744. -o-transition-duration: 0.5s;
  745. -webkit-transition-duration: 0.5s;
  746. transition-duration: 0.5s;}
  747.  
  748. .pagination a:hover {
  749. color: {color:Accent Hover};
  750. -moz-transition-duration: 0.5s;
  751. -o-transition-duration: 0.5s;
  752. -webkit-transition-duration: 0.5s;
  753. transition-duration: 0.5s;}
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763. </style>
  764. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  765. </head>
  766. <body>
  767.  
  768.  
  769.  
  770. <!-------------------------------------------------------------------------->
  771. <!-- TOP CONTAINER -->
  772. <!-------------------------------------------------------------------------->
  773.  
  774.  
  775.  
  776. <div id="topbar">
  777.  
  778. <div class="tcontent">
  779.  
  780. <div class="navlinks">
  781.  
  782. <a href="/">home</a>
  783. <a href="/ask">message</a>
  784. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  785. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  786. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  787. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  788. {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 1}</a>{/block:IfLink5}
  789. {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 2}</a>{/block:IfLink6}
  790. {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 3}</a>{/block:IfLink7}
  791. {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 4}</a>{/block:IfLink8}
  792. <a href="/archive">archive</a>
  793. <a href="http://galesta.tumblr.com">theme</a>
  794.  
  795. </div>
  796.  
  797. </div> <!-- End of Topbar content -->
  798. </div> <!-- End of Top bar -->
  799.  
  800. {block:ifHeader}
  801. <header></header>
  802.  
  803.  
  804.  
  805. {/block:ifHeader}
  806.  
  807.  
  808. <div id="down"></div>
  809.  
  810. <div class="container">
  811.  
  812.  
  813. <!--------------------------------------------------------------------------->
  814. <!-- LEFT SIDE --->
  815. <!--------------------------------------------------------------------------->
  816.  
  817. <div id="left">
  818.  
  819.  
  820. <!-- DESCRIPTION SECTION -->
  821. <div class="box">
  822. <div class="portrait"><img src="{PortraitURL-48}"></div>
  823. <div class="boxtitle">
  824. <div style="padding-top: 10px">{text:Title}</div></div>
  825. <div class="boxsubtitle">
  826. <div style="padding-top: 15px">{text:Subtitle}</div></div>
  827.  
  828. <div class="description">
  829. {block:Description}{Description}{/block:Description}
  830. </div> <!-- End of Description -->
  831. </div> <!-- End of Box -->
  832.  
  833.  
  834. <!--------------------------------------------------------------------------->
  835. <!---------------------------- BLOG MEMBERS --------------------------------->
  836. <!--------------------------------------------------------------------------->
  837.  
  838. {block:ifBlogMembers}
  839. <!--- BLOG MEMBERS ------>
  840. <div class="box">
  841. <div class="btitle">
  842. <div style="padding-top: 10px">{text:Members}</div></div>
  843. <div class="bicon"><i class="fa fa-users"></i></div>
  844.  
  845.  
  846. <!--------------------------------------------------------------------------->
  847. <!--- Blog Members
  848.  
  849. To be able to input members, you must copy + paste
  850.  
  851. <div class="bline"></div>
  852. <div class="btitle">
  853. <div style="padding-top: 5px">(BLOG NAME GOES HERE)</div></div>
  854. <div class="bname">(SUBTITLE GOES HERE)</div>
  855. <div class="mpic">(PIC GOES HERE)</div>
  856. --->
  857. <!--------------------------------------------------------------------------->
  858.  
  859.  
  860. <div class="bline"></div> <!-- Indicates border separating blog members -->
  861. <div class="members">
  862.  
  863.  
  864. <!-- Member 1 -->
  865. <div class="btitle">
  866. <div style="padding-top: 3px">
  867. <a href="http://aominae.tumblr.com">Blog member</a>
  868. </div></div>
  869. <div class="bname">Blog member subtitle</div>
  870. <div class="mpic">
  871. <img src="http://41.media.tumblr.com/0a049264fba0072a818f733a6c533578/tumblr_mqvlz4t5FK1qcnibxo1_540.png"></div>
  872.  
  873.  
  874.  
  875.  
  876. </div> <!-- End of Blog Members -->
  877. </div> <!-- End of Box -->
  878. {/block:ifBlogMembers}
  879.  
  880.  
  881. <!--------------------------------------------------------------------------->
  882. <!-- Featured Member --->
  883. <!--------------------------------------------------------------------------->
  884.  
  885. {block:ifFeatured}
  886. <div class="box">
  887. <div class="btitle">
  888. <div style="padding-top: 10px">Featured Member</div></div>
  889. <div class="bicon"><i class="fa fa-cog"></i></div>
  890. <div class="bline"></div>
  891.  
  892. <div class="fpic">
  893. <img src="http://41.media.tumblr.com/0a049264fba0072a818f733a6c533578/tumblr_mqvlz4t5FK1qcnibxo1_540.png">
  894. </div>
  895.  
  896. <div style="margin-top: -25px">
  897. <p style="text-align: justify; padding:20px;">
  898.  
  899.  
  900. im really lazy about this sorry
  901.  
  902.  
  903. </p></div>
  904.  
  905.  
  906.  
  907.  
  908. </div> <!-- End of Box -->
  909. {/block:ifFeatured}
  910.  
  911.  
  912.  
  913. <!--------------------------------------------------------------------------->
  914. <!--- STATISTICS --->
  915. <!--------------------------------------------------------------------------->
  916.  
  917. {block:ifStatistics}
  918. <div class="box">
  919. <div class="btitle">
  920. <div style="padding-top: 10px">Statistics</div></div>
  921. <div class="bicon"><i class="fa fa-bar-chart"></i></div>
  922.  
  923. <!-- Stat 1 --->
  924. {block:ifCurrentlyOnline}
  925. <div class="bline"></div>
  926. <div class="update">Currently Online</div>
  927. <div class="udate">
  928. {text:Online}
  929. </script></div>
  930. {/block:ifCurrentlyOnline}
  931.  
  932. <!-- Stat 2 -->
  933. {block:ifBlogHits}
  934. <div class="bline"></div>
  935. <div class="update">Blog Hits</div>
  936. <div class="udate">
  937. {text:Blog Hits}
  938. </script></div>
  939. {/block:ifBlogHits}
  940.  
  941.  
  942. </div> <!-- End of Box -->
  943. {/block:ifStatistics}
  944.  
  945.  
  946. </div> <!-- End of Left -->
  947.  
  948.  
  949.  
  950.  
  951. <!--------------------------------------------------------------------------->
  952. <!-- RIGHT SIDE --->
  953. <!--------------------------------------------------------------------------->
  954.  
  955. <div id="right">
  956.  
  957.  
  958.  
  959.  
  960.  
  961. <!--------------------------------------------------------------------------->
  962. <!---------------------------- ABOUT SECTION -------------------------------->
  963. <!--------------------------------------------------------------------------->
  964.  
  965. {block:ifAbout}
  966. <div class="box">
  967. <div class="btitle">
  968. <div style="padding-top: 10px">About</div></div>
  969. <div class="bicon"><i class="fa fa-info-circle"></i></div>
  970.  
  971. <!-- Update 1 --->
  972. <div class="bline"></div>
  973. <div class="bcontent">
  974.  
  975. About goes here
  976.  
  977. </div> <!-- End of Description -->
  978. </div> <!-- End of Box -->
  979. {/block:ifAbout}
  980.  
  981.  
  982. <!--------------------------------------------------------------------------->
  983. <!---------------------------- AFFILIATES !?!? ------------------------------>
  984. <!--------------------------------------------------------------------------->
  985.  
  986. {block:ifAffiliates}
  987. <div class="box">
  988. <div class="btitle">
  989. <div style="padding-top: 10px">{text:Affiliates}</div></div>
  990. <div class="bicon"><i class="fa fa-user-plus"></i></div>
  991.  
  992.  
  993. <div class="bline"></div> <!-- Indicates border separating blog members -->
  994. <div class="members">
  995.  
  996.  
  997. <!-- Member 1 -->
  998. <div class="btitle">
  999. <div style="padding-top: 10px">
  1000. <a href="/">Zatanna</a></div></div>
  1001.  
  1002.  
  1003. <div class="mpic">
  1004. <img src="http://static.tumblr.com/njxkrdk/HYso4czas/omggg.png"></div>
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010. </div> <!-- End of Members -->
  1011. </div> <!-- End of Box -->
  1012. {/block:ifAffiliates}
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019. <!--------------------------------------------------------------------------->
  1020. <!--- UPDATES
  1021.  
  1022. To be able to input updates, you must copy + paste
  1023.  
  1024. <div class="bline"></div>
  1025. <div class="update">(ACTUAL UPDATE GOES HERE)</div>
  1026. <div class="udate">(DATE OF UDPATE GOES HERE)</div>
  1027. --->
  1028. <!--------------------------------------------------------------------------->
  1029.  
  1030. {block:ifUpdates}
  1031. <div class="box">
  1032. <div class="btitle">
  1033. <div style="padding-top: 10px">Updates</div></div>
  1034. <div class="bicon"><i class="fa fa-exclamation-circle"></i></div>
  1035.  
  1036. <!-- Update 1 --->
  1037. <div class="bline"></div>
  1038. <div class="update">uhhhhhhhhhh</div>
  1039. <div class="udate">3.21</div>
  1040.  
  1041.  
  1042.  
  1043. </div> <!-- End of Box -->
  1044. {/block:ifUpdates}
  1045.  
  1046.  
  1047.  
  1048. <!-------------------------------------------------------------------------->
  1049. <!--- EXTRA BOX --->
  1050. <!-------------------------------------------------------------------------->
  1051.  
  1052. {block:ifExtraBox}
  1053. <div class="box">
  1054. <div class="btitle">
  1055. <div style="padding-top: 10px">Extra</div></div>
  1056. <div class="bicon"><i class="fa fa-bars"></i></div>
  1057.  
  1058. <!-- Update 1 --->
  1059. <div class="bline"></div>
  1060. <div class="bcontent">
  1061.  
  1062. This is an extra box; put anything you want here!
  1063.  
  1064. </div> <!-- End of Description -->
  1065. </div> <!-- End of Box -->
  1066. {/block:ifExtraBox}
  1067.  
  1068. <!-------------------------------------------------------------------------->
  1069. <!--- SEARCH BOX --->
  1070. <!-------------------------------------------------------------------------->
  1071.  
  1072. {block:ifSearch}
  1073. <div class="box">
  1074. <div class="btitle">
  1075. <div style="padding-top: 10px">Search</div></div>
  1076. <div class="bicon"><i class="fa fa-search"></i></div>
  1077.  
  1078. <!-- Update 1 --->
  1079. <div class="bline"></div>
  1080. <div class="bcontent">
  1081.  
  1082. <center>
  1083.  
  1084. <div class="searchbar">
  1085. <form action="/search" method="get" class="sfm">
  1086. <input type="text" name="q" value="{SearchQuery}" id="sf" placeholder="Search"/>
  1087.  
  1088. </center>
  1089.  
  1090. </div> <!-- End of Description -->
  1091. </div> <!-- End of Box -->
  1092. {/block:ifSearch}
  1093.  
  1094.  
  1095.  
  1096.  
  1097. </div> <!-- End of Right -->
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106. <div class="main">
  1107.  
  1108. <div class="content">
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114. {block:Posts}
  1115. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  1116. <section class="post">
  1117.  
  1118.  
  1119. <!--------------------------------------------------------------------------->
  1120. <!--- audio -->
  1121. <!--------------------------------------------------------------------------->
  1122.  
  1123.  
  1124. {block:Audio}
  1125. <div class="audio">
  1126. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  1127. </div>
  1128. {/block:Audio}
  1129.  
  1130. <!--------------------------------------------------------------------------->
  1131. <!--- PHOTO -->
  1132. <!--------------------------------------------------------------------------->
  1133.  
  1134. {block:Photo}
  1135. <div class="media">
  1136. <div id="photo">
  1137. {LinkOpenTag}
  1138. <img src="{PhotoURL-500}">
  1139. {LinkCloseTag}
  1140. </div>
  1141. </div>
  1142. {/block:Photo}
  1143.  
  1144.  
  1145.  
  1146. <!--------------------------------------------------------------------------->
  1147. <!--- PHOTOSET -->
  1148. <!--------------------------------------------------------------------------->
  1149.  
  1150.  
  1151. {block:Photoset}
  1152. <div class="media photoset">
  1153. <div id="photo">
  1154. <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">
  1155. <img src="{PhotoURL-HighRes}">
  1156. </a>
  1157.  
  1158. <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>
  1159. </div></div>
  1160. {/block:Photoset}
  1161.  
  1162.  
  1163.  
  1164. <!--------------------------------------------------------------------------->
  1165. <!--- VIDEO -->
  1166. <!--------------------------------------------------------------------------->
  1167.  
  1168. {block:Video}
  1169. <div class="media video">{Video-500}</div>
  1170. {/block:Video}
  1171.  
  1172. <!--------------------------------------------------------------------------->
  1173. <!--- Q and A -->
  1174. <!--------------------------------------------------------------------------->
  1175.  
  1176. {block:Answer}
  1177. <div class="question">
  1178. <div class="sender">{Asker};</div>
  1179. <span class="inquiry">{Question}</span>
  1180. </div>
  1181. <div class="answer text">{Answer}</div>
  1182. {/block:Answer}
  1183.  
  1184. <!--------------------------------------------------------------------------->
  1185. <!--- CHAT -->
  1186. <!--------------------------------------------------------------------------->
  1187.  
  1188. {block:Chat}
  1189. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1190. <ul class="chat text">
  1191. {block:Lines}
  1192. <li class="line">
  1193. {block:Label}
  1194. <span class="label">{Label}&nbsp; </span>
  1195. {/block:Label}
  1196. {Line}
  1197. </li>
  1198. {/block:Lines}
  1199. </ul>
  1200. {/block:Chat}
  1201.  
  1202. <!--------------------------------------------------------------------------->
  1203. <!--- LINKS -->
  1204. <!--------------------------------------------------------------------------->
  1205.  
  1206. {block:Link}
  1207. <h2><a href="{URL}">{Name}</a></h2>
  1208. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1209. {/block:Link}
  1210.  
  1211. <!--------------------------------------------------------------------------->
  1212. <!--- QUOTES -->
  1213. <!--------------------------------------------------------------------------->
  1214.  
  1215. {block:Quote}
  1216. <div class="quote text">{Quote}</div>
  1217. {block:Source}
  1218. <div class="source text">{Source}</div>
  1219. {/block:Source}
  1220. {/block:Quote}
  1221.  
  1222. <!--------------------------------------------------------------------------->
  1223. <!--- TEXT -->
  1224. <!--------------------------------------------------------------------------->
  1225. {block:Text}
  1226. {block:Title}<h2>{Title}</h2>{/block:Title}
  1227. <div class="text">{Body}</div>
  1228. {/block:Text}
  1229.  
  1230. <!--------------------------------------------------------------------------->
  1231. <!--- POST INFO -->
  1232. <!--------------------------------------------------------------------------->
  1233.  
  1234. {block:Caption}
  1235. <div class="caption text">{Caption}</div>
  1236. {/block:Caption}
  1237. {block:Date}
  1238. <div class="date">
  1239. <a class="permalink" href="{Permalink}">
  1240. {Month} {DayOfMonth} ― </a>
  1241. <a class="permalink" href="{Permalink}">
  1242. {block:NoteCount} {NoteCountWithLabel} ― {/block:NoteCount} </a>
  1243. <a class="reblog" href="{ReblogURL}">Reblog</a>
  1244.  
  1245.  
  1246.  
  1247.  
  1248. {block:HasTags}
  1249. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>
  1250. {/block:Tags}</div>
  1251. {/block:HasTags}
  1252. </div>
  1253.  
  1254.  
  1255. {/block:Date}
  1256. </section>
  1257. </article>
  1258. {/block:Posts}
  1259.  
  1260. {block:PermalinkPage}
  1261. <div id="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1262. {/block:PermalinkPage}
  1263.  
  1264. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1265. </div>
  1266.  
  1267. <!--------------------------------------------------------------------------->
  1268. <!--- PAGINATION -->
  1269. <!--------------------------------------------------------------------------->
  1270.  
  1271. <center>
  1272. <!------------ Pagination ------------->
  1273. {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}
  1274. </div>
  1275. </center>
  1276.  
  1277.  
  1278. <!--------------------------------------------------------------------------->
  1279. <!---- VARIOUS SCRIPTS --->
  1280. <!--------------------------------------------------------------------------->
  1281.  
  1282.  
  1283.  
  1284.  
  1285. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1286. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1287.  
  1288. <!--- TOOL TIPS --->
  1289. <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
  1290. <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
  1291. <script>
  1292. (function($){
  1293. $(document).ready(function(){
  1294. $("[title]").style_my_tooltips({
  1295. tip_follows_cursor:true,
  1296. tip_delay_time:200,
  1297. tip_fade_speed:300,
  1298. attribute:"title"
  1299. });
  1300. });
  1301. })(jQuery);
  1302. </script>
  1303.  
  1304. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  1305. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  1306.  
  1307. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1308. {block:IndexPage}
  1309. {block:ifInfiniteScroll}
  1310. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1311. {/block:ifInfiniteScroll}
  1312. {/block:IndexPage}
  1313. <script>
  1314. $(document).ready(function(){
  1315. $('.photo-slideshow').pxuPhotoset({
  1316. lightbox: true,
  1317. rounded: false,
  1318. gutter: '1px',
  1319. photoset: '.photo-slideshow',
  1320. photoWrap: '.photo-data',
  1321. photo: '.pxu-photo'
  1322. });
  1323. var $container = $('.content');
  1324. {block:ifInfiniteScroll}
  1325. $container.infinitescroll({
  1326. itemSelector: '.entry',
  1327. navSelector: '.pagination',
  1328. nextSelector: '.next',
  1329. loadingImg: '',
  1330. loadingText: '<em></em>',
  1331. bufferPx: 2000
  1332. },
  1333. function( newElements ) {
  1334. var $newElems = $( newElements );
  1335. $newElems.find('.photo-slideshow').pxuPhotoset({
  1336. lightbox: true,
  1337. rounded: false,
  1338. gutter: '1px',
  1339. photoset: '.photo-slideshow',
  1340. photoWrap: '.photo-data',
  1341. photo: '.pxu-photo'
  1342. });
  1343. resizeVideos();
  1344. });
  1345. {/block:ifInfiniteScroll}
  1346. });
  1347. </script>
  1348.  
  1349. <script type="text/javascript">
  1350.  
  1351. var amountScrolled = 300;
  1352.  
  1353. $(window).scroll(function() {
  1354. if ( $(window).scrollTop() > amountScrolled ) {
  1355. $('#.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop').fadeIn('slow');
  1356. } else {
  1357. $('.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop').fadeOut('slow');
  1358. }
  1359. })
  1360.  
  1361. </script>
  1362.  
  1363. <script type="text/javascript">
  1364.  
  1365. var amountScrolled = 300;
  1366. $(window).scroll(function() {
  1367. if ( $(window).scrollTop() > amountScrolled ) {
  1368. $('#credit').fadeIn('slow');
  1369. } else {
  1370. $('#credit').fadeOut('slow');
  1371. }
  1372. })
  1373. </script>
  1374.  
  1375. <script>
  1376. $(function() {
  1377. $('a[href*="#"]:not([href="#"])').click(function() {
  1378. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  1379. var target = $(this.hash);
  1380. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  1381. if (target.length) {
  1382. $('html, body').animate({
  1383. scrollTop: target.offset().top
  1384. }, 1000);
  1385. return false;
  1386. }
  1387. }
  1388. });
  1389. });
  1390. </script>
  1391.  
  1392.  
  1393. <script type="text/javascript">
  1394.  
  1395. $(document).ready(function () {
  1396.  
  1397. $(window).scroll(function () {
  1398. if ($(this).scrollTop() > 100) {
  1399. $('.back-to-top').fadeIn();
  1400. } else {
  1401. $('.back-to-top').fadeOut();
  1402. }
  1403. });
  1404.  
  1405. $('.back-to-top').click(function () {
  1406. $("html, body").animate({
  1407. scrollTop: 0
  1408. }, 600);
  1409. return false;
  1410. });
  1411.  
  1412. });
  1413.  
  1414.  
  1415. </script>
  1416.  
  1417.  
  1418. </div> <!-- End of Container -->
  1419.  
  1420.  
  1421. <a href="#" class="back-to-top" title="back to the top"><i class="fa fa-angle-up"></i></a>
  1422.  
  1423. <div id="credit">
  1424. <a href="http://galesta.tumblr.com" title="galesta">G</a></div>
  1425.  
  1426. </body>
  1427. </html>
Advertisement
Add Comment
Please, Sign In to add comment