API tools faq
paste
Advertisement
suhothemes

beas theme

suhothemes
Jul 16th, 2023
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!---------------- HEY! LISTEN --------------*/
  4.  
  5.  
  6. ╰ ° EVIE THEME BY NINTCNDOS *°
  7.  
  8. - you can edit it to your heart's content but
  9. keep the credit please! plagiarism ain't cool.
  10. - do not take any part of this theme
  11. and claim it as your own.
  12. - do not lift any section of coding and use it
  13. elsewhere.
  14.  
  15.  
  16. base code: neonbike themes
  17. chat post code: animalites
  18.  
  19.  
  20. /*--------------------------------------------->
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head><title>{Title}</title>
  24. <link rel="shortcut icon" href="http://sorahana.ciao.jp/material/emoji/plant/rosepink.gif">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:background" content="#d6d6d6"/>
  29. <meta name="color:accent" content="#bbb" />
  30. <meta name="color:container bg" content="#ececec" />
  31. <meta name="color:sidebar bg" content="#f8f8f8" />
  32. <meta name="color:posts bg" content="#fff" />
  33. <meta name="color:text" content="#000"/>
  34. <meta name="color:navi" content="#fff"/>
  35. <meta name="color:title" content="#000" />
  36. <meta name="color:link" content="#000"/>
  37. <meta name="color:linkhover" content="#777"/>
  38. <meta name="color:bold" content="#777" />
  39. <meta name="color:italic" content="#777" />
  40. <meta name="color:underline" content="#777" />
  41. <meta name="color:scrollbar" content="#ccc" />
  42. <meta name="color:icon border" content="#fff" />
  43.  
  44. <meta name="text:title" content="this is your title"/>
  45. <meta name="text:subtitle" content="try some bold or italic text here"/>
  46. <meta name="text:navtitle" content="this is your navigation title"/>
  47. <meta name="text:username" content="put your username/url here so the askbox can work (ex. nintcndos)"/>
  48. <meta name="text:blurb text" content="a little about or a neat bio could go here who knows"/>
  49. <meta name="text:tab 1 title" content="home"/>
  50. <meta name="text:tab 2 title" content="message"/>
  51. <meta name="text:tab 3 title" content="navigate"/>
  52. <meta name="text:tab 4 title" content="network"/>
  53. <meta name="text:link 1 title" content="link one"/>
  54. <meta name="text:link 1 url" content="/"/>
  55. <meta name="text:link 2 title" content="link two"/>
  56. <meta name="text:link 2 url" content="/"/>
  57. <meta name="text:link 3 title" content="link three"/>
  58. <meta name="text:link 3 url" content="/"/>
  59. <meta name="text:link 4 title" content="link four"/>
  60. <meta name="text:link 4 url" content="/"/>
  61. <meta name="text:link 5 title" content="link five"/>
  62. <meta name="text:link 5 url" content="/"/>
  63. <meta name="text:link 6 title" content="link six"/>
  64. <meta name="text:link 6 url" content="/"/>
  65. <meta name="text:link 7 title" content="link seven"/>
  66. <meta name="text:link 7 url" content="/"/>
  67. <meta name="text:link 8 title" content="link eight"/>
  68. <meta name="text:link 8 url" content="/"/>
  69.  
  70.  
  71. <meta name="select:title font" content="glowies" title="rowo"/>
  72. <meta name="select:title font" content="glowies2" title="playlist"/>
  73. <meta name="select:title font" content="glowies3" title="axis"/>
  74.  
  75. <meta name="select:title font size" content="27px" title="27"/>
  76. <meta name="select:title font size" content="36px" title="36"/>
  77. <meta name="select:title font size" content="50px" title="50"/>
  78. <meta name="select:title font size" content="64px" title="64"/>
  79.  
  80. <meta name="select:subtitle padding" content="0px" title="0"/>
  81. <meta name="select:subtitle padding" content="5px" title="5"/>
  82. <meta name="select:subtitle padding" content="10px" title="10"/>
  83. <meta name="select:subtitle padding" content="15px" title="15"/>
  84.  
  85. <meta name="image:background" content=""/>
  86. <meta name="image:header" content=""/>
  87. <meta name="image:icon" content=""/>
  88. <meta name="image:icon2" content=""/>
  89. <meta name="image:icon3" content=""/>
  90. <meta name="image:icon4" content=""/>
  91. <meta name="image:icon5" content=""/>
  92. <meta name="image:nav pic1" content=""/>
  93. <meta name="image:nav pic2" content=""/>
  94.  
  95. <meta name="if:greyscale" content="0"/>
  96. <meta name="if:400px" content="1"/>
  97. <meta name="text:text size" content="9px" />
  98.  
  99.  
  100.  
  101. <!--- SCRIPTS AND STUFF --->
  102.  
  103.  
  104. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  105. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet">
  106. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  107. <link href="https://github.com/IanLunn/Hover.git" rel="stylesheet" media="all">
  108. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  109. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  110.  
  111. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  112.  
  113. <script>
  114. $(document).ready(function() {
  115. $('.tabs .tab-links a').on('click', function(e) {
  116. var currentAttrValue = $(this).attr('href');
  117.  
  118. // Show/Hide Tabs
  119. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  120.  
  121. // Change/remove current tab to active
  122. $(this).parent('li').addClass('active').siblings().removeClass('active');
  123.  
  124. e.preventDefault();
  125. });
  126. });
  127. </script>
  128.  
  129. <script>
  130. $(document).ready(function() {
  131. $('#filterOptions li a').click(function() {
  132. // fetch the class of the clicked item
  133. var ourClass = $(this).attr('class');
  134.  
  135. // reset the active class on all the buttons
  136. $('#filterOptions li').removeClass('active');
  137. // update the active state on our clicked button
  138. $(this).parent().addClass('active');
  139.  
  140. if(ourClass == 'all') {
  141. // show all our items
  142. $('#ourHolder').children('div.item').show();
  143. }
  144. else {
  145. // hide all elements that don't share ourClass
  146. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  147. // show all elements that do share ourClass
  148. $('#ourHolder').children('div.' + ourClass).show();
  149. }
  150. return false;
  151. });
  152. });
  153. </script>
  154.  
  155. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script>
  156.  
  157. <script>
  158. $(document).ready(function() {
  159. $('.tabs .tab-links a').on('click', function(e) {
  160. var currentAttrValue = $(this).attr('href');
  161.  
  162. // Show/Hide Tabs
  163. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  164.  
  165. // Change/remove current tab to active
  166. $(this).parent('li').addClass('active').siblings().removeClass('active');
  167.  
  168. e.preventDefault();
  169. });
  170. });
  171. </script>
  172.  
  173. <script>
  174. $(document).ready(function() {
  175. $('#filterOptions li a').click(function() {
  176. // fetch the class of the clicked item
  177. var ourClass = $(this).attr('class');
  178.  
  179. // reset the active class on all the buttons
  180. $('#filterOptions li').removeClass('active');
  181. // update the active state on our clicked button
  182. $(this).parent().addClass('active');
  183.  
  184. if(ourClass == 'all') {
  185. // show all our items
  186. $('#ourHolder').children('div.item').show();
  187. }
  188. else {
  189. // hide all elements that don't share ourClass
  190. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  191. // show all elements that do share ourClass
  192. $('#ourHolder').children('div.' + ourClass).show();
  193. }
  194. return false;
  195. });
  196. });
  197. </script>
  198.  
  199.  
  200. <script type="text/javascript">
  201. jQuery(document).ready(function() {
  202. jQuery(".sub").hide();
  203. //toggle the component with class msg_body
  204. jQuery(".cthrough").click(function()
  205. {
  206. jQuery(this).next(".sub").slideToggle(500);
  207. });});
  208. </script>
  209.  
  210. <!--- END OF SCRIPTS AND STUFF --->
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218. <style type="text/css">
  219.  
  220. /* ╰ ° EXTRAS N STUFF *° */
  221.  
  222. ::-webkit-scrollbar-thumb:vertical {
  223. height:10px;
  224. border:0px solid {color:scrollbar};
  225. background-color:{color:scrollbar};
  226. -webkit-border-fill-color: transparent;
  227. }
  228.  
  229. ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar:horizontal {
  230. display:none;
  231. }
  232.  
  233. ::-webkit-scrollbar {
  234. width:1px;
  235. height:5px;
  236. border:2px solid transparent;
  237. background:transparent;
  238. display:none;
  239. -webkit-border-fill-color: transparent;
  240. }
  241.  
  242. ::-moz-selection {
  243. color:{color:posts bg};
  244. background-color:{color:accent};
  245. }
  246.  
  247. ::selection {
  248. color:{color:posts bg};
  249. background-color:{color:accent};
  250. }
  251.  
  252. @font-face{
  253. font-family:"glowies";
  254. src: url('https://dl.dropboxusercontent.com/s/exkgvog2renheyj/r.ttf');
  255. }
  256.  
  257. @font-face{
  258. font-family:"glowies2";
  259. src: url('https://dl.dropboxusercontent.com/s/gdn9befynhd1v6x/ps.otf');
  260. }
  261.  
  262. @font-face{
  263. font-family:"glowies3";
  264. src: url('https://dl.dropboxusercontent.com/s/108jph3jeqb1zlb/ax.otf');
  265. }
  266.  
  267. @font-face{
  268. font-family:"icony";
  269. src: url('https://dl.dropboxusercontent.com/s/a7bri7ihdzf1r5h/icony.ttf');
  270. }
  271.  
  272.  
  273. div#qTip {
  274. padding: 2px 5px 2px 5px;
  275. display: none;
  276. margin-left:10px;
  277. margin-top:-37px;
  278. background:{color:posts bg};
  279. opacity:0.8;
  280. font-weight:700;
  281. position: absolute;
  282. border-radius:10px;
  283. text-transform:uppercase;
  284. font-size:7px;
  285. z-index: 9999999;
  286. color: {color:text};
  287. letter-spacing: 1px;
  288. }
  289.  
  290.  
  291. /* ╰ ° HOVER EFFECTS AND FONT ICONS *° */
  292.  
  293. /* Grow Rotate */
  294. .hvr-grow-rotate {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
  295. .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  296. -webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);}
  297.  
  298.  
  299. /* Push */
  300. @-webkit-keyframes hvr-push {
  301. 50% {-webkit-transform: scale(0.8);transform: scale(0.8);}100% {-webkit-transform: scale(1);transform: scale(1);}}
  302. @keyframes hvr-push {50% {-webkit-transform: scale(0.8);transform: scale(0.8);}100% {-webkit-transform: scale(1);transform: scale(1);}}
  303. .hvr-push {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
  304. .hvr-push:hover, .hvr-push:focus, .hvr-push:active {-webkit-animation-name: hvr-push;animation-name: hvr-push;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
  305. }
  306.  
  307.  
  308. .lnr-tag {
  309. color: {color:text};
  310. font-size: 8px;
  311. }
  312. .lnr-leaf {
  313. color: {color:accent};
  314. font-size: 12px;
  315. text-align:center;
  316. display:block;
  317. margin-top:5px;
  318. margin-bottom:15px;
  319. }
  320. .lnr-arrow-right, .lnr-arrow-left {
  321. color: {color:text};
  322. font-size: 10px;
  323. }
  324. .sprout {
  325. color: {color:accent};
  326. font-size: 14px;
  327. font-family:'icony';
  328. text-align:center;
  329. display:block;
  330. text-shadow:none;
  331. font-weight:400;
  332. margin-top:-2px;
  333. margin-bottom:5px;
  334. }
  335.  
  336.  
  337. /* ╰ ° THE ESSENTIALS *° */
  338.  
  339. body {
  340. background: url('{image:background}') no-repeat center center fixed;
  341. -webkit-background-size: cover;
  342. -moz-background-size: cover;
  343. -o-background-size: cover;
  344. background-size: cover;
  345. background-color:{color:background};
  346. line-height:150%;
  347. color:{color:text};
  348. font-family: 'roboto', sans-serif ;
  349. font-size: {text:text size};
  350. letter-spacing:0.5px;
  351. }
  352.  
  353. a {
  354. text-decoration:none;
  355. color:{color:link};
  356. -webkit-transition: all 0.5s ease;
  357. -moz-transition: all 0.5s ease;
  358. -o-transition: all 0.5s ease;
  359. }
  360.  
  361. a:hover {
  362. color:{color:linkhover};
  363. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  364. -webkit-transition: all 0.5s ease;
  365. -moz-transition: all 0.5s ease;
  366. -o-transition: all 0.5s ease;
  367. }
  368.  
  369. hr {
  370. width: 40%;
  371. margin-left: auto;
  372. margin-right: auto;
  373. margin-top: 20px;
  374. margin-bottom: 20px;
  375. opacity:0.5;
  376. color:{color:text};
  377. }
  378.  
  379. blockquote {
  380. background-color:rgba(255,255,255,0);
  381. padding:0px 6px 0px 12px;
  382. margin:4px 2px 2px 2px;
  383. border-left:1px solid {color:scrollbar};
  384. }
  385.  
  386. blockquote img {
  387. max-width:100%;
  388. height:auto;
  389. }
  390.  
  391. b, strong {
  392. color:{color:bold};
  393. font-weight:bold;
  394. }
  395.  
  396. i, em {
  397. color:{color:italic};
  398. }
  399. u, s, strike {
  400. color:{color:underline};
  401. }
  402.  
  403. small,sup,sub {
  404. font-size:{text:Text Size}}
  405.  
  406. big {
  407. font-size:11px;}
  408.  
  409. pre {
  410. border:1px solid {color:sidebar bg};
  411. opacity:0.65;
  412. border-radius:5px;
  413. padding:20px;
  414. white-space: pre-wrap; /* css-3 */
  415. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  416. white-space: -pre-wrap; /* Opera 4-6 */
  417. white-space: -o-pre-wrap; /* Opera 7 */
  418. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  419.  
  420. pre b, pre strong{
  421. color:{color:text};
  422. }
  423.  
  424. .entries ul {
  425. padding-left:6px;
  426. margin-left:20px;
  427. margin-right:20px;
  428. }
  429.  
  430. .entries ol {
  431. padding-left:3px;
  432. margin-left:20px;
  433. margin-right:20px;
  434. text-align:justify;
  435. }
  436. .entries li {
  437. padding-left:3px;
  438. margin-left:6px;
  439. text-align:justify;
  440. margin-bottom:10px;
  441. }
  442.  
  443.  
  444.  
  445. /* ╰ ° HEADER STUFF *° */
  446.  
  447. .header {
  448. width:500px;
  449. {block:If400px}
  450. width:600px;
  451. {/block:If400px}
  452. height:130px;
  453. position:fixed;
  454. top:130px;
  455. left:50%;
  456. -webkit-transform:translate(-50%,0%);
  457. transform:translate(-50%,0%);
  458. overflow-y:none;
  459. overflow-x:none;
  460. padding:0px;
  461. opacity:0.95;
  462. background:{color:accent};
  463. border-radius:5px 5px 0px 0px;
  464. z-index:-999;
  465. -webkit-transition: all .4s ease-out;
  466. -moz-transition: all .4s ease-out;
  467. -o-transition: all .4s ease-out;
  468. -ms-transition: all .4s ease-out;
  469. transition: all .4s ease-out;
  470. }
  471.  
  472.  
  473. #header {
  474. display:static;
  475. position:relative;
  476. z-index:999;
  477. padding:0px;
  478. width:500px;
  479. {block:If400px}
  480. width:600px;
  481. {/block:If400px}
  482. height:130px;
  483. top: 0px;
  484. left:0px;
  485. opacity:1;
  486. border-radius:5px 5px 0px 0px;
  487. -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  488. filter: blur(0px);
  489. -webkit-transition: all .4s ease-out;
  490. -moz-transition: all .4s ease-out;
  491. -o-transition: all .4s ease-out;
  492. -ms-transition: all .4s ease-out;
  493. transition: all .4s ease-out;
  494. }
  495.  
  496. .header:hover #header{
  497. opacity:0.2;
  498. -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  499. filter: blur(0px);
  500. -webkit-transition: all .4s ease-out;
  501. -moz-transition: all .4s ease-out;
  502. -o-transition: all .4s ease-out;
  503. -ms-transition: all .4s ease-out;
  504. transition: all .4s ease-out;
  505. }
  506.  
  507.  
  508.  
  509.  
  510. .blurb{
  511. display:block;
  512. position:absolute;
  513. top:0px;
  514. left:0px;
  515. width:480px;
  516. {block:If400px}
  517. width:580px;
  518. {/block:If400px}
  519. height:110px;
  520. padding:10px;
  521. z-index:999999;
  522. opacity:0;
  523. background:transparent;
  524. -webkit-transition: all 0.4s ease-out;
  525. -webkit-transition: all 0.4s ease-out;
  526. -moz-transition: all 0.4s ease-out;
  527. -o-transition: all 0.4s ease-out;
  528. }
  529.  
  530. .blurb:hover {
  531. opacity:0.9;
  532. }
  533.  
  534.  
  535.  
  536. .htext {
  537. position:absolute;
  538. top:0px;
  539. left:0px;
  540. text-align:justify;
  541. width:480px;
  542. {block:If400px}
  543. width:580px;
  544. {/block:If400px}
  545. height:110px;
  546. padding:10px;
  547. font-size:8px;
  548. overflow:hidden;
  549. text-transform:uppercase;
  550. line-height:150%;
  551. vertical-align:middle;
  552. opacity:1;
  553. letter-spacing:.5px;
  554. word-spacing:0px;
  555. z-index:9999;
  556. font-weight:500;
  557. background:transparent;
  558. border:0px solid {color:posts bg};
  559. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  560. }
  561.  
  562. /* ╰ ° NAVTAB STUFF *° */
  563.  
  564. .boom {
  565. position:absolute;
  566. top:45px;
  567. left:20px;
  568. width:290px;
  569. {block:If400px}
  570. width:390px;
  571. {/block:If400px}
  572. height:145px;
  573. padding:20px;
  574. overflow:hidden;
  575. z-index:0;
  576. background:transparent;
  577. border:1px solid {color:posts bg};
  578. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  579. }
  580.  
  581. .boom i {
  582. padding:2px;
  583. text-transform:uppercase;
  584. font-style:italic;
  585. letter-spacing:1px;
  586. line-height:90%;
  587. font-weight:500;
  588. background:{color:text};
  589. color:{color:posts bg};
  590. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  591. }
  592.  
  593. .bm {
  594. position:absolute;
  595. top:30px;
  596. left:36px;
  597. width:260px;
  598. {block:If400px}
  599. width:360px;
  600. {/block:If400px}
  601. padding:20px;
  602. height:170px;
  603. z-index:99;
  604. background:{color:container bg};
  605. }
  606.  
  607. .boomtext {
  608. z-index:99999;
  609. height:180px;
  610. overflow:hidden;
  611. position:absolute;
  612. top:25px;
  613. text-align:justify;
  614. width:290px;
  615. left:40px;
  616. {block:If400px}
  617. width:370px;
  618. left:50px;
  619. {/block:If400px}
  620. font-size:8px;
  621. text-transform:uppercase;
  622. vertical-align:middle;
  623. opacity:1;
  624. letter-spacing:.5px;
  625. word-spacing:0px;
  626. line-height:200%;
  627. font-weight:500;
  628. background:transparent;
  629. }
  630.  
  631. .btext {
  632. height:110px;
  633. width:260px;
  634. position:absolute;
  635. top:55px;
  636. padding:0px 10px 0px 10px;
  637. overflow:auto;
  638. }
  639.  
  640. .navtitle {
  641. text-align:center;
  642. font-size:24px;
  643. text-transform:none;
  644. line-height:100%;
  645. vertical-align:middle;
  646. opacity:1;
  647. letter-spacing:0px;
  648. word-spacing:0px;
  649. padding:10px;
  650. color:{color:italic};
  651. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  652. font-family: {select:title font};
  653. }
  654. .nav {
  655. position:absolute;
  656. top: 215px;
  657. left: 29px;
  658. height:60px;
  659. width:213px;
  660. {block:If400px}
  661. width:272px;
  662. {/block:If400px}
  663. background: none;
  664. margin:0px;
  665. padding:4px;
  666. margin-bottom:-20px;
  667. border-radius:10px;
  668. border:0px solid {color:container bg};
  669. z-index:999999;
  670. }
  671.  
  672. .nav a {
  673. width:90px;
  674. {block:If400px}
  675. width:120px;
  676. {/block:If400px}
  677. height:10px;
  678. font-size:7px;
  679. line-height:130%;
  680. vertical-align:middle;
  681. letter-spacing:1.5px;
  682. text-transform:uppercase;
  683. font-family: 'Raleway';
  684. padding:4px;
  685. margin:3px;
  686. text-align:center;
  687. font-weight:600;
  688. opacity:1.0;
  689. background:{color:posts bg};
  690. color:{color:text};
  691. border-radius:10px;
  692. text-shadow:none;
  693. display: inline-block;
  694. vertical-align: middle;
  695. -webkit-transform: translateZ(0);
  696. transform: translateZ(0);
  697. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  698. -webkit-backface-visibility: hidden;
  699. backface-visibility: hidden;
  700. -moz-osx-font-smoothing: grayscale;
  701. -webkit-transition-duration: 0.3s;
  702. transition-duration: 0.3s;
  703. -webkit-transition-property: background;
  704. transition-property: background;
  705. box-shadow: inset 0 0 0 1px {color:posts bg}, 0 0 1px rgba(0, 0, 0, 0);
  706. /* Hack to improve aliasing on mobile/tablet devices */
  707. -webkit-transition: all 0.3s ease;
  708. -moz-transition: all 0.3s ease;
  709. -o-transition: all 0.3s ease;
  710. }
  711. .nav a:hover, .nav a:focus, .nav a:active {
  712. background: none;
  713. box-shadow: inset 0 0 0 1px {color:posts bg}, 0 0 1px rgba(0, 0, 0, 0);
  714. /* Hack to improve aliasing on mobile/tablet devices */
  715. -webkit-transition: all 0.3s ease;
  716. -moz-transition: all 0.3s ease;
  717. -o-transition: all 0.3s ease;
  718. }
  719.  
  720. #huh1, #huh2 {
  721. display:static;
  722. position:absolute;
  723. z-index:99;
  724. padding:4px;
  725. border:1px solid {color:icon border};
  726. background-color: {color:container bg};
  727. overflow:hidden;
  728. border-radius: 50%;
  729. }
  730.  
  731. #huh1 {
  732. position:absolute;
  733. top: 220px;
  734. right:35px;
  735. width:70px;
  736. height:70px;
  737. {block:If400px}
  738. top: 210px;
  739. right:45px;
  740. width:90px;
  741. height:90px;
  742. {/block:If400px}
  743. }
  744.  
  745. #huh2 {
  746. top: 270px;
  747. right:15px;
  748. width:40px;
  749. height:40px;
  750. {block:If400px}
  751. right:25px;
  752. {/block:If400px}
  753. }
  754.  
  755.  
  756.  
  757. /* ╰ ° THAT OTHER TAB *° */
  758.  
  759. .updates {
  760. position:absolute;
  761. top: 35px;
  762. right:10px;
  763. width:110px;
  764. height:100px;
  765. {block:If400px}
  766. width:180px;
  767. height:110px;
  768. {/block:If400px}
  769. z-index:999;
  770. overflow:hidden;
  771. background:{color:sidebar bg};
  772. font-size:7.5px;
  773. letter-spacing:1px;
  774. text-align:left;
  775. line-height:250%;
  776. text-transform:uppercase;
  777. padding:10px;
  778. border-radius:5px;
  779. }
  780.  
  781. .updates b {
  782. font-weight:600;
  783. letter-spacing:1px;
  784. padding:2px;
  785. text-shadow:none;
  786. border-radius:3px;
  787. margin-right:3px;
  788. background:{color:link};
  789. color:{color:sidebar bg};
  790. }
  791.  
  792.  
  793. .z {
  794. position:absolute;
  795. top: 25px;
  796. left:15px;
  797. width:180px;
  798. height:200px;
  799. overflow:auto;
  800. z-index:9;
  801. letter-spacing:0.5px;
  802. text-align:justify;
  803. text-transform:lowercase;
  804. padding:20px 20px 10px 20px;
  805. border-radius:5px;
  806. border:1px solid {color:icon border};
  807. }
  808.  
  809. .z p {
  810. margin-bottom:10px;
  811. }
  812. .z xo, .z xx {
  813. font-weight:600;
  814. font-family:'glowies3';
  815. font-size:18px;
  816. padding:6px 4px 2px 4px;
  817. text-transform:uppercase;
  818. }
  819.  
  820. .z xo {
  821. float:right;
  822. text-align:right;
  823. margin-left:3px;
  824. color:{color:italic};
  825. }
  826. .z xx {
  827. float:left;
  828. text-align:left;
  829. margin-right:3px;
  830. padding-left:0px;
  831. color:{color:link};
  832. }
  833.  
  834. .m {
  835. position:absolute;
  836. top: 260px;
  837. left:15px;
  838. width:222px;
  839. text-align:center;
  840. }
  841.  
  842. .mn {
  843. display:static;
  844. padding:4px;
  845. border:1px solid {color:icon border};
  846. background-color: {color:container bg};
  847. overflow:hidden;
  848. margin:3px;
  849. width:36px;
  850. height:36px;
  851. border-radius: 50%;
  852. }
  853.  
  854. .mm {
  855. margin-top:15px;
  856. }
  857.  
  858.  
  859. .messages {
  860. position:absolute;
  861. bottom: 20px;
  862. right:20px;
  863. overflow:hidden;
  864. height:150px;
  865. width:100px;
  866. {block:If400px}
  867. height:140px;
  868. width:180px;
  869. {/block:If400px}
  870. z-index:99999;
  871. }
  872. .tw, .tw2 {
  873. width:80px;
  874. {block:If400px}
  875. width:120px;
  876. {/block:If400px}
  877. height:auto;
  878. padding:6px;
  879. font-size:8px;
  880. line-height:125%;
  881. text-align:left;
  882. background:{color:sidebar bg};
  883. border-radius:10px;
  884. margin-bottom:10px;
  885. }
  886. .tw {
  887. float:left;
  888. }
  889. .tw2 {
  890. background:{color:accent};
  891. color:{color:sidebar bg};
  892. float:right;
  893. }
  894.  
  895. .tw::after {content:"";position:relative;float:left;bottom:-12px;width:.5em;height:1em;border-right:.5em solid {color:sidebar bg};border-bottom-right-radius:1em .5em
  896. }
  897. .tw2::after {content:"";position:relative;float:right;bottom:-12px;width:.5em;height:1em;border-left:.5em solid {color:accent};border-bottom-left-radius:1em .5em;
  898. }
  899. .tw b {
  900. color:{color:underline};
  901. font-style:italic;
  902. }
  903. .tw2 b {
  904. color:{color:sidebar bg};
  905. font-style:italic;
  906. }
  907.  
  908.  
  909.  
  910. /* ╰ ° TITLES N HEADINGS *° */
  911.  
  912. .title {
  913. text-align:center;
  914. padding:8px;
  915. padding-top:30px;
  916. font-size:{select:Title Font Size};
  917. text-transform:lowercase;
  918. line-height:100%;
  919. vertical-align:middle;
  920. opacity:1;
  921. letter-spacing:4px;
  922. word-spacing:0px;
  923. z-index:9;
  924. font-weight:500;
  925. color:{color:title};
  926. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  927. font-family: {select:Title Font};
  928. -webkit-transform:translate(0px,0%);
  929. transform:translate(0px,0%);
  930. -webkit-transition: all 0.4s ease-out;
  931. -webkit-transition: all 0.4s ease-out;
  932. -moz-transition: all 0.4s ease-out;
  933. -o-transition: all 0.4s ease-out;
  934. }
  935.  
  936. .header:hover .title {
  937. letter-spacing:0px;
  938. -webkit-transform:translate(0px,0%);
  939. transform:translate(0px,0%);
  940. -webkit-transition: all 0.4s ease-out;
  941. -webkit-transition: all 0.4s ease-out;
  942. -moz-transition: all 0.4s ease-out;
  943. -o-transition: all 0.4s ease-out;
  944. }
  945.  
  946.  
  947. .header:hover .subtitle {
  948. letter-spacing:1px;
  949. -webkit-transform:translate(0px,0%);
  950. transform:translate(0px,0%);
  951. -webkit-transition: all 0.4s ease-out;
  952. -webkit-transition: all 0.4s ease-out;
  953. -moz-transition: all 0.4s ease-out;
  954. -o-transition: all 0.4s ease-out;
  955. }
  956.  
  957.  
  958.  
  959. .subtitle {
  960. text-align:center;
  961. padding:8px;
  962. padding-top:{select:subtitle padding};
  963. margin-top:-23px;
  964. font-size:8px;
  965. text-transform:uppercase;
  966. line-height:100%;
  967. vertical-align:middle;
  968. opacity:1;
  969. word-spacing:0px;
  970. z-index:9;
  971. font-weight:600;
  972. color:{color:title};
  973. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  974. font-family: 'Raleway';
  975. -webkit-transform:translate(0px,0%);
  976. transform:translate(0px,0%);
  977. -webkit-transition: all 0.4s ease-out;
  978. -webkit-transition: all 0.4s ease-out;
  979. -moz-transition: all 0.4s ease-out;
  980. -o-transition: all 0.4s ease-out;
  981. }
  982.  
  983.  
  984. .subtitle b{
  985. font-weight:800;
  986. letter-spacing:0.5px;
  987. padding:1px 2px;
  988. line-height:90%;
  989. background:{color:linkhover};
  990. color:#f2d0d3;
  991. }
  992.  
  993. .subtitle i {
  994. padding:1px 2px;
  995. font-style:italic;
  996. letter-spacing:1px;
  997. line-height:90%;
  998. font-weight:500;
  999. background:{color:title};
  1000. color:{color:accent};
  1001. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1002. }
  1003.  
  1004.  
  1005.  
  1006. h1 {
  1007. font-size:20px;
  1008. padding:5px;
  1009. margin:5px;
  1010. font-weight:800;
  1011. line-height:100%;
  1012. letter-spacing:0px;
  1013. text-transform:none;
  1014. font-family:{select:title font};
  1015. text-align:center;
  1016. color:{color:accent};
  1017. }
  1018.  
  1019. h2, h3 {
  1020. line-height:120%;
  1021. font-family:'glowies3';
  1022. text-shadow: 0px 0.5px 0px rgba(0,0,0,.1);
  1023. text-transform:uppercase;
  1024. margin-bottom:5px;
  1025. margin-top:5px;
  1026. }
  1027.  
  1028. h2 {
  1029. font-size:14px;
  1030. font-weight:800;
  1031. letter-spacing:-0.5px;
  1032. background:none;
  1033. text-align:right;
  1034. width:auto;
  1035. padding:4px;
  1036. color:{color:link};
  1037. }
  1038.  
  1039. .posts h3 {
  1040. background:{color:container bg};
  1041. }
  1042.  
  1043.  
  1044. h3 {
  1045. font-weight:700;
  1046. color:{color:text};
  1047. font-size:8px;
  1048. padding:8px;
  1049. border-radius:5px;
  1050. text-align:center;
  1051. background:{color:posts bg};
  1052. }
  1053.  
  1054. h4 {
  1055. font-weight:700;
  1056. color:{color:accent};
  1057. font-size:18px;
  1058. padding:3px 3px 6px 3px;
  1059. border-bottom:1px solid {color:underline};
  1060. text-align:left;
  1061. text-transform:uppercase;
  1062. background:transparent;
  1063. margin-bottom:10px;
  1064. margin-top:0px;
  1065. font-family:'glowies3';
  1066. }
  1067. .updates h4 {
  1068. padding:3px;
  1069. margin-bottom:5px;
  1070. font-size:13px;
  1071. color:{color:underline};
  1072. border-bottom:1px solid {color:container bg};
  1073. }
  1074.  
  1075.  
  1076. h4::before{
  1077. content:'●● ';
  1078. font-family:'raleway';
  1079. color:{color:underline};
  1080. }
  1081. .updates h4::before{
  1082. content:'●● ';
  1083. font-family:'raleway';
  1084. color:{color:text};
  1085. }
  1086.  
  1087.  
  1088.  
  1089. /* ╰ ° IMAGE FILTERS *° */
  1090.  
  1091. {block:IfGreyscale}
  1092.  
  1093. img {
  1094. -webkit-filter:grayscale(100%);
  1095.  
  1096. }
  1097.  
  1098. .html_photoset {
  1099. -webkit-filter: grayscale(100%);
  1100. }
  1101.  
  1102. {/block:IfGreyscale}
  1103.  
  1104. img {
  1105. max-width:100%;
  1106. height:auto;}
  1107.  
  1108.  
  1109. /* ╰ ° NAVIGATION *° */
  1110.  
  1111.  
  1112. /*----- Tab Links -----*/
  1113.  
  1114. /* Clearfix */
  1115. .tab-links:after {
  1116. display:inline-block;
  1117. clear:both;
  1118. content:'';
  1119.  
  1120. }
  1121.  
  1122. .tab-links li {
  1123. margin:0px;
  1124. display:inline-block;
  1125. list-style:none;
  1126. z-index:-999;
  1127. padding:0px;
  1128. }
  1129.  
  1130. .tab-links {
  1131. position:absolute;
  1132. top: 15px;
  1133. left: 15px;
  1134. height:68px;
  1135. width:80px;
  1136. background:{color:sidebar bg};
  1137. text-align:center;
  1138. margin:0px;
  1139. opacity:0;
  1140. padding:4px;
  1141. padding-top:16px;
  1142. border-radius:50%;
  1143. border:1px solid {color:icon border};
  1144. z-index:999999;
  1145. transform:rotate(0deg);
  1146. -webkit-transform:rotate(0deg);
  1147. -webkit-transition: all 0.5s ease;
  1148. -moz-transition: all 0.3s ease;
  1149. -o-transition: all 0.3s ease;
  1150. }
  1151. .tab-links:hover {
  1152. opacity:1;
  1153. -webkit-transition: all 0.5s ease;
  1154. -moz-transition: all 0.5s ease;
  1155. -o-transition: all 0.5s ease;
  1156. }
  1157.  
  1158. .tab-links a {
  1159. width:16px;
  1160. height:16px;
  1161. display:block;
  1162. font-size:26px;
  1163. line-height:80%;
  1164. letter-spacing:0px;
  1165. text-align:center;
  1166. font-family: 'glowies3';
  1167. padding:5px;
  1168. margin:0px;
  1169. opacity:1.0;
  1170. background:transparent;
  1171. color:{color:navi};
  1172. border-radius:50%;
  1173. border:1px solid transparent;
  1174. text-shadow:none;
  1175. text-transform:uppercase;
  1176. transform:rotate(0deg);
  1177. -webkit-transform:rotate(0deg);
  1178. -webkit-transition: all 0.3s ease;
  1179. -moz-transition: all 0.3s ease;
  1180. -o-transition: all 0.3s ease;
  1181. }
  1182.  
  1183. .tab-links a:hover, li.active a:hover{
  1184. -webkit-text-stroke: 1px {color:sidebar bg};
  1185. background:{color:accent};
  1186. color:{color:accent};
  1187. border:1px solid {color:accent};
  1188. transform:scale(1.4) rotate(10deg);
  1189. -webkit-transform:scale(1.4) rotate(10deg);
  1190. }
  1191.  
  1192.  
  1193.  
  1194.  
  1195. /* ╰ ° ICONS N STUFF *° */
  1196.  
  1197. #icon {
  1198. display:static;
  1199. position:relative;
  1200. z-index:999999;
  1201. padding:0px;
  1202. top: 15px;
  1203. left:15px;
  1204. width:80px;
  1205. height:80px;
  1206. -webkit-transition: all .4s ease-out;
  1207. -moz-transition: all .4s ease-out;
  1208. -o-transition: all .4s ease-out;
  1209. -ms-transition: all .4s ease-out;
  1210. transition: all .4s ease-out;
  1211. }
  1212.  
  1213. #icon img {
  1214. width:auto;
  1215. height:auto;
  1216. background-color: {color:sidebar bg};
  1217. overflow:hidden;
  1218. padding:4px;
  1219. border-radius: 50%;
  1220. border:1px solid {color:icon border};
  1221. }
  1222.  
  1223.  
  1224.  
  1225. /* ╰ ° ENTRIES *° */
  1226.  
  1227. .tabs {
  1228. width:100%;
  1229. margin-left:0px;
  1230. display:inline-block;
  1231. }
  1232.  
  1233. .bigcon {
  1234. width:500px;
  1235. {block:If400px}
  1236. width:600px;
  1237. {/block:If400px}
  1238. height:340px;
  1239. position:fixed;
  1240. top: 260px;
  1241. left:50%;
  1242. -webkit-transform:translate(-50%,0%);
  1243. transform:translate(-50%,0%);
  1244. overflow-y:none;
  1245. overflow-x:none;
  1246. padding:0px;
  1247. opacity:0.95;
  1248. background-color:{color:container bg};
  1249. border-radius:0px 0px 5px 5px;
  1250. }
  1251.  
  1252. /*----- TAB CONTENT -----*/
  1253.  
  1254. .tab {
  1255. display:none;
  1256. }
  1257.  
  1258. .tab.active {
  1259. display:block;
  1260. }
  1261.  
  1262. .entries {
  1263. width:355px;
  1264. {block:If400px}
  1265. width:455px;
  1266. {/block:If400px}
  1267. background:none;
  1268. height:330px;
  1269. margin:15px;
  1270. margin-left:5px;
  1271. margin-top:0px;
  1272. position:absolute;
  1273. top: 0px;
  1274. left:120px;
  1275. text-align:justify;
  1276. overflow-y:auto;
  1277. overflow-x:hidden;
  1278. padding: 0px 10px 10px 0px;
  1279. opacity:1.0;
  1280. }
  1281.  
  1282. .posts {
  1283. width: 300px;
  1284. {block:If400px}
  1285. width:400px;
  1286. {/block:If400px}
  1287. padding: 20px;
  1288. background: {color:posts bg};
  1289. margin-bottom:0px;
  1290. margin-left:15px;
  1291. margin-top:15px;
  1292. text-align:justify;
  1293. border-radius:5px;
  1294. }
  1295.  
  1296. #message {
  1297. padding:30px;
  1298. }
  1299.  
  1300.  
  1301. #tab {
  1302. padding:20px;
  1303. overflow:auto;
  1304. }
  1305.  
  1306.  
  1307. /* ╰ ° TABLE STUFF *° */
  1308.  
  1309.  
  1310. table, th, td {
  1311. border: 1px solid {color:container bg};
  1312. }
  1313. th, td {
  1314. border-bottom: 1px solid {color:container bg};
  1315. }
  1316.  
  1317. table {
  1318. width: 100%;
  1319. text-align: center;
  1320. table-layout: fixed;
  1321. }
  1322.  
  1323. th {
  1324. height: 12px;
  1325. text-align: center;
  1326. }
  1327.  
  1328. th, td {
  1329. padding:5px;
  1330. background-color:{color:posts bg};
  1331. }
  1332.  
  1333. .tablenav {
  1334. border-collapse: collapse;
  1335. width:200px;
  1336. margin-left:auto;
  1337. margin-right:auto;
  1338. }
  1339.  
  1340. .tablenav a {
  1341. display:block;
  1342. font-size:7px;
  1343. text-transform:uppercase;
  1344. font-weight:700;
  1345. text-align: center;
  1346. letter-spacing:1.5px;
  1347. }
  1348.  
  1349.  
  1350. /* ╰ ° DESCRIPTION *° */
  1351.  
  1352. .cont {
  1353. position: absolute;
  1354. top:0px;
  1355. left:0px;
  1356. width:120px;
  1357. height:340px;
  1358. background:{color:sidebar bg};
  1359. border-radius:0px 0px 0px 5px;
  1360. z-index:-9;
  1361. -webkit-transition: all .4s ease-out;
  1362. -moz-transition: all .4s ease-out;
  1363. -o-transition: all .4s ease-out;
  1364. -ms-transition: all .4s ease-out;
  1365. transition: all .4s ease-out;
  1366. -moz-osx-font-smoothing: grayscale;
  1367. -webkit-transition-property: all;
  1368. transition-property: all;
  1369. -webkit-transition-duration: 0.3s;
  1370. transition-duration: 0.3s;
  1371. }
  1372.  
  1373. .description{
  1374. display:static;
  1375. position:relative;
  1376. top:40px;
  1377. left:15px;
  1378. width:100px;
  1379. height:180px;
  1380. padding:0px;
  1381. margin-bottom:-5px;
  1382. border: 0px solid {color:accent};
  1383. background:none;
  1384. -webkit-transform: translateZ(0);
  1385. transform: translateZ(0);
  1386. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1387. -webkit-backface-visibility: hidden;
  1388. backface-visibility: hidden;
  1389. }
  1390.  
  1391.  
  1392. .description::before{
  1393. display:block;
  1394. content:'┌';
  1395. color:{color:icon border};
  1396. font-size:15px;
  1397. width:15px;
  1398. font-weight:300;
  1399. line-height:100%;
  1400. height:20px;
  1401. position:absolute;
  1402. top:-12px;
  1403. left:-12px;
  1404. z-index:99999;
  1405. }
  1406.  
  1407. .description::after{
  1408. display:block;
  1409. content:'┘';
  1410. color:{color:icon border};
  1411. font-size:15px;
  1412. width:15px;
  1413. font-weight:300;
  1414. line-height:100%;
  1415. height:20px;
  1416. position:absolute;
  1417. bottom:-30px;
  1418. right:-5px;
  1419. z-index:99999;
  1420. }
  1421.  
  1422.  
  1423. #desc {
  1424. position:absolute;
  1425. top: 0;
  1426. left:0;
  1427. width:70px;
  1428. height:160px;
  1429. margin:0px;
  1430. text-transform:uppercase;
  1431. font-size:7px;
  1432. line-height:170%;
  1433. text-align:justify;
  1434. padding:5px 5px 15px 5px;
  1435. border:5px solid rgba(255,255,255,0);
  1436. overflow-y:auto;
  1437. overflow-x:none;
  1438. border-radius:5px;
  1439. background:{color:container bg};
  1440. }
  1441.  
  1442.  
  1443.  
  1444.  
  1445. /* ╰ ° KEEP READING *° */
  1446.  
  1447. .readsummore{
  1448. position: relative;
  1449. padding: 20px 0;
  1450. width: 100%;
  1451. }
  1452.  
  1453. .readsummore a:link{
  1454. -webkit-transition: all 0.2s ease;
  1455. -moz-transition: all 0.2s ease;
  1456. -o-transition: all 0.2s ease;
  1457. transition: all 0.2s ease;
  1458. position: relative;
  1459. left: calc(50% - 47px);
  1460. padding: 4px 8px;
  1461. border: 1px solid {color:container bg};
  1462. background: transparent;
  1463. border-radius:20px;
  1464. height:10px;
  1465. font-size:7px;
  1466. line-height:130%;
  1467. vertical-align:middle;
  1468. letter-spacing:1.5px;
  1469. text-transform:uppercase;
  1470. font-family: 'Raleway';
  1471. text-align:center;
  1472. font-weight:600;
  1473. text-shadow:none;
  1474. }
  1475. .readsummore a:hover{
  1476. background: {color:accent};
  1477. color: {color:posts bg};
  1478. }
  1479.  
  1480. /* ╰ ° PAGINATION *° */
  1481.  
  1482. #pagination {
  1483. padding:5px;
  1484. letter-spacing:1px;
  1485. text-transform:uppercase;
  1486. font-weight:700;
  1487. font-size:7.5px;
  1488. text-align:center;
  1489. word-spacing:3px;
  1490. margin-top:0px;
  1491. width:110px;
  1492. position:absolute;
  1493. left:0px;
  1494. top:300px;
  1495. z-index:99999999;
  1496. }
  1497. #pagination a{
  1498. font-weight:800;
  1499. letter-spacing:1px;
  1500. padding:2px;
  1501. text-shadow:none;
  1502. line-height:100%;
  1503. border-radius:3px;
  1504. border: 1px solid transparent;
  1505. background:{color:link};
  1506. color:{color:sidebar bg};
  1507. }
  1508. #pagination a:hover{
  1509. border: 1px solid {color:container bg};
  1510. background:{color:sidebar bg};
  1511. color:{color:linkhover};
  1512. }
  1513.  
  1514.  
  1515. /*----- Accordion -----*/
  1516.  
  1517. .accordion-wrap {
  1518. position:absolute;
  1519. width:230px;
  1520. margin-left:24px;
  1521. height:auto;
  1522. }
  1523.  
  1524. .accordion, .accordion * {
  1525. -webkit-box-sizing:border-box;
  1526. -moz-box-sizing:border-box;
  1527. box-sizing:border-box;
  1528. }
  1529.  
  1530. .accordion {
  1531. overflow:hidden;
  1532. background:{color:container bg};
  1533. width:225px;
  1534. }
  1535.  
  1536. /*----- Section Titles -----*/
  1537. .accordion-section-title {
  1538. width:100%;
  1539. padding:7px 15px;
  1540. display:inline-block;
  1541. background:{color:sidebar bg};
  1542. border:1px solid #ccc;
  1543. transition:all linear 0.15s;
  1544. border-radius:5px;
  1545. margin-top:4px;
  1546. /* Type */
  1547. font-size:1.200em;
  1548. letter-spacing:1px;
  1549. text-align:center;
  1550. color:{color:accent};
  1551. }
  1552.  
  1553. .accordion-section-title.active, .accordion-section-title:hover {
  1554. background:{color:accent};
  1555. color:{color:container bg};
  1556. /* Type */
  1557. text-decoration:none;
  1558. }
  1559.  
  1560.  
  1561.  
  1562. /*----- Section Content -----*/
  1563. .accordion-section-content {
  1564. padding:5px 15px;
  1565. display:none;
  1566. }
  1567.  
  1568.  
  1569.  
  1570.  
  1571. /* ╰ ° CHAT CODE *° */
  1572.  
  1573. .convo li{
  1574. margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative;
  1575.  
  1576. }
  1577.  
  1578. .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b,.user_13 b,.user_15 b,.user_17 b,.user_19 b,.user_21 b, .user_23 b,.user_25 b,.user_27 b,.user_29 b,.user_31 b, .user_33 b,.user_35 b,.user_37 b,.user_39 b, .user_41 b,.user_43 b,.user_45 b,.user_47 b,.user_49 b,.user_51 b,.user_53 b,.user_55 b,.user_57 b,.user_59 b{color:{color:posts bg};}
  1579.  
  1580. .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b, .user_14 b,.user_16 b,.user_18 b,.user_20 b,.user_22 b, .user_24 b,.user_26 b,.user_28 b,.user_30 b,.user_32 b, .user_34 b,.user_36 b,.user_38 b,.user_40 b, .user_42 b,.user_44 b,.user_46 b,.user_48 b,.user_50 b,.user_52 b, .user_54 b,.user_56 b,.user_58 b,.user_60 b{color:{color:text};}
  1581.  
  1582. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11, .user_13,.user_15,.user_17,.user_19, .user_21,.user_23,.user_25,.user_27,.user_29, .user_31,.user_33,.user_35,.user_37,.user_39, .user_41,.user_43,.user_45,.user_47,.user_49,.user_51, .user_53,.user_55,.user_57,.user_59{
  1583. float:left;background:{color:accent};color:{color:posts bg};left:3px
  1584. }
  1585. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after, .user_13::after,.user_15::after,.user_17::after,.user_19::after, .user_21::after,.user_23::after,.user_25::after,.user_27::after,.user_29::after, .user_31::after,.user_33::after,.user_35::after,.user_37::after,.user_39::after, .user_41::after,.user_43::after,.user_45::after,.user_47::after,.user_49::after,.user_51::after, .user_53::after,.user_55::after,.user_57::after,.user_59::after{
  1586. content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:accent};border-bottom-right-radius:1em .5em
  1587.  
  1588. }
  1589. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12, .user_14,.user_16,.user_18,.user_20,.user_22, .user_24,.user_26,.user_28,.user_30,.user_32, .user_34,.user_36,.user_38,.user_40, .user_42,.user_44,.user_46,.user_48,.user_50,.user_52, .user_54,.user_56,.user_58,.user_60{
  1590. right:3px;float:right;background-color:{color:container bg};color:{color:text};
  1591.  
  1592. }
  1593. .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after, .user_14::after,.user_16::after,.user_18::after,.user_20::after, .user_22::after,.user_24::after,.user_26::after,.user_28::after,.user_30::after, .user_32::after,.user_34::after,.user_36::after,.user_38::after,.user_40::after, .user_42::after,.user_44::after,.user_46::after,.user_48::after,.user_50::after,.user_52::after, .user_54::after,.user_56::after,.user_58::after,.user_60::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:container bg};border-bottom-left-radius:1em .5em;
  1594.  
  1595. }
  1596.  
  1597. .convo {
  1598. overflow: hidden;
  1599. list-style-type: none;
  1600. padding: 0;
  1601. margin: 0;
  1602. }
  1603.  
  1604.  
  1605. /* ╰ ° ASKS N ANSWERS *° */
  1606.  
  1607. #asker {
  1608. position:absolute;
  1609. right:45px;
  1610. width:auto;
  1611. display:inline;
  1612. padding:4px 8px 4px 8px;
  1613. margin-top:-10px;
  1614. margin-bottom:30px;
  1615. font-size:15px;
  1616. letter-spacing:0px;
  1617. text-transform:uppercase;
  1618. font-family: 'glowies3';
  1619. color: {color:linkhover};
  1620. background:{color:posts bg};
  1621. border:0px solid black;
  1622. }
  1623.  
  1624. #asker a {
  1625. color: {color:linkhover};
  1626. text-shadow:none;
  1627. }
  1628.  
  1629. #asker a:hover {
  1630. color: {color:container bg};
  1631. }
  1632.  
  1633. #question {
  1634. width:272px;
  1635. {block:If400px}
  1636. width:372px;
  1637. {/block:If400px}
  1638. margin-left:-5px;
  1639. margin-top:0px;
  1640. border:1px solid {color:container bg};
  1641. padding:15px;
  1642. font-size:8px;
  1643. font-weight: 600;
  1644. text-align:center;
  1645. color: {color:text};
  1646. letter-spacing:0.5px;
  1647. text-transform:uppercase;
  1648. border-radius:5px;
  1649.  
  1650. }
  1651.  
  1652.  
  1653. /* ╰ ° QUOTES *° */
  1654.  
  1655. #quote {
  1656. text-align: center;
  1657. font-weight: 600;
  1658. line-height:180%;
  1659. opacity:0.6;
  1660. padding:15px;
  1661. z-index:0;
  1662. text-transform:uppercase;
  1663. font-family:'raleway';
  1664. letter-spacing: 1px;
  1665. padding-bottom: 10px;
  1666. background:{color:container bg};
  1667. }
  1668.  
  1669. #quotesrc {
  1670. font-size:20px;
  1671. font-family: {select:title font};
  1672. letter-spacing:0.5px;
  1673. margin-right:40px;
  1674. margin-top:5px;
  1675. text-align:right;
  1676. display:block;
  1677. font-style:none;
  1678. z-index:999;
  1679. text-transform:lowercase;
  1680. color:{color:text};}
  1681. #quote:before {
  1682. content: "❝ ";
  1683. font-size:16px;
  1684. font-family: 'roboto', sans-serif ;
  1685. color:{color:underline};}
  1686. #quote:after {
  1687. content: " ❞";
  1688. font-size:16px;
  1689. font-family: 'roboto', sans-serif ;
  1690. color:{color:underline};}
  1691.  
  1692.  
  1693. /* ╰ ° TUNES *° */
  1694.  
  1695. .playerbuttonbg {
  1696. position: absolute;
  1697. left: 20px;
  1698. top: 20px;
  1699. width: 19px;
  1700. height: 19px;
  1701. background-color: #ffffff;
  1702. padding: 10px;
  1703. -webkit-border-radius: 40px;
  1704. -moz-border-radius: 40px;
  1705. border-radius: 40px;
  1706. opacity: .4;
  1707. filter: alpha(opacity=40);
  1708. -moz-opacity: 0.4;
  1709. -khtml-opacity: 0.4;
  1710. transition: opacity .7s ease-in-out;
  1711. -moz-transition: opacity .7s ease-in-out;
  1712. -webkit-transition: opacity .7s ease-in-out;
  1713. }
  1714.  
  1715. .playerbuttonbg:hover {
  1716. opacity: 1;
  1717. filter: alpha(opacity=100);
  1718. -moz-opacity: 1;
  1719. -khtml-opacity: 1;
  1720. }
  1721.  
  1722. .newplayerbutton {
  1723. position: relative;
  1724. width: 19px;
  1725. height: 19px;
  1726. overflow: hidden;
  1727. }
  1728.  
  1729. .playerbuttonhug {
  1730. position: absolute;
  1731. top: -18px;
  1732. left: -7px;
  1733. }
  1734.  
  1735. .tumblr_audio_player {
  1736. height: 90px;
  1737. width: 270px;
  1738. -moz-transform: scale(0.60, 0.60);
  1739. -webkit-transform: scale(0.60, 0.60);
  1740. -o-transform: scale(0.60, 0.60);
  1741. -ms-transform: scale(0.60, 0.60);
  1742. transform: scale(0.60, 0.60);
  1743. -moz-transform-origin: top left;
  1744. -webkit-transform-origin: top left;
  1745. -o-transform-origin: top left;
  1746. -ms-transform-origin: top left;
  1747. transform-origin: top left;
  1748. }
  1749.  
  1750. .audioimgwrapper {
  1751. position: absolute;
  1752. left: 0px;
  1753. top: 0px;
  1754. -webkit-border-radius: 40px;
  1755. -moz-border-radius: 40px;
  1756. border-radius: 40px;
  1757. overflow: hidden;
  1758. width: 79px;
  1759. height: 79px;
  1760. }
  1761.  
  1762. .audioimgwrapper img {
  1763. width: 100%;
  1764. height: auto;
  1765. -webkit-border-radius: 40px;
  1766. -moz-border-radius: 40px;
  1767. border-radius: 40px;
  1768. }
  1769.  
  1770. .trackdetails {
  1771. width: auto;
  1772. font-family:'raleway';
  1773. text-transform:uppercase;
  1774. font-weight:600;
  1775. display:inline-block;
  1776. margin-left: 90px;
  1777. padding:10px;
  1778. letter-spacing:1px;
  1779. min-height: 55px;
  1780. }
  1781. .trackdetails b{
  1782. font-weight:800;
  1783. }
  1784. .trackdetails i{
  1785. font-weight:800;
  1786. font-style:italic;
  1787. font-size:14px;
  1788. color:{color:posts bg};
  1789. padding:2px 5px 2px 5px;
  1790. margin-left:-5px;
  1791. margin-bottom:10px;
  1792. line-height:180%;
  1793. background:{color:accent};
  1794. letter-spacing:0px;
  1795. }
  1796.  
  1797. .audiowrapper {
  1798. position: relative;
  1799. display:inline-block;
  1800. margin-bottom:10px;
  1801. margin-left:45px;
  1802. {block:If400px}
  1803. margin-left:80px;
  1804. {/block:If400px}
  1805. }
  1806.  
  1807.  
  1808. /* ╰ ° NOTES *° */
  1809.  
  1810. .note {
  1811. color:{color:text};
  1812. text-transform:uppercase;
  1813. width:290px;
  1814. {block:If400px}
  1815. width:390px;
  1816. {/block:If400px}
  1817. font-style:normal;
  1818. letter-spacing:1px;
  1819. font-size: 7px;
  1820. text-align:left;
  1821. line-height:130%;
  1822. margin-left:-5px;}
  1823.  
  1824.  
  1825. .note a {
  1826. color:{color:link};
  1827. }
  1828.  
  1829. .note a:hover{
  1830. color:{color:linkhover};
  1831. }
  1832.  
  1833. .note li {
  1834. list-style-type:none;
  1835. padding:4px 15px 4px 15px;
  1836. text-align:left;
  1837. -moz-transition-duration:0.5s;
  1838. -webkit-transition-duration:0.5s;
  1839. -o-transition-duration:0.5s;}
  1840.  
  1841. .note img.avatar {
  1842. margin-right: 10px;
  1843. display:none;
  1844. width: 16px;
  1845. height: 16px;
  1846.  
  1847. }
  1848.  
  1849.  
  1850. /* ╰ ° TAGS N PERMALINKS *° */
  1851.  
  1852. .tags {
  1853. font-size:7px;
  1854. letter-spacing:1.5px;
  1855. padding-top:10px;
  1856. margin-top:-10px;
  1857. margin-bottom:0px;
  1858. margin-left:0px;
  1859. opacity:0;
  1860. width:300px;
  1861. text-transform:uppercase;
  1862. {block:If400px}
  1863. width:400px;
  1864. {/block:If400px}
  1865. padding:15px;
  1866. line-height:150%;
  1867. z-index:999;
  1868. text-align:center;
  1869. -webkit-transition: all 0.8s ease;
  1870. -moz-transition: all 0.8s ease;
  1871. transition: all 0.8s ease;
  1872.  
  1873. }
  1874. .tags:hover {
  1875. opacity:1;
  1876. margin-left:15px;
  1877. }
  1878.  
  1879. .tags a, .permalink a {
  1880. color:{color:link};
  1881. }
  1882.  
  1883. .tags a:hover{
  1884. color:{color:linkhover};
  1885. text-shadow:none;
  1886. }
  1887.  
  1888. .permalink a{
  1889. font-size:10px;
  1890. text-align:center;
  1891. line-height:100%;
  1892. padding:6px;
  1893. border-radius:50%;
  1894. text-shadow:none;
  1895. border:1px solid {color:posts bg};
  1896. background:{color:container bg};
  1897. -webkit-transition: all 0.4s ease;
  1898. -moz-transition: all 0.4s ease;
  1899. transition: all 0.4s ease;
  1900. }
  1901.  
  1902.  
  1903. .permalink a:hover{
  1904. color: {color:posts bg};
  1905. background:{color:link};
  1906. border:1px solid {color:link};
  1907. }
  1908.  
  1909. .permalink {
  1910. width:300px;
  1911. {block:If400px}
  1912. width:400px;
  1913. {/block:If400px}
  1914. word-spacing:4px;
  1915. text-align:center;
  1916. margin-top:-15px;
  1917. margin-left:auto;
  1918. margin-right:auto;
  1919. margin-bottom:-5px;
  1920. text-transform:none;
  1921. font-family:'icony';
  1922. color:{color:text};
  1923. padding:3px;
  1924. opacity:1;
  1925. }
  1926.  
  1927.  
  1928.  
  1929. /* ╰ ° COPYRIGHT - DON'T_TOUCH_THIS.MP3 *° */
  1930.  
  1931. .credit, .credit a {
  1932. position:fixed;
  1933. left:10px;
  1934. bottom:10px;
  1935. width:11px;
  1936. height:11px;
  1937. border-radius:50%;
  1938. background-color:{color:posts bg};
  1939. border:1px solid {color:posts bg};
  1940. font-size:11px;
  1941. color:{color:text};
  1942. letter-spacing:1px;
  1943. padding:5px;
  1944. line-height:100%;
  1945. opacity:0.75;
  1946. -webkit-transition: all 0.5s ease;
  1947. -moz-transition: all 0.5s ease;
  1948. transition: all 0.5s ease;
  1949. }
  1950. .credit i{
  1951. font-family:'icony';
  1952. font-style:normal;
  1953. color:{color:text};
  1954. -webkit-transition: all 0.5s ease;
  1955. -moz-transition: all 0.5s ease;
  1956. transition: all 0.5s ease;
  1957. }
  1958.  
  1959. .credit a:hover {
  1960. opacity:1;
  1961. background:none;
  1962. color:{color:posts bg};
  1963. }
  1964.  
  1965. .credit a:hover i{
  1966. color:{color:posts bg};
  1967. text-shadow:none;
  1968. -webkit-transition: all 0.5s ease;
  1969. -moz-transition: all 0.5s ease;
  1970. transition: all 0.5s ease;
  1971. }
  1972.  
  1973. .credit:hover {
  1974. opacity:1;
  1975. background:none;
  1976. color:{color:posts bg};
  1977. }
  1978. .credit a span{
  1979. width: 52px;
  1980. height: auto;
  1981. padding: 3px;
  1982. left: 0%;
  1983. margin-left: 15px;
  1984. font-weight: 400;
  1985. font-size:6.5px;
  1986. text-align: center;
  1987. border: 4px solid {color:posts bg};
  1988. background-color:{color:posts bg};
  1989. text-indent: 0px;
  1990. text-transform:uppercase;
  1991. border-radius: 5px;
  1992. position: absolute;
  1993. color:{color:text};
  1994. pointer-events: none;
  1995. opacity: 0;
  1996. text-shadow:none;
  1997. transition: all 0.3s ease-in-out;
  1998. -webkit-transform: translate3d(20px,20px,0px) rotate(45deg);
  1999. transform: translate3d(20px,20px,0px) rotate(45deg);
  2000. }
  2001. .credit a span:before,
  2002. .credit a span:after{
  2003. content: '';
  2004. position: absolute;
  2005. bottom: -10px;
  2006. left: 50%;
  2007. margin-left: -21px;
  2008. width: 0;
  2009. height: 0;
  2010. border-left: 6px solid transparent;
  2011. border-right: 6px solid transparent;
  2012. border-top: 6px solid {color:posts bg};
  2013. }
  2014.  
  2015. .credit a:hover span{
  2016. opacity: 0.9;
  2017. -webkit-transform: translate3d(-20px,-55px,0px) rotate(0deg);
  2018. transform: translate3d(-20px,-55px,0px) rotate(0deg);
  2019. }
  2020.  
  2021. .credit span b{
  2022. font-style:italic;
  2023. font-weight:900;
  2024. text-transform:lowercase;
  2025. letter-spacing:0px;
  2026. font-size:12px;
  2027. }
  2028.  
  2029.  
  2030.  
  2031.  
  2032. {CustomCSS}</style>
  2033.  
  2034.  
  2035. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  2036. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  2037.  
  2038. <script>
  2039. $(document).ready(function(){
  2040. // un-uglify new tumblr controls by magnusthemes@tumblr
  2041. $(".tmblr-iframe--unified-controls").initialize(function(){
  2042. var originalURL = $(this).attr("src").split("useThemeColors");
  2043. var srcpart = originalURL[1].split("scrollHeader")[1];
  2044. var newURL = originalURL[0] + 'useThemeColors":false, "scrollHeader' + srcpart;
  2045. $(this).attr("src", newURL);
  2046. });
  2047. $(".tmblr-iframe--loaded").initialize(function(){
  2048. $(this).appendTo("div#tumblr-controls");
  2049. });
  2050. });
  2051. </script>
  2052.  
  2053.  
  2054. <script>
  2055. $(document).ready(function() {
  2056. function close_accordion_section() {
  2057. $('.accordion .accordion-section-title').removeClass('active');
  2058. $('.accordion .accordion-section-content').slideUp(300).removeClass('open');
  2059. }
  2060.  
  2061. $('.accordion-section-title').click(function(e) {
  2062. // Grab current anchor value
  2063. var currentAttrValue = $(this).attr('href');
  2064.  
  2065. if($(e.target).is('.active')) {
  2066. close_accordion_section();
  2067. }else {
  2068. close_accordion_section();
  2069.  
  2070. // Add active class to section title
  2071. $(this).addClass('active');
  2072. // Open up the hidden content panel
  2073. $('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
  2074. }
  2075.  
  2076. e.preventDefault();
  2077. });
  2078. });
  2079. </script>
  2080.  
  2081. </head><body>
  2082.  
  2083.  
  2084.  
  2085. <div id="tumblr-controls"></div>
  2086.  
  2087.  
  2088.  
  2089. <div class="header">
  2090.  
  2091. <img src="{image:header}" id="header">
  2092.  
  2093.  
  2094. <div class="blurb">
  2095. <div class="htext">
  2096. <div class="title">{text:title}</div>
  2097. <div class="subtitle">{text:subtitle}</div>
  2098. </div>
  2099.  
  2100. </div>
  2101.  
  2102. </div>
  2103.  
  2104. <div class="bigcon">
  2105.  
  2106. <div class="cont">
  2107.  
  2108.  
  2109. <div id="icon"><img src="{image:icon}" class="hvr-grow-rotate"></div>
  2110.  
  2111. <div class="tabs">
  2112. <ul class="tab-links">
  2113. <li class="active"><a href="/" title="{text:tab 1 title}">a</a></a></li>
  2114. <li><a href="#tab2" title="{text:tab 2 title}">b</a></li>
  2115. <li><a href="#tab3" title="{text:tab 3 title}">c</a></li>
  2116. <li><a href="#tab4" title="{text:tab 4 title}">d</a></li>
  2117. </ul>
  2118.  
  2119. <div class="description">
  2120. <div id="desc">{Description}</div>
  2121. </div>
  2122.  
  2123. </div>
  2124.  
  2125.  
  2126.  
  2127. <div id="pagination">{block:Pagination} {block:PreviousPage}<a href="{PreviousPage}">sink</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">swim</a>{/block:NextPage}{/block:Pagination}
  2128. </div>
  2129.  
  2130.  
  2131. </div>
  2132.  
  2133.  
  2134. <!-- --------------------------- TABS -------------------------- -->
  2135.  
  2136. <div class="tabs">
  2137.  
  2138. <!-- --------------------------- TAB 1 -------------------------- -->
  2139.  
  2140. <div id="tab1" class="tab active">
  2141. <div class="entries">
  2142. {block:Posts}
  2143. <div class="posts">
  2144.  
  2145. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  2146.  
  2147. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  2148. {/block:Photo}
  2149.  
  2150. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  2151.  
  2152. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  2153.  
  2154. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<div id="quotesrc">{Source}</div>{/block:Source}{/block:Quote}
  2155.  
  2156.  
  2157. {block:AudioPlayer}
  2158. <div class="audiowrapper">
  2159. {block:AlbumArt}
  2160. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  2161. {/block:AlbumArt}
  2162.  
  2163. <div class="playerbuttonbg">
  2164. <div class="newplayerbutton">
  2165. <div class="playerbuttonhug">
  2166.  
  2167. {AudioPlayerWhite}
  2168.  
  2169. </div>
  2170. </div>
  2171. </div>
  2172.  
  2173. <div class="trackdetails">
  2174.  
  2175. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  2176. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  2177. {block:Album}<b>Album:</b> {Album}{/block:Album}
  2178.  
  2179. </div>
  2180. </div>
  2181. {block:Caption}{Caption}{/block:Caption}
  2182. {/block:AudioPlayer}
  2183.  
  2184.  
  2185.  
  2186. {block:Video}{Video-250}
  2187. {block:Caption}{Caption}{/block:Caption}
  2188. {/block:Video}
  2189.  
  2190. {block:Chat}
  2191. {block:Title}
  2192. <h2>{Title}</h2>{/block:Title}<br>
  2193. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}
  2194. {Line}</li>{/block:Lines}</ul>
  2195. {/block:Chat}
  2196.  
  2197. {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div>{Answer}{/block:Answer}
  2198.  
  2199. {block:More}<div class="readsummore"><a href="{Permalink}" class="more-btn">Read More</a></div>{/block:More}
  2200.  
  2201. </div>
  2202.  
  2203.  
  2204. {block:Date}
  2205. <div class="permalink">
  2206. <a class="hvr-push" href="{Permalink}" title="{TimeAgo}">l</a>{block:RebloggedFrom} <a class="hvr-push" href="{ReblogParentURL}" title="via">P</a>{/block:RebloggedFrom} <a class="hvr-push" href="{Permalink}" title="{NoteCount} notes">X</a> <a class="hvr-push" href="{ReblogURL}" title="reblog">*</a>{/block:permalinkpage}
  2207. </div>
  2208. {/block:Date}
  2209.  
  2210.  
  2211.  
  2212.  
  2213. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagUrl}"><span class="lnr lnr-tag"></span> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  2214.  
  2215. {block:PostNotes}
  2216. <div class="note">
  2217. {PostNotes}
  2218. </div>
  2219. {/block:PostNotes}
  2220.  
  2221. <!-- {block:NoRebloggedFrom}
  2222. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2223. {/block:NoRebloggedFrom} -->
  2224.  
  2225. {block:ContentSource}<!-- {SourceURL}
  2226. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2227. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2228. {/block:ContentSource}
  2229.  
  2230.  
  2231. {/block:Posts}
  2232.  
  2233. </div><!---end of tab1--->
  2234. </div><!---end of tab--->
  2235.  
  2236.  
  2237. <!-- -------------------------- TAB 2 -------------------------- -->
  2238.  
  2239.  
  2240. <div id="tab2" class="tab">
  2241. <div class="entries">
  2242. <div id="message"><iframe frameborder="0" scrolling="no" width="100%" height="210" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2243. </div>
  2244. </div>
  2245. </div>
  2246.  
  2247.  
  2248. <!-- -------------------------- TAB 3 -------------------------- -->
  2249.  
  2250. <div id="tab3" class="tab">
  2251. <div class="entries">
  2252. <div id="tab">
  2253.  
  2254.  
  2255. <div class="bm"></div>
  2256. <div class="boom"></div>
  2257. <div class="boomtext">
  2258. <div class="navtitle">{text:navtitle}</div>
  2259. <div class="btext">{text:blurb text}
  2260.  
  2261. <div class="accordion-wrap">
  2262. <div class="accordion">
  2263. <div class="accordion-section">
  2264. <a class="accordion-section-title" href="#accordion-1"> Portfolio</a>
  2265.  
  2266. <div id="accordion-1" class="accordion-section-content">
  2267.  
  2268.  
  2269. <center> <a href="/c37a85">click here for full profile</a> </center></p>
  2270.  
  2271. <b>FULL NAME</b> <span>bearose [ pronounced bee &middot; rose ] zhu</span><br>
  2272. <b>NICKNAME(S)</b> <span>bea / bae / rose / flower / hunnie </span><br>
  2273. <b>OCCUPATION</b> <span>artist / student / other [ this information is private and therefore only given to those she trusts ] </span><br>
  2274. <b>HOMETOWN</b> <span>manhattan, new york</span><br>
  2275. <b>RESIDENCE</b> <span>seoul, south korea</span><br>
  2276. <b>HEIGHT</b> <span>5 ft / 152 cm</span><br>
  2277. <b>WEIGHT</b> <span>100 lbs / 45 kg</span><br>
  2278. <b>AGE</b> <span>twenty four </span><br>
  2279. <b>DATE OF BIRTH</b> <span>aug 28 '95</span><br>
  2280. <b>NATIONALITY</b> <span> chinese american</span><br>
  2281. <b>Ethnicity</b> <span> asian [ chinese ] </span><br>
  2282. <b>ORIENTATION</b> <span> single / heterosexual </span><br>
  2283. <b>GENDER & PRONOUNS</b> <span>cis female [ she/her ] </span><br>
  2284. <b>RELIGION</b> <span>n/a</span>
  2285.  
  2286.  
  2287. </div><!--end .accordion-section-content-->
  2288. </div><!--end .accordion-section-->
  2289.  
  2290. <div class="accordion-section">
  2291. <a class="accordion-section-title" href="#accordion-2"> background </a>
  2292.  
  2293. <div id="accordion-2" class="accordion-section-content">
  2294. <p>
  2295. <center>coming soon</center>
  2296. </p>
  2297. </div><!--end .accordion-section-content-->
  2298. </div><!--end .accordion-section-->
  2299.  
  2300.  
  2301. </div><!--end .accordion -->
  2302. </div>
  2303.  
  2304.  
  2305.  
  2306. </div>
  2307. </div>
  2308.  
  2309. <img class="hvr-grow-rotate" src="{image:nav pic1}" id="huh1">
  2310. <img class="hvr-grow-rotate" src="{image:nav pic2}" id="huh2">
  2311.  
  2312. <div class="nav">
  2313. <a href="{text:link 1 url}">{text:link 1 title}</a>
  2314. <a href="{text:link 2 url}">{text:link 2 title}</a>
  2315. <a href="{text:link 3 url}">{text:link 3 title}</a>
  2316. <a href="{text:link 4 url}">{text:link 4 title}</a>
  2317. <a href="{text:link 5 url}">{text:link 5 title}</a>
  2318. <a href="{text:link 6 url}">{text:link 6 title}</a>
  2319. <a href="{text:link 7 url}">{text:link 7 title}</a>
  2320. <a href="{text:link 8 url}">{text:link 8 title}</a>
  2321. </div>
  2322.  
  2323.  
  2324. </div>
  2325. </div>
  2326. </div>
  2327.  
  2328.  
  2329. <!-- -------------------------- TAB 4 -------------------------- -->
  2330.  
  2331. <div id="tab4" class="tab">
  2332. <div class="entries">
  2333. <div id="tab">
  2334.  
  2335. <div class="updates">
  2336. <h4>updates</h4>
  2337. <div style="overflow:auto; height:70px;">
  2338. <b>05/16:</b> Working on a new bust.<br>
  2339. <b>05/28:</b> May patreon giveaway begins<br>
  2340. <b>06/05:</b> Beginners guide video goes up<br>
  2341. <b>06/11:</b> May patreon giveaway winners announced
  2342. </div>
  2343. </div>
  2344.  
  2345. <div class="z">
  2346. <h4>disclaimer</h4>
  2347. <div style="overflow:auto; height:160px;">
  2348. <p><xo>a.</xo> I am NOT the real Tina Yu. This is purely an OC Indie rp blog. All images of herself and her artwork are credited to the real artist. They are not mine nor do I claim them to be. </p>
  2349. <p><xx>b.</xx> Semi-selective for various reasons but to keep this short if I'm uncomfortable with what you present on dash I'll unfollow. </p>
  2350. <p><xo>c.</xo> para / script / novella accepted. i'll adjust for the most part. icons / gifs will be rare if used at all. </p>
  2351. <p><xx>d.</xx> GMT-8. She/Her. Typically busy so I'll be slow. I don't do ooc drama, so please don't bring it my way. If I see it on my dash, I'll either blacklist or unfollow. </p>
  2352. </div>
  2353. </div>
  2354.  
  2355. <div class="m">
  2356. <a href="#" title="with"><img class="hvr-push mn" src="{image:icon2}"></a>
  2357. <a href="#" title="sweet lips"><img class="hvr-push mn mm" src="{image:icon3}"></a>
  2358. <a href="#" title="and"><img class="hvr-push mn" src="{image:icon4}"></a>
  2359. <a href="#" title="soft eyes"><img class="hvr-push mn mm" src="{image:icon5}"></a>
  2360. </div>
  2361.  
  2362.  
  2363. <div class="messages">
  2364.  
  2365. <!----- START OF RIGHT BUBBLE ----->
  2366. <div class="tw2">Remember to work hard,</div>
  2367. <!----- END OF RIGHT BUBBLE ----->
  2368. <!----- START OF LEFT BUBBLE ----->
  2369. <div class="tw">Do what you love, </div>
  2370. <!----- END OF LEFT BUBBLE ----->
  2371. <!----- START OF RIGHT BUBBLE ----->
  2372. <div class="tw2"> And love what you do. </div>
  2373. <!----- END OF RIGHT BUBBLE ----->
  2374.  
  2375. </div>
  2376.  
  2377.  
  2378.  
  2379.  
  2380. </div><!--- end of tab --->
  2381. </div><!--- end of entries --->
  2382. </div><!--- end of tab4 --->
  2383. </div><!--- end of tabs --->
  2384. </div><!--- end of bigcon --->
  2385.  
  2386.  
  2387.  
  2388.  
  2389.  
  2390. <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
  2391.  
  2392. <div class="credit"><a href="http://nintcndos.tumblr.com"><span>theme by <b>nintcndos</b></span><i>=</i></a></div>
  2393.  
  2394.  
  2395.  
  2396.  
  2397. </body>
  2398. </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!