API tools faq
paste
Advertisement
galaxias-themes

new2020

galaxias-themes
Mar 11th, 2020
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 78.71 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3.  
  4.  
  5. <!----
  6.  
  7. pxu photosets by pixel union & modified by shythemes
  8.  
  9. ----->
  10.  
  11. <head>
  12.  
  13.  
  14. <title>{title}</title>
  15.  
  16.  
  17. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18.  
  19. <script src="https://static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  20.  
  21. <!-------MUSIC PLAYER BY GLENTHEMES------->
  22. <script src="https://dl.dropbox.com/s/vyffmps0ly6ikf4/glenplayer06.js"></script>
  23.  
  24.  
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:posts" content="#ffffff"/>
  28. <meta name="color:container" content="#ffffff"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:sidebar Text" content="#888888"/>
  31. <meta name="color:Link" content="#868686"/>
  32. <meta name="color:Link Hover" content="#868686"/>
  33. <meta name="color:Scrollbar" content="#414141"/>
  34. <meta name="color:Navi" content="#414141"/>
  35. <meta name="color:Navi Hover" content="#414141"/>
  36. <meta name="color:Pagination" content="#414141"/>
  37. <meta name="color:Pagination Hover" content="#414141"/>
  38. <meta name="color:Permalink" content="#ffffff"/>
  39. <meta name="color:Permalink Hover" content="#eeeeee"/>
  40. <meta name="color:Permalink Background" content="#000000"/>
  41. <meta name="color:blockquote background" content="" />
  42. <meta name="color:blockquote border" content="" />
  43. <meta name="color:blockquote2 background" content="" />
  44. <meta name="color:pre background" content="" />
  45. <meta name="color:title color" content="" />
  46. <meta name="color:bold" content="" />
  47. <meta name="color:italic" content="" />
  48. <meta name="color:selected text color" content="" />
  49. <meta name="color:selected text background" content="" />
  50. <meta name="color:tooltip background" content="" />
  51. <meta name="color:tooltip border" content="" />
  52. <meta name="color:tooltip text" content="" />
  53.  
  54.  
  55. <meta name="image:Sidebar" content""/>
  56. <meta name="image:banner" content""/>
  57. <meta name="image:png" content""/>
  58.  
  59. <meta name="text:Home Title" content="" />
  60. <meta name="text:Ask Title" content="" />
  61. <meta name="text:Ask Url" content="" />
  62. <meta name="text:Link 1 Title" content="" />
  63. <meta name="text:Link 1 Url" content="" />
  64. <meta name="text:Link 2 Title" content="" />
  65. <meta name="text:Link 2 Url" content="" />
  66.  
  67. <meta name="if:monochrome" content="1" />
  68. <meta name="if:image fade" content="1" />
  69.  
  70. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  71.  
  72.  
  73. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips();
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82.  
  83.  
  84.  
  85. <script language="javascript">
  86. $(document).ready(function() {
  87. $('a#clickbutton').click(function() {
  88. $('.t',this).toggle();
  89. });
  90.  
  91. $("#about").css({"opacity": "0.0", "z-index": "9999"})
  92. $("#clickbutton").toggle(
  93. function () {
  94. $("#about").animate({"opacity": "1.0", "z-index": "999999999999999999999999999999999999999999"}, "fast");
  95. },
  96. function () {
  97. $("#about").animate({"opacity": "0.0", "z-index": "100000000000"}, "fast");
  98. });
  99. });
  100. </script>
  101.  
  102.  
  103.  
  104. <script>
  105. $(window).load(function () {
  106. $(".trigger_popup_fricc").click(function(){
  107. $('.hover_bkgr_fricc').show();
  108. });
  109. $('.hover_bkgr_fricc').click(function(){
  110. $('.hover_bkgr_fricc').hide();
  111. });
  112. $('.popupCloseButton').click(function(){
  113. $('.hover_bkgr_fricc').hide();
  114. });
  115. });
  116. </script>
  117.  
  118.  
  119.  
  120. <script>
  121. /* When the user clicks on the button,
  122. toggle between hiding and showing the dropdown content */
  123. function myFunction() {
  124. document.getElementById("myDropdown").classList.toggle("show");
  125. }
  126.  
  127. // Close the dropdown menu if the user clicks outside of it
  128. window.onclick = function(event) {
  129. if (!event.target.matches('.dropbtn')) {
  130. var dropdowns = document.getElementsByClassName("dropdown-content");
  131. var i;
  132. for (i = 0; i < dropdowns.length; i++) {
  133. var openDropdown = dropdowns[i];
  134. if (openDropdown.classList.contains('show')) {
  135. openDropdown.classList.remove('show');
  136. }
  137. }
  138. }
  139. }
  140. </script>
  141.  
  142.  
  143.  
  144. <!-- Search Box -->
  145. <meta name=”text:Search Label” content=”” />
  146. <script type=”text/javascript” src=”https://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js”></script>
  147.  
  148.  
  149.  
  150.  
  151. <style type="text/css">
  152.  
  153.  
  154. @font-face
  155. {font-family: "osaka";src: url('https://dl.dropboxusercontent.com/s/ltnvfvc8alrylqg/Osaka%20Chips.ttf?dl=1'); format("truetype");}
  156.  
  157. @font-face
  158. {font-family: "bukhari";src: url('https://dl.dropboxusercontent.com/s/5wtrdgl3kwxsj9h/Bukhari%20Script.ttf?dl=1'); format("truetype");}
  159.  
  160. @font-face
  161. {font-family: "karmilla";src: url('https://dl.dropboxusercontent.com/s/uywb15dlebvumiu/Karla-Regular.ttf?dl=1'); format("truetype");}
  162.  
  163. @font-face
  164. {font-family: "coco";src: url('https://dl.dropboxusercontent.com/s/ul40mbfl5jrbj6p/Cocogoose%20Pro-trial.ttf?dl=1'); format("truetype");}
  165.  
  166.  
  167.  
  168.  
  169. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  170. margin-top: 0px;
  171. margin-right:10px;
  172. z-index: 999999999!important;
  173. opacity: 1;
  174. transform: scale(0.6);
  175. transform-origin: 100% 0;
  176. -webkit-transform: scale(0.6);
  177. -webkit-transform-origin: 100% 0;
  178. -o-transform: scale(0.6);
  179. -o-transform-origin: 100% 0;
  180. -moz-transform: scale(0.6);
  181. -moz-transform-origin: 100% 0;
  182. -ms-transform: scale(0.6);
  183. -ms-transform-origin: 100% 0;
  184. }
  185.  
  186.  
  187.  
  188.  
  189.  
  190. body{
  191. background-color: {color:Background};
  192. background-image:url('');
  193. color:{color:Text};
  194. }
  195.  
  196. body::after {
  197. content: "";
  198. background: url(https://images-na.ssl-images-amazon.com/images/I/711MQYZtUtL._AC_SY450_.jpg);
  199. opacity: 0.5;
  200. top: 0;
  201. left: 0;
  202. bottom: 0;
  203. right: 0;
  204. position: absolute;
  205. z-index: -1;
  206. }
  207.  
  208. a:link, a:active, a:visited{
  209. color: {color:Link};
  210. text-decoration:none;
  211. -webkit-transition: all 0.2s linear;
  212. -moz-transition: all 0.2s linear;
  213. transition: all 0.2s linear;
  214. }
  215.  
  216. a:hover {
  217. color:{color:Link Hover};
  218. -webkit-transition: all 0.2s linear;
  219. -moz-transition: all 0.2s linear;
  220. transition: all 0.2s linear;
  221. }
  222.  
  223. big{
  224. font-size:15px;
  225. font-family:arial;
  226. }
  227.  
  228. ::-webkit-scrollbar-thumb {
  229. height:12px;
  230. background-color: {color:bold};
  231. }
  232.  
  233. ::-webkit-scrollbar {
  234. width:12px;
  235. height:4px;
  236. background:transparent;
  237. margin-right:5px;
  238. }
  239.  
  240.  
  241. .postcontain ::-webkit-scrollbar-thumb {
  242. height:12px;
  243. background-color: transparent;
  244. }
  245.  
  246. .postcontain ::-webkit-scrollbar {
  247. width:12px;
  248. height:4px;
  249. background:transparent;
  250. margin-right:5px;
  251. }
  252.  
  253.  
  254. .faqs ::-webkit-scrollbar-thumb {
  255. height:12px;
  256. background-color: transparent;
  257. }
  258.  
  259. .faqs ::-webkit-scrollbar {
  260. width:12px;
  261. height:4px;
  262. background:transparent;
  263. margin-right:5px;
  264. }
  265.  
  266.  
  267. .inner-about::-webkit-scrollbar-thumb {
  268. height:12px;
  269. width:7px;
  270. background-color: {color:bold};
  271. }
  272.  
  273. .inner-about::-webkit-scrollbar {
  274. width:8px;
  275. height:4px;
  276. background:transparent;
  277. margin-right:0px;
  278. }
  279.  
  280.  
  281.  
  282. ::-moz-selection { /* Code for Firefox */
  283. color: {color:Selected Text Color};
  284. background: {color:Selected Text Background};
  285. }
  286.  
  287. ::selection {
  288. color: {color:Selected Text Color};
  289. background: {color:Selected Text Background};
  290. }
  291.  
  292. blockquote {
  293. margin:5px 5px 5px 5px;
  294. border-left:4px solid {color:blockquote border};
  295. background-color:{color:blockquote background};
  296. width:auto !important;
  297. padding:5px 10px 5px 10px;
  298. font-family:calibri;
  299. font-size:10px;
  300. color:{color:post text};
  301. line-height:100%;
  302. text-transform:auto;
  303. text-align:justify;
  304. word-spacing:0;
  305. letter-spacing:.5px;
  306. }
  307.  
  308. blockquote blockquote {
  309. margin:0 0;
  310. background-color:{color:blockquote2 background};
  311. }
  312.  
  313. blockquote img {
  314. max-width:100%;
  315. height:auto;
  316. padding:2px;
  317. }
  318.  
  319.  
  320. pre {
  321. white-space: pre-wrap;
  322. white-space: -moz-pre-wrap;
  323. white-space: -pre-wrap;
  324. white-space: -o-pre-wrap;
  325. word-wrap: break-word;
  326. color:{color:posts};
  327. background-color:{color:pre background};
  328. padding:5px 10px;
  329. font-size:8px;
  330. font-family:'karmilla';
  331. line-height:100%;
  332. text-transform:uppercase;
  333. text-align:center;
  334. word-spacing:0;
  335. letter-spacing:0;
  336. }
  337.  
  338. h1 {
  339. font-family:arial black;
  340. font-size:12px;
  341. color:{color:title color};
  342. font-weight:900;
  343. letter-spacing:1px;
  344. text-transform:uppercase;
  345. text-align:center;
  346. }
  347.  
  348.  
  349. b, strong {
  350. color:{color:bold};
  351. font-size:7px;
  352. letter-spacing:1px;
  353. text-transform:uppercase;
  354. font-family:'Work Sans', sans-serif;
  355. }
  356.  
  357. i, em {
  358. color:{color:italic};
  359. }
  360.  
  361. small {
  362. font-family:'calibri';
  363. font-size:8px;
  364. }
  365.  
  366. big {
  367. font-family:'calibri';
  368. font-size:12px;
  369. }
  370.  
  371.  
  372. /* Tooltip */
  373. #s-m-t-tooltip{
  374. /* basic */
  375. max-width:150px;
  376. z-index:2222222222222222222222222;
  377. margin:12px 20px;
  378. /* style and design */
  379. padding:5px 7px 5px 7px;
  380. background-color:{color:Tooltip Background};
  381. border:1px solid {color:tooltip border};
  382. color:{color:Tooltip Text};
  383. font-family:'Work Sans', sans-serif;
  384. letter-spacing:1px;
  385. text-transform:uppercase;
  386. text-align:center;
  387. font-size:7px;
  388. border-radius:3px;
  389. line-height:100%;
  390. -webkit-transition: all 0.2s ease;
  391. -moz-transition: all 0.2s ease;
  392. -o-transition: all 0.2s ease;
  393. -webkit-animation-name: hvr-wobble-skew;
  394. animation-name: hvr-wobble-skew;
  395. -webkit-animation-duration: 1s;
  396. animation-duration: 1s;
  397. -webkit-animation-timing-function: ease-in-out;
  398. animation-timing-function: ease-in-out;
  399. -webkit-animation-iteration-count: 1;
  400. animation-iteration-count: 1;
  401. }
  402.  
  403.  
  404. #entries{
  405. padding:20px;
  406. margin-top:230px;
  407. width:460px;
  408. position:absolute;
  409. height:450px;
  410. overflow-y:scroll;
  411. background-color:{color:container};
  412. border-right:10px solid {color:container};
  413. border-top:10px solid {color:container};
  414. border-bottom:30px solid {color:container};
  415. margin-left:350px;
  416. background-image:url('');
  417. box-shadow: 10px 10px 8px #bbb;
  418. }
  419.  
  420.  
  421. #post {
  422. font-size:10px;
  423. font-family:helvetica;
  424. background-color:{color:posts};
  425. padding:25px;
  426. width:400px;
  427. z-index:99;
  428. margin-top:0px;
  429. margin-bottom:15px;
  430. -webkit-transition: all 0.2s linear;
  431. -moz-transition: all 0.2s linear;
  432. transition: all 0.2s linear;
  433. }
  434.  
  435.  
  436. #post * {
  437. -moz-transition:all 0.8s ease-in-out;
  438. -webkit-transition:all 0.8s ease-in-out;
  439. -o-transition:all 0.8s ease-in-out;
  440. transition:all 0.8s ease-in-out;
  441. }
  442.  
  443. #post *:hover {
  444. -moz-transition:all 0.8s ease-in-out;
  445. -webkit-transition:all 0.8s ease-in-out;
  446. -o-transition:all 0.8s ease-in-out;
  447. transition:all 0.8s ease-in-out;
  448. }
  449.  
  450.  
  451.  
  452. #entries::-webkit-scrollbar-thumb {
  453. height:9px;
  454. background-color: {color:scrollbar};
  455. }
  456.  
  457. #entries::-webkit-scrollbar {
  458. width:8px;
  459. height:4px;
  460. background:transparent;
  461. margin-right:0px;
  462. }
  463.  
  464. .posttitle{
  465. font-family:'bukhari';
  466. font-weight:none;
  467. letter-spacing:0px;
  468. color:{color:posts};
  469. padding:10px;
  470. background-color:{color:background};
  471. text-shadow:
  472. 4px 0px 0 rgba(206,166,173,1.0),
  473. 4px 1px 0 rgba(206,166,173,1.0),
  474. 3px 2px 0 rgba(206,166,173,1.0),
  475. 3px 3px 0 rgba(206,166,173,1.0),
  476. 2px 3px 0 rgba(206,166,173,1.0),
  477. 1px 4px 0 rgba(206,166,173,1.0),
  478.  
  479. 0px 4px 0 rgba(206,166,173,1.0),
  480. -1px 4px 0 rgba(206,166,173,1.0),
  481. -2px 3px 0 rgba(206,166,173,1.0),
  482. -3px 3px 0 rgba(206,166,173,1.0),
  483. -3px 2px 0 rgba(206,166,173,1.0),
  484. -4px 1px 0 rgba(206,166,173,1.0),
  485.  
  486. -4px 0px 0 rgba(206,166,173,1.0),
  487. -4px -1px 0 rgba(206,166,173,1.0),
  488. -3px -2px 0 rgba(206,166,173,1.0),
  489. -3px -3px 0 rgba(206,166,173,1.0),
  490. -2px -3px 0 rgba(206,166,173,1.0),
  491. -1px -4px 0 rgba(206,166,173,1.0),
  492.  
  493. 0px -4px 0 rgba(206,166,173,1.0),
  494. 1px -4px 0 rgba(206,166,173,1.0),
  495. 2px -3px 0 rgba(206,166,173,1.0),
  496. 3px -3px 0 rgba(206,166,173,1.0),
  497. 3px -2px 0 rgba(206,166,173,1.0),
  498. 4px -1px 0 rgba(206,166,173,1.0);
  499. text-align:center;
  500. font-size: 25px;
  501. letter-spacing:0px;
  502. text-transform:lowercase;
  503. line-height: 20px;
  504. }
  505.  
  506.  
  507. .p {
  508. padding-top: 5px;
  509. }
  510.  
  511.  
  512. #entries ul {
  513. color: {color:text};
  514. font-family:"karmilla";
  515. font-size:8px;
  516. line-height:100%;
  517. text-transform:uppercase;
  518. margin-left:-10px;
  519. list-style:none;
  520. }
  521. #entries ol {
  522. color: {color:text};
  523. font-family:"karmilla";
  524. font-size:8px;
  525. line-height:100%;
  526. text-transform:uppercase;
  527. margin-left:-20px;
  528. list-style:none;
  529. }
  530.  
  531. #entries li {
  532. color: {color:text};
  533. font-family:"karmilla";
  534. font-size:8px;
  535. line-height:100%;
  536. text-transform:uppercase;
  537. }
  538.  
  539.  
  540. #entries li:before {
  541. content: "\f006"; /* Insert content that looks like bullets */
  542. padding-right: 4px;
  543. font-family: FontAwesome;
  544. margin-left:-12px;
  545. display: inline-block;
  546. color: {color:link}; /* Or a color you prefer */
  547. }
  548.  
  549. #entries ol, li:before {
  550. content: "\f005"; /* Insert content that looks like bullets */
  551. padding-right: 4px;
  552. font-family: FontAwesome;
  553. margin-left:-12px;
  554. display: inline-block;
  555. color: {color:link}; /* Or a color you prefer */
  556. }
  557.  
  558.  
  559.  
  560. #post .permatags {
  561. position:relative;
  562. text-align:left;
  563. color:{color:text};
  564. letter-spacing:1px;
  565. margin-top:20px;
  566. margin-left:0px;
  567. padding:8px;
  568. width:auto;
  569. z-index:999999999999999;
  570. border-top:1px solid {color:container};
  571. border-bottom:1px solid {color:container};
  572. font-size:9px;
  573. font-family:arial;
  574. text-transform:uppercase;
  575. -webkit-transition: all 0.2s linear;
  576. -moz-transition: all 0.2s linear;
  577. transition: all 0.2s linear;
  578. }
  579.  
  580.  
  581. .tags a {
  582. letter-spacing:1px;
  583. color:{color:link};
  584. text-transform:uppercase;
  585. }
  586.  
  587. .tags a:hover {
  588. color:{color:link hover};
  589. text-transform:uppercase;
  590. }
  591.  
  592. .permatags a {
  593. letter-spacing:1px;
  594. color:{color:link};
  595. text-transform:uppercase;
  596. }
  597.  
  598. .permatags a:hover {
  599. color:{color:link hover};
  600. text-transform:uppercase;
  601. }
  602.  
  603. #permalink{
  604. position:relative;
  605. text-align:center;
  606. color:{color:Permalink};
  607. background-color:{color:permalink background};
  608. margin-top:0px;
  609. margin-bottom:20px;
  610. padding:5px;
  611. font-size:8px;
  612. font-family:"karmilla";
  613. letter-spacing:1px;
  614. text-transform:uppercase;
  615. -webkit-transition: all 0.2s linear;
  616. -moz-transition: all 0.2s linear;
  617. transition: all 0.2s linear;
  618. }
  619.  
  620. #permalink a{
  621. color:{color:Permalink};
  622. }
  623.  
  624. #permalink a:hover{
  625. color:{color:Permalink Hover};
  626. }
  627.  
  628. /* Chat */
  629.  
  630.  
  631. .chat {
  632. width:auto !important;
  633. padding:3px;
  634. margin-left:-10px;
  635. margin-right:-10px;
  636. }
  637.  
  638. .even {
  639. background-color:{color:container};
  640. margin:4px 1px 3px 1px;
  641. color:{color:text};
  642. padding:10px;
  643. font-family:"karmilla";
  644. font-size:8px;
  645. letter-spacing:1px;
  646. word-spacing:0;
  647. line-height:100%;
  648. text-transform:uppercase;
  649. text-align:justify;
  650. }
  651.  
  652. .odd {
  653. background-color:{color:container};
  654. margin:4px 1px 3px 1px;
  655. color:{color:text};
  656. padding:10px;
  657. font-family:"karmilla";
  658. font-size:8px;
  659. letter-spacing:1px;
  660. word-spacing:0;
  661. line-height:100%;
  662. text-transform:uppercase;
  663. text-align:justify;
  664. }
  665.  
  666. .odd .label {
  667. color: {color:link};
  668. letter-spacing:1px;
  669. font-weight:bold;
  670. }
  671.  
  672. .even .label {
  673. color: {color:link hover};
  674. letter-spacing:1px;
  675. font-weight:bold;
  676. }
  677.  
  678. /* Audio */
  679. .album {
  680. background-repeat: no-repeat;
  681. background-position: center;
  682. position: absolute;
  683. width: 38px;
  684. height: 38px;
  685. padding:3px;
  686. background-size: 60px;
  687. overflow: hidden;
  688. background-color:{color:posts};
  689. border-right:1px solid {color:container};
  690. border-top:1px solid {color:posts};
  691. border-left:1px solid {color:posts};
  692. border-bottom:1px solid {color:posts};
  693. -moz-transition:all 0.5s linear;
  694. -webkit-transition:all 0.5s linear;
  695. -o-transition:all 0.5s linear;
  696. transition:all 0.5s linear;
  697. }
  698.  
  699. .album img {
  700. display:none;
  701. width: 38px;
  702. height: 38px;
  703. overflow: hidden;
  704. -moz-transition:all 0.5s linear;
  705. -webkit-transition:all 0.5s linear;
  706. -o-transition:all 0.5s linear;
  707. transition:all 0.5s linear;
  708. -webkit-filter: grayscale(100%);
  709. opacity:.5;
  710. }
  711.  
  712.  
  713.  
  714. .player {
  715. position:absolute;
  716. width: 8px;
  717. height: 6px;
  718. overflow:hidden;
  719. padding: 4px 29px 28px 4px;
  720. margin-top: 4px;
  721. margin-left: 0px;
  722. background-color: {color:posts};
  723. opacity: .3;
  724. -moz-transition:all 0.5s linear;
  725. -webkit-transition:all 0.5s linear;
  726. -o-transition:all 0.5s linear;
  727. transition:all 0.5s linear;
  728. }
  729.  
  730.  
  731.  
  732. .player2 {
  733. position:absolute;
  734. width: 8px;
  735. height: 6px;
  736. overflow:hidden;
  737. padding: 4px 15px 15px 4px;
  738. margin-top: -2px;
  739. margin-left: -2px;
  740. background-color: {color:posts};
  741. opacity: .5;
  742. -moz-transition:all 0.5s linear;
  743. -webkit-transition:all 0.5s linear;
  744. -o-transition:all 0.5s linear;
  745. transition:all 0.5s linear;
  746. }
  747.  
  748. .track {
  749. margin-left: 45px;
  750. margin-top:0px;
  751. height:45px;
  752. font-family:'Work Sans', sans-serif;
  753. line-height:100%;
  754. font-size:7px;
  755. padding-left:8px;
  756. text-align:justify;
  757. color: {color:text};
  758. text-transform: uppercase;
  759. letter-spacing:1px;
  760. display:block;
  761. text-overflow: ellipsis;
  762. -o-text-overflow: ellipsis;
  763. -ms-text-overflow: ellipsis;
  764. overflow: hidden;
  765. white-space: nowrap;
  766. }
  767.  
  768. .audioline {
  769. width:auto;
  770. height:1px;
  771. margin-top:5px;
  772. margin-left:-5px;
  773. margin-right:-5px;
  774. background-color:{color:posts};
  775. }
  776.  
  777.  
  778.  
  779. .image {
  780. max-width:100%;
  781.  
  782. }
  783.  
  784.  
  785. .photo {
  786. max-width:100%;}
  787.  
  788.  
  789.  
  790. .video {
  791. max-width:100%;}
  792.  
  793.  
  794.  
  795. .captions {
  796. margin:10px 0;
  797. font-family:arial;
  798. border-top:2px solid {color:container};
  799. border-bottom:2px solid {color:container};
  800. font-size:8px;
  801. color:#999;
  802. line-height:100%;
  803. word-spacing:0;
  804. letter-spacing:0;
  805. text-align:justify;
  806. text-transform:uppercase;
  807. padding:10px;
  808. width:auto;
  809. height:auto;
  810. }
  811.  
  812.  
  813.  
  814. /* quotes */
  815. .quotes {
  816. background-color:#efefef;
  817. padding:10px;
  818. font-family:calibri;
  819. color:#999;
  820. margin-left:-10px;
  821. margin-right:-10px;
  822. line-height:100%;
  823. font-size:12px;
  824. text-transform:auto;
  825. font-style:italic;
  826. text-align:justify;
  827. word-spacing:0;
  828. border-top:1px solid {color:container};
  829. border-bottom:1px solid {color:container};
  830. letter-spacing:0;
  831. }
  832.  
  833. .source {
  834. color:{color:text};
  835. height:auto;
  836. padding:4px;
  837. font-family:"karmilla";
  838. font-size:8px;
  839. line-height:100%;
  840. margin-top:5px;
  841. margin-bottom:-5px;
  842. margin-left:-5px;
  843. margin-right:-5px;
  844. text-align:center;
  845. text-transform:uppercase;
  846. letter-spacing:1px;
  847. word-spacing:0;
  848. }
  849.  
  850. .source b {
  851. font-weight:900;
  852. color:{color:bold};
  853. font-style:italic;
  854. }
  855.  
  856.  
  857. .quotes:before {
  858. content: "\f10d";
  859. padding-right: 3px;
  860. color:{color:link};
  861. font-family: FontAwesome;
  862. display: inline-block;
  863. color: {color:bold};
  864. }
  865.  
  866.  
  867.  
  868.  
  869. .notesep {
  870. width:auto;
  871. height:1px;
  872. margin-top:5px;
  873. margin-left:0px;
  874. margin-right:0px;
  875. background-color:{color:container};
  876. }
  877.  
  878.  
  879. .notes {
  880. color:{color:sidebar text};
  881. margin-left:20px;
  882. margin-right:20px;
  883. font-size:8px;
  884. font-family:"karmilla";
  885. }
  886.  
  887. .notes img {
  888. display:none;
  889. }
  890.  
  891. .notes ol {
  892. margin:10px;
  893. padding:0;
  894. }
  895.  
  896. .notes li {
  897. list-style:none;
  898. line-height:25px;
  899. }
  900.  
  901.  
  902.  
  903. .pagination {
  904. position:fixed;
  905. margin-top:-29px;
  906. margin-left:5px;
  907. font-size:8px;
  908. padding:8px 10px 8px 10px;
  909. {block:indexpage}
  910. height:auto;
  911. {/block:indexpage}
  912. {block:permalinkpage}
  913. height:11px;
  914. {/block:permalinkpage}
  915. width:180px;
  916. text-align:right;
  917. font-family:"karmilla";
  918. font-size:8px;
  919. line-height:11px;
  920. text-transform:uppercase;
  921. letter-spacing:1px;
  922. color:{color:posts};
  923. background-color:{color:permalink background};
  924. font-weight:bold;
  925. }
  926.  
  927. .pagination a {
  928. display:inline-block;
  929. color:{color:pagination};
  930. -moz-transition:all 0.3s ease-in-out;
  931. -webkit-transition:all 0.3s ease-in-out;
  932. -o-transition:all 0.3s ease-in-out;
  933. transition:all 0.3s ease-in-out;
  934.  
  935. }
  936.  
  937. .pagination a:hover {
  938. font-style:italic;
  939. text-decoration:underline;
  940. color:{color:pagination Hover};
  941. -moz-transition:all 0.3s ease-in-out;
  942. -webkit-transition:all 0.3s ease-in-out;
  943. -o-transition:all 0.3s ease-in-out;
  944. transition:all 0.3s ease-in-out;
  945. }
  946.  
  947.  
  948. /* Like Button by Kfuzed */
  949.  
  950.  
  951. .like_button {
  952. width:15px !important;
  953. height:15px;
  954. float:left;
  955. margin-top:-1.5px;
  956. margin-right:-5px;
  957. margin-left:3px;
  958. padding:0px;
  959. line-height:0;
  960. word-spacing:0;
  961. letter-spacing:1px;
  962. text-align:center;
  963. text-transform:uppercase;
  964. text-decoration:none;
  965. }
  966.  
  967.  
  968.  
  969.  
  970. /* Asks */
  971. .asks {
  972. min-height:auto !important;
  973. max-height:auto !important;
  974. height:auto !important;
  975. width:auto;
  976. background-color:{color:posts};
  977. border:1px solid {color:container};
  978. margin-top:0px;
  979. margin-left:0px;
  980. padding:15px 20px;
  981. font-family:"karmilla";
  982. font-size:8px;
  983. color:{color:Text};
  984. line-height:10px;
  985. text-transform:uppercase;
  986. text-align:justify;
  987. word-spacing:0;
  988. letter-spacing:0px;
  989. }
  990.  
  991. .askers {
  992. margin:-5px -10px 10px -10px;
  993. padding:10px;
  994. height:auto;
  995. background-color:{color:posts};
  996. border-bottom:3px solid {color:container};
  997. font-family:'bukhari';
  998. font-size:20px;
  999. color:{color:title color};
  1000. line-height:15px;
  1001. text-transform:lowercase;
  1002. text-align:center;
  1003. }
  1004.  
  1005. .askers a {
  1006. color:{color:link hover};
  1007. }
  1008. .askers a:hover {
  1009. color:{color:link color};
  1010. }
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  1023. :root {
  1024. --Music-Player-Vinyl:transparent;
  1025. --Vinyl-Icon-Size:17px;
  1026. --Vinyl-Spin-Speed:3.5s;
  1027. --Music-Controls:#c18682;
  1028. --Music-Controls-Size:12px;
  1029. --Music-Title-Font-Size:8px;
  1030. --Music-Title-Color:#888;
  1031. }
  1032. .glenjams-06 {
  1033. display:none;
  1034. position:fixed;
  1035. margin-top:510px;
  1036. margin-left:68px;
  1037. z-index:99;
  1038. }
  1039.  
  1040. .pasta {
  1041. display:flex;
  1042. align-items:center;
  1043. }
  1044.  
  1045. .vinyl-spin {
  1046. animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1047. -webkit-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1048. -moz-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1049. -o-animation:recordspin var(--Vinyl-Spin-Speed) linear infinite;
  1050. }
  1051.  
  1052. .vinyl-pause {
  1053. animation-play-state:paused;
  1054. -webkit-animation-play-state:paused;
  1055. -moz-animation-play-state:paused;
  1056. -o-animation-play-state:paused;
  1057. }
  1058.  
  1059. @-webkit-keyframes recordspin {
  1060. from {
  1061. -webkit-transform:rotate(0deg);
  1062. -o-transform:rotate(0deg);
  1063. transform:rotate(0deg);
  1064. }
  1065. to {
  1066. -webkit-transform:rotate(360deg);
  1067. -o-transform:rotate(360deg);
  1068. transform:rotate(360deg);
  1069. }
  1070. }
  1071.  
  1072. @keyframes recordspin {
  1073. from {
  1074. -ms-transform:rotate(0deg);
  1075. -moz-transform:rotate(0deg);
  1076. -webkit-transform:rotate(0deg);
  1077. -o-transform:rotate(0deg);
  1078. transform:rotate(0deg);
  1079. }
  1080. to {
  1081. -ms-transform:rotate(360deg);
  1082. -moz-transform:rotate(360deg);
  1083. -webkit-transform:rotate(360deg);
  1084. -o-transform:rotate(360deg);
  1085. transform:rotate(360deg);
  1086. }
  1087. }
  1088.  
  1089. .vinyl svg {
  1090. width:var(--Vinyl-Icon-Size);
  1091. height:var(--Vinyl-Icon-Size);
  1092. }
  1093.  
  1094. .music-controls {
  1095. margin-left:10px;
  1096. width:var(--Music-Controls-Size);
  1097. overflow:hidden;
  1098. cursor:pointer;
  1099. }
  1100.  
  1101. .music-controls svg {
  1102. width:var(--Music-Controls-Size);
  1103. height:var(--Music-Controls-Size);
  1104. color:var(--Music-Controls);
  1105. stroke-width:1.5px;
  1106. }
  1107.  
  1108. .pausee {display:none;}
  1109.  
  1110. .beff {display:none;}
  1111. .aff {display:block;}
  1112.  
  1113. .music-title {
  1114. margin-left:8px;
  1115. font-weight:bold;
  1116. text-transform:uppercase;
  1117. letter-spacing:1px;
  1118. font-family:"karmilla";
  1119. font-size:var(--Music-Title-Font-Size);
  1120. color:var(--Music-Title-Color);
  1121. }
  1122.  
  1123.  
  1124.  
  1125. /* Sidebar Wrapper */
  1126.  
  1127. #sidebar {
  1128. display:;
  1129. position:fixed;
  1130. margin-top:140px;
  1131. margin-left:350px;
  1132. width:510px;
  1133. height:90px;
  1134. padding:0px;
  1135. background-color:transparent;
  1136. }
  1137.  
  1138. #sidebar-left {
  1139. display:;
  1140. position:fixed;
  1141. margin-top:230px;
  1142. margin-left:140px;
  1143. width:200px;
  1144. height:530px;
  1145. padding:0px;
  1146. background-color:transparent;
  1147. }
  1148.  
  1149. .box {
  1150. position:fixed;
  1151. width:498px;
  1152. height:auto;
  1153. padding:10px 5px 8px 5px;
  1154. background-color:{color:posts};
  1155. border:1px solid {color:container};
  1156. color:{color:sidebar text};
  1157. font-family:'karmilla';
  1158. font-size:8px;
  1159. line-height:100%;
  1160. letter-spacing:1px;
  1161. margin-top:60px;
  1162. margin-left:0px;
  1163. text-transform:uppercase;
  1164. font-weight:bold;
  1165. text-align:center;
  1166. }
  1167.  
  1168. .sidebar-header {
  1169. position:fixed;
  1170. margin-top:-5px;
  1171. margin-left:0px;
  1172. width:500px;
  1173. text-align:center;
  1174. height:auto;
  1175. padding:0;
  1176. background:transparent;
  1177. font-family:'coco';
  1178. color:{color:link hover};
  1179. font-size:63px;
  1180. letter-spacing:-4px;
  1181. text-transform:uppercase;
  1182. }
  1183.  
  1184. .esta-sidebar {
  1185. position:fixed;
  1186. margin-top:0px;
  1187. margin-left:5px;
  1188. background-color:{color:posts};
  1189. border:1px solid {color:container};
  1190. width:158px;
  1191. height:auto;
  1192. padding:15px 20px;
  1193. font-family:"karmilla";
  1194. color:{color:sidebar text};
  1195. font-size:8px;
  1196. text-align:center;
  1197. text-transform:uppercase;
  1198. letter-spacing:1px;
  1199. line-height:100%;
  1200. }
  1201.  
  1202. .esta-sidebar-two {
  1203. position:fixed;
  1204. margin-top:134px;
  1205. margin-left:5px;
  1206. background-color:{color:posts};
  1207. border:1px solid {color:container};
  1208. width:158px;
  1209. height:auto;
  1210. padding:10px 20px;
  1211. font-family:"karmilla";
  1212. color:{color:sidebar text};
  1213. font-size:8px;
  1214. text-align:center;
  1215. text-transform:uppercase;
  1216. letter-spacing:1px;
  1217. line-height:100%;
  1218. }
  1219.  
  1220.  
  1221. .esta-sidebar-three {
  1222. position:fixed;
  1223. margin-top:134px;
  1224. margin-left:5px;
  1225. background-color:{color:bold};
  1226. border:1px solid {color:bold};
  1227. width:158px;
  1228. height:auto;
  1229. padding:10px 20px;
  1230. font-family:"karmilla";
  1231. color:{color:posts};
  1232. font-size:8px;
  1233. text-align:center;
  1234. text-transform:uppercase;
  1235. letter-spacing:1px;
  1236. line-height:100%;
  1237. }
  1238.  
  1239. .esta-sidebar-three a{
  1240. color:{color:posts};
  1241. }
  1242. .esta-sidebar-three a:hover{
  1243. color:{color:link hover};
  1244. }
  1245.  
  1246. .esta-sidebar-donate {
  1247. position:fixed;
  1248. margin-top:455px;
  1249. margin-left:5px;
  1250. background-color:{color:posts};
  1251. border:1px solid {color:container};
  1252. width:158px;
  1253. height:auto;
  1254. padding:5px;
  1255. font-family:"karmilla";
  1256. color:{color:sidebar text};
  1257. font-size:8px;
  1258. text-align:center;
  1259. text-transform:uppercase;
  1260. letter-spacing:1px;
  1261. line-height:100%;
  1262. }
  1263.  
  1264. .esta-sidebar-image {
  1265. position:fixed;
  1266. margin-top:255px;
  1267. margin-left:-125px;
  1268. width:270px;
  1269. height:270px;
  1270. }
  1271.  
  1272. .esta-sidebar-image img {
  1273. width:100%;
  1274. }
  1275.  
  1276. .sidebar-music {
  1277. position:fixed;
  1278. margin-top:510px;
  1279. margin-left:14px;
  1280. width:180px;
  1281. height:8px;
  1282. padding:5px;
  1283. background-color:{color:posts};
  1284. border:1px solid {color:container};
  1285. }
  1286.  
  1287.  
  1288.  
  1289. .sidebar-icon {
  1290. position:fixed;
  1291. margin-top:-55px;
  1292. margin-left:75px;
  1293. width:45px;
  1294. height:45px;
  1295. padding:5px;
  1296. background-color:{color:posts};
  1297. border:5px solid {color:bold};
  1298. border-radius:100em;
  1299. }
  1300.  
  1301. .sidebar-icon img {
  1302. width:100%;
  1303. border-radius:100em;
  1304. }
  1305.  
  1306.  
  1307.  
  1308. .search-input {
  1309. width:119.5px;
  1310. background-color:{color:posts};
  1311. border:1px solid {color:container};
  1312. text-transform:uppercase;
  1313. color:{color:sidebar text};
  1314. font-family:"karmilla";
  1315. font-size:8px;
  1316. padding:5px 10px;
  1317. letter-spacing:1px;
  1318. }
  1319.  
  1320. .search-input:focus {
  1321. outline:0;
  1322. }
  1323.  
  1324. .search-button {
  1325. width:55px;
  1326. background-color:{color:posts};
  1327. border:1px solid {color:container};
  1328. text-transform:uppercase;
  1329. color:{color:sidebar text};
  1330. font-family:"karmilla";
  1331. letter-spacing:1px;
  1332. font-size:8px;
  1333. padding:5px 10px;
  1334. }
  1335.  
  1336.  
  1337. .search-button:focus {
  1338. outline:0;
  1339. }
  1340.  
  1341.  
  1342.  
  1343. /*----- Tabs -----*/
  1344.  
  1345. .tabs::-webkit-scrollbar-thumb {
  1346. height:12px;
  1347. background-color: transparent;
  1348. }
  1349.  
  1350. .tabs::-webkit-scrollbar {
  1351. width:12px;
  1352. height:4px;
  1353. background:transparent;
  1354. margin-right:5px;
  1355. }
  1356.  
  1357.  
  1358. .tabs {
  1359. width:auto;
  1360. display:inline-block;
  1361. background:transparent;
  1362. z-index:99999999999999999999;
  1363. }
  1364.  
  1365. /*----- Tab Links -----*/
  1366.  
  1367. .tab-links:before {
  1368. content: "";
  1369. padding-right: 4px;
  1370. font-family: FontAwesome;
  1371. margin-left:-12px;
  1372. display: inline-block;
  1373. color: {color:link};
  1374. }
  1375.  
  1376. .tab-links li:before {
  1377. content: "";
  1378. padding-right: 4px;
  1379. font-family: FontAwesome;
  1380. margin-left:2px;
  1381. display: inline-block;
  1382. color: {color:link};
  1383. }
  1384.  
  1385. .tab-links li {
  1386. margin:0px 0px;
  1387. float:left;
  1388. list-style:none;
  1389. color:transparent;
  1390. }
  1391.  
  1392. .tab-links a {
  1393. width:auto;
  1394. height:auto;
  1395. padding:3px 5px 2px 5px;
  1396. display:inline-block;
  1397. text-align:justify;
  1398. font-size:8px;
  1399. font-family:'karmilla';
  1400. line-height:100%;
  1401. letter-spacing:1px;
  1402. text-transform:uppercase;
  1403. color:#aaa;
  1404. transition:all linear 0.15s;
  1405. }
  1406.  
  1407. .tab-links a:hover {
  1408. text-decoration:none;
  1409. }
  1410.  
  1411. .tab-links li.active a, .tab-links li.active a:hover {
  1412. background:{color:link};
  1413. width:auto;
  1414. height:auto;
  1415. color:{color:posts};
  1416. }
  1417.  
  1418. /*----- Content of Tabs -----*/
  1419. .tab-content {
  1420. margin:40px 0 40px -100px;
  1421. left:20px;
  1422. width:0px;
  1423. height:565px;
  1424. padding:15px 50px 15px 15px;
  1425. font-size:12px;
  1426. background:transparent;
  1427. }
  1428.  
  1429. .tab-content h1 {
  1430. margin:10px 0 10px 0;
  1431. padding:5px 10px 3px 10px;
  1432. font-family:'coco';
  1433. font-size:15px;
  1434. color:{color:title color};
  1435. background-color:{color:posts};
  1436. border:3px double {color:blockquote border};
  1437. letter-spacing:1px;
  1438. text-transform:uppercase;
  1439. text-align:center;
  1440. }
  1441.  
  1442. .tab {
  1443. display:none;
  1444. -moz-transition:all 0.3s ease-in-out;
  1445. -webkit-transition:all 0.3s ease-in-out;
  1446. -o-transition:all 0.3s ease-in-out;
  1447. transition:all 0.3s ease-in-out;
  1448. }
  1449.  
  1450. .tab.active {
  1451. display:block;
  1452. -moz-transition:all 0.3s ease-in-out;
  1453. -webkit-transition:all 0.3s ease-in-out;
  1454. -o-transition:all 0.3s ease-in-out;
  1455. transition:all 0.3s ease-in-out;
  1456. }
  1457.  
  1458.  
  1459. #tabwrap {
  1460. width:auto;
  1461. height:auto;
  1462. margin:-15px -19px;
  1463. }
  1464.  
  1465. /* ---- end of about tabs ----- */
  1466.  
  1467.  
  1468. .links {
  1469. position:fixed;
  1470. margin-top:295px;
  1471. margin-left:10px;
  1472. padding:0;
  1473. background-color:transparent;
  1474. width:auto;
  1475. height:auto;
  1476. }
  1477.  
  1478. .links a {
  1479. display:block;
  1480. width:179px;
  1481. height:9px;
  1482. line-height:100%;
  1483. font-family:"karmilla";
  1484. font-size:8px;
  1485. font-style:none;
  1486. color:{color:bold};
  1487. text-transform:uppercase;
  1488. text-align:right;
  1489. background-color:{color:posts};
  1490. box-shadow:inset 0px -2px {color:bold};
  1491. margin-top:4px;
  1492. margin-left:5px;
  1493. padding:5px;
  1494. border:1px solid {color:container};
  1495.  
  1496. }
  1497.  
  1498. .links a:hover {
  1499. color:{color:posts};
  1500. box-shadow:inset 0px -50px {color:bold};
  1501. border:1px solid {color:bold};
  1502. }
  1503.  
  1504.  
  1505. .links2 {
  1506. position:fixed;
  1507. margin-top:295px;
  1508. margin-left:20px;
  1509. padding:0;
  1510. background-color:transparent;
  1511. width:auto;
  1512. height:auto;
  1513. }
  1514.  
  1515. .links2 a {
  1516. display:block;
  1517. width:169px;
  1518. height:9px;
  1519. line-height:100%;
  1520. font-family:"karmilla";
  1521. font-size:8px;
  1522. font-style:none;
  1523. color:{color:bold};
  1524. text-transform:uppercase;
  1525. text-align:right;
  1526. background-color:{color:posts};
  1527. box-shadow:inset 0px -2px {color:bold};
  1528. margin-top:2px;
  1529. margin-left:5px;
  1530. padding:3px 5px;
  1531. border:1px solid {color:container};
  1532.  
  1533. }
  1534.  
  1535. .links2 a:hover {
  1536. color:{color:posts};
  1537. box-shadow:inset 0px -50px {color:bold};
  1538. border:1px solid {color:bold};
  1539. }
  1540.  
  1541. .contab {
  1542. position:fixed;
  1543. width:188px;
  1544. padding:0 5px 3px 5px;
  1545. height:auto;
  1546. background:{color:posts};
  1547. border:1px solid {color:container};
  1548. margin-top:106px;
  1549. margin-left:5px;
  1550. z-index:999999999999999999999999;
  1551. }
  1552.  
  1553. .rules {
  1554. margin-left:-10px;
  1555. font-family:"karmilla";
  1556. margin-left:10px;
  1557. margin-right:5px;
  1558. line-height:15px;
  1559. font-size:8px;
  1560. text-align:justify;
  1561. text-transform:uppercase;
  1562. color:{color:sidebar text};
  1563. }
  1564.  
  1565. .rules a{
  1566. color:{color:bold};
  1567. }
  1568. .rules a:hover{
  1569. padding-lefT:2px;
  1570. padding-right:2px;
  1571. color:{color:posts};
  1572. background-color:{color:bold};
  1573. }
  1574.  
  1575.  
  1576. .rules ul {
  1577. list-style: none;
  1578. padding: 0;
  1579. width:360px;
  1580. }
  1581. .rules li {
  1582. padding-left: 1.3em;
  1583. margin-top:7px;
  1584. margin-bottom:7px;
  1585. font-family:"karmilla";
  1586. margin-left:10px;
  1587. margin-right:5px;
  1588. font-size:8px;
  1589. text-align:justify;
  1590. text-transform:uppercase;
  1591. color:{color:sidebar text};
  1592.  
  1593. }
  1594. .rules li:before {
  1595. content: "\f105"; /* FontAwesome Unicode */
  1596. font-family: FontAwesome;
  1597. display: inline-block;
  1598. color:{color:bold};
  1599. margin-left: -10px; /* same as padding-left set on li */
  1600. width: 1.1em; /* same as padding-left set on li */
  1601. }
  1602.  
  1603.  
  1604. /*---- end -----*/
  1605.  
  1606.  
  1607.  
  1608. .skills {
  1609. font-size:7px;
  1610. font-family:'Work Sans', sans-serif;
  1611. text-transform:uppercase;
  1612. text-align:justify;
  1613. line-height:100%;
  1614. letter-spacing:1px;
  1615. transition:all linear 0.15s;
  1616. }
  1617.  
  1618. #skill {
  1619. margin-bottom:8px;
  1620. padding:5px 10px 5px 10px;
  1621. border:1px solid #eee;
  1622. color:#999;
  1623. background:{color:posts};
  1624. }
  1625.  
  1626. .postcontain:hover #skill {
  1627. color:#fff;
  1628. -moz-transition:all 0.8s ease-in-out;
  1629. -webkit-transition:all 0.8s ease-in-out;
  1630. -o-transition:all 0.8s ease-in-out;
  1631. transition:all 0.8s ease-in-out;
  1632. }
  1633.  
  1634. .skill-1 {
  1635. box-shadow:inset 0px 0 0 0 #e1d2d7;
  1636. -moz-transition:all 0.8s ease-in-out;
  1637. -webkit-transition:all 0.8s ease-in-out;
  1638. -o-transition:all 0.8s ease-in-out;
  1639. transition:all 0.8s ease-in-out;
  1640. }
  1641. .skill-2 {
  1642. box-shadow:inset 0px 0 0 0 #cdb2bc;
  1643. -moz-transition:all 0.8s ease-in-out;
  1644. -webkit-transition:all 0.8s ease-in-out;
  1645. -o-transition:all 0.8s ease-in-out;
  1646. transition:all 0.8s ease-in-out;
  1647. }
  1648. .skill-3 {
  1649. box-shadow:inset 0px 0 0 0 #b893a1;
  1650. -moz-transition:all 0.8s ease-in-out;
  1651. -webkit-transition:all 0.8s ease-in-out;
  1652. -o-transition:all 0.8s ease-in-out;
  1653. transition:all 0.8s ease-in-out;
  1654. }
  1655. .skill-4 {
  1656. box-shadow:inset 0px 0 0 0 #a47486;
  1657. -moz-transition:all 0.8s ease-in-out;
  1658. -webkit-transition:all 0.8s ease-in-out;
  1659. -o-transition:all 0.8s ease-in-out;
  1660. transition:all 0.8s ease-in-out;
  1661. }
  1662.  
  1663.  
  1664. .postcontain {
  1665. display:;
  1666. position:absolute;
  1667. width:400px;
  1668. padding:0px;
  1669. top:30%;
  1670. bottom:25%;
  1671. background-color:{color:container};
  1672. margin-left:5px;
  1673. left:38%;
  1674. height:380px;
  1675. overflow:auto;
  1676. z-index:100000000000000000000000000000;
  1677. }
  1678.  
  1679. .postcontain blockquote {
  1680. border-left:3px solid {color:bold};
  1681. background-color:{color:posts};
  1682. color:{color:text};
  1683. padding:10px 15px;
  1684. margin-top:10px;
  1685. margin-bottom:10px;
  1686. }
  1687.  
  1688.  
  1689. .postcontain:hover .skill-1 {
  1690. box-shadow:inset 220px 0 0 0 #e1d2d7;
  1691. -moz-transition:all 0.8s ease-in-out;
  1692. -webkit-transition:all 0.8s ease-in-out;
  1693. -o-transition:all 0.8s ease-in-out;
  1694. transition:all 0.8s ease-in-out;
  1695. }
  1696. .postcontain:hover .skill-2 {
  1697. box-shadow:inset 180px 0 0 0 #cdb2bc;
  1698. -moz-transition:all 0.8s ease-in-out;
  1699. -webkit-transition:all 0.8s ease-in-out;
  1700. -o-transition:all 0.8s ease-in-out;
  1701. transition:all 0.8s ease-in-out;
  1702. }
  1703. .postcontain:hover .skill-3 {
  1704. box-shadow:inset 275px 0 0 0 #b893a1;
  1705. -moz-transition:all 0.8s ease-in-out;
  1706. -webkit-transition:all 0.8s ease-in-out;
  1707. -o-transition:all 0.8s ease-in-out;
  1708. transition:all 0.8s ease-in-out;
  1709. }
  1710. .postcontain:hover .skill-4 {
  1711. box-shadow:inset 155px 0 0 0 #a47486;
  1712. -moz-transition:all 0.8s ease-in-out;
  1713. -webkit-transition:all 0.8s ease-in-out;
  1714. -o-transition:all 0.8s ease-in-out;
  1715. transition:all 0.8s ease-in-out;
  1716. }
  1717.  
  1718.  
  1719. .linktitle {
  1720. position:relative;
  1721. margin-top:-14px;
  1722. margin-left:-10px;
  1723. width:100%;
  1724. height:auto;
  1725. text-align:left;
  1726. font-family:'bukhari';
  1727. color:{color:bold};
  1728. text-shadow:
  1729. 4px 0px 0 rgba(234,234,234,1.0),
  1730. 4px 1px 0 rgba(234,234,234,1.0),
  1731. 3px 2px 0 rgba(234,234,234,1.0),
  1732. 3px 3px 0 rgba(234,234,234,1.0),
  1733. 2px 3px 0 rgba(234,234,234,1.0),
  1734. 1px 4px 0 rgba(234,234,234,1.0),
  1735.  
  1736. 0px 4px 0 rgba(234,234,234,1.0),
  1737. -1px 4px 0 rgba(234,234,234,1.0),
  1738. -2px 3px 0 rgba(234,234,234,1.0),
  1739. -3px 3px 0 rgba(234,234,234,1.0),
  1740. -3px 2px 0 rgba(234,234,234,1.0),
  1741. -4px 1px 0 rgba(234,234,234,1.0),
  1742.  
  1743. -4px 0px 0 rgba(234,234,234,1.0),
  1744. -4px -1px 0 rgba(234,234,234,1.0),
  1745. -3px -2px 0 rgba(234,234,234,1.0),
  1746. -3px -3px 0 rgba(234,234,234,1.0),
  1747. -2px -3px 0 rgba(234,234,234,1.0),
  1748. -1px -4px 0 rgba(234,234,234,1.0),
  1749.  
  1750. 0px -4px 0 rgba(234,234,234,1.0),
  1751. 1px -4px 0 rgba(234,234,234,1.0),
  1752. 2px -3px 0 rgba(234,234,234,1.0),
  1753. 3px -3px 0 rgba(234,234,234,1.0),
  1754. 3px -2px 0 rgba(234,234,234,1.0),
  1755. 4px -1px 0 rgba(234,234,234,1.0);
  1756. font-size:32px;
  1757. font-weight:200;
  1758. line-height:100%;
  1759. text-transform:lowercase;
  1760. }
  1761.  
  1762.  
  1763. .linktitlebg {
  1764. position:relative;
  1765. margin-top:90px;
  1766. padding:5px;
  1767. width:350px;
  1768. height:10px;
  1769. background-color:{color:bold};
  1770. font-family:"karmilla";
  1771. font-size:11px;
  1772. color:#444;
  1773. line-height:100%;
  1774. text-align:justify;
  1775. text-transform:auto;
  1776. }
  1777.  
  1778.  
  1779. .top-bar {
  1780. position:fixed;
  1781. margin:0 0;
  1782. top:0%;
  1783. left:0%;
  1784. width:100%;
  1785. height:15px;
  1786. padding:10px 20px;
  1787. background-color:{color:posts};
  1788. {block:indexpage}
  1789. box-shadow:inset -230px 0px {color:bold};
  1790. {/block:indexpage}
  1791. {block:permalinkpage}
  1792. box-shadow:inset -275px 0px {color:bold};
  1793. {/block:permalinkpage}
  1794. border-bottom:1px solid {color:container};
  1795. }
  1796.  
  1797. .top-bar-pink {
  1798. position:fixed;
  1799. margin-top:-10px;
  1800. margin-left:-20px;
  1801. width:105px;
  1802. height:15px;
  1803. padding:10px 10px;
  1804. background-color:{color:bold};
  1805. font-family:"coco";
  1806. font-size:12px;
  1807. color:{color:posts};
  1808. text-transform:uppercase;
  1809. letter-spacing:1px;
  1810. text-align:center;
  1811.  
  1812. }
  1813.  
  1814. .top-bar-links {
  1815. position:fixed;
  1816. margin-top:-3px;
  1817. margin-left:155px;
  1818. width:auto;
  1819. height:auto;
  1820. background-color:transparent;
  1821. font-family:"karmilla";
  1822. font-size:8px;
  1823. color:{color:sidebar text};
  1824. text-transform:uppercase;
  1825. letter-spacing:1px;
  1826. text-align:center;
  1827. }
  1828.  
  1829. .top-bar-links a {
  1830. display:inline-block;
  1831. padding:5px 10px;
  1832. width:75px;
  1833. height:auto;
  1834. margin-left:10px;
  1835. margin-right:10px;
  1836. background-color:transparent;
  1837. border-bottom:2px solid {color:bold};
  1838. box-shadow:inset 0px 0 0 0 {color:bold};
  1839. color:{color:bold};
  1840. font-weight:bold;
  1841. -moz-transition:all 0.8s ease-in-out;
  1842. -webkit-transition:all 0.8s ease-in-out;
  1843. -o-transition:all 0.8s ease-in-out;
  1844. transition:all 0.8s ease-in-out;
  1845. }
  1846.  
  1847. .top-bar-links a:hover {
  1848. letter-spacing:2px;
  1849. box-shadow:inset 100px 0 0 0 {color:bold};
  1850. background-color:transparent;
  1851. border-bottom:2px solid {color:bold};
  1852. color:{color:posts};
  1853. -moz-transition:all 0.8s ease-in-out;
  1854. -webkit-transition:all 0.8s ease-in-out;
  1855. -o-transition:all 0.8s ease-in-out;
  1856. transition:all 0.8s ease-in-out;
  1857. }
  1858.  
  1859.  
  1860.  
  1861. /* ---- end ---- */
  1862.  
  1863.  
  1864. .b1{
  1865. width:350px;
  1866. padding-top:20px;
  1867. margin-bottom:10px;
  1868. font-family:"karmilla";
  1869. font-size:8px;
  1870. text-transform:uppercase;
  1871. color:{color:sidebar text};
  1872. letter-spacing:1px;
  1873. line-height:15px;
  1874. text-align:justify;
  1875. }
  1876.  
  1877. .b2{
  1878. width:350px;
  1879. font-family:"karmilla";
  1880. font-size:8px;
  1881. text-transform:uppercase;
  1882. color:{color:sidebar text};
  1883. padding-top:5px;
  1884. margin-bottom:10px;
  1885. letter-spacing:1px;
  1886. margin-top:15px;
  1887. line-height:100%;
  1888. text-align:left;
  1889. height:auto;
  1890. }
  1891.  
  1892. .b3{
  1893. width:350px;
  1894. padding-top:5px;
  1895. font-family:"karmilla";
  1896. color:{color:sidebar text};
  1897. letter-spacing:1px;
  1898. font-size:8px;
  1899. text-transform:uppercase;
  1900. margin-bottom:10px;
  1901. margin-top:15px;
  1902. line-height:100%;
  1903. text-align:left;
  1904. }
  1905.  
  1906.  
  1907.  
  1908. .fa {
  1909. display: inline-block;
  1910. font-family:FontAwesome;
  1911. font-size: 12px;
  1912. color:#000;
  1913. letter-spacing:5px;
  1914. }
  1915.  
  1916.  
  1917. .ba {
  1918. display: inline-block;
  1919. font-family:FontAwesome;
  1920. font-size: 10px;
  1921. color:#fff;
  1922. font-style:normal;
  1923. line-height:100%;
  1924. letter-spacing:5px;
  1925. }
  1926.  
  1927.  
  1928.  
  1929. /*updates from github @https://gist.github.com/Victa/1188194*/
  1930.  
  1931. #ticker {
  1932. background: {color:posts};
  1933. border:1px solid {color:container};
  1934. height: 10px;
  1935. margin: 3px auto;
  1936. font-size:8px;
  1937. font-family:"karmilla";
  1938. color:{color:sidebar text};
  1939. text-transform:uppercase;
  1940. min-width: 190px;
  1941. overflow: hidden;
  1942. padding: 1px 5px 10px 5px;
  1943. width: 160px;
  1944. }
  1945. #ticker p {
  1946. float: left;
  1947. font-weight: bold;
  1948. padding-left: 10px;
  1949. }
  1950. #ticker a {
  1951. color: {color:sidebar text};
  1952. text-decoration: none;
  1953. }
  1954. #ticker ul {
  1955. float: left;
  1956. width:175px;
  1957. margin:0 10px;
  1958. padding: 0 10px 0 0;
  1959. text-align:right;
  1960. list-style-type:none;
  1961. -webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1962. -moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1963. animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  1964. }
  1965. #ticker li {
  1966. line-height: 20px;
  1967. margin: 0 0 10px -7px;
  1968. padding: 0;
  1969. list-style-type:none;
  1970. }
  1971.  
  1972. #ticker ul li:before {
  1973. content:'';
  1974. top:2px;
  1975. color:{color:sidebar text};
  1976. left:10px;
  1977. font-size:8px;
  1978. position:absolute;
  1979. display:block;
  1980. font-family:sans-serif;
  1981. }
  1982.  
  1983. /* Animation */
  1984.  
  1985. @-webkit-keyframes ticker {
  1986. 0% {margin-top: -5;}
  1987. 25% {margin-top: -30px;}
  1988. 50% {margin-top: -60px;}
  1989. 75% {margin-top: -91px;}
  1990. 100% {margin-top: -100;}
  1991. }
  1992. @-moz-keyframes ticker {
  1993. 0% {margin-top: -5;}
  1994. 25% {margin-top: -30px;}
  1995. 50% {margin-top: -60px;}
  1996. 75% {margin-top: -91px;}
  1997. 100% {margin-top: -100;}
  1998. }
  1999. @keyframes ticker {
  2000. 0% {margin-top: -5;}
  2001. 25% {margin-top: -30px;}
  2002. 50% {margin-top: -60px;}
  2003. 75% {margin-top: -91px;}
  2004. 100% {margin-top: -100;}
  2005. }
  2006.  
  2007.  
  2008.  
  2009. .cred {
  2010. position:fixed;
  2011. bottom:1%;
  2012. right:1%;
  2013. width:30px;
  2014. height:30px;
  2015. padding:0;
  2016. }
  2017.  
  2018. .cred img {
  2019. width:100%;
  2020. }
  2021.  
  2022.  
  2023. /* About Click */
  2024.  
  2025. #about {
  2026. position: fixed;
  2027. margin-top:-30px;/*should be -30*/
  2028. width:450px;
  2029. height:548px;
  2030. margin-left:725px;/*should be 725*/
  2031. font:10px "karmilla";
  2032. padding: 5px;
  2033. background-color:{color:posts};
  2034. border:1px solid {color:container};
  2035. color:{color:sidebar Text};
  2036. }
  2037.  
  2038. .inner-about {
  2039. position:fixed;
  2040. margin-top:40px;
  2041. margin-left:10px;
  2042. width:440px;
  2043. padding-right:0px;
  2044. height:500px;
  2045. overflow:auto;
  2046. background-color:transparent;
  2047. }
  2048.  
  2049. .themes {
  2050. position:relative;
  2051. width:180px;
  2052. height:115px;
  2053. padding:0;
  2054. display:inline-block;
  2055. margin-right:10px;
  2056. margin-left:10px;
  2057. margin-top:10px;
  2058. margin-bottom:10px;
  2059. background-color:{color:container};
  2060. border:5px solid {color:container};
  2061. }
  2062.  
  2063. .themes img {
  2064. width:100%;
  2065. }
  2066.  
  2067.  
  2068. .themes-title {
  2069. position:fixed;
  2070. margin-top:0px;
  2071. margin-left:0px;
  2072. width:430px;
  2073. height:auto;
  2074. font-family:"coco";
  2075. font-size:15px;
  2076. color:{color:posts};
  2077. background-color:{color:bold};
  2078. padding:5px 10px;
  2079. text-align:center;
  2080. text-transform:uppercase;
  2081. letter-spacing:1px;
  2082. }
  2083.  
  2084.  
  2085. .theme-content-title {
  2086. position:absolute;
  2087. margin-top:5px;
  2088. margin-left:0px;
  2089. width:147px;
  2090. height:auto;
  2091. padding:5px 10px;
  2092. background-color:{color:posts};
  2093. border:1px solid {color:container};
  2094. color:{color:text};
  2095. font-family:"karmilla";
  2096. font-size:8px;
  2097. text-transform:uppercase;
  2098. text-align:center;
  2099. letter-spacing:1px;
  2100. }
  2101.  
  2102. .theme-content {
  2103. position:absolute;
  2104. margin-left:0px;
  2105. margin-top:0px;
  2106. width:170px;
  2107. height:105px;
  2108. padding:5px;
  2109. background-color:{color:container};
  2110. opacity:0;
  2111. z-index:99999999999999999999999999999;
  2112. -moz-transition:all 0.8s ease-in-out;
  2113. -webkit-transition:all 0.8s ease-in-out;
  2114. -o-transition:all 0.8s ease-in-out;
  2115. transition:all 0.8s ease-in-out;
  2116. }
  2117.  
  2118. .themes:hover .theme-content {
  2119. opacity:.9;
  2120. -moz-transition:all 0.8s ease-in-out;
  2121. -webkit-transition:all 0.8s ease-in-out;
  2122. -o-transition:all 0.8s ease-in-out;
  2123. transition:all 0.8s ease-in-out;
  2124. }
  2125.  
  2126.  
  2127. .theme-links {
  2128. position:absolute;
  2129. margin-top:33px;
  2130. margin-left:23px;
  2131. padding:0;
  2132. background-color:transparent;
  2133. width:auto;
  2134. height:auto;
  2135. }
  2136.  
  2137. .theme-links a {
  2138. display:block;
  2139. opacity:1!important;
  2140. width:100px;
  2141. height:auto;
  2142. line-height:100%;
  2143. font-family:"karmilla";
  2144. font-size:8px;
  2145. font-style:none;
  2146. text-align:center;
  2147. color:{color:posts};
  2148. text-transform:uppercase;
  2149. background-color:{color:bold};
  2150. margin-top:4px;
  2151. margin-left:5px;
  2152. padding:5px;
  2153. border:1px solid {color:bold};
  2154.  
  2155. }
  2156.  
  2157. .theme-links a:hover {
  2158. color:{color:bold};
  2159. background-color:{color:posts};
  2160. border:1px solid {color:container};
  2161. }
  2162.  
  2163.  
  2164.  
  2165. /* Popup box BEGIN */
  2166.  
  2167.  
  2168. .hover_bkgr_fricc{
  2169. background:transparent;
  2170. cursor:pointer;
  2171. display:none;
  2172. height:100%;
  2173. position:fixed;
  2174. text-align:center;
  2175. top:0;
  2176. width:100%;
  2177. z-index:10000;
  2178. -moz-transition:all 0.8s ease-in-out;
  2179. -webkit-transition:all 0.8s ease-in-out;
  2180. -o-transition:all 0.8s ease-in-out;
  2181. transition:all 0.8s ease-in-out;
  2182. }
  2183. .hover_bkgr_fricc .helper{
  2184. display:inline-block;
  2185. height:100%;
  2186. vertical-align:middle;
  2187. -moz-transition:all 0.8s ease-in-out;
  2188. -webkit-transition:all 0.8s ease-in-out;
  2189. -o-transition:all 0.8s ease-in-out;
  2190. transition:all 0.8s ease-in-out;
  2191. }
  2192. .hover_bkgr_fricc > div {
  2193. background-color:{color:posts};
  2194. border:1px solid {color:container};
  2195. margin-left:600px;
  2196. display: inline-block;
  2197. height: auto;
  2198. max-width: 551px;
  2199. min-height: 100px;
  2200. vertical-align: center;
  2201. width: 222px;
  2202. position: relative;
  2203. padding: 15px 15px;
  2204. -moz-transition:all 0.8s ease-in-out;
  2205. -webkit-transition:all 0.8s ease-in-out;
  2206. -o-transition:all 0.8s ease-in-out;
  2207. transition:all 0.8s ease-in-out;
  2208. }
  2209. .popupCloseButton {
  2210. background-color: {color:posts};
  2211. border-radius: 100em;
  2212. cursor: pointer;
  2213. display: inline-block;
  2214. font-family: "karmilla";
  2215. font-weight: bold;
  2216. position: absolute;
  2217. top: 2px;
  2218. right: 2px;
  2219. font-size: 8px;
  2220. line-height:15px;
  2221. width: 15px;
  2222. height: 15px;
  2223. text-align: center;
  2224. -moz-transition:all 0.8s ease-in-out;
  2225. -webkit-transition:all 0.8s ease-in-out;
  2226. -o-transition:all 0.8s ease-in-out;
  2227. transition:all 0.8s ease-in-out;
  2228. }
  2229. .popupCloseButton:hover {
  2230. background-color: {color:bold};
  2231. color:{color:posts};
  2232. -moz-transition:all 0.8s ease-in-out;
  2233. -webkit-transition:all 0.8s ease-in-out;
  2234. -o-transition:all 0.8s ease-in-out;
  2235. transition:all 0.8s ease-in-out;
  2236. }
  2237. .trigger_popup_fricc {
  2238. cursor: pointer;
  2239. font-family:"karmilla";
  2240. font-size: 8px;
  2241. display: inline-block;
  2242. font-weight: bold;
  2243. -moz-transition:all 0.8s ease-in-out;
  2244. -webkit-transition:all 0.8s ease-in-out;
  2245. -o-transition:all 0.8s ease-in-out;
  2246. transition:all 0.8s ease-in-out;
  2247. }
  2248.  
  2249.  
  2250. .trigger-links {
  2251. position:absolute;
  2252. margin-top:10px;
  2253. margin-left:0px;
  2254. height:auto;
  2255. width:auto;
  2256. background:transparent;
  2257. }
  2258.  
  2259. .trigger-links a {
  2260. display:block;
  2261. width:200px;
  2262. height:auto;
  2263. margin-top:2px;
  2264. margin-bottom:2px;
  2265. padding:5px 10px;
  2266. background-color:{color:bold};
  2267. border:1px solid {color:bold};
  2268. font-family:"karmilla";
  2269. font-size:8px;
  2270. text-transform:uppercase;
  2271. letter-spacing:1px;
  2272. color:{color:posts};
  2273. -moz-transition:all 0.8s ease-in-out;
  2274. -webkit-transition:all 0.8s ease-in-out;
  2275. -o-transition:all 0.8s ease-in-out;
  2276. transition:all 0.8s ease-in-out;
  2277. }
  2278.  
  2279. .trigger-links a:hover {
  2280. color:{color:bold};
  2281. background-color:{color:posts};
  2282. border:1px solid {color:container};
  2283. -moz-transition:all 0.8s ease-in-out;
  2284. -webkit-transition:all 0.8s ease-in-out;
  2285. -o-transition:all 0.8s ease-in-out;
  2286. transition:all 0.8s ease-in-out;
  2287. }
  2288.  
  2289.  
  2290.  
  2291.  
  2292. /* Popup box END */
  2293.  
  2294.  
  2295.  
  2296.  
  2297.  
  2298.  
  2299. /* Dropdown Button */
  2300. .dropbtn {
  2301. cursor: pointer;
  2302. padding:5px 10px;
  2303. width:95px;
  2304. height:auto;
  2305. margin-left:10px;
  2306. margin-right:10px;
  2307. background-color:{color:bold};
  2308. border-bottom:2px solid {color:bold};
  2309. border-top:0;
  2310. border-left:0;
  2311. border-right:0;
  2312. color:{color:posts};
  2313. font-weight:bold;
  2314. font-family:"karmilla";
  2315. font-size:8px;
  2316. text-transform:uppercase;
  2317. letter-spacing:1px;
  2318. -moz-transition:all 0.8s ease-in-out;
  2319. -webkit-transition:all 0.8s ease-in-out;
  2320. -o-transition:all 0.8s ease-in-out;
  2321. transition:all 0.8s ease-in-out;
  2322. }
  2323.  
  2324. /* Dropdown button on hover & focus */
  2325. .dropbtn:hover, .dropbtn:focus {
  2326. background-color: {color:posts};
  2327. border-bottom:2px solid {color:posts};
  2328. color:{color:bold};
  2329. outline:0;
  2330. letter-spacing:2px;
  2331. -moz-transition:all 0.8s ease-in-out;
  2332. -webkit-transition:all 0.8s ease-in-out;
  2333. -o-transition:all 0.8s ease-in-out;
  2334. transition:all 0.8s ease-in-out;
  2335. }
  2336.  
  2337. /* The container <div> - needed to position the dropdown content */
  2338. .dropdown {
  2339. position: relative;
  2340. display: inline-block;
  2341. }
  2342.  
  2343. /* Dropdown Content (Hidden by Default) */
  2344. .dropdown-content {
  2345. display: none;
  2346. position: absolute;
  2347. margin-top:7px;
  2348. background-color:{color:posts};
  2349. border:1px solid {color:container};
  2350. min-width: 160px;
  2351. z-index: 1;
  2352. }
  2353.  
  2354. /* Links inside the dropdown */
  2355. .dropdown-content a {
  2356. padding:5px 10px;
  2357. width:120px;
  2358. height:auto;
  2359. margin-top:5px;
  2360. margin-bottom:5px;
  2361. background-color:transparent;
  2362. border-bottom:2px solid {color:bold};
  2363. box-shadow:inset 0px 0 0 0 {color:bold};
  2364. color:{color:bold};
  2365. font-weight:bold;
  2366. -moz-transition:all 0.8s ease-in-out;
  2367. -webkit-transition:all 0.8s ease-in-out;
  2368. -o-transition:all 0.8s ease-in-out;
  2369. transition:all 0.8s ease-in-out;
  2370. display: block;
  2371. }
  2372.  
  2373. /* Change color of dropdown links on hover */
  2374. .dropdown-content a:hover {
  2375. letter-spacing:2px;
  2376. box-shadow:inset 160px 0 0 0 {color:bold};
  2377. background-color:transparent;
  2378. border-bottom:2px solid {color:bold};
  2379. color:{color:posts};
  2380. -moz-transition:all 0.8s ease-in-out;
  2381. -webkit-transition:all 0.8s ease-in-out;
  2382. -o-transition:all 0.8s ease-in-out;
  2383. transition:all 0.8s ease-in-out;
  2384. }
  2385.  
  2386. /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  2387. .show {display:block;}
  2388.  
  2389.  
  2390.  
  2391.  
  2392. .faqs {
  2393. margin-top:30px;
  2394. position:relative;
  2395. }
  2396.  
  2397.  
  2398.  
  2399.  
  2400.  
  2401.  
  2402.  
  2403. {CustomCSS}
  2404. </style>
  2405.  
  2406.  
  2407.  
  2408.  
  2409.  
  2410. <link rel="shortcut icon" href="{Favicon}">
  2411. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  2412.  
  2413.  
  2414. <!----- main tabs ------>
  2415.  
  2416. <script>
  2417. jQuery(document).ready(function() {
  2418. jQuery('.tabs .tab-links a').on('click', function(e) {
  2419. var currentAttrValue = jQuery(this).attr('href');
  2420.  
  2421. // Show/Hide Tabs
  2422. jQuery('.tabs ' + currentAttrValue).fadeIn(400).siblings().hide();
  2423.  
  2424. // Change/remove current tab to active
  2425. jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
  2426.  
  2427. e.preventDefault();
  2428. });
  2429. });
  2430.  
  2431. </script>
  2432.  
  2433.  
  2434.  
  2435.  
  2436.  
  2437.  
  2438.  
  2439. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2440. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2441. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2442.  
  2443.  
  2444. <script>
  2445. $(document).ready(function(){
  2446. $('.photo-slideshow').pxuPhotoset({
  2447. lightbox: true,
  2448. rounded: false,
  2449. gutter: '5px',
  2450. borderRadius: '5px',
  2451. photoset: '.photo-slideshow',
  2452. photoWrap: '.photo-data',
  2453. photo: '.pxu-photo'
  2454. });
  2455. });
  2456. </script>
  2457.  
  2458.  
  2459.  
  2460.  
  2461.  
  2462.  
  2463.  
  2464.  
  2465. </head>
  2466.  
  2467. <body>
  2468.  
  2469.  
  2470. <div class="top-bar">
  2471.  
  2472. <div class="top-bar-pink"> more </div>
  2473.  
  2474. <div class="top-bar-links">
  2475.  
  2476. <a href="/" title="link">pages</a>
  2477. <a href="/" title="link">tutorials</a>
  2478. <a href="/" title="link">resources</a>
  2479. <a href="/" title="link">music</a>
  2480. <a href="/" title="link">projects</a>
  2481. <a href="/" title="link">suggestions</a>
  2482. <a href="/" title="link">personal</a>
  2483. <a href="/" title="link">feedback</a>
  2484. <a href="/" title="link">fonts</a>
  2485. <a class="trigger_popup_fricc" style="display:none;">affiliates</a>
  2486.  
  2487. <div class="dropdown">
  2488. <button onclick="myFunction()" class="dropbtn" title="click here">affiliates</button>
  2489. <div id="myDropdown" class="dropdown-content">
  2490. <a href="#">Link 1</a>
  2491. <a href="#">Link 2</a>
  2492. <a href="#">Link 3</a>
  2493. <a href="#">Link 4</a>
  2494. <a href="#">Link 5</a>
  2495. <a href="#">Link 6</a>
  2496. </div>
  2497. </div>
  2498.  
  2499.  
  2500.  
  2501.  
  2502.  
  2503.  
  2504. </div>
  2505.  
  2506.  
  2507. </div>
  2508.  
  2509.  
  2510.  
  2511. <div id="sidebar">
  2512.  
  2513. <div class="box">
  2514.  
  2515. <i>phrase;</i> /kay-few-z'd/ — kpop infused themes, layouts, resources, and rp help!
  2516.  
  2517. </div>
  2518.  
  2519. <div class="sidebar-header">Kfuzedthemes</div>
  2520. <div class="sidebar-header" style="color:#fff;margin-left:3px;display:none;">★Kfuzedthemes★</div>
  2521.  
  2522.  
  2523.  
  2524.  
  2525.  
  2526. </div>
  2527.  
  2528.  
  2529.  
  2530.  
  2531.  
  2532.  
  2533.  
  2534.  
  2535.  
  2536.  
  2537. <div id="entries">
  2538.  
  2539.  
  2540. {block:Posts}
  2541. <div id="post">
  2542.  
  2543.  
  2544.  
  2545.  
  2546. {block:IndexPage}
  2547. <div id="permalink">
  2548.  
  2549.  
  2550.  
  2551.  
  2552. <span style="text-align:right; float:right; border-left:1px solid
  2553. {color:posts}; padding-left:5px;padding-right:5px;"><a href="{ReblogURL}" target="_blank">REBLOG</a> </span>
  2554.  
  2555. {block:Date}<span style="text-align:right; float:left; padding-left:5px; padding-right:5px;border-right:1px solid
  2556. {color:posts};"><a href="{Permalink}" title="{TimeAgo}"> ●●●</a></span>{/block:Date}
  2557.  
  2558. {block:RebloggedFrom}
  2559. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">via</a>
  2560. ⋆ <a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">src</a>
  2561. {/block:RebloggedFrom}
  2562.  
  2563.  
  2564. <span class="like_button">{LikeButton size="13" color="white"}</span>
  2565.  
  2566.  
  2567.  
  2568.  
  2569. </br>
  2570.  
  2571.  
  2572.  
  2573. </div>
  2574. {/block:IndexPage}
  2575.  
  2576.  
  2577.  
  2578.  
  2579.  
  2580.  
  2581.  
  2582. {block:Text}
  2583. {block:Title}
  2584. <div class="posttitle">{Title}</div>
  2585. {/block:Title}
  2586. {Body}
  2587. {/block:Text}
  2588.  
  2589. {block:Link}
  2590. <div class="posttitle">
  2591. <a href="{URL}">{Name}</a>
  2592. </div>
  2593. {block:Description}{Description}{/block:Description}
  2594. {/block:Link}
  2595.  
  2596. {block:Photo}
  2597. <center>
  2598. {LinkOpenTag}
  2599. <a href="{permalink}">
  2600. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"></a>
  2601. {LinkCloseTag}
  2602. </center>
  2603. {block:Caption}<div class="captions">
  2604. {Caption}
  2605. </div>{/block:Caption}
  2606. {block:ContentSource}
  2607. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2608. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2609. {/block:SourceLogo}
  2610. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2611. {/block:ContentSource}
  2612. {block:ReblogParentURL}
  2613. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2614. {/block:ReblogParentURL}
  2615. {/block:Photo}
  2616.  
  2617. {block:Photoset}
  2618. <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>
  2619. {block:Caption}
  2620.  
  2621. <div class="captions">
  2622. {Caption}
  2623. </div>
  2624.  
  2625. {/block:Caption}
  2626. {/block:Photoset}
  2627.  
  2628. {block:Quote}
  2629. <div class="quotes">
  2630. {Quote}
  2631. </div>
  2632. {block:Source}
  2633. <div class="source">
  2634. <b>spoken by </b>- {Source}
  2635. </div>
  2636. {/block:Source}
  2637. {/block:Quote}
  2638.  
  2639. {block:Chat}
  2640. {block:Title}<div class="posttitle">{Title}</div> {/block:Title}
  2641. <div class="chat">
  2642. {block:Lines}
  2643. <div class="{Alt}">
  2644. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div>
  2645. {/block:Lines}</div>
  2646. {/block:Chat}
  2647.  
  2648. <!----- Audio ----->
  2649. {block:Audio}
  2650. <div class="album">
  2651. {block:AlbumArt}
  2652. <img src="{AlbumArtURL}">
  2653. {/block:AlbumArt}
  2654. </div>
  2655. {block:AudioPlayer}
  2656. <div class="player">
  2657. <div class="player2">
  2658. {AudioPlayerWhite}
  2659. </div>
  2660. </div>
  2661. {/block:AudioPlayer}
  2662. <div class="track">
  2663. {block:TrackName}<span style="padding-bottom:3px;border-bottom:1px solid {color:container};width:100%;"><i style="color:{color:posts};font-size:8px;margin-bottom:4px;background-color:{color:permalink background};padding:3px;margin-bottom:-3px;" class="fa fa-music" aria-hidden="true"></i> {TrackName}</span><br>{/block:TrackName}
  2664. {block:Artist}<span style="padding-bottom:3px; border-bottom:1px solid {color:container};width:100%;"><i style="color:{color:posts};font-size:8px;margin-bottom:4px;margin-top:4px;background-color:{color:permalink background};padding:3px;margin-bottom:-3px;" class="fa fa-user-o" aria-hidden="true"></i> {Artist}</span><br>{/block:Artist}
  2665. {block:Album}<span style="padding-bottom:3px; border-bottom:1px solid {color:container};width:100%;"><i style="color:{color:posts};font-size:8px;margin-top:4px;background-color:{color:permalink background};padding:3px 3px 3px 4px;margin-bottom:-3px;" class="fa fa-bookmark-o" aria-hidden="true"></i> {Album}</span>{/block:Album}</div>
  2666.  
  2667.  
  2668. {block:Caption}
  2669. {block:indexpage}
  2670. <div class="captions">
  2671. {Caption}
  2672. </div>
  2673. {/block:indexpage}
  2674. {block:permalinkpage}
  2675. <div class="captions">
  2676. {Caption}
  2677. </div>
  2678. {/block:permalinkpage}
  2679. {/block:Caption}
  2680. {/block:Audio}
  2681.  
  2682. <!----- Videos ----->
  2683.  
  2684.  
  2685. {block:Video}
  2686. <div class="video">
  2687. {Video-400}
  2688. </div>
  2689.  
  2690. {block:Caption}
  2691. {block:indexpage}
  2692. <div class="captions">
  2693. {Caption}
  2694. </div>
  2695. {/block:indexpage}
  2696. {block:permalinkpage}
  2697. <div class="captions">
  2698. {Caption}
  2699. </div>
  2700. {/block:permalinkpage}
  2701. {/block:Caption}
  2702.  
  2703.  
  2704.  
  2705. {/block:Video}
  2706.  
  2707.  
  2708.  
  2709.  
  2710.  
  2711. <!----- Asks ----->
  2712. {block:Answer}
  2713. <div class="asks">
  2714. <div class="askers">{Asker} <span style="color:{color:sidebar text};">mused</span></div>
  2715. {Question}</div>
  2716. {Answer}
  2717. {/block:Answer}
  2718.  
  2719.  
  2720.  
  2721.  
  2722. {block:IndexPage}
  2723. {block:HasTags}
  2724. <div id="permalink" style="margin-bottom:0px;margin-top:20px;text-align:left;padding:5px 5px;">
  2725.  
  2726. <span style="padding:1px 5px;background-color:{color:posts};color:{color:bold};">filed:</span>
  2727. {block:Tags} <a href="{TagURL}"> <i style="color:{color:posts};font-size:8px;" class="fa fa-tags" aria-hidden="true"></i>{Tag}&nbsp;</a>
  2728. {/block:Tags}
  2729.  
  2730. </div>
  2731. {/block:HasTags}
  2732. {/block:IndexPage}
  2733.  
  2734.  
  2735.  
  2736.  
  2737. {block:permalinkpage}
  2738. <div id="permalink" style="margin-bottom:0px;margin-top:20px;text-align:left;padding:5px 5px;">
  2739.  
  2740.  
  2741. {block:Date}<span style="text-align:right; float:left; padding-left:5px; padding-right:5px;"><i style="color:{color:posts};font-size:8px;" class="fa fa-table" aria-hidden="true"></i> date: {DayOfMonthWithZero}{MonthNumberWithZero}{Year}</span> <span style="text-align:right; float:right; padding-left:5px; padding-right:5px;"><i style="color:{color:posts};font-size:8px;" class="fa fa-commenting" aria-hidden="true"></i> {NoteCountWithLabel}</span>{/block:Date}
  2742.  
  2743.  
  2744. </br>
  2745.  
  2746.  
  2747. </div>
  2748. {/block:permalinkpage}
  2749.  
  2750.  
  2751.  
  2752. {block:permalinkpage}
  2753. <div id="permalink" style="margin-bottom:0px;margin-top:10px;text-align:center;padding:5px 5px;">
  2754.  
  2755. <span style="text-align:left;float:left;padding-left:5px;padding-right:5px;">{block:RebloggedFrom}<i style="color:{color:posts};font-size:8px;" class="fa fa-user" aria-hidden="true"></i>
  2756. <a href="{ReblogParentURL}" target="_blank">via : {ReblogParentName}</a>
  2757. </span> <span style="text-align:right;float:right;padding-left:5px;padding-right:5px;"><i style="color:{color:posts};font-size:8px;" class="fa fa-user-o" aria-hidden="true"></i> <a href="{ReblogRootURL}" target="_blank">src : {ReblogRootName}</a>
  2758. {/block:RebloggedFrom}</span>
  2759.  
  2760.  
  2761. </br>
  2762.  
  2763.  
  2764. </div>
  2765. {/block:permalinkpage}
  2766.  
  2767.  
  2768.  
  2769.  
  2770. {block:permalinkpage}
  2771. {block:HasTags}
  2772. <div id="permalink" style="margin-bottom:0px;margin-top:10px;text-align:left;padding:5px 5px;">
  2773.  
  2774. <span style="padding:1px 5px;background-color:{color:posts};color:{color:bold};">filed:</span>
  2775. {block:Tags} <a href="{TagURL}"> <i style="color:{color:posts};font-size:8px;" class="fa fa-tags" aria-hidden="true"></i><font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  2776. {/block:Tags}
  2777.  
  2778. </div>
  2779. {/block:HasTags}
  2780. {/block:permalinkpage}
  2781.  
  2782.  
  2783.  
  2784. {block:PostNotes}
  2785. <div class="notesep"></div>
  2786. <div class="notes" style="font-size:8px;">
  2787. {PostNotes}
  2788. </div>
  2789. {/block:PostNotes}
  2790.  
  2791.  
  2792.  
  2793.  
  2794.  
  2795. </div>
  2796.  
  2797.  
  2798.  
  2799. {/block:Posts}
  2800.  
  2801.  
  2802.  
  2803.  
  2804.  
  2805. </div>
  2806.  
  2807. </div>
  2808.  
  2809.  
  2810.  
  2811.  
  2812. <div id="sidebar-left">
  2813.  
  2814.  
  2815.  
  2816.  
  2817. <div class="pagination">
  2818. {block:Pagination}
  2819. {block:PreviousPage}
  2820. <a href="{PreviousPage}" title="back" style="float:left;">backward</a>
  2821. {/block:PreviousPage}
  2822. {block:NextPage}
  2823. <a href="{NextPage}" title="next">forward</a>
  2824. {/block:NextPage}
  2825. {/block:Pagination}
  2826. </div>
  2827.  
  2828.  
  2829.  
  2830.  
  2831.  
  2832.  
  2833. <!-------MUSIC PLAYER BY GLENTHEMES------->
  2834. <div class="glenjams-06">
  2835. <div class="pasta">
  2836. <div class="vinyl"></div>
  2837. <div class="music-controls">
  2838. <div class="playy"><i data-feather="play"></i></div>
  2839. <div class="pausee"><i data-feather="pause"></i></div>
  2840. </div>
  2841. <div class="music-title">yezi - home </div>
  2842.  
  2843. <audio id="audio" src="https://dl.dropbox.com/s/kvq6h56dwd514ot/yezi%20home.mp3" type="audio"></audio>
  2844. </div><!--pasta-->
  2845. </div><!--glenjams-06-->
  2846. <!----end music player---->
  2847.  
  2848. <div class="sidebar-music"></div>
  2849.  
  2850.  
  2851. <div class="links">
  2852. <a href="/"> <i style="color:{color:bold};font-size:8px;" class="fa fa-home" aria-hidden="true"></i> refresh</a>
  2853. <a href="/ask"> <i style="color:{color:bold};font-size:8px;" class="fa fa-envelope" aria-hidden="true"></i> message</a>
  2854. <a href="/submit"> <i style="color:{color:bold};font-size:8px;" class="fa fa-certificate" aria-hidden="true"></i> submissions</a>
  2855. <a href="/"> <i style="color:{color:bold};font-size:8px;" class="fa fa-bars" aria-hidden="true"></i> navigation</a>
  2856. <a href="/"> <i style="color:{color:bold};font-size:8px;" class="fa fa-copyright" aria-hidden="true"></i> credits </a>
  2857. <a id="clickbutton" class="t" style="cursor:pointer;"><span class="t" title="Click for More">revamped ga themes</span><span class="t" style="display:none">click to close</span></a>
  2858. </div>
  2859.  
  2860.  
  2861. <div class="esta-sidebar-three" style="margin-top:273px;padding:6px 20.5px;background-color:{color:bold};border:1px solid {color:bold};">
  2862.  
  2863. navigation
  2864.  
  2865. </div>
  2866.  
  2867.  
  2868.  
  2869. <div class="esta-sidebar-three" style="margin-top:223px;padding:6px 20.5px;background-color:{color:bold};border:1px solid {color:bold};">
  2870.  
  2871. updates
  2872.  
  2873. </div>
  2874.  
  2875.  
  2876.  
  2877. <div class="esta-sidebar-three" style="margin-top:448px;padding:6px 20.5px;background-color:{color:bold};border:1px solid {color:bold};">
  2878.  
  2879. &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;donations?
  2880.  
  2881. </div>
  2882.  
  2883. <div class="links2" style="margin-top:470px;">
  2884. <a href="https://ko-fi.com/kfuzed" title="Help support a small creator!"> <i style="color:{color:bold};font-size:8px;" class="fa fa-coffee" aria-hidden="true"></i> buy me a coffee?</a>
  2885.  
  2886.  
  2887. </div>
  2888.  
  2889.  
  2890.  
  2891. <div class="esta-sidebar-three" style="margin-top:491px;margin-left:64px;width:135px;padding:3px 0px 3px 5px;background-color:{color:bold};border:1px solid {color:bold};">
  2892.  
  2893. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5631965";
  2894. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  2895. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  2896. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  2897. </script> of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3345874";
  2898. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  2899. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  2900. </script> ⌑ © kfuzed 2020
  2901.  
  2902. </div>
  2903.  
  2904.  
  2905.  
  2906. <div style="position:fixed;margin-left:4px;margin-top:245px;">
  2907. <div id="ticker">
  2908. <ul>
  2909. <li><a href="#"> march 30th - grand reopening </a></li>
  2910. <li><a href="#"> april 6th - re-released content </a></li>
  2911. <li><a href="#"> april 7th - code fixes </a></li>
  2912. <li><a href="#"> date - update </a></li>
  2913. <li><a href="#"> date - update </a></li>
  2914. </ul>
  2915. </div>
  2916. </div>
  2917.  
  2918.  
  2919.  
  2920.  
  2921. <div class="esta-sidebar-image"><img src="https://i.imgur.com/EZA7bPt.png"/></div>
  2922.  
  2923.  
  2924.  
  2925. <div class="esta-sidebar">
  2926.  
  2927. welcome to kfuzed!</br><br>
  2928. formerly known as <b><i>galaxias themes</i></b>, I've made my return (better late than never) with the intention to bring the (k)rp community & others customizable themes, rp help, and resources.
  2929.  
  2930.  
  2931.  
  2932.  
  2933. </div>
  2934.  
  2935.  
  2936.  
  2937.  
  2938.  
  2939. <div class="esta-sidebar-two">
  2940.  
  2941. <b> liv. 28. cali. she/her.</b></br><br>
  2942. a semi-decent coder who hasn't coded a lick since 2016.</br>
  2943. <i>let's see how this goes.</i>
  2944.  
  2945. </div>
  2946.  
  2947.  
  2948.  
  2949.  
  2950.  
  2951.  
  2952.  
  2953.  
  2954. <div id="about">
  2955.  
  2956. <div class="themes-title">revamped</div>
  2957.  
  2958. <div class="inner-about">
  2959.  
  2960.  
  2961. <!--- theme --->
  2962.  
  2963. <div class="themes">
  2964.  
  2965. <div class="theme-content">
  2966.  
  2967. <div class="theme-content-title"># name of theme</div>
  2968.  
  2969. <div class="theme-links">
  2970. <a href="/">preview</a>
  2971. <a href="/">download</a>
  2972. </div>
  2973.  
  2974.  
  2975. </div>
  2976.  
  2977. <img src="https://i.imgur.com/QyaeAAH.png"/>
  2978. </div>
  2979.  
  2980.  
  2981. <!--- theme --->
  2982.  
  2983. <div class="themes">
  2984.  
  2985. <div class="theme-content">
  2986.  
  2987. <div class="theme-content-title"># name of theme</div>
  2988.  
  2989. <div class="theme-links">
  2990. <a href="/">preview</a>
  2991. <a href="/">download</a>
  2992. </div>
  2993.  
  2994. </div>
  2995.  
  2996. <img src="https://i.imgur.com/QyaeAAH.png"/>
  2997. </div>
  2998.  
  2999.  
  3000. <!--- theme --->
  3001.  
  3002. <div class="themes">
  3003.  
  3004. <div class="theme-content">
  3005.  
  3006. <div class="theme-content-title"># name of theme</div>
  3007.  
  3008. <div class="theme-links">
  3009. <a href="/">preview</a>
  3010. <a href="/">download</a>
  3011. </div>
  3012.  
  3013. </div>
  3014.  
  3015. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3016. </div>
  3017.  
  3018.  
  3019. <!--- theme --->
  3020.  
  3021. <div class="themes">
  3022.  
  3023. <div class="theme-content">
  3024.  
  3025. <div class="theme-content-title"># name of theme</div>
  3026.  
  3027. <div class="theme-links">
  3028. <a href="/">preview</a>
  3029. <a href="/">download</a>
  3030. </div>
  3031.  
  3032. </div>
  3033.  
  3034. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3035. </div>
  3036.  
  3037.  
  3038. <!--- theme --->
  3039.  
  3040. <div class="themes">
  3041.  
  3042. <div class="theme-content">
  3043.  
  3044. <div class="theme-content-title"># name of theme</div>
  3045.  
  3046. <div class="theme-links">
  3047. <a href="/">preview</a>
  3048. <a href="/">download</a>
  3049. </div>
  3050.  
  3051. </div>
  3052.  
  3053. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3054. </div>
  3055.  
  3056.  
  3057. <!--- theme --->
  3058.  
  3059. <div class="themes">
  3060.  
  3061. <div class="theme-content">
  3062.  
  3063. <div class="theme-content-title"># name of theme</div>
  3064.  
  3065. <div class="theme-links">
  3066. <a href="/">preview</a>
  3067. <a href="/">download</a>
  3068. </div>
  3069.  
  3070.  
  3071. </div>
  3072.  
  3073. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3074. </div>
  3075.  
  3076.  
  3077. <!--- theme --->
  3078.  
  3079. <div class="themes">
  3080.  
  3081. <div class="theme-content">
  3082.  
  3083. <div class="theme-content-title"># name of theme</div>
  3084.  
  3085. <div class="theme-links">
  3086. <a href="/">preview</a>
  3087. <a href="/">download</a>
  3088. </div>
  3089.  
  3090.  
  3091. </div>
  3092.  
  3093. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3094. </div>
  3095.  
  3096.  
  3097. <!--- theme --->
  3098.  
  3099. <div class="themes">
  3100.  
  3101. <div class="theme-content">
  3102.  
  3103. <div class="theme-content-title"># name of theme</div>
  3104.  
  3105. <div class="theme-links">
  3106. <a href="/">preview</a>
  3107. <a href="/">download</a>
  3108. </div>
  3109.  
  3110.  
  3111. </div>
  3112.  
  3113. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3114. </div>
  3115.  
  3116.  
  3117. <!--- theme --->
  3118.  
  3119. <div class="themes">
  3120.  
  3121. <div class="theme-content">
  3122.  
  3123. <div class="theme-content-title"># name of theme</div>
  3124.  
  3125. <div class="theme-links">
  3126. <a href="/">preview</a>
  3127. <a href="/">download</a>
  3128. </div>
  3129.  
  3130.  
  3131. </div>
  3132.  
  3133. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3134. </div>
  3135.  
  3136.  
  3137. <!--- theme --->
  3138.  
  3139. <div class="themes">
  3140.  
  3141. <div class="theme-content">
  3142.  
  3143. <div class="theme-content-title"># name of theme</div>
  3144.  
  3145. <div class="theme-links">
  3146. <a href="/">preview</a>
  3147. <a href="/">download</a>
  3148. </div>
  3149.  
  3150.  
  3151. </div>
  3152.  
  3153. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3154. </div>
  3155.  
  3156.  
  3157. <!--- theme --->
  3158.  
  3159. <div class="themes">
  3160.  
  3161. <div class="theme-content">
  3162.  
  3163. <div class="theme-content-title"># name of theme</div>
  3164.  
  3165. <div class="theme-links">
  3166. <a href="/">preview</a>
  3167. <a href="/">download</a>
  3168. </div>
  3169.  
  3170.  
  3171. </div>
  3172.  
  3173. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3174. </div>
  3175.  
  3176.  
  3177. <!--- theme --->
  3178.  
  3179. <div class="themes">
  3180.  
  3181. <div class="theme-content">
  3182.  
  3183.  
  3184. <div class="theme-content-title"># name of theme</div>
  3185.  
  3186. <div class="theme-links">
  3187. <a href="/">preview</a>
  3188. <a href="/">download</a>
  3189. </div>
  3190.  
  3191.  
  3192. </div>
  3193.  
  3194. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3195. </div>
  3196.  
  3197.  
  3198. <!--- theme --->
  3199.  
  3200. <div class="themes">
  3201.  
  3202. <div class="theme-content">
  3203.  
  3204. <div class="theme-content-title"># name of theme</div>
  3205.  
  3206. <div class="theme-links">
  3207. <a href="/">preview</a>
  3208. <a href="/">download</a>
  3209. </div>
  3210.  
  3211.  
  3212. </div>
  3213.  
  3214. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3215. </div>
  3216.  
  3217.  
  3218. <!--- theme --->
  3219.  
  3220. <div class="themes">
  3221.  
  3222. <div class="theme-content">
  3223.  
  3224. <div class="theme-content-title"># name of theme</div>
  3225.  
  3226. <div class="theme-links">
  3227. <a href="/">preview</a>
  3228. <a href="/">download</a>
  3229. </div>
  3230.  
  3231.  
  3232. </div>
  3233.  
  3234. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3235. </div>
  3236.  
  3237.  
  3238. <!--- theme --->
  3239.  
  3240. <div class="themes">
  3241.  
  3242. <div class="theme-content">
  3243.  
  3244. <div class="theme-content-title"># name of theme</div>
  3245.  
  3246. <div class="theme-links">
  3247. <a href="/">preview</a>
  3248. <a href="/">download</a>
  3249. </div>
  3250.  
  3251.  
  3252. </div>
  3253.  
  3254. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3255. </div>
  3256.  
  3257.  
  3258. <!--- theme --->
  3259.  
  3260. <div class="themes">
  3261.  
  3262. <div class="theme-content">
  3263.  
  3264. <div class="theme-content-title"># name of theme</div>
  3265.  
  3266. <div class="theme-links">
  3267. <a href="/">preview</a>
  3268. <a href="/">download</a>
  3269. </div>
  3270.  
  3271.  
  3272. </div>
  3273.  
  3274. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3275. </div>
  3276.  
  3277.  
  3278. <!--- theme --->
  3279.  
  3280. <div class="themes">
  3281.  
  3282. <div class="theme-content">
  3283.  
  3284. <div class="theme-content-title"># name of theme</div>
  3285.  
  3286. <div class="theme-links">
  3287. <a href="/">preview</a>
  3288. <a href="/">download</a>
  3289. </div>
  3290.  
  3291.  
  3292. </div>
  3293.  
  3294. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3295. </div>
  3296.  
  3297.  
  3298. <!--- theme --->
  3299.  
  3300. <div class="themes">
  3301.  
  3302. <div class="theme-content">
  3303.  
  3304. <div class="theme-content-title"># name of theme</div>
  3305.  
  3306. <div class="theme-links">
  3307. <a href="/">preview</a>
  3308. <a href="/">download</a>
  3309. </div>
  3310.  
  3311.  
  3312. </div>
  3313.  
  3314. <img src="https://i.imgur.com/QyaeAAH.png"/>
  3315. </div>
  3316.  
  3317.  
  3318.  
  3319.  
  3320.  
  3321.  
  3322.  
  3323.  
  3324.  
  3325.  
  3326. </div>
  3327.  
  3328.  
  3329.  
  3330. </div>
  3331.  
  3332.  
  3333.  
  3334.  
  3335. <div style="position:fixed;margin-top:198px;margin-left:5px;">
  3336. <form onsubmit="return tagSearch(this)">
  3337. <input class="search-input" type="text" name="tag" value="search tags" onfocus="if (this.value == '{text:Search Label}') {this.value="}" onblur="if (this.value == ") {this.value='{text:Search Label}'}" />
  3338. <input class="search-button" type="submit" value="Search" />
  3339. </form>
  3340. </div>
  3341.  
  3342.  
  3343.  
  3344. <div class="sidebar-icon"><img src="https://i.imgur.com/CQ3qyz6.png"/></div>
  3345.  
  3346.  
  3347.  
  3348.  
  3349.  
  3350.  
  3351. <div class="contab">
  3352.  
  3353.  
  3354. <div id="tabwrap">
  3355. <div class="tabs">
  3356. <ul class="tab-links">
  3357. <li class="active"><a href="#tab">index</a></li>
  3358. <li><a href="#tab2">about</a></li>
  3359. <li><a href="#tab3">themes</a></li>
  3360. </ul>
  3361. </div>
  3362.  
  3363. </div>
  3364.  
  3365.  
  3366.  
  3367. </div>
  3368.  
  3369. <div class="tabs">
  3370.  
  3371. <div class="tab-content">
  3372.  
  3373.  
  3374. <div id="tab" class="tab active">
  3375.  
  3376.  
  3377.  
  3378.  
  3379. </div>
  3380.  
  3381.  
  3382.  
  3383.  
  3384.  
  3385.  
  3386.  
  3387. <div id="tab2" class="tab">
  3388.  
  3389.  
  3390.  
  3391.  
  3392. <div class="postcontain" style="padding:50px;width:370px;height:400px;margin-top:-155px;display:;margin-left:150px;">
  3393.  
  3394.  
  3395.  
  3396. <div class="linktitlebg" style="background-color:#cea6ad;margin-top:20px;width:360px;">
  3397. <div class="linktitle" style="color:#cea6ad;"> meetthecreator </div>
  3398. </div>
  3399.  
  3400. <div class="rules" style="margin-top:10px;overflow:auto;max-height:150px;margin-left:0px;letter-spacing:.5px;width:370px;">
  3401.  
  3402.  
  3403. Hello and welcome to Kfuzed! This theme blog is brought to you by Liv, aka me. I'm a twenty-eight year old (semi-decent) coder from California who has way too much free time on her hands when she's not working. I was the previous owner (admin s) of <a href="https://galaxias-themes.tumblr.com/">galaxias themes</a> which unfortunately shut down in 2015. I feel my coding has improved drastically (though I'm still absolutely trash at java and jquery) in the last five years. My hope is that this time around, with more knowledge in my hands, I'll be able to provide the RP community (as well as regular personal accounts) with quality themes and other content. I'm incredibly friendly and always here to lend a helping hand or advice, so never fear entering my <a href="/asks">ask box</a> or my <a href="/submissions">submit box</a>.
  3404.  
  3405.  
  3406. </div>
  3407.  
  3408.  
  3409. <pre>
  3410. here are my strengths and weknesses and what i can provide
  3411. </pre>
  3412.  
  3413. <div class="skills" style="background:transparent;">
  3414.  
  3415. <div id="skill" class="skill-1"> css/basic language (80%) </div>
  3416. <div id="skill" class="skill-2"> css tricks (65%) </div>
  3417. <div id="skill" class="skill-3"> layouts/editing (85%) </div>
  3418. <div id="skill" class="skill-4"> javascript/jquery (40%) </div>
  3419.  
  3420. </div>
  3421.  
  3422.  
  3423. </div>
  3424.  
  3425.  
  3426.  
  3427. </div>
  3428.  
  3429. <div id="tab3" class="tab">
  3430. <div class="postcontain" style="padding:20px 50px 50px 50px;width:370px;height:440px;margin-top:-150px;display:;margin-left:150px;background-color:{color:container};overflow:hidden;">
  3431.  
  3432.  
  3433.  
  3434.  
  3435. <div class="faqs">
  3436.  
  3437.  
  3438.  
  3439.  
  3440. <div class="linktitlebg" style="background-color:#cea6ad;margin-top:20px;">
  3441. <div class="linktitle" style="color:#cea6ad;"> termsofuse </div>
  3442. </div>
  3443.  
  3444.  
  3445.  
  3446. <div class="b1">
  3447. <!-- text go here --->
  3448.  
  3449.  
  3450. First and foremost, I want to thank you for having Kfuzed in mind for your possible theme. While this blog is mostly intended for the KRP/RP community, that doesn't mean non roleplay accounts aren't welcome to use my themes as well! </br><br>
  3451.  
  3452.  
  3453. <!--- end of the text---->
  3454. </div>
  3455.  
  3456.  
  3457.  
  3458. <div class="rules" style="margin-top:-20px;margin-left:-10px;overflow:auto;max-height:150px;margin-right:-5px;letter-spacing:.5px;">
  3459.  
  3460. <ul>
  3461. <li>first, I ask that you <b>do not</b> remove my credit from my themes. while editing my themes is perfectly alright, i appreciate when my credit is left on (and in) them so that others may easily find this theme blog when viewing your theme. and let's be honest, no one likes isn't given where credit is due.</br> </li>
  3462. <li><b>do not</b> redistribute my themes. while i'm eternally grateful for any and all love received, it isn't kind to take someones work and profit off of it when they did all the work. </li>
  3463. <li> <b>do not</b> take portions of my themes to use among other themes. if you need help with a certain code or would like to know how to do it, just ask. i will happily help. </li>
  3464. <li> <b>do not steal</b> my codes. taking my themes and calling yourself the maker/giving yourself credit doesn't make it your theme, but it does make you a thief.</li>
  3465. <li> <b>do not</b> use my themes as a basecode. that's also considered stealing, so just don't do it.</li>
  3466. <li> <b><i> you may absolutely </i></b> tweak my themes. that is their purpose. these themes are made for the purpose of being customizable and tailored to your liking. go for it. tweak and edit it to your liking, just as long as you keep the credit. </li>
  3467. </ul>
  3468. </div>
  3469.  
  3470.  
  3471.  
  3472.  
  3473.  
  3474. <div class="linktitlebg" style="background-color:#cea6ad;margin-top:20px;">
  3475. <div class="linktitle" style="color:#cea6ad;"> newestreleases </div>
  3476. </div>
  3477.  
  3478.  
  3479.  
  3480. <div class="b2">
  3481. <!-- text go here --->
  3482.  
  3483. &times; theme name here &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &times; theme name here
  3484. </br>
  3485. &times; theme name here &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &times; theme name here </br>
  3486. &times; theme name here &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &times; theme name here </br>
  3487.  
  3488. <!--- end of the text---->
  3489. </div>
  3490.  
  3491.  
  3492.  
  3493.  
  3494.  
  3495.  
  3496. <div class="linktitlebg" style="background-color:#cea6ad;margin-top:20px;">
  3497. <div class="linktitle" style="color:#cea6ad;"> olderreleases </div>
  3498. </div>
  3499.  
  3500.  
  3501.  
  3502.  
  3503. <div class="b3">
  3504. <!-- text go here --->
  3505. &times; theme name here &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &times; theme name here </br>
  3506. &times; theme name here &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &times; theme name here </br>
  3507. &times; theme name here &emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &times; theme name here </br>
  3508. <!--- end of the text---->
  3509. </div>
  3510. </div>
  3511.  
  3512.  
  3513.  
  3514.  
  3515.  
  3516.  
  3517.  
  3518.  
  3519.  
  3520. </div>
  3521.  
  3522.  
  3523.  
  3524.  
  3525. </div></div></div>
  3526.  
  3527.  
  3528.  
  3529.  
  3530.  
  3531. </div>
  3532.  
  3533.  
  3534.  
  3535.  
  3536.  
  3537.  
  3538.  
  3539. </div>
  3540.  
  3541.  
  3542.  
  3543. <div class="cred"><a href="https://fuzeside.tumblr.com/" title="theme by kfuzed"><img src="https://i.imgur.com/CQ3qyz6.png"/></a></div>
  3544.  
  3545.  
  3546.  
  3547. <div class="hover_bkgr_fricc">
  3548. <span class="helper"></span>
  3549. <div>
  3550. <div class="popupCloseButton">&times;</div>
  3551.  
  3552.  
  3553. <div class="trigger-links">
  3554. <a href="/">links</a>
  3555. <a href="/">links</a>
  3556. <a href="/">links</a>
  3557. <a href="/">links</a>
  3558. </div>
  3559.  
  3560.  
  3561.  
  3562. </div>
  3563. </div>
  3564.  
  3565.  
  3566.  
  3567.  
  3568.  
  3569.  
  3570. <script>feather.replace()</script>
  3571.  
  3572.  
  3573.  
  3574.  
  3575.  
  3576.  
  3577. </body>
  3578.  
  3579.  
  3580.  
  3581.  
  3582.  
  3583.  
  3584.  
  3585.  
  3586. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!