valkyriethemes

[T#05 - Wings] by Onyxian

Dec 17th, 2016
1,361
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8. [T#05 - Wings] by Onixyan
  9.  
  10. - base code (shythemes)
  11. - linearicons
  12. - anton saputro
  13. - unnested captions (neothm) (magnusthemes)
  14.  
  15.  
  16.  
  17. -->
  18. <title>{Title}</title>
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link rel="shortcut icon" href="{Favicon}">
  21. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  22.  
  23.  
  24. <meta name="viewport" content="width=device-width, initial-scale=1">
  25. <meta name="color:background" content="#ffffff">
  26.  
  27.  
  28. <meta name="color: Accent" content="#9f9f9f">
  29. <meta name="color: Bars" content="#fff">
  30. <meta name="color: Borders" content="#eee">
  31. <meta name="color:Caption" content="#f9f9f9">
  32. <meta name="color: Header" content="#e2f0f2">
  33. <meta name="color: Navigation Icons" content="#eee">
  34. <meta name="color: Navigation Icon Hover" content="#e2f0f2">
  35. <meta name="color: Posts" content="#fff">
  36. <meta name="color:Text" content="#3f3f3f">
  37.  
  38. <meta name="if:Affiliates" content="1">
  39. <meta name="if:Members" content="1">
  40. <meta name="if:Unnested Captions" content="1">
  41. <meta name="if:Show Captions" content="1">
  42. <meta name="if:Show tags" content="1">
  43. <meta name="if:Updates" content="1">
  44.  
  45. <meta name="image:Affiliate 1" content="">
  46. <meta name="image:Affiliate 2" content="">
  47. <meta name="image:Affiliate 3" content="">
  48. <meta name="image:Affiliate 4" content="">
  49.  
  50. <meta name="text:Affiliate 1" content="">
  51. <meta name="text:Affiliate 2" content="">
  52. <meta name="text:Affiliate 3" content="">
  53. <meta name="text:Affiliate 4" content="">
  54.  
  55. <meta name="text:About" content="">
  56.  
  57. <meta name="text:Question 1" content="">
  58. <meta name="text:Answer 1" content="">
  59. <meta name="text:Question 2" content="">
  60. <meta name="text:Answer 2" content="">
  61. <meta name="text:Question 3" content="">
  62. <meta name="text:Answer 3" content="">
  63. <meta name="text:Question 4" content="">
  64. <meta name="text:Answer 4" content="">
  65.  
  66. <meta name="text:Link 1" content="" >
  67. <meta name="text:Link 1 URL" content="" >
  68. <meta name="text:Link 2" content="" >
  69. <meta name="text:Link 2 URL" content="" >
  70. <meta name="text:Link 3" content="" >
  71. <meta name="text:Link 3 URL" content="" >
  72. <meta name="text:Link 4" content="" >
  73. <meta name="text:Link 4 URL" content="" >
  74.  
  75. <meta name="text:Link 5" content="" >
  76. <meta name="text:Link 5 URL" content="" >
  77. <meta name="text:Link 6" content="" >
  78. <meta name="text:Link 6 URL" content="" >
  79. <meta name="text:Link 7" content="" >
  80. <meta name="text:Link 7 URL" content="" >
  81. <meta name="text:Link 8" content="" >
  82. <meta name="text:Link 8 URL" content="" >
  83.  
  84. <meta name="text:Link 9" content="" >
  85. <meta name="text:Link 9 URL" content="" >
  86. <meta name="text:Link 10" content="" >
  87. <meta name="text:Link 10 URL" content="" >
  88. <meta name="text:Link 11" content="" >
  89. <meta name="text:Link 11 URL" content="" >
  90. <meta name="text:Link 12" content="" >
  91. <meta name="text:Link 12 URL" content="" >
  92.  
  93. <meta name="text:Update 1 Date" content="">
  94. <meta name="text:Update 1" content="">
  95. <meta name="text:Update 2 Date" conten="">
  96. <meta name="text:Update 2" content="">
  97. <meta name="text:Update 3" content="">
  98. <meta name="text:Update 3 Date" content="">
  99. <meta name="text:Update 4" content="">
  100. <meta name="text:Update 4 Date" content="">
  101. <meta name="text:Update 5" content="">
  102. <meta name="text:Update 5 Date" content="">
  103.  
  104. <meta name="select:Gutter Size" content="0" title="0px">
  105. <meta name="select:Gutter Size" content="1" title="1px">
  106. <meta name="select:Gutter Size" content="5" title="5px">
  107. <meta name="select:Gutter Size" content="10" title="10px">
  108. <meta name="select:Gutter Size" content="15" title="15px">
  109.  
  110. <meta name="select:Photo Padding" content="0" title="0px">
  111. <meta name="select:Photo Padding" content="1" title="1px">
  112. <meta name="select:Photo Padding" content="5" title="5px">
  113. <meta name="select:Photo Padding" content="10" title="10px">
  114. <meta name="select:Photo Padding" content="15" title="15px">
  115.  
  116. <meta name="select:Post Size" content="250" title="250px">
  117. <meta name="select:Post Size" content="300" title="300px">
  118. <meta name="select:Post Size" content="350" title="350px">
  119. <meta name="select:Post Size" content="400" title="400px">
  120. <meta name="select:Post Size" content="450" title="450px">
  121. <meta name="select:Post Size" content="500" title="500px">
  122. <meta name="select:Post Size" content="540" title="540px">
  123.  
  124.  
  125. <!-- Fonts -->
  126. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  127. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  128. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  129. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  130.  
  131. <style type="text/css">
  132.  
  133. @media (max-height: 980px)
  134. #all {
  135. overflow: hidden;}
  136.  
  137. @media (max-width: 1480px)
  138. #all {
  139. overflow: hidden;}
  140.  
  141. body {
  142. margin:0;
  143. font-size:10px;
  144. font-family:helvetica, sans-serif;
  145. line-height:1.6em;
  146. -moz-osx-font-smoothing:grayscale;
  147. -webkit-font-smoothing:antialiased;
  148. font-smoothing:antialiased;
  149. color:{color:text};
  150. background: #f7f7f7;
  151. overflow-x: hidden;}
  152.  
  153. a {
  154. color:inherit;
  155. text-decoration:none;
  156. -webkit-transition:all .2s linear;
  157. transition:all .2s linear;}
  158.  
  159. small, sub {
  160. font-size:1em;
  161. vertical-align:baseline;}
  162.  
  163. blockquote {
  164. padding:.6em .6em .6em 2em;
  165. border-left:1px solid {color: Border};}
  166.  
  167. blockquote, ol, ul, p, pre {
  168. margin:0 0 .6em;}
  169.  
  170. h1, h2, h3, h4, h5, h6 {
  171. margin:0 0 .6em;
  172. font-size:1em;
  173. font-weight:inherit;}
  174.  
  175. img {
  176. border:0;
  177. max-width:100%;
  178. height:auto;
  179. display:block;}
  180.  
  181. hr {
  182. margin:1em 0;
  183. border:0;
  184. height:1px;
  185. -moz-box-sizing:border-box;
  186. box-sizing:border-box;
  187. background-color:{color: Border};}
  188.  
  189. .title {
  190. font-size:15px;
  191. font-weight:bold;}
  192.  
  193. .accent,
  194. .tumblr_blog {
  195. color:{color: Accent};}
  196.  
  197. @font-face {
  198. font-family: darleston;
  199. src: url("http://static.tumblr.com/9pxhvqx/4Tkofww1c/darleston.otf");}
  200.  
  201.  
  202. /* ----------- Tooltips ----------- */
  203.  
  204. #s-m-t-tooltip{
  205. max-width:300px;
  206. z-index: 9999999999999;
  207. margin:24px 14px 7px 12px;
  208. padding:5px;
  209. padding-bottom:7px;
  210. background: #fff;
  211. border: 1px solid {color: Borders};
  212. -moz-border-radius:0px;
  213. -webkit-border-radius:0px;
  214. border-radius:0px;
  215. font-family: "calibri";
  216. text-transform: uppercase;
  217. font-size:8px;
  218. z-index: 999999999999;
  219. letter-spacing: 1px;
  220. color: #a7a7a7;}
  221.  
  222.  
  223. /* ----------- Scrollbar ---------*/
  224.  
  225. ::-webkit-scrollbar {
  226. width: 0px;
  227. height: 17px;}
  228.  
  229. ::-webkit-scrollbar-track {
  230. border: 8px solid {color: Background};
  231. background-color: {color: Background};}
  232.  
  233. ::-webkit-scrollbar-thumb {
  234. border: 8px solid {color: Background};
  235. background-color: {color: Accent};}
  236.  
  237. /* ---- SVG Icons -------*/
  238.  
  239. svg {
  240. width: 10px;
  241. fill: {color: Navigation Icons};
  242. opacity: 0.5;
  243. -moz-transition-duration: 0.5s;
  244. -o-transition-duration: 0.5s;
  245. -webkit-transition-duration: 0.5s;
  246. transition-duration: 0.5s}
  247.  
  248. svg:hover {
  249. fill: red;
  250. -moz-transition-duration: 0.5s;
  251. -o-transition-duration: 0.5s;
  252. -webkit-transition-duration: 0.5s;
  253. transition-duration: 0.5s;}
  254.  
  255. .controls a {
  256. position:relative;
  257. display:inline-block;
  258. overflow:hidden;
  259. padding:5px;
  260. width:12px;
  261. height:12px;
  262. }
  263. .controls .reblog {
  264. opacity:.93;
  265. }
  266. .controls .reblog svg {
  267. width:9px;
  268. margin-top:1px;
  269. }
  270. .controls .like .liked + svg {
  271. opacity:1;
  272. }
  273. .controls .like .liked + svg path {
  274. fill:#ec5a5a;
  275. }
  276. .controls .like .like_button {
  277. position:relative;
  278. }
  279. .controls .like .like_button iframe {
  280. position:absolute;
  281. top:0;
  282. left:0;
  283. bottom:0;
  284. right:0;
  285. z-index:2;
  286. opacity:0;
  287. }
  288.  
  289. /* -------- Tumblr Lightbox ------------*/
  290.  
  291. .vignette, #vignette {
  292. opacity:0;}
  293.  
  294. .tmblr-lightbox, #tumblr_lightbox {
  295. background-color:rgba(245,245,245,.98) !important;}
  296.  
  297. .lightbox-image, #tumblr_lightbox img {
  298. box-shadow:none !important;
  299. border-radius:0 !important;
  300. max-width:none;}
  301.  
  302. .lightbox-image, #tumblr_lightbox img {
  303. padding: 10px;
  304. background-color: {color: Posts}!important;
  305. border:1px solid {color: Borders};!important;}
  306.  
  307. /* -------- Bars around Container ------*/
  308.  
  309. .tb {
  310. width: 100%;
  311. height: 60px;
  312. top: 0px;
  313. left: 0px;
  314. z-index: 15;
  315. position: fixed;
  316. background-color: {color: Bars};}
  317.  
  318. .lb {
  319. width: 60px;
  320. height: 100%;
  321. top: 0px;
  322. left: 0px;
  323. z-index: 15;
  324. position: fixed;
  325. background-color: {color: Bars};}
  326.  
  327. .rb {
  328. width: 60px;
  329. height: 100%;
  330. bottom: 0px;
  331. right: 0px;
  332. z-index: 15;
  333. position: fixed;
  334. background-color: {color: Bars};}
  335.  
  336. .bb {
  337. width: 100%;
  338. height: 60px;
  339. bottom: 0px;
  340. left: 0px;
  341. z-index: 15;
  342. position: fixed;
  343. background-color: {color: Bars};}
  344.  
  345. /* ----------- Navigation links in the left bar ---------*/
  346.  
  347. .navigation {
  348. top: 50%;
  349. left: 50%;
  350. transform: translate(-50%, -50%);
  351. position: absolute;
  352. color: {color: Navigation Icons};}
  353.  
  354. .navigation a {
  355. font-size: 15px;
  356. padding: 10px;
  357. margin: 10px;
  358. display: block;}
  359.  
  360. .navigation a:hover {
  361. color: {color: Navigation Icon Hover};}
  362.  
  363.  
  364. /* -------- Header ---------*/
  365.  
  366. #header {
  367. width: 100%;
  368. height: 100vh;
  369. display: block;
  370. z-index: 5;
  371. overflow-x: hidden;
  372. background-color: {color: Header};}
  373.  
  374. .htitle {
  375. font-family: "Darleston";
  376. font-size: 30em;
  377. top: 50%;
  378. left: 50%;
  379. letter-spacing: .5px;
  380. transform: translate(-50%, -50%);
  381. position: absolute;
  382. text-transform: uppercase;
  383. color: #fff;}
  384.  
  385. #about, #faq, #navigation, #edits {
  386. position: relative;
  387. width: 100%;
  388. height: 100%;}
  389.  
  390. /* ------- FAQ --------*/
  391.  
  392. #faq {
  393. display: block;
  394. position: relative;
  395. width: 100%;
  396. height: 100vh;}
  397.  
  398. .faq {
  399. top: 100%;}
  400.  
  401. .fp {
  402. width: 800px;
  403. height: 370px;
  404. top: 50%;
  405. left: 50%;
  406. padding: 20px;
  407. transform: translate(-50%, -50%);
  408. position: absolute;
  409. border: 1px solid {color: Borders};
  410. background-color: {color: Posts};
  411. font-family: "open sans";
  412. font-size: 10px;}
  413.  
  414.  
  415. /* ---------------------- Questions ------------------------------*/
  416.  
  417. .ques {
  418. color: {color: Accent};
  419. text-transform: uppercase;}
  420.  
  421. .ans {
  422. border-bottom: 1px solid {color: Borders};
  423. padding-bottom: 10px;}
  424.  
  425. .q {
  426. width: 100%;
  427. padding: 10px;
  428. text-align: left;
  429. }
  430.  
  431.  
  432. /* ---------- About -----*/
  433.  
  434. #about {
  435. display: block;
  436. position: relative;
  437. width: 100%;
  438. height: 100vh;}
  439.  
  440. .about {
  441. top: 200%;}
  442.  
  443. .icon {
  444. top: 45%;
  445. left: 50%;
  446. transform: translate(-50%, -50%);
  447. position: absolute;}
  448.  
  449. .icon img {
  450. padding: 10px;
  451. border: 1px solid {color: Borders};
  452. background-color: {color: Posts};
  453. border-radius: 5%;}
  454.  
  455. .ainfo {
  456. width: 800px;
  457. height: 370px;
  458. top: 50%;
  459. left: 50%;
  460. padding: 20px;
  461. transform: translate(-50%, -50%);
  462. position: absolute;
  463. border: 1px solid {color: Borders};
  464. background-color: {color: Posts};
  465. font-family: "open sans";
  466. font-size: 10px;}
  467.  
  468. .alinks {
  469. position: absolute;
  470. top: 20px;
  471. width: 100%;
  472. list-style-type:none;
  473. font-size:0;
  474. margin:0;
  475. padding:0;}
  476.  
  477. .alinks a {
  478. font-family: "Open Sans";
  479. display:inline-block;
  480. margin: 5px;
  481. font-size:10px;
  482. line-height:100%;
  483. width: auto;
  484. color: {color: Accent};}
  485.  
  486. .alinks a:hover {
  487. color: {color: Navigation Icon Hover};}
  488.  
  489.  
  490. .desc {
  491. width: 40%;
  492. height: 225px;
  493. padding: 10px;
  494. font-size: 10px;
  495. text-align: justify;
  496. position: absolute;
  497. left: 55px;
  498. bottom: 25px;
  499. padding-right: 20px;
  500. font-family: "Open Sans";
  501. border-top: 1px solid {color: Borders};
  502. border-right: 1px solid {color: Borders};}
  503.  
  504. .desc2 {
  505. width: 40%;
  506. height: 225px;
  507. padding: 10px;
  508. font-size: 10px;
  509. position: absolute;
  510. right: 62px;
  511. bottom: 25px;
  512. text-align: justify;
  513. border-top: 1px solid {color: Borders};
  514. font-family: "Open Sans";}
  515.  
  516. .desc3 {
  517. width: 83%;
  518. height: 175px;
  519. padding: 10px;
  520. font-size: 10px;
  521. position: absolute;
  522. top: 25px;
  523. left: 55px;
  524. text-align: justify;
  525. font-family: "Open Sans";}
  526.  
  527.  
  528. /* ---------- Edits -----*/
  529.  
  530. #edits {
  531. display: block;
  532. position: relative;
  533. width: 100%;
  534. height: 100vh;}
  535.  
  536. .edits {
  537. top: 400%;}
  538.  
  539. .team {
  540. width: 800px;
  541. height: 370px;
  542. top: 50%;
  543. left: 50%;
  544. padding: 20px;
  545. transform: translate(-50%, -50%);
  546. position: absolute;
  547. font-family: "open sans";
  548. font-size: 10px;}
  549.  
  550. .tl {
  551. width: 298px;
  552. float: left;
  553. padding: 10px;
  554. border: 1px solid {color: Borders};
  555. background-color: {color: Posts};}
  556.  
  557. .tr {
  558. width: 298px;
  559. float: right;
  560. padding: 10px;
  561. padding-bottom: -15px;
  562. border: 1px solid {color: Borders};
  563. background-color: {color: Posts};}
  564.  
  565. .box {
  566. display: inline-block;
  567. height: auto;
  568. max-width: 64px;
  569. height: 64px;
  570. margin: 4px;
  571. vertical-align: middle;}
  572.  
  573. .box1 {
  574. display: block;
  575. height: auto;
  576. max-width: 64px;
  577. height: 64px;
  578. margin: 4px;
  579. vertical-align: middle;}
  580.  
  581. .box img, .box1 img {
  582. max-width: 64px;
  583. max-height: 64px;
  584. border-radius: 5%;}
  585.  
  586. .box a {
  587. display: inline-block;}
  588.  
  589. /* --------- Members ---------- */
  590.  
  591. .members img {
  592. width: 40px;
  593. height: 40px;
  594. display: inline-block;
  595. border-radius: 5%;
  596. margin-bottom: -25px;
  597. }
  598.  
  599. .members {
  600. padding-bottom: 10px;
  601. padding-top: 3px;
  602. margin-bottom: -20px;
  603. }
  604.  
  605. .affiliates img {
  606. width: 40px;
  607. height: 40px;
  608. display: inline-block;
  609. border-radius: 5%;
  610. margin: 4px;
  611. }
  612.  
  613. .names {
  614. text-transform: uppercase;
  615. position: relative;
  616. font-family: "Montserrat";
  617. top: -15px;
  618. left: 52px;
  619. }
  620.  
  621. .mtitles {
  622. font-family: "Lato";
  623. font-weight: 400;
  624. font-size: 11px;
  625. text-transform: capitalize;
  626. position: relative;
  627. top: -15px;
  628. left: 52px;
  629. }
  630.  
  631. /* -------- Container ---------*/
  632.  
  633. .main {
  634. margin:150px auto;
  635. width: {select:Post Size}px;}
  636.  
  637. #five {
  638. top: 500%;}
  639.  
  640. #five a {
  641. color: transparent;}
  642.  
  643. .content {
  644. margin:150px 0;
  645. }
  646.  
  647. /* ---------- Posts -------- */
  648.  
  649. .entry {
  650. width: {select:Post Size}px;
  651. position:relative;
  652. margin:0 0 80px;
  653. }
  654.  
  655.  
  656. .entry:last-child {
  657. margin-bottom:0;
  658. }
  659.  
  660. .text {
  661. margin: 1em 0 0;
  662. padding: 10px;
  663. text-align: justify;
  664. max-width: {select:Post Size}px;
  665. border: 1px solid {color: Borders};
  666. background-color: {color: Posts};
  667. }
  668.  
  669. .text:last-child,
  670. .text *:last-child {
  671. margin-bottom:0;
  672. }
  673.  
  674. .chat {
  675. padding: 10px;
  676. max-width: {select:Post Size}px;
  677. border: 1px solid {color: Borders};
  678. background-color: {color: Posts};
  679. list-style-type:none;
  680. }
  681.  
  682. .chat .label {
  683. font-weight:bold;
  684. }
  685.  
  686. /* ------------- Quote ----------- */
  687.  
  688. .quote {
  689. font-size: 1.2em;
  690. font-style: italic;
  691. text-align: center;
  692. }
  693.  
  694. .source {
  695. font-style: italic;
  696. padding: 10px;
  697. text-transform: lowercase;
  698. position: relative;
  699. }
  700.  
  701. /* ---------------- Photo ------------- */
  702.  
  703. .media {
  704. position:relative;
  705. display:inline-block;
  706. max-width:100%;
  707. padding: {select:Photo Padding}px;
  708. border: 1px solid {color: Borders};
  709. background-color: {color: Posts};
  710. }
  711.  
  712. /* ------------ Question ---------- */
  713.  
  714. .question {
  715. width: {select:Post Size}px;
  716. text-align: center;
  717. }
  718.  
  719. .sender:before {
  720. content:"";
  721. width: 100px;
  722. height: 1px;
  723. margin-top: 10px;
  724. margin-left: -105px;
  725. background-color: {color: Borders};
  726. position: absolute;
  727. }
  728.  
  729. .sender {
  730. font-style: italic;
  731. padding: 10px;
  732. text-transform: lowercase;
  733. position: relative;
  734. margin-top: 8px;
  735. float: right;
  736. }
  737.  
  738. .answer {
  739. padding: 10px;
  740. margin-top: 65px;
  741. position: relative;
  742. border-bottom: 1px solid {color: Borders};
  743. background-color: {color: Posts};
  744. }
  745.  
  746. /* --------- Audio -------------*/
  747.  
  748. .audioplayer {
  749. height: 80px;
  750. max-width: {select:Post Size}px;
  751. border: 1px solid {color: Borders};
  752. background-color: {color: Posts};
  753. }
  754.  
  755. .tumblr_audio_player {
  756. width: 24px;
  757. height: 24px;
  758. margin-top: -22px;
  759. background-color: #fff
  760. }
  761.  
  762. .artist {
  763. top: 39px;
  764. left: 80px;
  765. font-family: "Karla";
  766. position: absolute;}
  767.  
  768. .track {
  769. top: 20px;
  770. left: 80px;
  771. font-family: "Karla";
  772. position: absolute;
  773. }
  774.  
  775. #player {
  776. width: 24px;
  777. height: 24px;
  778. overflow: hidden;
  779. margin: 30px 20px;
  780. padding: 10px;
  781. color: #fff;}
  782.  
  783. /* --------- Post Info ---------- */
  784.  
  785. .date {
  786. margin:1em 0 0;
  787. }
  788.  
  789. .permalink, .p2 {
  790. text-transform: uppercase;
  791. word-spacing: 2px;
  792. }
  793.  
  794. .permalinka a:nth-child(2) {
  795. margin-left: 25px;
  796. }
  797.  
  798.  
  799. .ptop {
  800. padding: 10px;
  801. vertical-align:middle;
  802. }
  803.  
  804. .ptop a {
  805. margin-top: -35px;
  806. }
  807.  
  808. /* -------------- Tags ------------ */
  809.  
  810. .tags {
  811. max-width: {select:Post Size}px;
  812. {block:IndexPage}
  813. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  814. {/block:IndexPage}
  815. }
  816.  
  817. .tags a {
  818. margin: 2px;
  819. }
  820.  
  821. .tags svg {
  822. width: 12px;
  823. height: 12px;
  824. margin-top: 10px;
  825. }
  826.  
  827. /* ---------- Draggable Tags ----------*/
  828.  
  829. .post_tags, .post_tags a { color: #A7A7A7; }
  830.  
  831. .post_tags {
  832. position: relative;
  833. margin-top: 0px;
  834. margin-left: -2px;
  835. line-height: 20px;
  836. max-width: {select:Post Size}px;
  837. white-space: nowrap;
  838. overflow: hidden;}
  839.  
  840. .post_tags.draggable .post_tags_inner {
  841. cursor: col-resize;
  842. -webkit-touch-callout: none;
  843. -webkit-user-select: none;
  844. -khtml-user-select: none;
  845. -moz-user-select: none;
  846. -ms-user-select: none;
  847. user-select: none;}
  848.  
  849. .post_tags_inner {
  850. float: left;
  851. position: relative;
  852. padding: 0px 20px 0px 0;}
  853.  
  854. .post_tags a, .post_tags .post_tag {
  855. color: #A7A7A7;
  856. text-decoration: none;
  857. margin-right: 6px;}
  858.  
  859. .post_tags a:before { content: '#'; }
  860.  
  861. .post_tags:after {
  862. content: '';
  863. position: absolute;
  864. top: 0;
  865. right: 0;
  866. bottom: 0;
  867. width: 20px;
  868. background: transparent;
  869. }
  870.  
  871. .post_tags a:hover,
  872. .post_tags .post_tag:hover,
  873. .post_tags a:focus,
  874. .post_tags .post_tag:focus,
  875. .post_tags a:active,
  876. .post_tags .post_tag:active { color: {color: Accent}; }
  877.  
  878. .caption {
  879. {block:IndexPage}
  880. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  881. {/block:IndexPage}
  882. padding: 6px;
  883. margin-top: -5px;
  884. max-width: {select:Post Size}px;
  885. border-right: 1px solid {color: Borders};
  886. border-left: 1px solid {color: Borders};
  887. border-bottom: 1px solid {color: Borders};
  888. background-color:{color: Posts};}
  889.  
  890.  
  891. /* ---------------------- Unnested Captions ------------- */
  892.  
  893. .tumblr_parent {
  894. margin: 10px 10px 10px;
  895. padding: 0px 10px;
  896. border-left: 1px solid {color: Borders}
  897. }
  898.  
  899. .tumblr_parent blockquote{
  900. margin-left: 20px;
  901. padding-left: 20px;
  902. border-left: 1px solid {color: Borders};
  903. }
  904.  
  905. .tumblr_avatar {
  906. width: 25px;
  907. height: 25px;
  908. padding: 5px;
  909. margin-right: 5px;
  910. border-radius: 5px;
  911. display: inline-block;
  912. vertical-align: middle;}
  913.  
  914. /* -------- Updates ------------ */
  915.  
  916. .udate {
  917. padding: 5px 7px;
  918. width: 25px;
  919. border-radius: 5%;
  920. top: 8px;
  921. position: relative;
  922. border: 1px solid {color: Borders};
  923. }
  924.  
  925. .uinfo {
  926. position: relative;
  927. left: 55px;
  928. top: -15px;
  929. color: {color: Accent};
  930. text-transform: uppercase;
  931. font-family: "lato";
  932. }
  933.  
  934.  
  935. /* ------------ Permalink Page --------- */
  936.  
  937. .pp {
  938. width: {select:Post Size}px;
  939. margin-top: 10px;
  940. }
  941.  
  942. .perma {
  943. margin-bottom: 10px;
  944. }
  945.  
  946. /* ---------- Post Notes ----------- */
  947.  
  948.  
  949. .pagenotes {
  950. line-height: 18px;
  951. letter-spacing: .5px;
  952. display: none;
  953. }
  954.  
  955. .pagenotes ol.notes {
  956. padding: 0px;
  957. text-align: left;
  958. margin: 25px 0px;
  959. list-style-type: none;
  960. }
  961.  
  962. .pagenotes img {
  963. display: none;
  964.  
  965. /* ------ Tumblr Controls ----------*/
  966.  
  967.  
  968. .ic {
  969. position:fixed;
  970. top: 25px;
  971. right: 60px;
  972. z-index: 1545;}
  973.  
  974. #tumblr_controls,
  975. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  976. position:fixed!important;
  977. top: 9px!important;
  978. right: 30px!important;
  979. {block:IndexPage} opacity:0!important; {/block:IndexPage}
  980. {block:PeramlinkPage} opacity: 1!important; {/block:PeramlinkPage}
  981. z-index: 9999999999999999999;
  982. -webkit-filter:invert(100%);
  983. -webkit-backface-visibility:hidden;
  984. padding:10px 40px 10px 10px;
  985. -webkit-transition:opacity .3s ease-out;
  986. transition:opacity .3s ease-out;}
  987.  
  988. #tumblr_controls:hover,
  989. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  990. z-index: 9999999999999999999;
  991. opacity:.5!important;}
  992.  
  993. /* ------ Pagination + Infinite Scrolling -----*/
  994.  
  995. {block:ifInfiniteScroll}
  996. .pagination,
  997. #infscr-loading {
  998. display:none!important;}
  999. {/block:ifInfiniteScroll}
  1000.  
  1001.  
  1002.  
  1003. </style>
  1004. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  1005. </head>
  1006. <body>
  1007.  
  1008. <!-------------------------------------------------------------------------->
  1009. <!-- Bars around Container -->
  1010. <!-------------------------------------------------------------------------->
  1011.  
  1012.  
  1013. <div class="tb"></div>
  1014. <div class="rb"></div>
  1015. <div class="bb"></div>
  1016.  
  1017.  
  1018. <!--- Left Bar + Navigation -->
  1019.  
  1020. <div class="lb">
  1021. <div class="navigation">
  1022.  
  1023. <a href="/" a title="index"><span class="lnr lnr-home"></span></a>
  1024. <a href="#faq" a title="faq"><span class="lnr lnr-envelope"></span></a>
  1025. <a href="#about" a title="information"><span class="lnr lnr-menu"></span></a>
  1026. <a href="#edits" a title="team"><span class="lnr lnr-users"></span></a>
  1027. <a href="#five" a title="posts"><span class="lnr lnr-cog"></span></a>
  1028. <a href="#header" a title="back to top"><span class="lnr lnr-chevron-up"></a> <a href="http://onyxian.tumblr.com" a title="credit"><span class="lnr lnr-code"></span></a>
  1029.  
  1030. </div> <!-- End of Navigation -->
  1031. </div> <!-- End of Left Bar -->
  1032.  
  1033. <!-------------------------------------------------------------------------->
  1034. <!-- Header -->
  1035. <!-------------------------------------------------------------------------->
  1036.  
  1037. {block:IndexPage}
  1038.  
  1039. <div id="header">
  1040. <div class="htitle"> G </div>
  1041. </div>
  1042.  
  1043. {/block:IndexPage}
  1044.  
  1045. <!-------------------------------------------------------------------------->
  1046. <!-- FAQ -->
  1047. <!-------------------------------------------------------------------------->
  1048.  
  1049. {block:IndexPage}
  1050.  
  1051. <div id="faq">
  1052. <div class="faq">
  1053. <a href="#faq"></a>
  1054. <div class="fp">
  1055.  
  1056. <div class="q">
  1057. <div class="ques">{text:Question 1}</div>
  1058. <div class="ans">{text:Answer 1}</div>
  1059. </div> <!-- End of Question -->
  1060.  
  1061. <div class="q">
  1062. <div class="ques">{text:Question 2}</div>
  1063. <div class="ans">{text:Answer 2}</div>
  1064. </div> <!-- End of Question -->
  1065.  
  1066. <div class="q">
  1067. <div class="ques">{text:Question 3}</div>
  1068. <div class="ans">{text:Answer 3}</div>
  1069. </div> <!-- End of Question -->
  1070.  
  1071. <div class="q">
  1072. <div class="ques">{text:Question 4}</div>
  1073. <div class="ans">{text:Answer 4}</div>
  1074. </div> <!-- End of Question -->
  1075.  
  1076.  
  1077.  
  1078. </div> <!-- End of FAQ page -->
  1079. </div> <!-- End of FAQ Section -->
  1080. </div> <!-- End of FAQ Container -->
  1081.  
  1082.  
  1083.  
  1084. <!-------------------------------------------------------------------------->
  1085. <!-- About -->
  1086. <!-------------------------------------------------------------------------->
  1087.  
  1088.  
  1089.  
  1090. <div id="about">
  1091. <div class="about">
  1092. <a href="#about"></a>
  1093. <div class="ainfo">
  1094.  
  1095. <div class="desc3">
  1096.  
  1097. <div class="alinks">
  1098.  
  1099. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  1100. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  1101. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  1102. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  1103.  
  1104. {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
  1105. {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:IfLink6}
  1106. {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:IfLink7}
  1107. {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:IfLink8}
  1108.  
  1109. {block:IfLink9}<a href="{text:Link 9 URL}">{text:Link 9}</a>{/block:IfLink9}
  1110. {block:IfLink10}<a href="{text:Link 10 URL}">{text:Link 10}</a>{/block:IfLink10}
  1111. {block:IfLink11}<a href="{text:Link 11 URL}">{text:Link 11}</a>{/block:IfLink11}
  1112. {block:IfLink12}<a href="{text:Link 12 URL}">{text:Link 12}</a>{/block:IfLink12}
  1113.  
  1114.  
  1115. </div> <!-- End of First Column -->
  1116. </div> <!-- End of Top Description -->
  1117.  
  1118. <div class="desc">{text:About}</div> <!-- End of Left Description -->
  1119.  
  1120. <div class="desc2">
  1121.  
  1122. <!-- Updates -->
  1123. {block:ifUpdates}
  1124. <div class="info">
  1125. <div style="margin-top: -7px; margin-left: 5px">
  1126. <div class="update">
  1127. <div class="udate">{text:Update 1 Date}</div>
  1128. <div class="uinfo">{text:Update 1}</div>
  1129. </div>
  1130.  
  1131. <div class="update">
  1132. <div class="udate">{text:Update 2 Date}</div>
  1133. <div class="uinfo">{text:Update 2}</div>
  1134. </div>
  1135.  
  1136. <div class="update">
  1137. <div class="udate">{text:Update 3 Date}</div>
  1138. <div class="uinfo">{text:Update 3}</div>
  1139. </div>
  1140.  
  1141. <div class="update">
  1142. <div class="udate">{text:Update 4 Date}</div>
  1143. <div class="uinfo">{text:Update 4}</div>
  1144. </div>
  1145.  
  1146. <div class="update">
  1147. <div class="udate">{text:Update 5 Date}</div>
  1148. <div class="uinfo">{text:Update 5}</div>
  1149. </div>
  1150.  
  1151. </div> <!-- End of Box -->
  1152. {/block:ifUpdates}
  1153.  
  1154.  
  1155. </div> <!-- End of Right Description -->
  1156.  
  1157.  
  1158.  
  1159. </div> <!-- End of About -->
  1160.  
  1161.  
  1162. </div> <!-- End of About Info -->
  1163. </div> <!-- End of FAQ Section -->
  1164. </div> <!-- End of FAQ Container -->
  1165.  
  1166.  
  1167. <!-------------------------------------------------------------------------->
  1168. <!-- Edits -->
  1169. <!-------------------------------------------------------------------------->
  1170.  
  1171. <div id="edits">
  1172. <div class="edits">
  1173. <a href="#edits"></a>
  1174. <div class="team">
  1175.  
  1176. <!-- Group Members --->
  1177.  
  1178.  
  1179. <div class="tl">
  1180.  
  1181.  
  1182. {block:ifMembers}
  1183. <div class="info">
  1184. <div class="members">
  1185. {block:GroupMembers} {block:GroupMember}
  1186. <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-40}"></a>
  1187. <a href="{GroupMemberURL}"><div class="names">{GroupMemberName}</div></a>
  1188. <a href="{GroupMemberURL}"><div class="mtitles">{GroupMemberTitle}</div></a>
  1189. {/block:GroupMember} {/block:GroupMembers}
  1190.  
  1191. </div> <!-- End of Members -->
  1192. </div> <!-- End of Box -->
  1193. {/block:ifMembers}
  1194.  
  1195. </div>
  1196.  
  1197.  
  1198.  
  1199. <!-- Affiliates -->
  1200.  
  1201. <div class="tr">
  1202.  
  1203. {block:ifAffiliates}
  1204. <div class="box">
  1205. <a href="http://{text:Affiliate 1}.tumblr.com"><img src="{image:Affiliate 1}"></div></a>
  1206.  
  1207. <div class="box">
  1208. <a href="http://{text:Affiliate 2}.tumblr.com"><img src="{image:Affiliate 2}"></div></a>
  1209.  
  1210. <div class="box">
  1211. <a href="http://{text:Affiliate 3}.tumblr.com"><img src="{image:Affiliate 3}"></div></a>
  1212.  
  1213. <div class="box">
  1214. <a href="http://{text:Affiliate 4}.tumblr.com"><img src="{image:Affiliate 4}"></div></a>
  1215.  
  1216. {/block:ifAffiliates}
  1217.  
  1218.  
  1219. </div>
  1220.  
  1221. </div> <!-- End of Team --->
  1222. </div> <!-- End of edits Section -->
  1223. </div> <!-- End of edits Container -->
  1224.  
  1225. {/block:IndexPage}
  1226.  
  1227. <!-------------------------------------------------------------------------->
  1228. <!-- Main Container -->
  1229. <!-------------------------------------------------------------------------->
  1230.  
  1231.  
  1232. <div class="main">
  1233. <div id="five"><a href="#five">Top</a></div>
  1234.  
  1235. <div class="content">
  1236. {block:Posts}
  1237. <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
  1238.  
  1239. <section class="post" id="{PostID}">
  1240.  
  1241. <div class="ptop">
  1242.  
  1243. <div style="float: right;">
  1244. <div class="controls">
  1245. <a href="{ReblogURL}" target="_blank" class="reblog">
  1246. <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>
  1247. </a>
  1248. <a href="#" class="like">{LikeButton}
  1249. <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>
  1250. </a>
  1251. </div></div>
  1252.  
  1253. <!-------------------- Audio ------------------>
  1254.  
  1255. {block:Audio}
  1256. <div class="audioplayer">
  1257. <div id="player">{AudioPlayerWhite}</div>
  1258.  
  1259. {block:TrackName}
  1260. <div class="track">{TrackName}</div>
  1261. {/block:TrackName}
  1262.  
  1263. {block:Artist}
  1264. <div class="artist">{Artist}</div>
  1265. {/block:Artist}
  1266.  
  1267. </div>
  1268. {/block:Audio}
  1269.  
  1270.  
  1271. <!--------------------- Photo --------------------->
  1272.  
  1273. {block:Photo}
  1274. <div class="media">
  1275. {LinkOpenTag}
  1276. <img src="{PhotoURL-500}">
  1277. {LinkCloseTag}
  1278. </div>
  1279. {/block:Photo}
  1280.  
  1281. <!--------------------- Photoset --------------------->
  1282.  
  1283. {block:Photoset}
  1284. <div class="media photoset">
  1285. <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>
  1286. </div>
  1287. {/block:Photoset}
  1288.  
  1289.  
  1290. <!--------------------- Video --------------------->
  1291.  
  1292.  
  1293. {block:Video}
  1294. <div class="media video">{Video-500}</div>
  1295. {/block:Video}
  1296.  
  1297. <!--------------------- Question --------------------->
  1298.  
  1299. {block:Answer}
  1300. <div class="question">
  1301. <span class="inquiry">{Question}</span>
  1302. <div class="sender">{Asker}</div>
  1303. </div>
  1304. <div class="answer">{Answer}</div>
  1305. {/block:Answer}
  1306.  
  1307.  
  1308. <!--------------------- Chat --------------------->
  1309.  
  1310.  
  1311. {block:Chat}
  1312. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1313. <ul class="chat">
  1314. {block:Lines}
  1315. <li class="line">
  1316. {block:Label}
  1317. <span class="label">{Label}&nbsp; </span>
  1318. {/block:Label}
  1319. {Line}
  1320. </li>
  1321. {/block:Lines}
  1322. </ul>
  1323. {/block:Chat}
  1324.  
  1325.  
  1326. <!--------------------- Link --------------------->
  1327.  
  1328.  
  1329. {block:Link}
  1330. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1331. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1332. {/block:Link}
  1333.  
  1334.  
  1335. <!--------------------- Quotes --------------------->
  1336.  
  1337.  
  1338. {block:Quote}
  1339. <div class="quote text">{Quote}</div>
  1340. {block:Source}
  1341. <div class="source"><div style="position: absolute; right: 0px"> — {Source}</div></div>
  1342. {/block:Source}
  1343. {/block:Quote}
  1344.  
  1345.  
  1346. <!--------------------- Text --------------------->
  1347.  
  1348.  
  1349. {block:Text}
  1350. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  1351. <div class="text">{Body}</div>
  1352. {/block:Text}
  1353.  
  1354.  
  1355. <!--------------------- Caption --------------------->
  1356.  
  1357.  
  1358. {block:Caption}
  1359. <div class="caption">{Caption}</div>
  1360. {/block:Caption}
  1361.  
  1362.  
  1363.  
  1364. <!--------------- Post Info ----------->
  1365.  
  1366.  
  1367. {block:Date}{block:IndexPage}
  1368. <div class="date accent">
  1369. <a class="permalink" href="{Permalink}" title=" {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}"> {Month} {DayOfMonthWithZero}</a>
  1370.  
  1371. </div>
  1372.  
  1373.  
  1374.  
  1375. <!--------------------- Tags --------------------->
  1376.  
  1377.  
  1378. {block:HasTags}
  1379. <div class="tags">
  1380.  
  1381. <div class="post_tags draggable">
  1382. <div class="post_tags_inner">
  1383.  
  1384. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1385.  
  1386. </div>
  1387. </div>
  1388.  
  1389.  
  1390. </div>
  1391. {/block:HasTags}
  1392.  
  1393.  
  1394.  
  1395. </div> <!-- End of Post Info -->
  1396. {/block:IndexPage}{/block:Date}
  1397.  
  1398.  
  1399.  
  1400.  
  1401.  
  1402. <!----------------- Permalink Page -------------->
  1403.  
  1404. {block:PermalinkPage}
  1405.  
  1406. <div class="pp">
  1407.  
  1408. <div class="perma">
  1409. <div style="line-height:25px; text-align:center;">
  1410. {block:Date}
  1411. {Month} {DayOfMonth}, {Year}
  1412. {/block:Date}
  1413. {block:RebloggedFrom}
  1414. <center>
  1415. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1416. &nbsp;|&nbsp;
  1417. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1418. </center>
  1419. {/block:RebloggedFrom}
  1420.  
  1421. {block:HasTags}
  1422. {block:Tags}
  1423. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  1424. {/block:Tags}
  1425. {/block:HasTags}
  1426. </div>
  1427.  
  1428. </div> <!-- End of Permalink info --->
  1429. </div> <!-- End of Permalink Page --->
  1430.  
  1431.  
  1432. {block:PostNotes}
  1433. <div class="pagenotes">{PostNotes}</div>
  1434. {/block:PostNotes}
  1435.  
  1436.  
  1437. {/block:PermalinkPage}
  1438.  
  1439. </section>
  1440. </article>
  1441. {/block:Posts}
  1442.  
  1443. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1444.  
  1445.  
  1446.  
  1447.  
  1448. <!------- Pagination ------------>
  1449.  
  1450. <center>{block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  1451. </div></center>
  1452.  
  1453. </div> <!-- End of Main Container -->
  1454.  
  1455.  
  1456. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1457. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1458. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1459.  
  1460. {block:IndexPage}
  1461. {block:ifInfiniteScroll}
  1462. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1463. {/block:ifInfiniteScroll}
  1464. {/block:IndexPage}
  1465.  
  1466. <script>
  1467. $(document).ready(function(){
  1468. $('.photo-slideshow').pxuPhotoset({
  1469. lightbox: true,
  1470. rounded: false,
  1471. gutter: '{select:Gutter Size}px',
  1472. photoset: '.photo-slideshow',
  1473. photoWrap: '.photo-data',
  1474. photo: '.pxu-photo'
  1475. });
  1476. var $container = $('.content');
  1477. {block:ifInfiniteScroll}
  1478. $container.infinitescroll({
  1479. itemSelector: '.entry',
  1480. navSelector: '.pagination',
  1481. nextSelector: '.next',
  1482. loadingImg: '',
  1483. loadingText: '<em></em>',
  1484. bufferPx: 2000
  1485. },
  1486. function( newElements ) {
  1487. var $newElems = $( newElements );
  1488. $newElems.find('.photo-slideshow').pxuPhotoset({
  1489. lightbox: true,
  1490. rounded: false,
  1491. gutter: '{select:Gutter Size}px',
  1492. photoset: '.photo-slideshow',
  1493. photoWrap: '.photo-data',
  1494. photo: '.pxu-photo'
  1495. });
  1496. resizeVideos();
  1497. });
  1498. {/block:ifInfiniteScroll}
  1499. });
  1500. </script>
  1501.  
  1502.  
  1503. <!-- Unnested Captions -->
  1504. {block:ifUnnestedCaptions}
  1505. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1506.  
  1507. <script>
  1508.  
  1509. $('.entry').unnest({
  1510. yourCaption: ".caption",
  1511. wrapName: ".tumblr_parent",
  1512. newCaptionUsername: true,
  1513. originalPostCaptionUsername: true,
  1514. tumblrAvatarClass: ".tumblr_avatar",
  1515. usernameColon: false,
  1516. });
  1517.  
  1518. </script>
  1519. {/block:ifUnnestedCaptions}
  1520.  
  1521. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  1522. <script>
  1523.  
  1524. $(document).ready(function(){
  1525. $(".post_tags_inner").draggable({
  1526. axis : "x",
  1527. scroll: false,
  1528. stop: function() {
  1529. var __left = $(this).css("left").replace(/[^-\d\.]/g, '');
  1530. if(__left > 0){
  1531. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1532. }
  1533. var __width = $(this).outerWidth();
  1534. var __parentWidth = $(".post_tags.draggable").outerWidth();
  1535. if(__width > __parentWidth) {
  1536. if(__left < __parentWidth-__width){
  1537. $(this).animate({left: __parentWidth-__width}, 400, 'easeOutExpo');
  1538. }
  1539. } else {
  1540. $(this).animate({left: 0}, 400, 'easeOutExpo');
  1541. }
  1542. }
  1543. });
  1544. });
  1545.  
  1546. </script>
  1547.  
  1548. <script>
  1549.  
  1550. $(function() {
  1551. $('a[href*="#"]:not([href="#"])').click(function() {
  1552. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  1553. var target = $(this.hash);
  1554. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  1555. if (target.length) {
  1556. $('html, body').animate({
  1557. scrollTop: target.offset().top
  1558. }, 1000);
  1559. return false;
  1560. }
  1561. }
  1562. });
  1563. });
  1564.  
  1565. </script>
  1566.  
  1567. <!--- TOOL TIPS --->
  1568. <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
  1569. <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
  1570. <script>
  1571. (function($){
  1572. $(document).ready(function(){
  1573. $("[title]").style_my_tooltips({
  1574. tip_follows_cursor:true,
  1575. tip_delay_time:200,
  1576. tip_fade_speed:300,
  1577. attribute:"title"
  1578. });
  1579. });
  1580. })(jQuery);
  1581. </script>
  1582.  
  1583.  
  1584. {block:IndexPage}
  1585. <script type="text/javascript">
  1586.  
  1587. var amountScrolled = 300;
  1588. $(window).scroll(function() {
  1589. if ( $(window).scrollTop() > amountScrolled ) {
  1590. $('.tp').fadeIn('slow');
  1591. } else {
  1592. $('.tp').fadeOut('slow');
  1593. }
  1594. })
  1595. </script>
  1596. {/block:IndexPage}
  1597.  
  1598.  
  1599. </body>
  1600. </html>
Advertisement
Add Comment
Please, Sign In to add comment