API tools faq
paste
mintrps

egoist ; ♡ ━ link ver.

mintrps
Jul 14th, 2018 (edited)
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 72.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  8. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  9. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  11. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#000000"/>
  19. <meta name="color:text" content="#7b7b7b"/>
  20. <meta name="color:borders" content="#0a0a0a"/>
  21. <meta name="color:title color" content="#999"/>
  22. <meta name="color:title shadow" content="#212121"/>
  23. <meta name="color:side links color" content="#7b7b7b"/>
  24. <meta name="color:nav links background" content="#999"/>
  25. <meta name="color:nav links" content="#000"/>
  26. <meta name="color:container background" content="#000"/>
  27. <meta name="image:container bg" content=""/>
  28. <meta name="image:outer bg" content=""/>
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:tab image" content=""/>
  31. <meta name="if:dark" content="1"/>
  32. <meta name="if:light" content=""/>
  33. <meta name="if:sidebar path" content="1"/>
  34. <meta name="if:image opacity" content="1"/>
  35. <meta name="if:grayscale" content="1"/>
  36. <meta name="if:borders" content="1"/>
  37. <meta name="if:faq" content="1"/>
  38. <meta name="if:container opacity" content=""/>
  39. <meta name="if:400px" content=""/>
  40. <meta name="select:font size" content="8px"/>
  41. <meta name="select:font size" content="9px"/>
  42. <meta name="select:font size" content="10px"/>
  43. <meta name="text:top title" content="egoist.">
  44. <meta name="text:desc" content="lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum ad est suscipit.">
  45. <meta name="text:navigation stats" content="mun or muse info. name & age, timezone.">
  46. <meta name="text:navigation big title" content="love myself today.">
  47. <meta name="text:navigation text box" content="from now on i’ll love myself instead of you, i’ll live on, take another step to hold myself, and give myself all. love myself today, let you go today. love myself today, let you go today. from now on i’ll love myself instead of you, i’ll live on, take another step to hold myself, and give myself all. love myself today, let you go today. love myself today, let you go today.">
  48. <meta name="text:question 1" content="how do you feel about the moon?">
  49. <meta name="text:question 2" content="sweet! can i add another q?">
  50. <meta name="text:question 3" content="question or rule">
  51. <meta name="text:answer 1" content="wowie.">
  52. <meta name="text:answer 2" content="yeah son.">
  53. <meta name="text:answer 3" content="mmmm nomnomnom.">
  54. <meta name="text:tab 1" content="index">
  55. <meta name="text:tab 2" content="message">
  56. <meta name="text:tab 3" content="navigation">
  57. <meta name="text:tab 4" content="muses">
  58. <meta name="text:ask tab title" content="ask me anything">
  59. <meta name="text:muse tab title" content="meet the kids!">
  60. <meta name="text:side link" content="/">
  61. <meta name="text:nav link 1 url" content="">
  62. <meta name="text:nav link 1 title" content="">
  63. <meta name="text:nav link 2 url" content="">
  64. <meta name="text:nav link 2 title" content="">
  65. <meta name="text:nav link 3 url" content="">
  66. <meta name="text:nav link 3 title" content="">
  67. <meta name="text:nav link 4 url" content="">
  68. <meta name="text:nav link 4 title" content="">
  69. <meta name="text:nav link 5 url" content="">
  70. <meta name="text:nav link 5 title" content="">
  71. <meta name="text:nav link 6 url" content="">
  72. <meta name="text:nav link 6 title" content="">
  73.  
  74. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  75. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  76. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  77.  
  78. <script>
  79. function openAlytut(evt, alytutName) {
  80. var i, x, tablinks;
  81. x = document.getElementsByClassName("alytut");
  82. for (i = 0; i < x.length; i++) {
  83. x[i].style.display = "none";
  84. }
  85. tablinks = document.getElementsByClassName("tablink");
  86. for (i = 0; i < x.length; i++) {
  87. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  88. }
  89. document.getElementById(alytutName).style.display = "block";
  90. evt.currentTarget.className += " tabzact";
  91. }
  92. </script>
  93.  
  94. <script type="text/javascript"
  95. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  96. <script>
  97. $(document).ready(function() {
  98. //
  99. $('a.poplight[href^=#]').click(function() {
  100. var popID = $(this).attr('rel'); //Get Popup Name
  101. var popURL = $(this).attr('href'); //Get Popup href to define size
  102. var query= popURL.split('?');
  103. var dim= query[1].split('&');
  104. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  105. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  106. var popMargTop = ($('#' + popID).height() + 80) / 2;
  107. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  108. //Apply Margin to Popup
  109. $('#' + popID).css({
  110. 'margin-top' : -popMargTop,
  111. 'margin-left' : -popMargLeft
  112. });
  113. $('body').append('<div id="fade"></div>');
  114. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  115. return false;
  116. });
  117. $('a.close, #fade').live('click', function() {
  118. $('#fade , .popup_block').fadeOut(function() {
  119. $('#fade, a.close').remove(); //fade them both out
  120. });
  121. return false;
  122. });
  123. });
  124. </script>
  125.  
  126. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  127.  
  128. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  129. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  130. <script>
  131. (function($){
  132. $(document).ready(function(){
  133. $("[title]").style_my_tooltips();
  134. });
  135. })(jQuery);
  136. </script>
  137.  
  138. <style type="text/css">
  139.  
  140.  
  141.  
  142.  
  143.  
  144. /* TABS STYLING--
  145. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  146. */
  147.  
  148. .tabz {
  149. margin-top:80px;
  150. margin-left:275px;
  151. padding:13px;
  152. padding-right:0px;
  153. padding-bottom:0px;
  154. margin-right:0px;
  155. width:23px;
  156. position:fixed;
  157. z-index:9999999999999999;
  158. height:137px;
  159. z-index:99999999999999999999999;
  160. }
  161.  
  162. .joo a{
  163. color:{color:side links color};
  164. background-color:transparent;
  165. display:inline;
  166. padding-right:3px;
  167. margin-left:0px;
  168. }
  169.  
  170. .tabz a {
  171. padding:0px;
  172. text-align:center;
  173. font-family:arial black;
  174. fill:{color:side links color};
  175. font-size:15px;
  176. display:inline-block;
  177. margin-left:0px;
  178. margin-top:0px;
  179. transition:.2s;
  180. margin-bottom:16px;
  181. border-radius:5px;
  182. border-bottom:2px solid transparent;
  183. -webkit-transition:.2s;
  184. -moz-transition:.2s;
  185. }
  186.  
  187. .tabz svg {
  188. padding:2px;
  189. margin-right:2px;
  190. width:12px;
  191. text-align:center;
  192. font-family:arial black;
  193. color:{color:side links color};
  194. font-size:14px;
  195. display:inline-block;
  196. margin-top:0px;
  197. transition:.2s;
  198. border-radius:5px;
  199. border-bottom:2px solid transparent;
  200. -webkit-transition:.2s;
  201. -moz-transition:.2s;
  202. }
  203.  
  204. .tabz a:hover {/* tablinks hover color */
  205. transition:.2s;
  206. -webkit-transition:.2s;
  207. -moz-transition:.2s;
  208. opacity:0.7;
  209. }
  210.  
  211. .tabzcon { /* tablinks content aka the box under the tablinks */
  212. margin-top:0px;
  213. height:342px;
  214. margin-left:15px;
  215. padding:10px;
  216. padding-top:5px;
  217. position:absolute;
  218. z-index:9999999999999999999999999999999999;
  219. width:300px; {block:if400px} width:400px; {/block:if400px}
  220. padding-left:10px;
  221. border-radius:10px;
  222. border:0px solid rgba(255,255,255,0.03);
  223. position:fixed;
  224. overflow:auto;
  225. overflow-x:hidden;
  226. padding-top:10px;
  227. padding-right:20px;
  228. }
  229.  
  230. #base { /* the box when no tabs are selected */
  231. margin-top:45px;
  232. margin-left:0px;
  233. position:fixed;
  234. padding:10px;
  235. width:205px;
  236. height:260px;
  237. background-color:#e1c9bf;
  238. }
  239.  
  240. .tabzclose { /* the close button, u prob dont need to touch this */
  241. text-transform:uppercase;
  242. font-weight:bold;
  243. font-size:{select:font size};
  244. padding:3px;
  245. color:inherit;
  246. margin-top:-5px;
  247. margin-right:-7px;
  248. float:right;
  249. }
  250.  
  251. .tabzclose:hover {
  252. cursor:pointer;
  253. }
  254.  
  255. ::-webkit-scrollbar-thumb {
  256. height:auto;
  257. background-color:{color:Scrollbar};
  258. margin-left:1px;
  259. display:none;
  260. }
  261.  
  262. ::-webkit-scrollbar {
  263. height:9px;
  264. width:1px;
  265. background-color:transparent;
  266. }
  267.  
  268. ::-webkit-scrollbar-thumb {
  269. background:transparent;
  270. }
  271.  
  272. ::-webkit-scrollbar-corner {
  273. background:transparent;
  274. }
  275.  
  276. body {
  277. background:{color:background};
  278. margin-top:-20px;
  279. margin-left:-100px;
  280. color:{color:text};
  281. font-family: 'Quicksand', sans-serif;
  282. line-height:200%;
  283. font-size:{select:font size};
  284. letter-spacing:1px;
  285. text-align:justify;
  286. background-image:url('{image:outer bg}');
  287. width:701px;
  288. {block:if400px}
  289. width:801px;
  290. {/block:if400px}
  291. height:385px;
  292. margin:auto;
  293. }
  294.  
  295. sup, sub {
  296. font-size:9px;
  297. }
  298.  
  299. a {
  300. text-decoration:none;
  301. outline:none;
  302. -moz-outline-style:none;
  303. color:{color:text};
  304. }
  305.  
  306. img {
  307. border:none;
  308. }
  309.  
  310. small{
  311. font-size:9px;
  312. }
  313.  
  314. .tumblr_blog {
  315. text-transform:uppercase;
  316. letter-spacing:2px;
  317. padding-left:5px;
  318. font-family: 'Quicksand', sans-serif;
  319. font-size:6.5px;
  320. border-bottom:0px solid #222;
  321. color:{color:text};
  322. }
  323.  
  324. h1, h2 {
  325. margin:0px; padding:12px; text-align:center; background-color:rgba(255,255,255,0.025); font-size:7px; text-transform:uppercase; letter-spacing:2px; border:0px solid #0d0d0d; border-radius:7px;margin-top:5px;margin-bottom:5px;
  326. }
  327.  
  328. h1, h2 small {
  329. font-size:7px;
  330. }
  331.  
  332. blockquote {
  333. border-left:1px solid {color:borders};
  334. padding-left:10px;
  335. margin-left:5px;
  336. width:93%;
  337. }
  338.  
  339. #post blockquote img {
  340. max-width:275px;
  341. height:auto;
  342. }
  343.  
  344. /*CONTAINER*/
  345.  
  346. #container {
  347. margin-top:4px;
  348. margin-left:342px;
  349. margin-right:auto;
  350. width:350px;
  351. max-height:346px;
  352. text-align:left;
  353. position:fixed;
  354. padding-left:0px;
  355. padding-top:0px;
  356. }
  357.  
  358. /*ENTRIES*/
  359.  
  360. #entries {
  361. position:fixed;
  362. height:385px;
  363. width:701px;
  364. {block:if400px}
  365. width:801px;
  366. {/block:if400px}
  367. margin-left:0px;
  368. margin-top:115px;
  369. {block:ifborders}
  370. border:1px solid {color:borders};
  371. {/block:ifborders}
  372. background:{color:container background};
  373. {block:ifContainerOpacity}
  374. background:rgba( {RGBcolor:container background}, 0.8 );
  375. {/block:ifContainerOpacity}
  376. box-shadow:0px 0px 0px #222;
  377. padding-top:0px;
  378. border-radius:10px;
  379. padding-top:55px;
  380. background-image:url('{image:container bg}');
  381. }
  382.  
  383. #post {
  384. width:300px; {block:if400px} width:400px; {/block:if400px}
  385. margin-left:-10px;
  386. margin-top:-10px;
  387. height: auto;
  388. {block:ifborders}
  389. border: 1px solid rgba(255,255,255,0.03);
  390. {/block:ifborders}
  391. padding:10px;
  392. margin-bottom:43px;
  393. color: {color:text};
  394. letter-spacing:0px;
  395. line-height:200%;
  396. text-align:justify;
  397. text-transform:lowercase;
  398. border-radius:10px;
  399. font-family: 'Quicksand', sans-serif;
  400. font-size:{select:font size};
  401. letter-spacing:1px;
  402. {block:ifDark}
  403. background:rgba(4, 4, 4, 0.6);
  404. {/block:ifDark}
  405. {block:ifLight}
  406. background:rgba(255, 255, 255, 0.6);
  407. {/block:ifLight}
  408. }
  409.  
  410. #post img {
  411. border-radius:10px;
  412. {block:ifImageOpacity}
  413. opacity:0.4;
  414. {/block:ifImageOpacity}
  415. max-width:300px; {block:if400px} max-width:400px; {/block:if400px}
  416. height:auto;
  417. }
  418.  
  419. #post img:hover {
  420. {block:ifGrayscale}
  421. -webkit-filter: grayscale(25%);
  422. {/block:ifGrayscale}
  423. -webkit-transition: all 0.6s ease-in-out;
  424. -moz-transition: all 0.6s ease-in-out;
  425. -o-transition: all 0.6s ease-in-out;
  426. -ms-transition: all 0.6s ease-in-out;
  427. transition: all 0.6s ease-in-out;
  428. }
  429.  
  430. iframe {
  431. border-radius:10px;
  432. max-width:300px; {block:if400px} max-width:400px; {/block:if400px}
  433. }
  434.  
  435. .media img, .media iframe {
  436. display:block;
  437. border-radius:10px;
  438. {block:ifGrayscale}
  439. -webkit-filter: grayscale(100%);
  440. {/block:ifGrayscale}
  441. -webkit-transition: all 0.6s ease-in-out;
  442. -moz-transition: all 0.6s ease-in-out;
  443. -o-transition: all 0.6s ease-in-out;
  444. -ms-transition: all 0.6s ease-in-out;
  445. transition: all 0.6s ease-in-out;
  446. {block:ifImageOpacity}
  447. opacity:0.4;
  448. {/block:ifImageOpacity}
  449. }
  450.  
  451. .media img:hover, .media iframe:hover {
  452. width:300px; {block:if400px} width:400px; {/block:if400px}
  453. display:block;
  454. border-radius:10px;
  455. -webkit-filter: grayscale(0%);
  456. -webkit-transition: all 0.6s ease-in-out;
  457. -moz-transition: all 0.6s ease-in-out;
  458. -o-transition: all 0.6s ease-in-out;
  459. -ms-transition: all 0.6s ease-in-out;
  460. transition: all 0.6s ease-in-out;
  461. {block:ifImageOpacity}
  462. opacity:0.4;
  463. {/block:ifImageOpacity}
  464. }
  465.  
  466. #post sup{
  467. line-height:200%;
  468. font-size:9px;
  469. }
  470.  
  471. #post img {
  472. {block:ifGrayscale}
  473. -webkit-filter: grayscale(100%);
  474. {/block:ifGrayscale}
  475. -webkit-transition: all 0.6s ease-in-out;
  476. -moz-transition: all 0.6s ease-in-out;
  477. -o-transition: all 0.6s ease-in-out;
  478. -ms-transition: all 0.6s ease-in-out;
  479. transition: all 0.6s ease-in-out;
  480. }
  481.  
  482. #post img:hover{
  483. -webkit-filter: grayscale(0%);
  484. -webkit-transition: all 0.6s ease-in-out;
  485. -moz-transition: all 0.6s ease-in-out;
  486. -o-transition: all 0.6s ease-in-out;
  487. -ms-transition: all 0.6s ease-in-out;
  488. transition: all 0.6s ease-in-out;
  489. }
  490.  
  491. .html_photoset {
  492. {block:ifGrayscale}
  493. -webkit-filter: grayscale(100%);
  494. {/block:ifGrayscale}
  495. -webkit-transition: all 0.6s ease-in-out;
  496. -moz-transition: all 0.6s ease-in-out;
  497. -o-transition: all 0.6s ease-in-out;
  498. -ms-transition: all 0.6s ease-in-out;
  499. transition: all 0.6s ease-in-out;
  500. }
  501. .html_photoset:hover {
  502. -webkit-filter: grayscale(0%);
  503. {block:ifGrayscale}
  504. -webkit-filter: grayscale(90%);
  505. {/block:ifGrayscale}
  506. -webkit-transition: all 0.6s ease-in-out;
  507. -moz-transition: all 0.6s ease-in-out;
  508. -o-transition: all 0.6s ease-in-out;
  509. -ms-transition: all 0.6s ease-in-out;
  510. transition: all 0.6s ease-in-out;
  511. }
  512.  
  513. .answer span,.convo li{
  514. margin:0 0 10px;
  515. border-radius:10px;
  516. padding:.5em 10px;
  517. max-width:75%;
  518. clear:both;
  519. position:relative;
  520. }
  521.  
  522. .label {
  523. font-family:calibri;
  524. font-size:{select:font size};
  525. text-transform:uppercase;
  526. letter-spacing:1px;
  527. margin-right:2px;
  528. }
  529.  
  530. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  531. float:left;background:rgba(255,255,255,0.04);
  532. color:{color:text}left:3px;
  533. }
  534.  
  535. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  536. right:3px;
  537. float:right;
  538. background-color:transparent;
  539. text-align:right;
  540. color:{color:text};
  541. }
  542.  
  543. .me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  544. .asked p {
  545. text-align: left;
  546. margin: 0 0px 10px 0px;
  547. padding: 0;
  548. color:{color:text};
  549. font-size: 12px;
  550. line-height: 0px;
  551. }
  552. .footerright .viasrc {
  553. float: left;
  554. }
  555. .asked a {
  556. margin:0;padding:0;
  557. }
  558.  
  559. .user_4{
  560. background-color:rgba(255,255,255,0.03);
  561. color:{color:text};
  562. padding:10px;
  563. }
  564.  
  565. .user_4::after{
  566. border-color:{color:borders};
  567. padding:10px;
  568. }
  569.  
  570. .user_3{
  571. background-color:rgba(255,255,255,0.03);
  572. padding:10px;
  573. color:{color:text};
  574. }
  575.  
  576. .user_3::after{
  577. border-color:{color:borders};
  578. padding:10px;
  579. }
  580.  
  581. .convo {
  582. overflow: hidden;
  583. list-style-type: none;
  584. padding: 0;
  585. margin: 0;
  586. }
  587.  
  588. .quote {
  589. letter-spacing:2px;
  590. padding:10px;
  591. font-size:calc({select:font size} - 1px);
  592. background:{color:container background};
  593. border:0px solid #222;
  594. line-height:240%;
  595. text-align:justify;
  596. text-transform:uppercase;
  597. color:{color:text};
  598. border-radius:10px;
  599. }
  600.  
  601. .source {
  602. margin-top:20px;
  603. line-height:100%;
  604. text-transform:uppercase;
  605. font-family:courier;
  606. letter-spacing:1px;
  607. font-size:10px;
  608. opacity:0.2;
  609. margin-bottom:20px;
  610. text-align:center;
  611. color:#fff;
  612. display:none;
  613. }
  614.  
  615. .source a{
  616. font-family:courier;
  617. color:#fff;
  618. }
  619.  
  620. /*BLOG TITLE*/
  621.  
  622. .title{
  623. position:fixed;
  624. color:{color:text};
  625. padding:5px;
  626. width:432px;
  627. margin-top:150px;
  628. margin-left:480px;
  629. letter-spacing:1px;
  630. font-family:'consolas';
  631. text-align:center;
  632. text-transform:uppercase;
  633. border:1px solid {color:borders};
  634. background-color:{color:container background};
  635. }
  636.  
  637. /*SIDEBAR*/
  638.  
  639. #description {
  640. border-left:0px solid {color:borders};
  641. padding:15px;
  642. font-family:{text:descfont};
  643. position:fixed;
  644. width:140px;
  645. height:285px;
  646. overflow-y:scroll;
  647. font-size:6.5px;
  648. margin-top:5px;
  649. line-height:17px;
  650. padding-top:15px;
  651. letter-spacing:0px;
  652. color:{color:text};
  653. opacity:1;
  654. border-radius:10px;
  655. margin-left:100px;
  656. text-align:justify;
  657. text-transform:uppercase;
  658. background:transparent;
  659. font-family: 'Quicksand', sans-serif;
  660. letter-spacing:1px;
  661. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  662. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  663. }
  664.  
  665. .meow {
  666. text-align:center;
  667. z-index:99999999999999999;
  668. color:{color:text};
  669. font-family:quicksand;
  670. word-spacing:-1px;
  671. letter-spacing:2px;
  672. background:{color:container background};
  673. padding:9px;
  674. border-radius:10px;
  675. max-width:110px;
  676. margin-top:-20px;
  677. text-transform:uppercase;
  678. font-size:6px;
  679. border-bottom:1px solid {color:borders};
  680. float:left;
  681. {block:ifContainerOpacity}
  682. background: rgba({RGBcolor:container background}, 0.8);
  683. {/block:ifContainerOpacity}
  684. }
  685.  
  686. .meow a {
  687. font-size:7px;
  688. padding:3px;
  689. border-radius:3px;
  690. }
  691.  
  692. .meow2 {
  693. text-align:center;
  694. z-index:99999999999999999;
  695. color:{color:text};
  696. font-family:quicksand;
  697. word-spacing:-1px;
  698. letter-spacing:2px;
  699. background:{color:container background};
  700. padding:9px;
  701. border-radius:10px;
  702. max-width:110px;
  703. margin-top:-20px;
  704. text-transform:uppercase;
  705. font-size:6px;
  706. border-bottom:1px solid {color:borders};
  707. float:right;
  708. {block:ifContainerOpacity}
  709. background: rgba({RGBcolor:container background}, 0.8);
  710. {/block:ifContainerOpacity}
  711. }
  712.  
  713. .meow2 a {
  714. font-size:7px;
  715. padding:3px;
  716. border-radius:3px;
  717. }
  718.  
  719. #gay {
  720. font-size:{select:font size};
  721. letter-spacing:3px;
  722. padding-bottom:8px;
  723. border-bottom:1px solid {color:borders};
  724. color:#fff;
  725. text-align:center;
  726. text-transform:uppercase;
  727. margin-top:13px;
  728. }
  729.  
  730. #description b{
  731. font-size:11px;
  732. font-style:italic;
  733. font-weight:600;
  734. }
  735.  
  736. #description small{
  737. font-size:{select:font size};
  738. }
  739.  
  740. #q{
  741. font-size:47px;
  742. margin-left:-27px;
  743. padding-top:15px;
  744. z-index:1;
  745. position:fixed;
  746. border-right:0px solid #222;
  747. height:52px;
  748. padding-right:-5px;
  749. background:transparent;
  750. }
  751.  
  752. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  753.  
  754. .tits {
  755. font-size:7px;
  756. text-transform:uppercase;
  757. width:150px;
  758. position:absolute;
  759. line-height:40%;
  760. margin-left:12px;
  761. margin-top:20px;
  762. font-weight:600;
  763. font-family:mint;
  764. font-family: 'Quicksand', sans-serif;
  765. text-align:center;
  766. box-align:center;
  767. opacity:0.7;
  768. line-height:200%;
  769. z-index:999999999999999999;
  770. letter-spacing:2px;
  771. display:none;
  772. color:{color:title color};
  773. }
  774.  
  775. .tits span {
  776. font-family:calibri;
  777. font-size:{select:font size};
  778. text-transform:uppercase;
  779. letter-spacing:2px;
  780. margin-bottom:-10px;
  781. margin-left:0px;
  782. background:#111;
  783. font-weight:normal;
  784. padding:2px;
  785. padding-left:10px;
  786. padding-right:10px;
  787. position:relative;
  788. z-index:-1;
  789. word-spacing:0px;
  790. }
  791.  
  792. #bx {
  793. width:30px;
  794. margin-left:-7px;
  795. position:fixed;
  796. padding-top:0px;
  797. padding-bottom:5px;
  798. padding-right:5px;
  799. background:transparent;
  800. border-right:none;
  801. margin-top:45px;
  802. border-right:0px solid #222;
  803. line-height:38.5px;
  804. }
  805.  
  806. #bx a{
  807. padding-left:17px;
  808. }
  809.  
  810. #bx span{
  811. margin-top:20px;
  812. margin-bottom:19px;
  813. color:#aaa;
  814. z-index:1;
  815. }
  816.  
  817. #tt {
  818. position:absolute;
  819. font-family:coco;
  820. font-size:20px;
  821. text-transform:uppercase;
  822. text-align:right;
  823. word-spacing:-0px;
  824. margin-top:-43px;
  825. letter-spacing:3px;
  826. right:30px;
  827. padding-left:20px;
  828. line-height:40%;
  829. z-index:999999999999;
  830. color:{color:title color};
  831. background:{color:container background};
  832. {block:ifContainerOpacity}
  833. background:rgba( {RGBcolor:container background}, 0.8 );
  834. {/block:ifContainerOpacity}
  835. text-shadow:2px 2px 0px {color:title shadow};
  836. }
  837.  
  838. #tt a {
  839. color:{color:title color};
  840. }
  841.  
  842.  
  843. #tt span {
  844. padding:5px;
  845. border-radius:7px;
  846. padding-left:102px;
  847. position:relative;
  848. display:none;
  849. padding-right:102px;
  850. padding-top:10px;
  851. padding-bottom:10px;
  852. background:#000;
  853. font-family:'Lato', sans-serif;
  854. font-size:6px;
  855. letter-spacing:3px;
  856. text-transform:uppercase;
  857. color:{color:text};
  858. word-spacing:0px;
  859. border:1px solid #111;
  860. z-index:-1;
  861. }
  862.  
  863. #box{
  864. padding:10px;
  865. padding-right:150px;
  866. z-index:-9999;
  867. position:fixed;
  868. margin-top:175px;
  869. background:transparent;
  870. font-size:10px;
  871. margin-left:20px;
  872. width:520px;
  873. {block:if400px}
  874. width:620px;
  875. {/block:if400px}
  876. height:2px;
  877. border:0px solid {color:borders};
  878. color:{color:text};
  879. border-radius:10px;
  880. font-family:'arial';
  881. color:{color:background};
  882. opacity:1;
  883. z-index:1;
  884. }
  885.  
  886. #box img {
  887. position:fixed;
  888. margin-left:-150px;
  889. margin-top:-10px;
  890. width:150px;
  891. height:356px;
  892. border:solid 0px {color:borders};
  893. border-top-left-radius:10px;
  894. border-bottom-left-radius:10px;
  895. {block:ifGrayscale}
  896. -webkit-filter: grayscale(100%);
  897. {/block:ifGrayscale}
  898. -webkit-transition: all 0.6s ease-in-out;
  899. -moz-transition: all 0.6s ease-in-out;
  900. -o-transition: all 0.6s ease-in-out;
  901. -ms-transition: all 0.6s ease-in-out;
  902. transition: all 0.6s ease-in-out;
  903. background-image:url('{image:container bg}');
  904. padding:0px;
  905. }
  906.  
  907. #boxy {
  908. position:fixed;
  909. margin-left:-30px;
  910. margin-top:-70px;
  911. border-top-left-radius:10px;
  912. border-bottom-left-radius:10px;
  913. height:442px;
  914. border:solid 0px {color:borders};
  915. {block:ifGrayscale}
  916. -webkit-filter: grayscale(100%);
  917. {/block:ifGrayscale}
  918. -webkit-transition: all 0.6s ease-in-out;
  919. -moz-transition: all 0.6s ease-in-out;
  920. -o-transition: all 0.6s ease-in-out;
  921. -ms-transition: all 0.6s ease-in-out;
  922. transition: all 0.6s ease-in-out;
  923. background-image:url('{image:sidebar}');
  924. padding:0px;
  925. width:215px;
  926. {block:ifSidebarPath}
  927. width:370px;
  928. -webkit-clip-path: polygon(60% 0, 46% 51%, 61% 100%, 0 100%, 0 0);
  929. clip-path: polygon(60% 0, 46% 51%, 61% 100%, 0 100%, 0 0);
  930. {/block:ifSidebarPath}
  931. }
  932.  
  933. #boxy:hover{
  934. -webkit-filter: grayscale(0%);
  935. {block:ifGrayscale}
  936. -webkit-filter: grayscale(100%);
  937. {/block:ifGrayscale}
  938. -webkit-transition: all 0.6s ease-in-out;
  939. -moz-transition: all 0.6s ease-in-out;
  940. -o-transition: all 0.6s ease-in-out;
  941. -ms-transition: all 0.6s ease-in-out;
  942. transition: all 0.6s ease-in-out;
  943. }
  944.  
  945. /*POST INFO*/
  946.  
  947. #info {
  948. width:280px;
  949. {block:if400px}
  950. width:380px;
  951. {/block:if400px}
  952. margin-top:10px;
  953. padding:10px;
  954. padding-bottom:0px;
  955. border-top:1px solid #111;
  956. text-align:left;
  957. text-transform:uppercase;
  958. font-size:calc({select:font size} - 1px);
  959. letter-spacing:2px;
  960. color:{color:text};
  961. font-weight:normal;
  962. }
  963.  
  964. #info a{
  965. color:{color:text};
  966. }
  967.  
  968. #info a:hover {
  969. color:{color:text};
  970. }
  971.  
  972. #info2 {
  973. width:280px;
  974. {block:if400px}
  975. width:380px;
  976. {/block:if400px}
  977. margin-top:10px;
  978. padding:10px;
  979. padding-bottom:0px;
  980. border-top:1px solid rgba(255,255,255,0.04);
  981. text-align:left;
  982. text-transform:uppercase;
  983. font-size:7px;
  984. letter-spacing:2px;
  985. color:{color:text};
  986. font-weight:normal;
  987. }
  988.  
  989. #info2 a{
  990. color:{color:text};
  991. }
  992.  
  993. #info2 a:hover {
  994. color:{color:text};
  995. }
  996.  
  997. .tags {
  998. text-align:center;
  999. letter-spacing:0px;
  1000. font-size:{select:font size};
  1001. font-style:normal;
  1002. letter-spacing:2px;
  1003. display:inline;
  1004. text-transform:none;
  1005. }
  1006.  
  1007. .tags a {
  1008. margin:0px 10px 0px 0px;
  1009. font-weight:normal;
  1010. font:consolas;
  1011. }
  1012.  
  1013. .tags a:hover {
  1014. font-style:normal;
  1015. }
  1016.  
  1017. /*AUDIO*/
  1018.  
  1019. .audio {
  1020. height:60px;
  1021. padding:5px;
  1022. margin-bottom:0px;
  1023. background:rgba(255,255,255,0.02);
  1024. border-radius:10px;
  1025. }
  1026. .audio-album {
  1027. position:absolute;
  1028. width:60px;
  1029. }
  1030.  
  1031. .player {
  1032. opacity:0.6;
  1033. opacity:60%;
  1034. border:10px solid {color:borders};
  1035. width:25px;
  1036. height:25px;
  1037. overflow:hidden;
  1038. padding-right:3px;
  1039. padding-bottom:3px;
  1040. position:absolute;
  1041. z-index:2;
  1042. margin-left:6px;
  1043. margin-top:6px;
  1044. }
  1045.  
  1046. .audio-info {
  1047. margin-top:-0px;
  1048. position:relative;
  1049. margin-left:70px;
  1050. padding:8px;
  1051. padding-top:14px;
  1052. text-transform:uppercase;
  1053. letter-spacing:1.5px;
  1054. text-align:right;
  1055. font-size:7px;
  1056. }
  1057.  
  1058. /*QUESTION*/
  1059.  
  1060. #question { margin:0px; padding:12px; text-align:center; background:rgba(255,255,255,0.02); font-size:7px; text-transform:uppercase; letter-spacing:1px; border:0px solid #0d0d0d; border-radius:10px;}
  1061. #question b { text-transform:uppercase; text-align:right; color:#aaa; }
  1062. #asker a { padding:0px; border-bottom:none; color:#ccc; }
  1063. #asker { padding:5px; text-align:center; background:none; font-size:6px; color:#aaa; border-bottom:1px solid #181818; text-transform:uppercase; padding-right:0px; letter-spacing:4px; border-radius:10px;}
  1064.  
  1065. /*PAGINATION*/
  1066.  
  1067. #pagination2{
  1068. position:fixed;
  1069. width:531px;
  1070. background-color:#000;
  1071. color:{color:text};
  1072. border:1px solid {color:borders};
  1073. margin-top:130px;
  1074. margin-left:480px;
  1075. font-weight:bold;
  1076. font-family:calibri;
  1077. padding:4px;
  1078. padding-top:16px;
  1079. padding-bottom:14px;
  1080. padding-right:10px;
  1081. font-size:10px;
  1082. text-align:left;
  1083. padding-left:10px;
  1084. text-transform:uppercase;
  1085. letter-spacing:2px;
  1086. box-shadow:0px 0px 0px #222;
  1087. border-top-left-radius:10px;
  1088. border-top-right-radius:10px;
  1089. }
  1090.  
  1091. #pagination2 img {
  1092. position:fixed;
  1093. margin-left:-47px;
  1094. margin-top:-9px;
  1095. border:1px solid {color:borders};
  1096. border-radius:100%;
  1097. -webkit-filter: grayscale(100%);
  1098. -webkit-transition: all 0.6s ease-in-out;
  1099. -moz-transition: all 0.6s ease-in-out;
  1100. -o-transition: all 0.6s ease-in-out;
  1101. -ms-transition: all 0.6s ease-in-out;
  1102. transition: all 0.6s ease-in-out;
  1103. }
  1104.  
  1105. #pagination2 img:hover {
  1106. -webkit-filter: grayscale(0%);
  1107. -webkit-transition: all 0.6s ease-in-out;
  1108. -moz-transition: all 0.6s ease-in-out;
  1109. -o-transition: all 0.6s ease-in-out;
  1110. -ms-transition: all 0.6s ease-in-out;
  1111. transition: all 0.6s ease-in-out;
  1112. }
  1113.  
  1114. #pagination2 a{
  1115. color:{color:side links color};
  1116. background-color:transparent;
  1117. display:inline;
  1118. padding-right:3px;
  1119. margin-left:8px;
  1120. }
  1121.  
  1122. .mint {
  1123. position:fixed;
  1124. text-transform:uppercase;
  1125. width:20px;
  1126. height:20px;
  1127. padding-left:6px;
  1128. padding-right:4px;
  1129. padding-top:10px;
  1130. padding-bottom:0px;
  1131. font-size:18px;
  1132. text-align:center;
  1133. bottom:10px;
  1134. right:10px;
  1135. color:{color:text};
  1136. letter-spacing:1px;
  1137. border-radius:100%;
  1138. border-bottom:2px solid {color:borders};
  1139. border-radius:5px;
  1140. }
  1141.  
  1142. .tabnav {
  1143. display:inline-block;
  1144. position:fixed;
  1145. width:20px;
  1146. height:200px;
  1147. line-height:200%;
  1148. margin-right:4px;
  1149. margin-top:-141px;
  1150. margin-left:126.5px;
  1151. }
  1152.  
  1153. .tabnav a {
  1154. width:16px;
  1155. height:17px;
  1156. padding:3px;
  1157. padding-top:5px;
  1158. padding-bottom:0px;
  1159. box-align:center;
  1160. text-align:center;
  1161. font-size:12px;
  1162. margin-bottom:12px;
  1163. border-radius:5px;
  1164. display:inline-block;
  1165. transition:.7s;
  1166. -webkit-transition:.7s;
  1167. -moz-transition:.7s;
  1168. }
  1169.  
  1170. .tabnav a:hover {
  1171. color: {color:text};
  1172. transition:.7s;
  1173. -webkit-transition:.7s;
  1174. -moz-transition:.7s;
  1175. }
  1176.  
  1177. .tabtext span {
  1178. background:{color:container background};
  1179. padding:3px;
  1180. border-radius:3px;
  1181. text-transform:uppercase;
  1182. font-size:7px;
  1183. letter-spacing:1px;
  1184. }
  1185.  
  1186. .tabimg img {
  1187. {block:ifImageOpacity}
  1188. opacity:0.6;
  1189. {/block:ifImageOpacity}
  1190. transition:.7s;
  1191. -webkit-transition:.7s;
  1192. -moz-transition:.7s;
  1193. {block:ifGrayscale}
  1194. filter:grayscale(100%);
  1195. {/block:ifGrayscale}
  1196. }
  1197.  
  1198. .tabimg img:hover {
  1199. {block:ifImageOpacity}
  1200. opacity:0.7;
  1201. {/block:ifImageOpacity}
  1202. filter:grayscale(0%);
  1203. {block:ifGrayscale}
  1204. filter:grayscale(25%);
  1205. {/block:ifGrayscale}
  1206. transition:.7s;
  1207. -webkit-transition:.7s;
  1208. -moz-transition:.7s;
  1209. }
  1210.  
  1211. @font-face { font-family: "stylish"; src: url('https://dl.dropboxusercontent.com/s/ljshs3r55gvaof9/StylishBrush-Regular.otf'); ;}
  1212. @font-face { font-family: "hijrnotes"; src: url('https://dl.dropboxusercontent.com/s/452lfychrbgdlb2/Hijrnotes_PERSONAL_USE_ONLY.ttf') }
  1213. @font-face { font-family: hs2; src: url('https://dl.dropboxusercontent.com/s/w7mzscx82b6ybhr/HelloSunshineMarker.otf') ;}
  1214. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/ncxsjr1mprralyf/cocomint.ttf') ;}
  1215.  
  1216. .tabtitle {
  1217. text-align:center;
  1218. padding:30px;
  1219. padding-top:45px;
  1220. font-family:stylish;
  1221. margin-top:15px;
  1222. font-size:60px;
  1223. border-top:1px solid {color:borders};
  1224. border-bottom:1px solid {color:borders};
  1225. background:{color:nav title background};
  1226. border-radius:10px;
  1227. line-height:10%;
  1228. position:relative;
  1229. z-index:-1;
  1230. height:35px;
  1231. transition:.7s;
  1232. -webkit-transition:.7s;
  1233. -moz-transition:.7s;
  1234. }
  1235.  
  1236. .tabtitle:hover {
  1237. letter-spacing:1px;
  1238. transition:.7s;
  1239. -webkit-transition:.7s;
  1240. -moz-transition:.7s;
  1241. }
  1242.  
  1243. .tabtitle span {
  1244. font-family: 'Quicksand', sans-serif;
  1245. font-size:7px;
  1246. text-transform:uppercase;
  1247. letter-spacing:2px;
  1248. background:{color:container background};
  1249. padding:3px;
  1250. border-radius:3px;
  1251. position:relative;
  1252. z-index:-1;
  1253. transition:.7s;
  1254. -webkit-transition:.7s;
  1255. -moz-transition:.7s;
  1256. opacity:0.1;
  1257. filter: invert(100%);
  1258. color:#fff;
  1259. transition:.7s;
  1260. -webkit-transition:.7s;
  1261. -moz-transition:.7s;
  1262. }
  1263.  
  1264. .tabtitle:hover span {
  1265. letter-spacing:2px;
  1266. opacity:0.1;
  1267. filter: invert(100%);
  1268. color:#fff;
  1269. transition:.7s;
  1270. -webkit-transition:.7s;
  1271. -moz-transition:.7s;
  1272. }
  1273.  
  1274. .askq {
  1275. width:270px;
  1276. margin-top:10px;
  1277. text-align:justify;
  1278. line-height:300%;
  1279. }
  1280.  
  1281. .askq cute {
  1282. text-transform:uppercase;
  1283. font-size:7px;
  1284. letter-spacing:1px;
  1285. padding:5px;
  1286. width:290px;
  1287. background:rgba(255,255,255,0.03);
  1288. margin-right:5px;
  1289. border-radius:2px;
  1290. }
  1291.  
  1292. .askq span {
  1293. font-size:11px;
  1294. margin-right:5px;
  1295. }
  1296.  
  1297. #muses {
  1298. box-align:center;
  1299. width:350px;
  1300. {block:if400px}
  1301. width:400px;
  1302. {/block:if400px}
  1303. margin-top:0px;
  1304. margin-left:3px;
  1305. padding-top:15px;
  1306. max-height:322px;
  1307. overflow-y:auto;
  1308. }
  1309.  
  1310. #muses img {
  1311. width:70px;
  1312. height:70px;
  1313. {block:ifImageOpacity}
  1314. opacity:0.7;
  1315. {/block:ifImageOpacity}
  1316. border-radius:10px;
  1317. margin-right:3px;
  1318. {block:if400px}
  1319. margin-right:7px;
  1320. margin-bottom:10px;
  1321. {/block:if400px}
  1322. {block:ifGrayscale}
  1323. -webkit-filter: grayscale(100%);
  1324. {/block:ifGrayscale}
  1325. -webkit-transition: all 0.6s ease-in-out;
  1326. -moz-transition: all 0.6s ease-in-out;
  1327. -o-transition: all 0.6s ease-in-out;
  1328. -ms-transition: all 0.6s ease-in-out;
  1329. transition: all 0.6s ease-in-out;
  1330. }
  1331.  
  1332. #muses img:hover {
  1333. -webkit-filter: grayscale(0%);
  1334. opacity:1;
  1335. {block:ifGrayscale}
  1336. -webkit-filter: grayscale(100%);
  1337. {/block:ifGrayscale}
  1338. -webkit-transition: all 0.6s ease-in-out;
  1339. -moz-transition: all 0.6s ease-in-out;
  1340. -o-transition: all 0.6s ease-in-out;
  1341. -ms-transition: all 0.6s ease-in-out;
  1342. transition: all 0.6s ease-in-out;
  1343. }
  1344.  
  1345. .musebox { margin:4px; float:left; text-align:center; display:block; padding-right:0px; margin-bottom:15px; margin-top:3.5px; border-radius:10px; margin-right:0px;margin-left:0px;}
  1346. .musename {text-align:left;margin-top:-20px;position:absolute;font-family:kino; font-size:35px; color:#ccc; width:110px; text-align:center; opacity:1;text-transform:normal;color:#aaa; text-shadow:2px 2px 0px #493c3a; z-index:9999999999;}
  1347. .musename:after { content:'.'; font-family:calibri; }
  1348. .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
  1349. .musebox a{ margin-bottom:0px; padding:1px; }
  1350. .musebox:hover .mname { opacity:1; transition:0.5s; }
  1351. .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
  1352. -webkit-transition: all 0.7s linear;
  1353. -moz-transition: all 0.7s linear;
  1354. transition: all 0.7s linear; }
  1355. .musebox a:hover i {
  1356. background:{color:title}; color:#aaa;
  1357. -webkit-transition: all 0.7s linear;
  1358. -moz-transition: all 0.7s linear;
  1359. transition: all 0.7s linear;
  1360. }
  1361.  
  1362. .mbg {
  1363. padding:3px;
  1364. border-top-left-radius:5px;
  1365. border-top-right-radius:5px;
  1366. background:{color:text};
  1367. opacity:0.5;
  1368. color:#000;
  1369. letter-spacing:2px;
  1370. text-transform:uppercase;
  1371. font-size:7px;
  1372. text-shadow:0px 0px 0px #111;
  1373. position:relative;
  1374. z-index:9;
  1375. padding-left:6px;
  1376. padding-right:6px;
  1377. font-family: 'Quicksand', sans-serif;
  1378. font-weight:normal;
  1379. }
  1380.  
  1381. .mdesc {
  1382. margin-top:-2px;
  1383. border-bottom-left-radius:10px;
  1384. border-bottom-right-radius: 10px;
  1385. width:88px;
  1386. padding:5px;
  1387. border:1px solid #111;
  1388. margin-left:5px;
  1389. }
  1390.  
  1391. @font-face { font-family: honeyguide; src: url('https://dl.dropboxusercontent.com/s/75g4g2sfiweydth/DK%20Honeyguide%20Caps.otf') ;}
  1392.  
  1393. .mname1 {
  1394. margin-left:0px;
  1395. margin-top:-30px;
  1396. font-family:kino;
  1397. font-weight:00;
  1398. text-transform:lowercase;
  1399. width:110px;
  1400. padding-top:10px;
  1401. padding-bottom:5px;
  1402. border-radius:10px;
  1403. line-height:120%;
  1404. color:{color:title};
  1405. font-size:22px;
  1406. text-align:center;
  1407. text-shadow:2px 2px 0px #151515;
  1408. }
  1409.  
  1410. ul li {
  1411. width:95%;
  1412. }
  1413.  
  1414. #question { margin:0px; padding:12px; text-align:center; background-color:rgba(10,10,10,0.7); font-size:7px; text-transform:uppercase; letter-spacing:1px; border:0px solid #0d0d0d; border-radius:10px;}
  1415. #question b { text-transform:uppercase; text-align:right; color:#aaa; }
  1416. #asker a { padding:0px; border-bottom:none; color:#ccc; }
  1417. #asker { padding:5px; text-align:center; background:none; font-size:6px; color:#aaa; border-bottom:1px solid #181818; text-transform:uppercase; padding-right:0px; letter-spacing:4px; border-radius:10px;}
  1418.  
  1419. #audioplayer { width:27px; height:27px; background:#000; border-radius:60px; overflow:hidden; position:absolute; padding:0px; margin-top:9px; margin-left:237px; opacity:0.7; -webkit-transition:0.5s; }
  1420. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  1421. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  1422. #audioart img { border:6px solid {color:borders}; width:50px; border-radius:0px; }
  1423. #audioinfo { background:{color:container};height:57px; margin-left:0px; text-transform:uppercase; font-size:7px; text-align:left; padding-left:10px; top:0px; padding-top:17px; letter-spacing:1px; margin-bottom:5px; padding-bottom:5px; }
  1424. .notes { text-align:left; margin-top:0px; }
  1425. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  1426. ol.notes, .notes li { width:300px; {block:if400px} width:400px; {/block:if400px} list-style:none; margin:3px; margin-left:8px; padding:0px; }
  1427. .notes li a { font-weight:bold; color:{color:link}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  1428.  
  1429. #tags {text-align:left; font-size:7px; padding-left:0px; padding-top:7px; line-height:10px; font-family: 'Quicksand', sans-serif; border-right:0px solid #d3d3d3; margin-left:5px; margin-bottom:-5px; margin-top:-7px;}
  1430. #tags a { padding:0px; border-bottom:none; color:{color:text}; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:7px;}
  1431. #tags i { color:{color:bold}; }
  1432.  
  1433. .answer span,.convo li { margin:0 0 0px; border-radius:0.5em; padding:.7em 8px; clear:both; list-style-type:none;}
  1434. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { background-color:rgba(10,10,10,0.7); border-radius:10px;}
  1435. .label { font-weight:normal; text-transform:uppercase; font-family: 'Quicksand', sans-serif; font-size:{select:font size}; letter-spacing:1px; }
  1436.  
  1437. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after { border-left:.5em solid {color:borders}; }
  1438. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; }
  1439.  
  1440. .musebox img { {block:ifGrayscale} -webkit-filter:grayscale(100%); {/block:ifGrayscale}
  1441. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1442.  
  1443. .musebox img:hover { {block:ifGrayscale}
  1444. -webkit-filter:grayscale(100%);
  1445. {/block:ifGrayscale}
  1446. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1447.  
  1448. #sec img { -webkit-filter:grayscale({select:greyscale});
  1449. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1450.  
  1451. #sec img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  1452.  
  1453. #posts img { -webkit-filter:grayscale({select:greyscale});
  1454. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; {block:ifImageOpacity}
  1455. opacity:0.4;
  1456. {/block:ifImageOpacity} border-radius:10px; }
  1457.  
  1458. iframe { {block:ifImageOpacity}
  1459. opacity:0.4;
  1460. {/block:ifImageOpacity} border-radius:10px; }
  1461.  
  1462. #posts img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; {block:ifImageOpacity}
  1463. opacity:0.7;
  1464. {/block:ifImageOpacity} }
  1465.  
  1466. .html_photoset {
  1467. -webkit-filter: grayscale({select:greyscale});-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1468. }
  1469. .html_photoset:hover {
  1470. -webkit-filter: grayscale(0);-webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1471. }
  1472. #admins { position:absolute; height:127px; width:182px; padding:10px;padding-top:3px;padding-bottom:13px;border-radius:5px; line-height:100%; text-align:center; text-transform:uppercase; font-size:6.5px; letter-spacing:2px;
  1473.  
  1474. margin-left:62px; margin-top:15px; border:0px solid {color:bold}; border-radius:10px; width:250px; height:127px; background:{color:title color};
  1475. {block:ifGrayscale}
  1476. filter:grayscale(100%);
  1477. {/block:ifGrayscale}
  1478. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1479. border-top-right-radius:0px;
  1480. border-bottom-right-radius:0px;
  1481.  
  1482. background:url('{image:tab image}'); height:111px; }
  1483. #admins img {margin-left:52px; margin-top:12px; border:0px solid {color:bold}; border-radius:10px; width:250px; height:127px; background:{color:title color};
  1484. {block:ifGrayscale}
  1485. filter:grayscale(100%);
  1486. {/block:ifGrayscale}
  1487. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1488. border-top-right-radius:0px;
  1489. border-bottom-right-radius:0px;
  1490. }
  1491.  
  1492. #admins:hover {
  1493. filter:grayscale(0%);
  1494. {block:ifGrayscale}
  1495. filter:grayscale(100%);
  1496. {/block:ifGrayscale}
  1497. }
  1498.  
  1499. #admins img:hover {
  1500. filter:grayscale(0%);
  1501. {block:ifGrayscale}
  1502. filter:grayscale(100%);
  1503. {/block:ifGrayscale}
  1504. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1505. }
  1506. #admins cute {
  1507. padding:5px;
  1508. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  1509. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  1510. text-align:center;
  1511. padding-left:17px;
  1512. padding-right:17px;
  1513. }
  1514.  
  1515. #admins cute2 {
  1516. padding:5px;
  1517. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  1518. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  1519. text-align:center;
  1520. padding-left:17px;
  1521. padding-right:17px;
  1522. margin-left:50px;
  1523. }
  1524.  
  1525. #admins .sf {
  1526. position:absolute;
  1527. font-size:13px;
  1528. margin-top:7px;
  1529. margin-left:10px;
  1530. }
  1531.  
  1532. #admins svg {
  1533. position:absolute;
  1534. font-size:13px;
  1535. margin-top:-62px;
  1536. margin-left:10px;
  1537. fill:white;
  1538. width:13px;
  1539. }
  1540.  
  1541. #admins cuter {
  1542. position:absolute;
  1543. margin-left:15px;
  1544. margin-top:0px;
  1545. }
  1546.  
  1547. .ego {
  1548. position:absolute;
  1549. font-family: 'Abril Fatface', cursive;
  1550. font-size:60px;
  1551. width:250px;
  1552. line-height:35px;
  1553. margin-left:5px;
  1554. color:{color:title color};
  1555. background:{color:container background};
  1556. z-index:999999999999999999999999999999;
  1557. background:transparent;
  1558. }
  1559.  
  1560. .olivia {
  1561. opacity:0.4;
  1562. text-transform:uppercase;
  1563. font-family:'Quicksand';
  1564. font-size:6.5px;
  1565. letter-spacing:1px;
  1566. margin-left:135px;
  1567. width:105px;
  1568. height:117px;
  1569. }
  1570.  
  1571. .loona {
  1572. padding:10px;
  1573. padding-top:12px;
  1574. padding-bottom:12px;
  1575. background:rgba(255,255,255,0.02);
  1576. text-align:center;
  1577. border-radius:6px;
  1578. text-transform:uppercase;
  1579. letter-spacing:2px;
  1580. font-size:6.5px;
  1581. }
  1582.  
  1583. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  1584. .bee { margin-top:15px; width:120px; margin-left:-38px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:5px; }
  1585.  
  1586. .bee a{ padding-top:9px; padding-bottom:4px; padding-right:0px; padding-left:30px; text-align:left; display:table; font-family: 'Quicksand', sans-serif; text-transform:uppercase; font-size:7px; letter-spacing:2px; border-radius:5px; margin-bottom:8px; display:block; font-weight:bold; -webkit-transition: all 0.4s linear; height:15px;
  1587. -moz-transition: all 0.4s linear;
  1588. transition: all 0.4s linear;font-family: 'Quicksand', sans-serif; margin-bottom:14px;}
  1589.  
  1590. .bee a:hover i { color:{color:title}; -webkit-transition: all 0.4s linear;
  1591. -moz-transition: all 0.4s linear;
  1592. transition: all 0.4s linear; border-right:1px solid #000; }
  1593. .bee i { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:13px; position:absolute; background:transparent; color:#555; padding-top:5px; padding-bottom:10px; padding-left:5px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border:1px solid #090909;border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background};
  1594. -moz-transition: all 0.4s linear;
  1595. transition: all 0.4s linear;}
  1596. .bee span {
  1597. margin-left:5px;
  1598. }
  1599.  
  1600.  
  1601. .bee a:hover .sf { transform: scale(0.9);
  1602. transition:.2s;
  1603. -webkit-transition:.2s;
  1604. -moz-transition:.2s;
  1605.  
  1606. }
  1607. .bee .sf { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:16px; position:absolute; background:transparent; color:#555; padding-top:7px; padding-bottom:12px; padding-left:7px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background}; color:{color:nav links};
  1608. -moz-transition: all 0.4s linear;
  1609. transition: all 0.4s linear;
  1610. border-radius:100px;
  1611. height:16px;
  1612. padding:10px;
  1613. width:16px;
  1614. margin-bottom:25px;
  1615. line-height:10px; }
  1616.  
  1617. .bee2 { margin-top:10px; width:120px; margin-left:213px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:5px; }
  1618.  
  1619. .bee2 a{ padding-top:9px; padding-bottom:4px; padding-right:0px; padding-left:30px; text-align:left; display:table; font-family: 'Quicksand', sans-serif; text-transform:uppercase; font-size:7px; letter-spacing:2px; border-radius:5px; margin-bottom:8px; display:block; font-weight:bold; -webkit-transition: all 0.4s linear; height:15px;
  1620. -moz-transition: all 0.4s linear;
  1621. transition: all 0.4s linear;font-family: 'Quicksand', sans-serif; margin-bottom:14px;}
  1622.  
  1623. .bee2 a:hover i { color:{color:title}; -webkit-transition: all 0.4s linear;
  1624. -moz-transition: all 0.4s linear;
  1625. transition: all 0.4s linear; border-right:1px solid #000; }
  1626. .bee2 i { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:13px; position:absolute; background:transparent; color:#555; padding-top:5px; padding-bottom:10px; padding-left:5px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border:1px solid #090909;border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background};
  1627. -moz-transition: all 0.4s linear;
  1628. transition: all 0.4s linear;}
  1629. .bee2 span {
  1630. margin-left:5px;
  1631. }
  1632.  
  1633.  
  1634. .bee2 a:hover .sf { transform: scale(0.9);
  1635. transition:.2s;
  1636. -webkit-transition:.2s;
  1637. -moz-transition:.2s;
  1638.  
  1639. }
  1640. .bee2 .sf { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:16px; position:absolute; background:transparent; color:#555; padding-top:7px; padding-bottom:12px; padding-left:7px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background}; color:{color:nav links};
  1641. -moz-transition: all 0.4s linear;
  1642. transition: all 0.4s linear;
  1643. border-radius:100px;
  1644. height:16px;
  1645. padding:10px;
  1646. width:16px;
  1647. margin-bottom:25px;
  1648. line-height:10px; }
  1649.  
  1650. {block:if400px}
  1651.  
  1652. .nyoong {
  1653. transform: rotate(-90deg);
  1654. position:absolute;
  1655. height:255px;
  1656. text-align:center;
  1657. width:260px;
  1658. margin-left:0px;
  1659. letter-spacing:2px;
  1660. margin-top:15px;
  1661. }
  1662.  
  1663. #admins { position:absolute; height:127px; width:182px; padding:10px;padding-top:3px;padding-bottom:13px;border-radius:5px; line-height:100%; text-align:center; text-transform:uppercase; font-size:6.5px; letter-spacing:2px;
  1664.  
  1665. margin-left:62px; margin-top:15px; border:0px solid {color:bold}; border-radius:10px; width:350px; height:127px; background:{color:title color};
  1666. {block:ifGrayscale}
  1667. filter:grayscale(100%);
  1668. {/block:ifGrayscale}
  1669. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1670. border-top-right-radius:0px;
  1671. border-bottom-right-radius:0px;
  1672.  
  1673. background:url('{image:tab image}'); height:111px;
  1674. }
  1675. #admins img {margin-left:52px; margin-top:12px; border:0px solid {color:bold}; border-radius:10px; width:350px; height:127px; background:{color:title color};
  1676. {block:ifGrayscale}
  1677. filter:grayscale(100%);
  1678. {/block:ifGrayscale}
  1679. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1680. border-top-right-radius:0px;
  1681. border-bottom-right-radius:0px;
  1682. }
  1683.  
  1684. #admins img:hover {
  1685. filter:grayscale(100%);
  1686. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  1687. }
  1688. #admins cute {
  1689. padding:5px;
  1690. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  1691. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  1692. text-align:center;
  1693. padding-left:17px;
  1694. padding-right:17px;
  1695. }
  1696.  
  1697. #admins cute2 {
  1698. padding:5px;
  1699. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  1700. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  1701. text-align:center;
  1702. padding-left:17px;
  1703. padding-right:17px;
  1704. margin-left:50px;
  1705. }
  1706.  
  1707. #admins .sf {
  1708. position:absolute;
  1709. font-size:13px;
  1710. margin-top:7px;
  1711. margin-left:10px;
  1712. }
  1713.  
  1714. #admins svg {
  1715. position:absolute;
  1716. font-size:13px;
  1717. margin-top:-62px;
  1718. margin-left:10px;
  1719. fill:white;
  1720. width:13px;
  1721. }
  1722.  
  1723. #admins cuter {
  1724. position:absolute;
  1725. margin-left:15px;
  1726. margin-top:0px;
  1727. }
  1728.  
  1729. .ego {
  1730. position:absolute;
  1731. font-family: 'Abril Fatface', cursive;
  1732. font-size:60px;
  1733. width:250px;
  1734. line-height:37px;
  1735. margin-left:5px;
  1736. color:{color:title color};
  1737. background:{color:container background};
  1738. z-index:999999999999999999999999999999;
  1739. background:transparent;
  1740. }
  1741.  
  1742. .olivia {
  1743. opacity:0.4;
  1744. text-transform:uppercase;
  1745. font-family:'Quicksand';
  1746. font-size:6.5px;
  1747. letter-spacing:1px;
  1748. margin-left:135px;
  1749. margin-top:-10px;
  1750. width:195px;
  1751. height:117px;
  1752. }
  1753.  
  1754. .loona {
  1755. padding:10px;
  1756. padding-top:12px;
  1757. padding-bottom:12px;
  1758. background:rgba(255,255,255,0.02);
  1759. text-align:center;
  1760. border-radius:6px;
  1761. text-transform:uppercase;
  1762. letter-spacing:2px;
  1763. font-size:6.5px;
  1764. }
  1765.  
  1766. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  1767. .bee { margin-top:15px; width:120px; margin-left:-38px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:5px; }
  1768.  
  1769. .bee a{ padding-top:9px; padding-bottom:4px; padding-right:0px; padding-left:30px; text-align:left; display:table; font-family: 'Quicksand', sans-serif; text-transform:uppercase; font-size:7px; letter-spacing:2px; border-radius:5px; margin-bottom:8px; display:block; font-weight:bold; -webkit-transition: all 0.4s linear; height:15px;
  1770. -moz-transition: all 0.4s linear;
  1771. transition: all 0.4s linear;font-family: 'Quicksand', sans-serif; margin-bottom:14px;}
  1772.  
  1773. .bee a:hover i { color:{color:title}; -webkit-transition: all 0.4s linear;
  1774. -moz-transition: all 0.4s linear;
  1775. transition: all 0.4s linear; border-right:1px solid #000; }
  1776. .bee i { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:13px; position:absolute; background:transparent; color:#555; padding-top:5px; padding-bottom:10px; padding-left:5px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border:1px solid #090909;border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background};
  1777. -moz-transition: all 0.4s linear;
  1778. transition: all 0.4s linear;}
  1779. .bee span {
  1780. margin-left:5px;
  1781. }
  1782.  
  1783.  
  1784. .bee a:hover .sf { transform: scale(0.9);
  1785. transition:.2s;
  1786. -webkit-transition:.2s;
  1787. -moz-transition:.2s;
  1788.  
  1789. }
  1790. .bee .sf { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:16px; position:absolute; background:transparent; color:#555; padding-top:7px; padding-bottom:12px; padding-left:7px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background}; color:{color:nav links};
  1791. -moz-transition: all 0.4s linear;
  1792. transition: all 0.4s linear;
  1793. border-radius:100px;
  1794. height:16px;
  1795. padding:10px;
  1796. width:16px;
  1797. margin-bottom:25px;
  1798. line-height:10px; }
  1799.  
  1800. .bee2 { margin-top:10px; width:120px; margin-left:310px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:5px; }
  1801.  
  1802. .bee2 a{ padding-top:9px; padding-bottom:4px; padding-right:0px; padding-left:30px; text-align:left; display:table; font-family: 'Quicksand', sans-serif; text-transform:uppercase; font-size:7px; letter-spacing:2px; border-radius:5px; margin-bottom:8px; display:block; font-weight:bold; -webkit-transition: all 0.4s linear; height:15px;
  1803. -moz-transition: all 0.4s linear;
  1804. transition: all 0.4s linear;font-family: 'Quicksand', sans-serif; margin-bottom:14px;}
  1805.  
  1806. .bee2 a:hover i { color:{color:title}; -webkit-transition: all 0.4s linear;
  1807. -moz-transition: all 0.4s linear;
  1808. transition: all 0.4s linear; border-right:1px solid #000; }
  1809. .bee2 i { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:13px; position:absolute; background:transparent; color:#555; padding-top:5px; padding-bottom:10px; padding-left:5px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border:1px solid #090909;border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background};
  1810. -moz-transition: all 0.4s linear;
  1811. transition: all 0.4s linear;}
  1812. .bee2 span {
  1813. margin-left:5px;
  1814. }
  1815.  
  1816.  
  1817. .bee2 a:hover .sf { transform: scale(0.9);
  1818. transition:.2s;
  1819. -webkit-transition:.2s;
  1820. -moz-transition:.2s;
  1821.  
  1822. }
  1823. .bee2 .sf { padding:0px;color:{color:bold};text-align:left;margin-left:-15px; font-size:16px; position:absolute; background:transparent; color:#555; padding-top:7px; padding-bottom:12px; padding-left:7px; padding-right:5px; margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; -webkit-transition: all 0.4s linear; background:{color:nav links background}; color:{color:nav links};
  1824. -moz-transition: all 0.4s linear;
  1825. transition: all 0.4s linear;
  1826. border-radius:100px;
  1827. height:16px;
  1828. padding:10px;
  1829. width:16px;
  1830. margin-bottom:25px;
  1831. line-height:10px; }
  1832. {/block:if400px}
  1833.  
  1834. #bo { margin-left:-210px; padding:10px; height:52px; width:195px; overflow:auto; padding:10px;padding-top:3px;padding-bottom:13px;background:#0a0a0a; border-radius:5px; line-height:170%; margin-top:5px;}
  1835. #bb { font-family:kino; font-size:60px; position:fixed;margin-left:-87px;margin-top:45px; -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); color:#ccc; text-shadow:1px 1px 0px #000;}
  1836. #updates { position:absolute; top:15px; right:14px; width:78px; height:160px; background:#ebebeb; font-family:'work sans'; line-height:12px; overflow:auto; }
  1837. .uptitle { text-align:center; text-transform:lowercase; font-family:kino; font-size:30px; padding-bottom:3px; }
  1838. #updates h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family: 'Quicksand', sans-serif; font-size:{select:font size}; letter-spacing:1px; color:#fff;font-weight:normal; }
  1839. h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family: 'Quicksand', sans-serif; font-size:{select:font size}; letter-spacing:1px; color:#fff;font-weight:normal; }
  1840.  
  1841. @font-face{ font-family:kino; src:url('https://dl.dropboxusercontent.com/s/b1en98qmx0gcarj/Gineva-Regular.ttf');}
  1842.  
  1843. #boy span {
  1844. border:1px solid #111;
  1845. background:#aaa;
  1846. color:#000;
  1847. border-radius:100%;
  1848. height:18px;
  1849. padding:10px;
  1850. width:18px;
  1851. margin-bottom:15px;
  1852. line-height:10px;
  1853. display:block;
  1854. }
  1855.  
  1856. #s-m-t-tooltip {
  1857. z-index: 9999;
  1858. background:{color:background};
  1859. font-size: 12px;
  1860. line-height: 13px;
  1861. font-family:'Quicksand', sans-serif;
  1862. letter-spacing: 2px;
  1863. text-transform:uppercase;
  1864. font-size:6.5px;
  1865. border:solid 0px {color:borders};
  1866. border-radius:3px;
  1867. -o-transition: all 0.3s ease-out;
  1868. -webkit-transition: all 0.3s ease-out;
  1869. -moz-transition: all 0.3s ease-out;
  1870. text-transform: normal;
  1871. color:{color:text};
  1872. max-width: 100px;
  1873. word-wrap: break-word;
  1874. padding: 2px 5px 2px 6px;
  1875. display: block;
  1876. margin: 24px 14px 7px 12px
  1877. }
  1878.  
  1879. {CustomCSS}
  1880.  
  1881. </style></head><body>
  1882. </div>
  1883. <div id="box">
  1884. <div id="tt"><a href="/">{text:top title}</a>
  1885. </div>
  1886. <div style="width:405px; {block:if400px} width:505px; {/block:if400px} border-top:1px solid {color:borders};position:fixed; margin-left:212px;margin-top:-43px;"></div>
  1887. <div id="boxy"></div>
  1888.  
  1889. <div id="bord" style="height:30px; width:100px;border-left:1px solid {color:borders}; position:fixed; margin-left:295px; margin-top:50px;"></div>
  1890. <div id="bord2" style="height:30px; width:100px;border-left:1px solid {color:borders}; position:fixed; margin-left:295px; margin-top:245px;"></div>
  1891. <div class="tabz">
  1892. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');"style="font-family:'Consolas';"style="font-family:'Consolas';" title="{text:tab 1}">
  1893. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1894. </a>
  1895. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzTwo');"style="font-family:'Consolas';"style="font-family:'Consolas';" title="{text:tab 2}">
  1896. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 475.433 475.433" style="enable-background:new 0 0 475.433 475.433;" xml:space="preserve"><g><g><path d="M237.717,17.425C106.533,17.425,0,101.008,0,203.575c0,52.983,28.333,102.567,77.917,137.983l-17,96.617 c-1.133,6.517,1.417,13.033,6.8,16.717c2.833,2.267,6.517,3.117,9.917,3.117c2.833,0,5.667-0.567,7.933-1.983l125.517-67.433 c9.067,0.85,17.85,1.133,26.633,1.133c131.183,0,237.717-83.583,237.717-186.15S368.9,17.425,237.717,17.425z M237.717,355.442 c-9.067,0-18.7-0.567-28.333-1.417c-3.4-0.283-6.8,0.283-9.917,1.983L100.3,409.275l12.75-72.817c1.133-6.8-1.7-13.6-7.65-17.283 c-45.617-29.183-71.683-71.117-71.683-115.6c0-83.867,91.517-152.15,203.717-152.15s203.717,68.283,203.717,152.15 S349.917,355.442,237.717,355.442z"/></g></g></svg>
  1897. </a>
  1898. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');"style="font-family:'Consolas';" title="{text:tab 3}">
  1899. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
  1900. </span></a>
  1901. <a href="{text:side link}" class="tablink" style="font-family:'Consolas';" title="{text:tab 4}">
  1902. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1903. </span></a>
  1904. </div>
  1905.  
  1906. <div id="description">
  1907.  
  1908.  
  1909. {text:desc}
  1910.  
  1911.  
  1912. </div>
  1913.  
  1914. </div>
  1915. </div></div>
  1916. <div id="entries">
  1917. <div id="container">
  1918.  
  1919. <!--
  1920.  
  1921. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1922.  
  1923. < tabs links >
  1924.  
  1925. -->
  1926. <!--
  1927.  
  1928.  
  1929. < tabs links >
  1930.  
  1931. -->
  1932.  
  1933. <!-- < tabs content >
  1934. -->
  1935.  
  1936. <div id="TabzTwo" class="tabzcon alytut" style="display:none;{block:ifDark}
  1937. background:rgba(4, 4, 4, 0.6);
  1938. border: 1px solid rgba(255,255,255,0.03);
  1939. {/block:ifDark}
  1940. {block:ifLight}
  1941. background:rgba(255, 255, 255, 0.6);
  1942. border: 1px solid rgba(255,255,255,0.03);
  1943. {/block:ifLight}; padding-right:10px;">
  1944.  
  1945. <h2>{text:ask tab title}</h2>
  1946.  
  1947. {block:ifFaq}
  1948.  
  1949. <blockquote>
  1950.  
  1951. <div class="askq">
  1952.  
  1953. <span class="lnr lnr-envelope"></span>
  1954. <cute>{text:question 1}</cute> {text:answer 1}<br>
  1955.  
  1956. <span class="lnr lnr-envelope"></span>
  1957. <cute>{text:question 2}</cute> {text:answer 2}<br>
  1958.  
  1959. <span class="lnr lnr-envelope"></span>
  1960. <cute>{text:question 3}</cute> {text:answer 3}
  1961.  
  1962. </div></blockquote>
  1963.  
  1964. {/block:ifFaq}
  1965.  
  1966. <div style="margin-top:10px">
  1967. <iframe frameborder="0" border="0" scrolling="no" width="300" height="250" allowtransparency="true" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe></div>
  1968. </div>
  1969.  
  1970. <div id="TabzThree" class="tabzcon alytut" style="display:none;{block:ifDark}
  1971. background:rgba(4, 4, 4, 0.6);
  1972. border: 1px solid rgba(255,255,255,0.03);
  1973. {/block:ifDark}
  1974. {block:ifLight}
  1975. background:rgba(255, 255, 255, 0.6);
  1976. border: 1px solid rgba(255,255,255,0.03);
  1977. {/block:ifLight}; padding-right:10px;">
  1978.  
  1979. <!-- admins information -->
  1980. {block:if400px}
  1981. <div class="nyoong"></div>
  1982. {/block:if400px}
  1983.  
  1984. <div style="width:85px; border-top:0px solid #111; margin-top:0px; margin-left:18px;"></div>
  1985.  
  1986. <div id="admins">
  1987.  
  1988. </div>
  1989.  
  1990. <div style="width:350px; margin-top:155px;position:absolute;">
  1991.  
  1992. <div class="ego">
  1993. {text:navigation big title}
  1994. </div>
  1995. <div class="olivia" style="margin-top:10px; text-align:justify; padding:0px; border-radius:0px; line-height:200%; overflow-y:scroll; word-break:break-all; padding-left:5px;">
  1996. {text:navigation text box}
  1997. </div></div>
  1998.  
  1999.  
  2000. <!-- updates information, edit this here (: -->
  2001.  
  2002.  
  2003. <ul>
  2004. <div class="bee">
  2005. <a href="{text:nav link 1 url}" title="{text:nav link 1 title}"><span class="sf sf-cherry-o"></span></a>
  2006.  
  2007. <a href="{text:nav link 2 url}" title="{text:nav link 2 title}"><span class="sf sf-saturn"></span></a>
  2008.  
  2009. <a href="{text:nav link 3 url}" title="{text:nav link 3 title}"><span class="sf sf-peach-o"></span></a>
  2010. </div>
  2011.  
  2012. <div class="bee2">
  2013. <a href="{text:nav link 4 url}" title="{text:nav link 4 title}"><span class="sf sf-heart-2-o"></span></a>
  2014.  
  2015. <a href="{text:nav link 5 url}" title="{text:nav link 5 title}"><span class="sf sf-moon-1-o"></span></a>
  2016.  
  2017. <a href="{text:nav link 6 url}" title="{text:nav link 6 title}"><span class="sf sf-tag-o"></span></a>
  2018.  
  2019. </div>
  2020.  
  2021. </ul>
  2022.  
  2023. <div class="loona">
  2024. {text:navigation stats}
  2025. </div>
  2026.  
  2027. </div>
  2028.  
  2029. <div id="TabzFour" class="tabzcon alytut" style="display:none;{block:ifDark}
  2030. background:rgba(4, 4, 4, 0.6);
  2031. border: 1px solid rgba(255,255,255,0.03);
  2032. {/block:ifDark}
  2033. {block:ifLight}
  2034. background:rgba(255, 255, 255, 0.6);
  2035. border: 1px solid rgba(255,255,255,0.03);
  2036. {/block:ifLight}; padding-right:10px;">
  2037.  
  2038. <h2 style="margin-bottom:0px;">❛ ❪ ♡ ; the sinners ｡ ❫</h2>
  2039.  
  2040. <div id="muses">
  2041. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2042. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2043. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2044. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a><br>
  2045. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2046. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2047. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2048. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2049.  
  2050. </div>
  2051.  
  2052. <h2 style="margin-bottom:0px;">❛ ❪ ♡ ; the saints ｡ ❫</h2>
  2053.  
  2054. <div id="muses">
  2055. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2056. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2057. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2058. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a><br>
  2059. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2060. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2061. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2062. <a href="/muse."><img src="https://s15.postimg.cc/5nf9zroij/image.gif" title="muse name & age. occupation. sexuality."></a>
  2063.  
  2064. </div>
  2065.  
  2066. </div>
  2067.  
  2068.  
  2069. <!--
  2070.  
  2071. < *TABS END >
  2072.  
  2073. -->
  2074.  
  2075. <div id="TabzOne" class="tabzcon alytut" style="display:block">
  2076.  
  2077. {block:Posts}
  2078.  
  2079. <!-- {block:NoRebloggedFrom}
  2080. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2081. {/block:NoRebloggedFrom} -->
  2082. {block:ContentSource}<!-- {SourceURL}
  2083. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2084. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2085. {/block:ContentSource}
  2086.  
  2087. <div id="post">
  2088.  
  2089. {block:Text}
  2090. {block:Title}<h1>{Title}</h1>{/block:Title}
  2091. {Body}{/block:Text}
  2092.  
  2093. {block:Photo}
  2094. <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a> </div> {block:Caption}{Caption}
  2095. {/block:Caption}
  2096. {/block:Photo}
  2097.  
  2098. {block:Photoset}<div class="media">{photoset}</div> {block:Caption}{Caption}
  2099. {/block:Caption}{/block:Photoset}
  2100.  
  2101. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  2102.  
  2103. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  2104.  
  2105. {block:Chat}
  2106. {block:Title}
  2107. <h2>{Title}</h2>{/block:Title}<br>
  2108. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  2109. {Line}</li>{/block:Lines}</ul>
  2110. {/block:Chat}
  2111.  
  2112. {block:Audio}<div class="audio">{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}<div class="audio-player">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}</div><div class="audio-info">{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  2113.  
  2114. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  2115.  
  2116. {block:Answer}<div id="question"> ❛ {Question} ❜ </div>
  2117. <div id="asker">{Asker} </div>
  2118. {Answer}{/block:Answer}
  2119.  
  2120. {block:Date}
  2121. <div id="info">
  2122. <a href="{Permalink}" title="{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes}{AmPm}.">{TimeAgo}</a>{/block:Date}{block:NoteCount}
  2123.  
  2124. <span style="float:right;"><a href="{Permalink}"><i class="fa fa-heart-o" aria-hidden="true"></i> {NoteCount}</a>&nbsp; <span style="float:right;"> {block:rebloggedfrom}<a href="{reblogparenturl}" title="reblogged from"><i class="fa fa-bookmark-o"></i></a>
  2125. {/block:rebloggedfrom}{block:contentsource} <a href="{sourceurl}" title="original post" target=blank>&nbsp;<i class="fa fa-folder-o"></i></a>{/block:contentsource} | <a href="{ReblogURL}" title="reblog" target="_blank" class="details"><span class="lnr lnr-redo"></span></a></span></span>{/block:NoteCount}
  2126.  
  2127. <br><div style="padding-top:2px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</span></div>
  2128.  
  2129. </div></div>
  2130.  
  2131. {block:PermalinkPage}
  2132. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  2133. {/block:PermalinkPage}
  2134.  
  2135. {/block:Posts}
  2136.  
  2137. {block:Pagination}
  2138. <div class="meow">
  2139. {block:PreviousPage}
  2140. <a href="{PreviousPage}">back</a>
  2141. {/block:PreviousPage}
  2142. </div>
  2143. {/block:Pagination}
  2144.  
  2145. {block:Pagination}
  2146. <div class="meow2">
  2147. {block:NextPage}
  2148. <a href="{NextPage}">next</a>
  2149. {/block:NextPage}
  2150. </div>
  2151. {/block:Pagination}
  2152. </div>
  2153.  
  2154. {/block:Posts}
  2155.  
  2156.  
  2157. </div></div></div>
  2158. </div>
  2159.  
  2160. </div>
  2161.  
  2162. </ul>
  2163. </div></div>
  2164.  
  2165. <div class="mint">
  2166. <a href="https://mintrps.tumblr.com/" title="theme by mintrps."><span class="lnr lnr-code"></span></a>
  2167. </div>
  2168.  
  2169.  
  2170. </div>
  2171.  
  2172. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!