valkyriethemes

[T#07 - Playoffs] by Onyxian

Dec 17th, 2016
509
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.92 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. + THEME BY PINTA OF FYSA | PLEASE DO NOT STEAL MY CODING +
  11.  
  12.  
  13.  
  14. Credits
  15. + Permalink by Neothm
  16. + SoundCloud scripts by Shythemes
  17. + Reiszing Vids scripts by Shythemes
  18.  
  19.  
  20.  
  21.  
  22. -->
  23.  
  24. <html>
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  30. <meta name="description" content="" />
  31. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  32.  
  33. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  34.  
  35. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  36. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  37.  
  38. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  39. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  40. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  41. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  42.  
  43.  
  44. <meta name="if:About" content="1">
  45. <meta name="if:Affiliates" content="1">
  46. <meta name="if:Disclaimer" content="1">
  47. <meta name="if:Members" content="1">
  48. <meta name="if:Statistics" content="1">
  49. <meta name="if:Show Captions" content="1">
  50. <meta name="if:Show Tags" content="1">
  51. <meta name="if:Image Fade" content="0">
  52. <meta name="if:Monochrome" content="0">
  53. <meta name="image:Header" content="">
  54.  
  55. <meta name="image:Affiliate 1" content="">
  56. <meta name="image:Affiliate 2" content="">
  57. <meta name="image:Affiliate 3" content="">
  58. <meta name="image:Affiliate 4" content="">
  59.  
  60. <meta name="text:Affiliate 1" content="">
  61. <meta name="text:Affiliate 2" content="">
  62. <meta name="text:Affiliate 3" content="">
  63. <meta name="text:Affiliate 4" content="">
  64.  
  65. <meta name="text:About Title" content="">
  66. <meta name="text:Affiliate Title" content="">
  67. <meta name="text:Disclaimer Title" content="">
  68. <meta name="text:Members Title" content="">
  69. <meta name="text:Statistics Title" content="">
  70. <meta name="text:Disclaimer" content="">
  71. <meta name="text:Statistics" content"">
  72.  
  73. <meta name="text:Link 1" content="" >
  74. <meta name="text:Link 1 URL" content="" >
  75. <meta name="text:Link 2" content="" >
  76. <meta name="text:Link 2 URL" content="" >
  77. <meta name="text:Link 3" content="" >
  78. <meta name="text:Link 3 URL" content="" >
  79. <meta name="text:Link 4" content="" >
  80. <meta name="text:Link 4 URL" content="" >
  81.  
  82. <meta name="text:Link 5" content="" >
  83. <meta name="text:Link 5 URL" content="" >
  84. <meta name="text:Link 6" content="" >
  85. <meta name="text:Link 6 URL" content="" >
  86. <meta name="text:Link 7" content="" >
  87. <meta name="text:Link 7 URL" content="" >
  88. <meta name="text:Link 8" content="" >
  89. <meta name="text:Link 8 URL" content="" >
  90.  
  91. <meta name="color:Accent" content="#A7CBD5">
  92. <meta name="color:Accent Hover" content="#56B5BD">
  93. <meta name="color:Background" content="#f9f9f9">
  94. <meta name="color:Borders" content="#eee">
  95. <meta name="color:Box" content="#fff">
  96. <meta name="color:Box Title" content="#fff">
  97. <meta name="color:Header Box" content="#fff">
  98. <meta name="color:Posts" content="#fff">
  99. <meta name="color:Scrollbar" content="#56B5BD">
  100. <meta name="color:Scrollbar BG" content="#f9f9f9">
  101. <meta name="color:Text" content="#000">
  102. <meta name="color:Topbar BG" content="#fff">
  103.  
  104. <!-- Sticky -->
  105. <script type="text/javascript">
  106. $(window).scroll(function () {
  107. if ( $(this).scrollTop() > 200 && !$('#topbar').hasClass('open') ) {
  108. $('#topbar').addClass('open');
  109. $('#topbar').slideDown();
  110. } else if ( $(this).scrollTop() <= 200 ) {
  111. $('#topbar').removeClass('open');
  112. $('#topbar').slideUp();
  113. }
  114. });
  115. </script>
  116.  
  117. <!-- Resizing videos @shythemes -->
  118. <script type="text/javascript">
  119. $container.infinitescroll({
  120. // your options
  121. }, function(){
  122. resizeVideos();
  123. });
  124. </script>
  125.  
  126. <!-- Soundcloud Player @ shythemes -->
  127. <script>
  128. // minimal soundcloud player © shythemes.tumblr
  129. $(document).ready(function(){
  130. var color = '#acd7bb'; // color of play button (hex)
  131. $('.soundcloud_audio_player').each(function(){
  132. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  133. });
  134. });
  135. </script>
  136.  
  137. <script type="text/javascript">
  138. // video resizing script by shythemes
  139. $(document).ready(function(){
  140. resizeVideos();
  141. });
  142. function resizeVideos() {
  143. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  144. var vw = $(this).width();
  145. var vh = $(this).height();
  146. var scale = $(this).parents('.video').width() / vw;
  147. $(this).attr({
  148. width: Math.floor($(this).attr('width') * scale),
  149. height: Math.floor($(this).attr('height') * scale)
  150. });
  151. $(this).parents('.video').addClass('resized');
  152. });
  153. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  154. var vw = $(this).width();
  155. var vh = $(this).height();
  156. var scale = $(this).parents('.video').width() / vw;
  157. $(this).css({
  158. 'transform': 'scale(' + scale + ')',
  159. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  160. });
  161. $(this).parents('.tumblr_video_container').css({
  162. width: Math.floor(vw * ( scale + 1 ) / 2),
  163. height: Math.floor(vh * ( scale + 1 ) / 2)
  164. });
  165. $(this).parents('.video').addClass('resized');
  166. });
  167. }
  168. </script>
  169.  
  170.  
  171.  
  172.  
  173. <style type="text/css">
  174.  
  175.  
  176. body {
  177. font-size: 10px;
  178. font-family: Calibri, Candara, Segoe;
  179. color: #000;
  180. overflow-x: hidden;
  181. background-color: #f9f9f9;}
  182.  
  183. a {
  184. color: {color:Accent};
  185. text-decoration: none;
  186. -moz-transition-duration: 0.5s;
  187. -o-transition-duration: 0.5s;
  188. -webkit-transition-duration: 0.5s;
  189. transition-duration: 0.5s;}
  190.  
  191. a:hover {
  192. color: {color:Accent Hover};
  193. -moz-transition-duration: 0.5s;
  194. -o-transition-duration: 0.5s;
  195. -webkit-transition-duration: 0.5s;
  196. transition-duration: 0.5s;}
  197.  
  198. h2 {
  199. color: {color:Accent};
  200. font-family: Montserrat;
  201. letter-spacing: 1px;
  202. text-align: center;
  203. text-transform: uppercase;
  204. font-size: 15px;}
  205.  
  206. ::-webkit-scrollbar-thumb {
  207. height: 5px;
  208. border-left: 2px solid {color:Scrollbar BG};
  209. border-right: 2px solid {color:Scrollbar BG};
  210. background-color: {color:Scrollbar};}
  211.  
  212. ::-webkit-scrollbar {
  213. width: 2px;
  214. height: 7px;
  215. border-left: 5px solid {color:Scrollbar BG};
  216. border-right: 5px solid {color:Scrollbar BG};
  217. background-color: {color:Scrollbar BG};}
  218.  
  219. #s-m-t-tooltip{
  220. max-width:300px;
  221. z-index:10;
  222. margin:24px 14px 7px 12px;
  223. padding:5px;
  224. padding-bottom:7px;
  225. background:#fff;
  226. border: 1px solid #eee;
  227. -moz-border-radius:0px;
  228. -webkit-border-radius:0px;
  229. border-radius:0px;
  230. font-family: "roboto";
  231. text-transform: uppercase;
  232. font-size: 9px;
  233. letter-spacing: 1px;
  234. color: {color:Accent};}
  235.  
  236. .container {
  237. width: 850px;
  238. margin: 0 auto;}
  239.  
  240. .bcontainer {
  241. width: 850px;
  242. margin-bottom: 50px;
  243. margin-top: 380px;}
  244.  
  245. .tcontainer {
  246. width: 850px;
  247. height: 300px;
  248. opacity: 0;
  249. margin-top:calc(50vh - 140px);
  250. position: relative;
  251. border: 1px solid {color:Borders};
  252. background-color: #fff;}
  253.  
  254. .tmblr-iframe {
  255. z-index:9!important;
  256. top: 75px!important;
  257. position: fixed;
  258. opacity: 0.5;
  259. background-color: transparent!important;
  260. -moz-transition-duration: 0.5s;
  261. -o-transition-duration: 0.5s;
  262. -webkit-transition-duration: 0.5s;
  263. transition-duration: 0.5s;}
  264.  
  265. .tmblr-iframe:hover {
  266. opacity: 0.8;
  267. -moz-transition-duration: 0.5s;
  268. -o-transition-duration: 0.5s;
  269. -webkit-transition-duration: 0.5s;
  270. transition-duration: 0.5s;}
  271.  
  272.  
  273. /** Top Bar **/
  274.  
  275. #topbar {
  276. width: 100%;
  277. height: 70px;
  278. z-index: 15;
  279. top: 0px;
  280. left: 0px;
  281. position: fixed;
  282. z-index: 105;
  283. display: none;
  284. background-color: {color:Topbar BG};
  285. border-bottom: 1px solid {color:Borders};}
  286.  
  287.  
  288.  
  289. /** Top Container **/
  290.  
  291. .tb {
  292. width: 850px;
  293. height: 84px;
  294. top: 0px;
  295. position: absolute;
  296. opacity: 0;
  297. background-color: {color:Header Box};
  298. border-bottom: 1px solid {color:Borders};}
  299.  
  300. .tleft {
  301. top: 0px;
  302. left: 0px;
  303. position: absolute;}
  304.  
  305. .tright {
  306. width: 64px;
  307. height: 64px;
  308. border-left: 1px solid {color:Borders};
  309. top: 0px;
  310. right: 0px;
  311. padding: 10px;
  312. position: absolute;}
  313.  
  314. .tright i {
  315. top: 35px;
  316. left: 35px;
  317. color: #3D4348;
  318. position: absolute;
  319. font-size: 15px;}
  320.  
  321. .tb img {
  322. width: 64px;
  323. height: 64px;
  324. border-right: 1px solid {color:Borders};
  325. padding: 10px;}
  326.  
  327. #description {
  328. margin: 10px;
  329. top: 10px;
  330. left: 85px;
  331. position: absolute;}
  332.  
  333. #navigation {
  334. width: 400px;
  335. height: 84px;
  336. position: absolute;
  337. top: 0px;
  338. right: 85px;
  339. border-left: 1px solid {color:Borders};}
  340.  
  341. .navlinks {
  342. position: absolute;
  343. margin-top: 40px;
  344. right: 5px;
  345. font-family: roboto;
  346. font-size: 9px;
  347. text-transform: uppercase;}
  348.  
  349. .navlinks a {
  350. padding: 13px;
  351. margin: 7px;
  352. color: {color:Accent};}
  353.  
  354. .navlinks a:hover {{color:Accent Hover};}
  355.  
  356. .title {
  357. width: 200px;
  358. color: {color:Text};
  359. font-family: Montserrat;
  360. letter-spacing: 1px;
  361. text-transform: uppercase;
  362. font-size: 15px;}
  363.  
  364. .subtitle {
  365. width: 200px;
  366. color: {color:Text};
  367. margin-top: 3px;
  368. font-family: Roboto;
  369. letter-spacing: 1px;
  370. text-transform: uppercase;
  371. font-size: 8px;}
  372.  
  373. .tbottom {
  374. width: 850px;
  375. height: 220px;
  376. margin-top: 85px;
  377. border-bottom: 1px solid {color:Borders};
  378. background-color: {color:Header Box};}
  379.  
  380. #header {
  381. top: 0px;
  382. width: 100%;
  383. height: 100%;
  384. z-index: 100;
  385. left: 0px;
  386. overflow-y: hidden;
  387. overflow-x: hidden;
  388. background-attachment: fixed;
  389. background-size: cover;
  390. background-repeat: no-repeat;
  391. background-image: url('{image:Header}');
  392. position: absolute;}
  393.  
  394. #header img {
  395. width: 100%;
  396. height: 100%;}
  397.  
  398.  
  399. /*************************** POST RELATED SHIT *****************************/
  400.  
  401. .postcol {
  402. top: 40px;
  403. margin-left: 310px;
  404. position: relative;
  405. width: 540px;}
  406.  
  407. .posts {
  408. width: 500px;
  409. margin-bottom: 40px;
  410. line-height: 150%;
  411. font-size: 11px;
  412. background-color: {color:Posts};
  413. border: 1px solid {color:Borders};
  414. padding: 20px;}
  415.  
  416. .posts h2 {
  417. font-size: 12px;
  418. color: {color:Accent};
  419. font-weight: normal;
  420. margin: 0px;}
  421.  
  422. {block:ifMonochrome}
  423. .photo {
  424. 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+ */
  425. filter: gray; /* IE6-9 */
  426. -webkit-filter: grayscale(1);
  427. -webkit-transition: all 0.5s ease-in-out;
  428. -moz-transition: all 0.5s ease-in-out;
  429. -o-transition: all 0.5s ease-in-out;
  430. -ms-transition: all 0.5s ease-in-out;
  431. transition: all 0.5s ease-in-out;}
  432.  
  433. .photo:hover{
  434. filter: none;
  435. -webkit-filter: grayscale(0);
  436. -webkit-transition: all 0.7s ease-in-out;
  437. -moz-transition: all 0.7s ease-in-out;
  438. -o-transition: all 0.7s ease-in-out;}
  439. {/block:ifMonochrome}
  440.  
  441. {block:IfImageFade}
  442. .photo{
  443. opacity:.5;
  444. -webkit-transition: all 0.5s ease-in-out;
  445. -moz-transition: all 0.5s ease-in-out;
  446. -o-transition: all 0.5s ease-in-out;
  447. -ms-transition: all 0.5s ease-in-out;
  448. transition: all 0.5s ease-in-out;}
  449.  
  450. .photo:hover{
  451. opacity:1.0;
  452. -webkit-transition: all 0.7s ease-in-out;
  453. -moz-transition: all 0.7s ease-in-out;
  454. -o-transition: all 0.7s ease-in-out;}
  455. {/block:IfImageFade}
  456.  
  457. .posts li {list-style: square;}
  458.  
  459. .posts blockquote {
  460. border-left: 1px solid {color:Accent};
  461. padding-left: 10px;}
  462.  
  463. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  464.  
  465. .posts h2 {
  466. color: {color:Accent};
  467. font-family: Montserrat;
  468. letter-spacing: 1px;
  469. text-align: center;
  470. text-transform: uppercase;
  471. font-size: 15px;}
  472.  
  473. .question {
  474. line-height: 150%;}
  475.  
  476. .question img {
  477. padding: 10px;
  478. left: -10px;
  479. position: relative;
  480. border-right: 1px solid {color:Borders};}
  481.  
  482. .asker {
  483. margin-left: 60px;
  484. margin-top: -38px;
  485. text-transform: uppercase;
  486. font-family: roboto;
  487. font-size: 8px;
  488. letter-spacing: .5px;
  489. position: relative;}
  490.  
  491. .asker a {
  492. margin-left: 0px;
  493. margin-top: -38px;
  494. text-transform: uppercase;
  495. font-family: roboto;
  496. font-size: 8px;
  497. letter-spacing: .5px;
  498. position: relative;}
  499.  
  500. .ques {
  501. top: 15px;
  502. left: -15px;
  503. padding: 5px;
  504. margin: 10px;
  505. position: relative;}
  506.  
  507.  
  508. .answer {
  509. line-height: 150%;
  510. border-top: 1px solid {color:Borders};}
  511.  
  512. /************************ AUDIO RELATED POST SHIT ************************/
  513.  
  514. .audioplayer {
  515. margin-left: 330px;
  516. margin-top: -70px;
  517. background-color: {color:Posts};
  518. position: absolute;
  519. overflow: hidden;
  520. width: 20px;}
  521.  
  522. .audioimg {
  523. width: 110px;
  524. height: 110px;
  525. padding: 3px;
  526. border-right: 1px solid {color:Borders};}
  527.  
  528. .audioimg img {margin: 5px;}
  529.  
  530. .ainfo {
  531. margin-left: 135px;
  532. margin-top: -65px;
  533. position: absolute;}
  534.  
  535. .mgif {
  536. font-family: roboto;
  537. font-size: 10px;
  538. text-transform: uppercase;}
  539.  
  540.  
  541. /************************** PINFO RELATED SHIT *****************************/
  542.  
  543. #pinfo {
  544. width: 500px;
  545. top: -40px;
  546. left: 0px;
  547. padding: 20px;
  548. border-bottom: 1px solid {color:Borders};
  549. border-right: 1px solid {color:Borders};
  550. border-left: 1px solid {color:Borders};
  551. position: relative;
  552. background-color: {color:Posts};}
  553.  
  554. .omoi {
  555. font-family: calibri;
  556. font-size: 9px;
  557. letter-spacing: 1.5px;
  558. text-transform: uppercase;
  559. text-align: left;}
  560.  
  561. .omoi a {color: {color:Accent};}
  562. .omoi a:hover {color: {color:Accent Hover};}
  563.  
  564. .lire {
  565. top: 15px;
  566. right: 15px;
  567. position: absolute;}
  568.  
  569. .like_and_reblog_buttons {
  570. border-radius: 1px;
  571. list-style: none;}
  572.  
  573. .like_and_reblog_buttons li {
  574. float: left;
  575. margin: 0;
  576. list-style: none;
  577. padding: 5px 7px;
  578. height: 13px;}
  579.  
  580. .tags {
  581. margin-left: 420px;
  582. padding: 0px 10px;
  583. margin-top: -17px;
  584. width: 250px;
  585. opacity: 0;
  586. max-width: 250px;
  587. position: absolute;
  588. -moz-transition-duration: 0.5s;
  589. -o-transition-duration: 0.5s;
  590. -webkit-transition-duration: 0.5s;
  591. transition-duration: 0.5s;}
  592.  
  593. .tags a {
  594. display: block;
  595. font-family: roboto;
  596. font-size: 8px;
  597. color: {color:Accent};
  598. text-transform: uppercase;}
  599.  
  600. .posts:hover .tags{
  601. opacity: 1.0;
  602. color: {color:Accent Hover};
  603. margin-left: 520px;
  604. -moz-transition-duration: 0.5s;
  605. -o-transition-duration: 0.5s;
  606. -webkit-transition-duration: 0.5s;
  607. transition-duration: 0.5s;}
  608.  
  609. svg {
  610. width:10px;
  611. height:auto;
  612. opacity:.5;
  613. padding:1px;
  614. display:block;
  615. overflow:visible;
  616. }
  617. .controls a {
  618. position:relative;
  619. display:inline-block;
  620. overflow:hidden;
  621. padding:5px;
  622. width:12px;
  623. height:12px;
  624. }
  625. .controls .reblog {
  626. opacity:.93;
  627. }
  628. .controls .reblog svg {
  629. width:9px;
  630. margin-top:1px;
  631. }
  632. .controls .like .liked + svg {
  633. opacity:1;
  634. }
  635. .controls .like .liked + svg path {
  636. fill:#ec5a5a;
  637. }
  638. .controls .like .like_button {
  639. position:relative;
  640. }
  641. .controls .like .like_button iframe {
  642. position:absolute;
  643. top:0;
  644. left:0;
  645. bottom:0;
  646. right:0;
  647. z-index:2;
  648. opacity:0;
  649. }
  650.  
  651. /** left side of bc **/
  652.  
  653. #leftside {
  654. width: 215px;
  655. margin-top: 40px;
  656. margin-left: 40px;
  657. position: absolute;}
  658.  
  659. /** ABOUT **/
  660.  
  661. .boxt {
  662. width: auto;
  663. background-color: {color:Box Title};
  664. border: 1px solid {color:Borders};}
  665.  
  666. .boxt i {
  667. padding: 10px;
  668. font-size: 15px;
  669. color: {color:Accent};
  670. border-right: 1px solid {color:Borders};}
  671.  
  672. .boxtitle {
  673. color: {color:Text};
  674. position: relative;
  675. margin-left: 35px;
  676. margin-top: -34px;
  677. padding: 10px;
  678. font-family: Montserrat;
  679. letter-spacing: 1px;
  680. text-transform: uppercase;
  681. font-size: 10px;}
  682.  
  683. .box {
  684. width: auto;
  685. height: auto;
  686. margin-bottom: 35px;
  687. text-align: justify;
  688. line-height: 170%;
  689. background-color: {color:Box};
  690. font-family: 'Open Sans', sans-serif;
  691. border-left: 1px solid {color:Borders};
  692. border-right: 1px solid {color:Borders};
  693. border-bottom: 1px solid {color:Borders};
  694. padding: 10px;}
  695.  
  696. /* --------- Members ---------- */
  697.  
  698. .members img {
  699. width: 40px;
  700. height: 40px;
  701. display: inline-block;
  702. border-radius: 5%;
  703. margin-bottom: -25px;
  704. }
  705.  
  706. .members {
  707. padding-bottom: 10px;
  708. padding-top: 3px;
  709. margin-bottom: -20px;
  710. }
  711.  
  712. .names {
  713. text-transform: uppercase;
  714. position: relative;
  715. font-family: "Montserrat";
  716. top: -15px;
  717. left: 52px;
  718. }
  719.  
  720. .mtitles {
  721. font-family: "Lato";
  722. font-weight: 400;
  723. font-size: 11px;
  724. text-transform: capitalize;
  725. position: relative;
  726. top: -15px;
  727. left: 52px;
  728. }
  729.  
  730. /** affiliates **/
  731.  
  732. .affiliates {
  733. width: 210px;}
  734.  
  735. .affiliates img {
  736. width: 40px;
  737. height: 40px;
  738. margin: 3px;
  739. display: inline-block;
  740. -moz-transition-duration: 0.5s;
  741. -o-transition-duration: 0.5s;
  742. -webkit-transition-duration: 0.5s;
  743. transition-duration: 0.5s;
  744. }
  745.  
  746. .affiliates img:hover {
  747. border-radius: 15%;
  748. -moz-transition-duration: 0.5s;
  749. -o-transition-duration: 0.5s;
  750. -webkit-transition-duration: 0.5s;
  751. transition-duration: 0.5s;
  752. }
  753.  
  754.  
  755. /** topbar styling **/
  756.  
  757.  
  758. #tpava {
  759. margin: 14.5px;}
  760.  
  761. #tpava img {
  762. border-radius: 100%;}
  763.  
  764. #tpava img:hover { cursor: crosshair;}
  765.  
  766. .date {
  767. margin-left: 85px;
  768. margin-top: -50px;
  769. letter-spacing: 1.5px;
  770. text-transform: uppercase;
  771. color: {color:Accent};}
  772.  
  773. .tplinks {
  774. margin-top: 30px;
  775. position: relative;
  776. text-align: center;}
  777.  
  778. .tplinks a {
  779. text-align: center;
  780. font-family: Montserrat;
  781. letter-spacing: 1px;
  782. padding: 15px;
  783. margin: 2px;
  784. font-size: 11px;
  785. text-transform: uppercase;}
  786.  
  787. .tplinks a:hover {color:Accent Hover};}
  788.  
  789. .sfm input {
  790. background-color: {color:Topbar BG};
  791. font-size: 8px;
  792. border: 0px;
  793. text-transform: uppercase;
  794. margin-top: 0px;
  795. color: {color:Accent};
  796. top: 12px;
  797. right: 20px;
  798. position: absolute;
  799. letter-spacing: 1px;
  800. padding: 15px;
  801. font-family: calibri, helvetica, arial;}
  802.  
  803. #sb {
  804. height: 9px;
  805. vertical-align: top;}
  806.  
  807. #sf {
  808. width: 200px;}
  809.  
  810. .search .query {
  811. border: 0!important;
  812. outline: 0!important;
  813. font-family: inherit;
  814. font-size: inherit;
  815. color: inherit;
  816. background-color: transparent;}
  817.  
  818. ::-webkit-input-placeholder {color: inherit;}
  819. :-moz-placeholder {color: inherit; opacity:1;}
  820. ::-moz-placeholder {color: inherit; opacity:1;}
  821. :-ms-input-placeholder {color: inherit;}
  822.  
  823. input:focus::-webkit-input-placeholder {color: transparent;}
  824. input:focus:-moz-placeholder {color: transparent;}
  825. input:focus::-moz-placeholder {color: transparent;}
  826. input:focus:-ms-input-placeholder { color: transparent;}
  827.  
  828. /** permalink **/
  829.  
  830. #permalink {
  831. width: 500px;
  832. background-color: {color:Posts};
  833. padding: 20px;
  834. border: 1px solid {color:Borders};}
  835.  
  836. #permainfo {
  837. width: 500px;
  838. background-color: {color:Posts};
  839. padding: 20px;
  840. border: 1px solid {color:Borders};}
  841.  
  842. #notes *{
  843. margin:0;
  844. padding:0;}
  845.  
  846. #notes{
  847. text-align: center;}
  848.  
  849. #notes li{
  850. list-style-type:none;
  851. display:inline-block;
  852. width:25px;
  853. height:25px;
  854. margin:5px;
  855. overflow:hidden;}
  856.  
  857. #notes img{
  858. width:25px;
  859. height:25px;
  860. border-radius: 3px;}
  861.  
  862. li.more_notes_link_container{
  863. background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
  864. background-size:25px;
  865. background-position:center;
  866. opacity:.5;}
  867.  
  868. a.more_notes_link, a.notes_loading{
  869. visibility:hidden!important;}
  870.  
  871. /** PAGINATION **/
  872.  
  873. .pagi {
  874. text-align: center;}
  875.  
  876.  
  877. </style>
  878.  
  879. <!--- TOOP TIPS --->
  880. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  881. <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
  882. <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
  883. <script>
  884. (function($){
  885. $(document).ready(function(){
  886. $("[title]").style_my_tooltips({
  887. tip_follows_cursor:true,
  888. tip_delay_time:200,
  889. tip_fade_speed:300,
  890. attribute:"title"
  891. });
  892. });
  893. })(jQuery);
  894. </script>
  895.  
  896.  
  897.  
  898.  
  899. </head>
  900.  
  901. <body>
  902. <!-------------------------------------------------------------------------->
  903. <!-- TOP SECTION -->
  904. <!-------------------------------------------------------------------------->
  905.  
  906.  
  907. <!-------------------------------------------------------------------------->
  908. <!-- TOP BAR -->
  909. <!-------------------------------------------------------------------------->
  910.  
  911. <div id="topbar">
  912. <div class="tplinks">
  913.  
  914. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  915. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  916. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  917. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  918.  
  919. {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
  920. {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:IfLink6}
  921. {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:IfLink7}
  922. {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:IfLink8}
  923. <a href="http://onyxian.tumblr.com">theme</a>
  924.  
  925. </div> <!-- End of topbar links -->
  926. </div> <!-- End of Top Bar -->
  927.  
  928.  
  929. <!-------------------------------------------------------------------------->
  930. <!-- TOP BAR -->
  931. <!-------------------------------------------------------------------------->
  932.  
  933. <div id="header"><img src="{image:Header}"></div>
  934. <div class="container">
  935.  
  936.  
  937. <!-------------------------------------------------------------------------->
  938. <!-- TOP CONTAINER -->
  939. <!-------------------------------------------------------------------------->
  940.  
  941. <div class="tcontainer">
  942.  
  943. </div> <!-- End of ENTIRE TOP CONTAINER -->
  944.  
  945. <!-------------------------------------------------------------------------->
  946. <!-- TOP CONTAINER -->
  947. <!-------------------------------------------------------------------------->
  948.  
  949. <!-------------------------------------------------------------------------->
  950. <!-- BOTTOM SECTION -->
  951. <!-------------------------------------------------------------------------->
  952.  
  953. <div class="bcontainer">
  954.  
  955. <div id="leftside">
  956.  
  957. <!-------------------------------------------------------------------------->
  958. <!-- TIME FOR BOXES! -->
  959. <!-------------------------------------------------------------------------->
  960.  
  961. <!-------------------------------------------------------------------------->
  962. <!-- ABOUT BOX -->
  963. <!-------------------------------------------------------------------------->
  964. {block:ifAbout}
  965. <div class="boxt">
  966. <div class="boxi"> <i class="fa fa-power-off"></i> </div>
  967. <div class="boxtitle">{text:About Title}</div>
  968. </div> <!-- End of box title -->
  969. <div class="box">{block:description}{description}{/block:description}</div> <!-- End of box -->
  970. {/block:ifAbout}
  971.  
  972. <!-------------------------------------------------------------------------->
  973. <!-- ADMIN BOX -->
  974. <!-------------------------------------------------------------------------->
  975.  
  976. {block:ifMembers}
  977. <div class="boxt">
  978. <div class="boxi"> <i class="fa fa-users"></i> </div>
  979. <div class="boxtitle">{text:Members Title}</div>
  980. </div> <!-- End of box title -->
  981.  
  982.  
  983. <div class="box">
  984.  
  985. <div class="info">
  986. <div class="members">
  987. {block:GroupMembers} {block:GroupMember}
  988. <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-40}"></a>
  989. <a href="{GroupMemberURL}"><div class="names">{GroupMemberName}</div></a>
  990. <a href="{GroupMemberURL}"><div class="mtitles">{GroupMemberTitle}</div></a>
  991. {/block:GroupMember} {/block:GroupMembers}
  992.  
  993. </div> <!-- End of Members -->
  994. </div> <!-- End of Box -->
  995.  
  996.  
  997.  
  998. </div> <!-- End of box -->
  999. {/block:ifMembers}
  1000. <!-------------------------------------------------------------------------->
  1001. <!-- STATS BOX -->
  1002. <!-------------------------------------------------------------------------->
  1003.  
  1004. {block:ifStatistics}
  1005. <div class="boxt">
  1006. <div class="boxi"> <i class="fa fa-bar-chart"></i> </div>
  1007. <div class="boxtitle">{text:Statistics Title}</div>
  1008. </div> <!-- End of box title -->
  1009.  
  1010.  
  1011. <div class="box">{text:Statistics}</div> <!-- End of box -->
  1012. {/block:ifStatistics}
  1013.  
  1014. <!-------------------------------------------------------------------------->
  1015. <!-- AFFILIATES BOX -->
  1016. <!-------------------------------------------------------------------------->
  1017.  
  1018. {block:ifAffiliates}
  1019. <div class="boxt">
  1020. <div class="boxi"> <i class="fa fa-plus"></i> </div>
  1021. <div class="boxtitle">{text:Affiliate Title}</div>
  1022. </div> <!-- End of box title -->
  1023.  
  1024.  
  1025. <div class="box">
  1026. <div class="affiliates">
  1027.  
  1028. <a href="http://{text:Affiliate 1}.tumblr.com">
  1029. <img src="{image:Affiliate 1}"></a>
  1030.  
  1031. <a href="http://{text:Affiliate 2}.tumblr.com">
  1032. <img src="{image:Affiliate 2}"></a>
  1033.  
  1034. <a href="http://{text:Affiliate 1}.tumblr.com">
  1035. <img src="{image:Affiliate 2}"></a>
  1036.  
  1037. <a href="http://{text:Affiliate 2}.tumblr.com">
  1038. <img src="{image:Affiliate 2}"></a>
  1039.  
  1040. </div> <!-- End of Affiliates -->
  1041. </div> <!-- End of box -->
  1042. {/block:ifAffiliates}
  1043.  
  1044. <!-------------------------------------------------------------------------->
  1045. <!-- DISCLAIMER BOX -->
  1046. <!-------------------------------------------------------------------------->
  1047.  
  1048. {block:ifDisclaimer}
  1049. <div class="boxt">
  1050. <div class="boxi"> <i class="fa fa-copyright"></i> </div>
  1051. <div class="boxtitle">{text:Disclaimer Title}</div>
  1052. </div> <!-- End of box title -->
  1053.  
  1054.  
  1055. <div class="box">
  1056.  
  1057. {text:Disclaimer}
  1058.  
  1059. </div> <!-- End of box -->
  1060. {/block:ifDisclaimer}
  1061.  
  1062. <!-------------------------------------------------------------------------->
  1063. <!-- PAGINATION BOX -->
  1064. <!-------------------------------------------------------------------------->
  1065. {block:Pagination}
  1066.  
  1067. <div class="boxt">
  1068. <div class="boxi"> <i class="fa fa-angle-right"></i> </div>
  1069. <div class="boxtitle">Pagination</div>
  1070. </div> <!-- End of box title -->
  1071.  
  1072.  
  1073. <div class="box">
  1074. <div class="pagi">
  1075.  
  1076.  
  1077. {block:PreviousPage}
  1078. <a href="{PreviousPage}">Prev</a>
  1079. {/block:PreviousPage}{block:CurrentPage}
  1080. <span class="current_page">{PageNumber}</span>
  1081. {/block:CurrentPage}{block:JumpPage}
  1082. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1083. {/block:JumpPage}{block:NextPage}
  1084. <a href="{NextPage}"> ― Next</a>
  1085. {/block:NextPage}
  1086.  
  1087.  
  1088. </div> <!-- End of Pagi -->
  1089. </div> <!-- End of box -->
  1090.  
  1091.  
  1092.  
  1093. {/block:Pagination}
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099. </div> <!-- End of entire left sidebar -->
  1100.  
  1101.  
  1102. <div class="postcol">
  1103. {block:Posts}
  1104. <div class="posts" id="{PostID}">
  1105.  
  1106. {block:IfShowTags}
  1107. {block:HasTags}
  1108. <div class="tags">
  1109. {block:Tags}
  1110. <a href="{TagURL}">✕ {Tag}</a>
  1111. {/block:Tags}
  1112. </div> <!-- End of tags -->
  1113. {/block:HasTags}
  1114. {/block:IfShowTags}
  1115.  
  1116. <!--
  1117. {block:ContentSource}
  1118. <a href="{SourceURL}">{lang:Source}:
  1119. {block:SourceLogo}
  1120. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1121. height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1122. </a>{/block:ContentSource}
  1123. -->
  1124.  
  1125. <!-- {block:NoRebloggedFrom}
  1126. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1127. {/block:NoRebloggedFrom} -->
  1128.  
  1129.  
  1130.  
  1131.  
  1132. <!---------------------------------------------------
  1133. TEXT POSTS
  1134. ---------------------------------------------------->
  1135. {block:Text}
  1136. {block:Title}<h2>{Title}</h2>{/block:Title}
  1137. {Body}
  1138. {/block:Text}
  1139.  
  1140. <!---------------------------------------------------
  1141. ANSWER POSTS
  1142. ---------------------------------------------------->
  1143. {block:Answer}
  1144. <div class="question">
  1145. <img src="{AskerPortraitURL-40}">
  1146. <div class="asker">{Asker} asked:</div>
  1147. <div class="ques">{Question}</div>
  1148. </div> <!-- End of Question -->
  1149. <br>
  1150. <div class="answer">{Answer}</div>
  1151. {/block:Answer}
  1152.  
  1153. <!---------------------------------------------------
  1154. QUOTE POSTS
  1155. ---------------------------------------------------->
  1156. {block:Quote}
  1157. <div class="quote">
  1158. <div class="quotetext_{Length}">"{Quote}"</div>
  1159. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1160. </div>
  1161. {/block:Quote}
  1162.  
  1163. <!---------------------------------------------------
  1164. LINK POSTS
  1165. ---------------------------------------------------->
  1166. {block:Link}
  1167. <h2><a href="{URL}">{Name}</a></h2>
  1168. {block:Description}{Description}{/block:Description}
  1169. {/block:Link}
  1170.  
  1171. <!---------------------------------------------------
  1172. CHAT POSTS
  1173. ---------------------------------------------------->
  1174. {block:Chat}
  1175. {block:Title}<h2>{Title}</h2>{/block:Title}
  1176. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1177. {Line}</li>{/block:Lines}</ul>
  1178. {/block:Chat}
  1179.  
  1180. <!---------------------------------------------------
  1181. PHOTO POSTS
  1182. ---------------------------------------------------->
  1183. {block:Photo}<div class="photo">
  1184. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>
  1185.  
  1186. {block:IfShowCaptions}
  1187. <div class="captions">
  1188. {block:Caption}{Caption}{/block:Caption}
  1189. </div>
  1190. {/block:IfShowCaptions}
  1191. {/block:Photo}
  1192.  
  1193. <!---------------------------------------------------
  1194. PHOTOSET POSTS
  1195. ---------------------------------------------------->
  1196. {block:Photoset}
  1197. <div class="photo">{Photoset-500}</div>
  1198. {block:IfShowCaptions}
  1199. <div class="captions">
  1200. {block:Caption}{Caption}{/block:Caption}
  1201. </div>
  1202. {/block:IfShowCaptions}
  1203. {/block:Photoset}
  1204.  
  1205. <!---------------------------------------------------
  1206. AUDIO POSTS
  1207. ---------------------------------------------------->
  1208. {block:Audio}
  1209. <div class="audioimg">
  1210. {block:AlbumArt}<img src="{AlbumArtURL}" height="100" width="100">{/block:AlbumArt}
  1211. </div>
  1212.  
  1213. <div id="audioc">
  1214. <div class="audioplayer">{AudioPlayerWhite}</div>
  1215. <div class="ainfo">
  1216. {block:TrackName} {TrackName}{/block:TrackName}
  1217. <br/>{block:Artist} {Artist}{/block:Artist}
  1218. </div></div>
  1219. {block:IfShowCaptions}
  1220. <div class="captions">
  1221. {block:Caption}{Caption}{/block:Caption}
  1222. </div>
  1223. {/block:IfShowCaptions}
  1224. {/block:Audio}
  1225.  
  1226. <!---------------------------------------------------
  1227. VIDEO POSTS
  1228. ---------------------------------------------------->
  1229. {block:Video}
  1230. <div class="video">{Video-500}</div>
  1231. {block:IfShowCaptions}
  1232. <div class="captions">
  1233. {block:Caption}{Caption}{/block:Caption}
  1234. </div>
  1235. {/block:IfShowCaptions}
  1236. {/block:Video}
  1237.  
  1238.  
  1239.  
  1240. </div> <!-- End of Posts -->
  1241.  
  1242. {block:Date}
  1243. <div id="pinfo">
  1244. <div class="omoi">
  1245.  
  1246.  
  1247. <a href="{permalink}">{Month} {Year} {block:NoteCount}( + {NoteCount} ){/block:NoteCount}</a>
  1248.  
  1249. <div class="lire">
  1250. <div class="controls">
  1251. <a href="{ReblogURL}" target="_blank" class="reblog">
  1252. <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>
  1253. </a>
  1254. <a href="#" class="like">{LikeButton}
  1255. <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>
  1256. </a>
  1257. </div>
  1258. </div> <!-- End of Like/Reblog -->
  1259.  
  1260.  
  1261.  
  1262. </div> <!-- End of Omoi -->
  1263. </div> <!-- End of Pinfo -->
  1264. {/block:Date}
  1265.  
  1266. {block:Date}
  1267. {block:PermalinkPage}
  1268. <div id="permalink">
  1269.  
  1270.  
  1271. <div id="notes">
  1272. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1273. </div>
  1274.  
  1275.  
  1276. </div> <!-- End of Permalink -->
  1277.  
  1278.  
  1279.  
  1280. {/block:PermalinkPage}
  1281. {/block:Date}
  1282. {/block:Posts}
  1283.  
  1284. </div> <!-- End of Post Column -->
  1285. </div> <!-- End of Bottom Container -->
  1286. </div> <!-- End of Container -->
  1287. </body>
  1288. </html>
Advertisement
Add Comment
Please, Sign In to add comment