API tools faq
paste
Advertisement
toheart334

lvvelyx

toheart334
Apr 8th, 2017
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.48 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. / LAZULI THEME BY GLOWYRPT /
  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.  
  13.  
  14. base code: neonbike themes
  15. chat post code: animalites
  16.  
  17.  
  18. /*--------------------------------------------->
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head><title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:background" content="#ddd"/>
  27. <meta name="color:text" content="#000"/>
  28. <meta name="color:navi" content="#fff"/>
  29. <meta name="color:link" content="#000"/>
  30. <meta name="color:linkhover" content="#777"/>
  31. <meta name="color:bold" content="#777" />
  32. <meta name="color:italic" content="#777" />
  33. <meta name="color:underline" content="#777" />
  34. <meta name="color:sidebar text" content="#fff" />
  35. <meta name="color:sidebar bold" content="#eee" />
  36. <meta name="color:sidebar italic" content="#eee" />
  37. <meta name="color:sidebar underline" content="#eee" />
  38. <meta name="color:scrollbar" content="#ccc" />
  39. <meta name="color:icon border" content="#fff" />
  40. <meta name="color:accent bg" content="#fff" />
  41. <meta name="color:subtitle bg" content="#ddd" />
  42. <meta name="color:container bg" content="#0f0f0f" />
  43.  
  44. <meta name="text:title" content="title here"/>
  45. <meta name="text:subtitle" content="subtitle here"/>
  46. <meta name="text:username" content="put your username/url here so the askbox can work (ex. glowyrpt)"/>
  47. <meta name="text:tab 1 title" content="home"/>
  48. <meta name="text:tab 2 title" content="message"/>
  49. <meta name="text:tab 3 title" content="navigate"/>
  50. <meta name="text:tab 4 title" content="network"/>
  51.  
  52. <meta name="image:background" content=""/>
  53. <meta name="image:container bg" content=""/>
  54. <meta name="image:icon" content=""/>
  55. <meta name="image:icon2" content=""/>
  56. <meta name="image:icon3" content=""/>
  57.  
  58. <meta name="if:greyscale" content="0"/>
  59. <meta name="text:text size" content="9px" />
  60.  
  61.  
  62. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  63.  
  64.  
  65. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i" rel="stylesheet">
  66. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  67.  
  68. <link href="https://github.com/IanLunn/Hover.git" rel="stylesheet" media="all">
  69.  
  70.  
  71. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74.  
  75. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  76.  
  77.  
  78.  
  79.  
  80.  
  81.  
  82. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  83.  
  84. <script>
  85. $(document).ready(function() {
  86. $('.tabs .tab-links a').on('click', function(e) {
  87. var currentAttrValue = $(this).attr('href');
  88.  
  89. // Show/Hide Tabs
  90. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  91.  
  92. // Change/remove current tab to active
  93. $(this).parent('li').addClass('active').siblings().removeClass('active');
  94.  
  95. e.preventDefault();
  96. });
  97. });
  98. </script>
  99.  
  100. <script>
  101. $(document).ready(function() {
  102. $('#filterOptions li a').click(function() {
  103. // fetch the class of the clicked item
  104. var ourClass = $(this).attr('class');
  105.  
  106. // reset the active class on all the buttons
  107. $('#filterOptions li').removeClass('active');
  108. // update the active state on our clicked button
  109. $(this).parent().addClass('active');
  110.  
  111. if(ourClass == 'all') {
  112. // show all our items
  113. $('#ourHolder').children('div.item').show();
  114. }
  115. else {
  116. // hide all elements that don't share ourClass
  117. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  118. // show all elements that do share ourClass
  119. $('#ourHolder').children('div.' + ourClass).show();
  120. }
  121. return false;
  122. });
  123. });
  124. </script>
  125.  
  126. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script>
  127.  
  128.  
  129.  
  130. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  131. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139. <script>
  140. $(document).ready(function() {
  141. $('.tabs .tab-links a').on('click', function(e) {
  142. var currentAttrValue = $(this).attr('href');
  143.  
  144. // Show/Hide Tabs
  145. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  146.  
  147. // Change/remove current tab to active
  148. $(this).parent('li').addClass('active').siblings().removeClass('active');
  149.  
  150. e.preventDefault();
  151. });
  152. });
  153. </script>
  154.  
  155. <script>
  156. $(document).ready(function() {
  157. $('#filterOptions li a').click(function() {
  158. // fetch the class of the clicked item
  159. var ourClass = $(this).attr('class');
  160.  
  161. // reset the active class on all the buttons
  162. $('#filterOptions li').removeClass('active');
  163. // update the active state on our clicked button
  164. $(this).parent().addClass('active');
  165.  
  166. if(ourClass == 'all') {
  167. // show all our items
  168. $('#ourHolder').children('div.item').show();
  169. }
  170. else {
  171. // hide all elements that don't share ourClass
  172. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  173. // show all elements that do share ourClass
  174. $('#ourHolder').children('div.' + ourClass).show();
  175. }
  176. return false;
  177. });
  178. });
  179. </script>
  180.  
  181.  
  182.  
  183.  
  184.  
  185. <script type="text/javascript">
  186. jQuery(document).ready(function() {
  187. jQuery(".sub").hide();
  188. //toggle the componenet with class msg_body
  189. jQuery(".cthrough").click(function()
  190. {
  191. jQuery(this).next(".sub").slideToggle(500);
  192. });});
  193. </script>
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203. <style type="text/css">
  204.  
  205.  
  206.  
  207. ::-webkit-scrollbar-thumb:vertical {
  208. height:10px; border:0px solid {color:scrollbar}; background-color:{color:scrollbar};
  209.  
  210. -webkit-border-fill-color: transparent;
  211. }
  212.  
  213. ::-webkit-scrollbar-thumb:horizontal {
  214. border:2px solid {color:scrollbar};
  215. background:transparent;
  216. display:none;}
  217. ::-webkit-scrollbar:horizontal {
  218. display:none;}
  219.  
  220. ::-webkit-scrollbar {
  221. width:1px; height:5px;
  222. border:2px solid transparent;
  223. background:transparent;
  224. -webkit-border-fill-color: transparent;
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231. ::-moz-selection {
  232. color:{color:navi};
  233. background-color:{color:text};
  234. }
  235.  
  236. ::selection {
  237. color:{color:navi};
  238. background-color:{color:text};
  239. }
  240.  
  241. iframe#tumblr_controls {
  242. right:3px !important;
  243. position: fixed !important;
  244. -webkit-transition: opacity 0.7s
  245. ease-out;
  246.  
  247. -webkit-filter:invert(100%);
  248. -webkit-backface-visibility:hidden;
  249. -webkit-transform:scale(.8);
  250. white-space:nowrap!important;
  251. opacity:.67!important;
  252. padding:10px;
  253. -webkit-transition: all 0.8s ease-out;
  254. -moz-transition: all 0.8s ease-out;
  255. transition: all 0.8s ease-out;}
  256.  
  257. iframe#tumblr_controls:hover{
  258. -webkit-transition: opacity 0.7s ease-out;
  259. opacity: 1;
  260. -webkit-transition: all 0.4s ease-out;
  261. -moz-transition: all 0.4s ease-out;
  262. transition: all 0.4s ease-out;}
  263.  
  264.  
  265. #vignette,
  266. #tumblr_lightbox_left_image,
  267. #tumblr_lightbox_right_image,
  268. #tumblr_lightbox_caption {
  269. visibility:hidden;
  270. }
  271. #tumblr_lightbox {
  272. background-color:transparent!important;
  273. }
  274. #tumblr_lightbox img {
  275. border-radius:0!important;
  276. -webkit-box-shadow:none!important;
  277. box-shadow:none!important;
  278. }
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285. /*------- BODY ---------*/
  286.  
  287. body {
  288. background: url('{image:background}'); no-repeat center center fixed;
  289. -webkit-background-size: cover;
  290. -moz-background-size: cover;
  291. -o-background-size: cover;
  292. background-size: cover;
  293. background-position: top left;
  294. background-repeat: repeat;
  295. background-attachment: fixed;
  296. background-color:{color:background};
  297. line-height:140%;
  298. color:{color:text};
  299. font-family: 'source sans pro', sans-serif ;
  300. font-size: {text:text size};
  301. letter-spacing:0.5px;
  302. }
  303.  
  304. a {
  305. text-decoration:none;
  306. outline:none;
  307. -moz-outline-style:none;
  308. color:{color:link};
  309. -webkit-transition: all 0.7s ease;
  310. -moz-transition: all 0.7s ease;
  311. -o-transition: all 0.7s ease;
  312. }
  313.  
  314. a:hover {
  315. color:{color:linkhover};
  316. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  317. -webkit-transition: all 0.7s ease;
  318. -moz-transition: all 0.7s ease;
  319. -o-transition: all 0.7s ease;
  320. }
  321.  
  322.  
  323.  
  324. /* Grow Rotate */
  325. .hvr-grow-rotate {
  326. display: inline-block;
  327. vertical-align: middle;
  328. -webkit-transform: translateZ(0);
  329. transform: translateZ(0);
  330. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  331. -webkit-backface-visibility: hidden;
  332. backface-visibility: hidden;
  333. -moz-osx-font-smoothing: grayscale;
  334. -webkit-transition-duration: 0.3s;
  335. transition-duration: 0.3s;
  336. -webkit-transition-property: transform;
  337. transition-property: transform;
  338. }
  339. .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  340. -webkit-transform: scale(1.1) rotate(4deg);
  341. transform: scale(1.1) rotate(4deg);
  342. }
  343.  
  344.  
  345.  
  346.  
  347. /* Underline From Center */
  348. .hvr-underline-from-center {
  349. display: inline-block;
  350. vertical-align: middle;
  351. -webkit-transform: translateZ(0);
  352. transform: translateZ(0);
  353. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  354. -webkit-backface-visibility: hidden;
  355. backface-visibility: hidden;
  356. -moz-osx-font-smoothing: grayscale;
  357. position: relative;
  358. overflow: hidden;
  359. }
  360. .hvr-underline-from-center:before {
  361. content: "";
  362. position: absolute;
  363. z-index: -1;
  364. left: 50%;
  365. right: 50%;
  366. bottom: 0;
  367. background: {color:underline};
  368. height: 1px;
  369. -webkit-transition-property: left, right;
  370. transition-property: left, right;
  371. -webkit-transition-duration: 0.3s;
  372. transition-duration: 0.3s;
  373. -webkit-transition-timing-function: ease-out;
  374. transition-timing-function: ease-out;
  375. }
  376. .hvr-underline-from-center:hover:before{
  377. left: 0;
  378. right: 0;
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386. hr {
  387. width: 40%;
  388. margin-left: auto;
  389. margin-right: auto;
  390. margin-top: 20px;
  391. margin-bottom: 20px;
  392. opacity:0.5;
  393. color:{color:text};
  394. }
  395.  
  396. blockquote {
  397. line-height:150%;
  398. background-color:rgba(255,255,255,0);
  399. -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,.0);
  400. -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,.0);
  401. box-shadow: 1px 1px 0px 0px rgba(0,0,0,.0);
  402. padding:0px 6px 0px 12px;
  403. margin:2px 2px 2px 2px;
  404. border-left:1px solid {color:scrollbar};
  405. }
  406.  
  407. blockquote img {
  408. max-width:100%;
  409. height:auto;}
  410.  
  411. b, strong {
  412. color:{color:bold};
  413. font-weight:bold;
  414. }
  415.  
  416. i, em {
  417. color:{color:italic};
  418. }
  419. u {
  420. color:{color:underline};
  421. }
  422.  
  423. small,sup,sub {
  424. font-size:{text:Text Size}}
  425.  
  426. big {
  427. font-size:11px;}
  428.  
  429. pre {
  430. color:{color:text};
  431. background-color:{color:accent bg};
  432. letter-spacing:1px;
  433. font-size:8px;
  434. padding:20px;
  435. white-space: pre-wrap; /* css-3 */
  436. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  437. white-space: -pre-wrap; /* Opera 4-6 */
  438. white-space: -o-pre-wrap; /* Opera 7 */
  439. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  440.  
  441. .entries ul {
  442. padding-left:6px;
  443. margin-left:3px;
  444. }
  445.  
  446. .entries ol, .entries2 ol {
  447. padding-left:3px;
  448. margin-left:6px;
  449. text-align:justify;
  450. }
  451. .entries li, .entries2 li {
  452. padding-left:3px;
  453. margin-left:6px;
  454. text-align:justify;
  455. margin-bottom:6px;
  456. }
  457.  
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464. /*------- BODY END ---------*/
  465.  
  466.  
  467. /*------- HEADINGS ---------*/
  468.  
  469. h1 {
  470. font-size:12px;
  471. font-family: 'roboto', sans-serif;
  472. line-height:18px;
  473. padding:5px;
  474. margin:3px;
  475. font-weight:300;
  476. letter-spacing:3px;
  477. text-transform:uppercase;
  478. text-align:center;
  479. color:{color:italic};
  480. }
  481.  
  482. h2 {
  483. font-size:8px;
  484. font-family: 'roboto', sans-serif;
  485. line-height:130%;
  486. font-weight:700;
  487. padding:8px;
  488. letter-spacing:2px;
  489. margin:0px;
  490. background:{color:accent bg};
  491. text-shadow: 0px 0.5px 0.5px rgba(0,0,0,.1);
  492. text-transform:uppercase;
  493. text-align:center;
  494. color:{color:text};
  495. }
  496.  
  497.  
  498. h3 {
  499. font-size:8px;
  500. font-family: 'roboto', sans-serif;
  501. line-height:140%;
  502. font-weight:700;
  503. padding:8px;
  504. letter-spacing:2px;
  505. font-style:italic;
  506. margin:0px;
  507. text-shadow: 0px 0.5px 0.5px rgba(0,0,0,.1);
  508. text-transform:uppercase;
  509. text-align:center;
  510. color:{color:text};
  511. }
  512.  
  513.  
  514. /*------- HEADINGS END ---------*/
  515.  
  516.  
  517. {block:IfGreyscale}
  518.  
  519. img {
  520. -webkit-filter:grayscale(100%);
  521. -webkit-transition: all 0.9s ease-out-out;
  522. -moz-transition: all 0.9s ease-out-out;
  523. -o-transition: all 0.9s ease-out-out;
  524. -ms-transition: all 0.9s ease-out-out;
  525. transition: all 0.9s ease-out-out;}
  526.  
  527. .html_photoset {
  528. -webkit-filter: grayscale(100%);
  529. -webkit-transition: all 0.9s ease-out-out;
  530. -moz-transition: all 0.9s ease-out-out;
  531. -o-transition: all 0.9s ease-out-out;
  532. -ms-transition: all 0.9s ease-out-out;
  533. transition: all 0.9s ease-out-out;}
  534.  
  535. {/block:IfGreyscale}
  536.  
  537. img {
  538. max-width:100%;
  539. height:auto;}
  540.  
  541.  
  542.  
  543. /* ---------- TITLE --------*/
  544.  
  545. .title{
  546. text-align:center;
  547. width:180px;
  548. padding:10px;
  549. margin-top:30px;
  550. font-size:10px;
  551. text-transform:uppercase;
  552. vertical-align:middle;
  553. opacity:0.9;
  554. font-style:italic;
  555. font-weight:700;
  556. letter-spacing:1.5px;
  557. z-index:999;
  558. background:none;
  559. color:{color:sidebar text};
  560. text-shadow: 0px 0px 0.5px rgba(0,0,0,.5);
  561. font-family: 'roboto', sans-serif;
  562. -webkit-transition: all .4s ease-out;
  563. -moz-transition: all .4s ease-out;
  564. -o-transition: all .4s ease-out;
  565. -ms-transition: all .4s ease-out;
  566. transition: all .4s ease-out;
  567. }
  568.  
  569.  
  570.  
  571.  
  572. .subtitle{
  573. position:relative;
  574. top: -40px;
  575. left:55px;
  576. width:115px;
  577. height:40px;
  578. padding:10px;
  579. font-size:8px;
  580. text-transform:uppercase;
  581. text-align:left;
  582. line-height:175%;
  583. opacity:1.0;
  584. font-weight:400;
  585. font-family:'roboto', sans-serif;
  586. letter-spacing:1px;
  587. z-index:1;
  588. background:{color:subtitle bg};
  589. border-radius:10px;
  590. color:{color:text};
  591. -webkit-transition: all .4s ease-out;
  592. -moz-transition: all .4s ease-out;
  593. -o-transition: all .4s ease-out;
  594. -ms-transition: all .4s ease-out;
  595. transition: all .4s ease-out;
  596. }
  597.  
  598.  
  599.  
  600. .subtitle::after{
  601. content:"";
  602. position:absolute;
  603. right:-10px;
  604. top:12px;
  605. width: 0;
  606. height: 0;
  607. z-index:-9;
  608. border-style: solid;
  609. border-width: 11px 16px 0 0;
  610. border-color: {color:subtitle bg} transparent transparent transparent;
  611. -webkit-transform:rotate(-6deg);
  612.  
  613. }
  614.  
  615.  
  616.  
  617. /*------- NAVI ---------*/
  618.  
  619.  
  620. /*----- Tab Links -----*/
  621.  
  622. /* Clearfix */
  623. .tab-links:after {
  624. display:inline-block;
  625. clear:both;
  626. content:'';
  627. -moz-border-radius:100%;
  628. -webkit-border-radius:100%;
  629. border-radius:100%;
  630.  
  631. }
  632.  
  633.  
  634.  
  635. .tab-links li {
  636. margin:0px;
  637. display:inline-block;
  638. list-style:none;
  639. z-index:-999;
  640.  
  641. }
  642.  
  643. .tab-links {
  644.  
  645. position:relative;
  646. top: 285px;
  647. left: 50px;
  648. height:40px;
  649. width:200px;
  650. background: none;
  651. text-align:center;
  652. margin:0px;
  653. padding:0px;
  654. z-index:999999;
  655. -webkit-transition-property: left, right;
  656. transition-property: left, right;
  657. -webkit-transition-duration: 0.3s;
  658. transition-duration: 0.3s;
  659. -webkit-transition-timing-function: ease-out;
  660. transition-timing-function: ease-out;
  661. }
  662.  
  663. .tab-links a {
  664.  
  665. width:20px;
  666. height:20px;
  667. display:inline-block;
  668. font-size:12px;
  669. line-height:150%;
  670. letter-spacing:0.5px;
  671. font-family: 'Abril Fatface', cursive;
  672. text-transform:uppercase;
  673. text-decoration:none;
  674. text-align:center;
  675. padding:5px;
  676. margin:5px;
  677. opacity:1.0;
  678. border:0px solid rgba(255,255,255,0);
  679. text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  680. color:{color:navi};
  681. font-weight:400;
  682. border-radius:50%;
  683. -webkit-transition: all 0.3s ease;
  684. -moz-transition: all 0.3s ease;
  685. -o-transition: all 0.3s ease;
  686.  
  687. }
  688.  
  689. .tab-links a:hover, li.active a:hover{
  690. text-shadow: none;
  691. border:0px solid {color:navi};
  692. background:{color:navi};
  693. color:{color:text};
  694. -webkit-transition: all 0.3s ease;
  695. -moz-transition: all 0.3s ease;
  696. -o-transition: all 0.3s ease;
  697.  
  698.  
  699.  
  700. }
  701.  
  702.  
  703.  
  704.  
  705.  
  706. .tab-links{
  707. -webkit-transition-delay: 0s;
  708. -moz-transition-delay: 0s;
  709. -ms-transition-delay: 0s;
  710. -o-transition-delay: 0s;
  711. transition-delay:0s;
  712.  
  713.  
  714. -webkit-transform: scaleX(0);
  715. transform: scaleX(0);
  716. -webkit-transform-origin: 50%;
  717. transform-origin: 50%;
  718. -webkit-transition-property: transform;
  719. transition-property: transform;
  720. -webkit-transition-duration: 0.3s;
  721. transition-duration: 0.3s;
  722. -webkit-transition-timing-function: ease-out;
  723. transition-timing-function: ease-out;
  724. }
  725.  
  726.  
  727.  
  728.  
  729. .cont:hover .tab-links {
  730. -webkit-transform: scaleX(1);
  731. transform: scaleX(1);
  732. -webkit-transition-delay: 0.3s;
  733. -moz-transition-delay: 0.3s;
  734. -ms-transition-delay: 0.3s;
  735. -o-transition-delay: 0.3s;
  736. transition-delay:0.3s;
  737. }
  738. .cont:hover .description:after {
  739. -webkit-transform: scaleY(1);
  740. transform: scaleY(1);
  741. -webkit-transition-delay: 0s;
  742. -moz-transition-delay: 0s;
  743. -ms-transition-delay: 0s;
  744. -o-transition-delay: 0s;
  745. transition-delay:0s;
  746. }
  747.  
  748.  
  749.  
  750.  
  751. li.active a {
  752. text-shadow: none;
  753. border:0px solid {color:navi};
  754. background:{color:navi};
  755. color:{color:text};
  756. -webkit-transition: all 0.3s ease;
  757. -moz-transition: all 0.3s ease;
  758. -o-transition: all 0.3s ease;
  759.  
  760. }
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767. #icon {
  768. display:static;
  769. position:relative;
  770. top: -220px;
  771. left:110px;
  772. padding:0px;
  773. width:60px;
  774. height:60px;
  775. z-index:999;
  776. z-index:999999;
  777. border-radius: 50%;
  778. -webkit-transition: all .4s ease-out;
  779. -moz-transition: all .4s ease-out;
  780. -o-transition: all .4s ease-out;
  781. -ms-transition: all .4s ease-out;
  782. transition: all .4s ease-out;
  783. }
  784.  
  785.  
  786. #icon:after {
  787. content: ' ';
  788. position: absolute;
  789. left: 33px;
  790. top: 72px;
  791. width: 0;
  792. height: 0;
  793. border-style: solid;
  794. border-width: 14px 6px 0 6px;
  795. border-color: {color:icon border} transparent transparent transparent;
  796. z-index:-9;
  797. -ms-transform: rotate(0deg); /* IE 9 */
  798. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  799. transform: rotate(0deg);
  800. }
  801.  
  802.  
  803.  
  804. #icon img {
  805. width:60px;
  806. height:60px;
  807. padding:0px;
  808. opacity:1.0;
  809. background-color: {color:icon border};
  810. border:8px solid {color:icon border};
  811. border-radius: 50%;
  812. overflow:hidden;
  813.  
  814. }
  815. #icon2 {
  816. display:static;
  817. position:relative;
  818. top: 65px;
  819. left:170px;
  820. padding:0px;
  821. width:45px;
  822. height:45px;
  823. z-index:999;
  824. z-index:999999;
  825. border-radius: 50%;
  826. -webkit-transition: all .4s ease-out;
  827. -moz-transition: all .4s ease-out;
  828. -o-transition: all .4s ease-out;
  829. -ms-transition: all .4s ease-out;
  830. transition: all .4s ease-out;
  831. }
  832.  
  833.  
  834. #icon3 {
  835. display:static;
  836. position:relative;
  837. top: -15px;
  838. left:210px;
  839. padding:0px;
  840. width:30px;
  841. height:30px;
  842. z-index:999;
  843. z-index:999999;
  844. border-radius: 50%;
  845. -webkit-transition: all .4s ease-out;
  846. -moz-transition: all .4s ease-out;
  847. -o-transition: all .4s ease-out;
  848. -ms-transition: all .4s ease-out;
  849. transition: all .4s ease-out;
  850. }
  851.  
  852.  
  853. #icon2 img {
  854. width:45px;
  855. height:45px;
  856. padding:0px;
  857. opacity:1.0;
  858. background-color: {color:icon border};
  859. border:5px solid {color:icon border};
  860. border-radius: 50%;
  861. overflow:hidden;
  862.  
  863. }
  864. #icon3 img {
  865. width:30px;
  866. height:30px;
  867. padding:0px;
  868. opacity:1.0;
  869. background-color: {color:icon border};
  870. border:5px solid {color:icon border};
  871. border-radius: 50%;
  872. overflow:hidden;
  873.  
  874. }
  875.  
  876.  
  877.  
  878. /*------- NAVI END ---------*/
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885. /*------- ENTRIES ---------*/
  886.  
  887.  
  888.  
  889. .tabs {
  890. width:100%;
  891. margin-left:0px;
  892. display:inline-block;
  893. }
  894.  
  895.  
  896.  
  897. .bigcon {
  898. width:750px;
  899. height:440px;
  900. position:fixed;
  901. top: 100px;
  902. left:280px;
  903. overflow-y:none;
  904. overflow-x:none;
  905. padding:0px;
  906. opacity:0.95;
  907. background: {color:container bg} url('{image:container bg}') top left repeat;
  908. border:0px solid rgba(0,0,0,0.15);
  909. outline:25px solid {color:navi};
  910. -webkit-transition:0.3s;
  911. -moz-transition:0.3s;
  912. transition:0.3s;
  913. }
  914.  
  915.  
  916. /*----- Content of Tabs -----*/
  917.  
  918. .tab {
  919. display:none;
  920. }
  921.  
  922. .tab.active {
  923. display:block;
  924. }
  925.  
  926.  
  927.  
  928.  
  929. .entries {
  930. width:420px;
  931. background:none;
  932. height:395px;
  933. margin:10px;
  934. position:fixed;
  935. top: 5px;
  936. left:290px;
  937. text-align:justify;
  938. overflow-y:auto;
  939. overflow-x:hidden;
  940. padding: 0px 10px 10px 0px;
  941. opacity:1.0;
  942. background: rgba(255,255,255,0.7);
  943. }
  944. .entries2 {
  945. width:420px;
  946. background:none;
  947. height:395px;
  948. margin:15px;
  949. position:fixed;
  950. top: 5px;
  951. left:290px;
  952. text-align:justify;
  953. overflow-y:auto;
  954. overflow-x:hidden;
  955. padding: 0px 10px 10px 0px;
  956. opacity:1.0;
  957. background:none;
  958. }
  959.  
  960. .posts {
  961. width: 400px;
  962. padding: 10px;
  963. background: rgba(255,255,255,0.75);
  964. margin-bottom:0px;
  965. margin-left:0px;
  966. margin-top:40px;
  967. line-height:140%;
  968. color: {color:text};
  969. text-align:justify;
  970. }
  971. .posts:first-child {
  972. margin-top:0px;
  973. }
  974.  
  975.  
  976.  
  977. .poopset { width: 400px; height:auto; }
  978.  
  979.  
  980. #message {
  981. padding:30px;
  982. }
  983.  
  984.  
  985. #tab {
  986. padding:20px;
  987. overflow:auto;
  988. line-height:140%;
  989. }
  990.  
  991.  
  992.  
  993. table, th, td {
  994. border: 1px solid rgba(0,0,0,0.1);
  995. }
  996. th, td {
  997. border-bottom: 1px solid rgba(0,0,0,0.1);
  998. }
  999.  
  1000.  
  1001. table {
  1002. width: 100%;
  1003. text-align: center;
  1004. table-layout: fixed;
  1005. }
  1006.  
  1007. th {
  1008. height: 12px;
  1009. text-align: center;
  1010. }
  1011.  
  1012. th, td {
  1013. padding:5px;
  1014. background-color:{color:accent bg};
  1015. }
  1016.  
  1017. tr:nth-child(even) {
  1018. background-color: {color:accent bg};
  1019.  
  1020. }
  1021. .tablenav {
  1022. border-collapse: collapse;
  1023. width:200px;
  1024. margin-left:auto;
  1025. margin-right:auto;
  1026. }
  1027.  
  1028. .tablenav a
  1029. {
  1030. display:block;
  1031. text-decoration:none;
  1032. font-family:'roboto', sans-serif;
  1033. font-size:7px;
  1034. text-transform:uppercase;
  1035. font-weight:700;
  1036. text-align: center;
  1037. letter-spacing:1.5px;
  1038. }
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044. /*------- ENTRIES END ---------*/
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051. /*------- DESCRIPTION ---------*/
  1052.  
  1053.  
  1054. .cont {
  1055.  
  1056. position:fixed;
  1057. top:0px;
  1058. left:00px;
  1059. width:300px;
  1060. z-index:-9;
  1061. font-family: 'source sans pro', sans-serif ;
  1062. -webkit-transition: all .4s ease-out;
  1063. -moz-transition: all .4s ease-out;
  1064. -o-transition: all .4s ease-out;
  1065. -ms-transition: all .4s ease-out;
  1066. transition: all .4s ease-out;
  1067.  
  1068.  
  1069.  
  1070. -webkit-transform: translateZ(0);
  1071. transform: translateZ(0);
  1072. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1073. -webkit-backface-visibility: hidden;
  1074. backface-visibility: hidden;
  1075. -moz-osx-font-smoothing: grayscale;
  1076. position: relative;
  1077. -webkit-transition-property: all;
  1078. transition-property: all;
  1079. -webkit-transition-duration: 0.3s;
  1080. transition-duration: 0.3s;
  1081. }
  1082.  
  1083.  
  1084.  
  1085. .description{
  1086. display:static;
  1087. position:relative;
  1088. top:20px;
  1089. left:40px;
  1090. width:200px;
  1091. height:175px;
  1092. padding:10px;
  1093. border: 1px solid {color:sidebar text};
  1094. background:none;
  1095. font-family: 'source sans pro', sans-serif ;
  1096. -webkit-transition: all .4s ease-out;
  1097. -moz-transition: all .4s ease-out;
  1098. -o-transition: all .4s ease-out;
  1099. -ms-transition: all .4s ease-out;
  1100. transition: all .4s ease-out;
  1101.  
  1102.  
  1103.  
  1104. -webkit-transform: translateZ(0);
  1105. transform: translateZ(0);
  1106. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1107. -webkit-backface-visibility: hidden;
  1108. backface-visibility: hidden;
  1109. -moz-osx-font-smoothing: grayscale;
  1110. position: relative;
  1111. -webkit-transition-property: all;
  1112. transition-property: all;
  1113. -webkit-transition-duration: 0.3s;
  1114. transition-duration: 0.3s;
  1115. }
  1116.  
  1117.  
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123. #desc {
  1124. position:absolute;
  1125. top: 0;
  1126. left:0;
  1127. width:190px;
  1128. height:100px;
  1129. margin:10px;
  1130. margin-top:80px;
  1131. text-align:justify;
  1132. color:{color:sidebar text};
  1133. padding:0 5px 0 5px;
  1134. overflow-y:auto;
  1135. overflow-x:none;
  1136. letter-spacing:1px;
  1137. line-height:160%;
  1138. text-shadow:0px 0px 2px rgba(0,0,0,.4);
  1139. background:rgba(255,255,255,.0);
  1140. -webkit-transition: all .4s ease-out;
  1141. -moz-transition: all .4s ease-out;
  1142. -o-transition: all .4s ease-out;
  1143. -ms-transition: all .4s ease-out;
  1144. transition: all .4s ease-out;
  1145. }
  1146.  
  1147. .description b{
  1148. color:{color:sidebar bold};
  1149. letter-spacing:1px;
  1150. font-weight:bold;
  1151. }
  1152.  
  1153. .description a{
  1154. color:{color:sidebar text};
  1155. }
  1156.  
  1157. .description i{
  1158. color:{color:sidebar italic};
  1159. }
  1160.  
  1161. .description u{
  1162. color:{color:sidebar underline};
  1163. }
  1164.  
  1165.  
  1166.  
  1167. .description:after {
  1168. content: ' ';
  1169. position: absolute;
  1170. left: 110px;
  1171. top: 205px;
  1172. width: 1px;
  1173. height: 20px;
  1174. background-color: {color:sidebar text};
  1175. z-index:-9;
  1176. -ms-transform: rotate(0deg); /* IE 9 */
  1177. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  1178. transform: rotate(0deg);
  1179.  
  1180.  
  1181. -webkit-transform: scaleY(0);
  1182. transform: scaleY(0);
  1183. -webkit-transform-origin: 50%;
  1184. transform-origin: 50%;
  1185. -webkit-transition-property: transform;
  1186. transition-property: transform;
  1187. -webkit-transition-duration: 0.3s;
  1188. transition-duration: 0.3s;
  1189. -webkit-transition-timing-function: ease-out;
  1190. transition-timing-function: ease-out;
  1191.  
  1192. -webkit-transition-delay: 0.3s;
  1193. -moz-transition-delay: 0.3s;
  1194. -ms-transition-delay: 0.3s;
  1195. -o-transition-delay: 0.3s;
  1196. transition-delay:0.3s;
  1197. }
  1198.  
  1199.  
  1200. .arrow-up {
  1201. width: 0;
  1202. height: 0;
  1203. border-left: 20px solid transparent;
  1204. border-right: 20px solid transparent;
  1205.  
  1206. border-bottom: 20px solid {color:text};
  1207. }
  1208.  
  1209. .arrow-down {
  1210. width: 0;
  1211. height: 0;
  1212. border-left: 20px solid transparent;
  1213. border-right: 20px solid transparent;
  1214.  
  1215. border-top: 20px solid {color:text};
  1216. z-index:99999999;
  1217. position:relative;
  1218. top: 220px;
  1219. left:25px;
  1220. }
  1221.  
  1222. .arrow-right {
  1223. width: 0;
  1224. height: 0;
  1225. border-top: 60px solid transparent;
  1226. border-bottom: 60px solid transparent;
  1227.  
  1228. border-left: 60px solid green;
  1229. }
  1230.  
  1231. .arrow-left {
  1232. width: 0;
  1233. height: 0;
  1234. border-top: 10px solid transparent;
  1235. border-bottom: 10px solid transparent;
  1236.  
  1237. border-right:10px solid blue;
  1238. }
  1239.  
  1240.  
  1241. /*------- DESCRIPTION END ---------*/
  1242.  
  1243.  
  1244.  
  1245.  
  1246. /*------- MUSES ---------*/
  1247.  
  1248.  
  1249.  
  1250.  
  1251. #musearea{
  1252. width:100%;
  1253. padding-top:5px;
  1254. margin-bottom:20px;
  1255. }
  1256.  
  1257.  
  1258. #musearea a{
  1259. -webkit-transition: all 0.5s ease-in-out;
  1260. -moz-transition: all 0.5s ease-in-out;
  1261. -o-transition: all 0.5s ease-in-out;
  1262. }
  1263. #musearea a.cthrough{
  1264. width:100%;
  1265. display:block;
  1266. height:20px;
  1267. font-size:10px;
  1268. line-height:130%;
  1269. letter-spacing:1.5px;
  1270. font-family: 'roboto', sans-serif ;
  1271. text-transform:uppercase;
  1272. text-decoration:none;
  1273. font-weight:300;
  1274. text-align:center;
  1275. padding-top:5px;
  1276. background:{color:accent bg}; /*change section title background color */
  1277. opacity:1.0;
  1278. color:{color:text}; /*change section title color*/
  1279. margin-top:0px;
  1280. margin-bottom:10px;
  1281. -webkit-transition: all 0.5s ease-in-out;
  1282. -moz-transition: all 0.5s ease-in-out;
  1283. -o-transition: all 0.5s ease-in-out;
  1284. }
  1285.  
  1286.  
  1287. #musearea a:hover .cthrough{ /*change section title background hover color */
  1288. opacity:1; /*change section title hover color*/
  1289. -webkit-transition: all 0.5s ease-in-out;
  1290. -moz-transition: all 0.5s ease-in-out;
  1291. -o-transition: all 0.5s ease-in-out;
  1292. }
  1293.  
  1294.  
  1295. .museleft, .museright {
  1296. display: block;
  1297. width: 380px;
  1298. margin-top: 10px;
  1299. margin-bottom: 0px;
  1300. margin-right: auto;
  1301. margin-left: 5px;
  1302. }
  1303.  
  1304. .museleft img {
  1305. box-shadow: 1px 1px 1px rgba(250,250,250,0);
  1306. width: 55px;
  1307. height: 55px;
  1308. padding: 8px;
  1309. border: 0px solid #B0D5D9;
  1310. margin: 4px;
  1311. background-color: rgba(255,255,255,.5);
  1312. border-radius: 50%;
  1313. }
  1314.  
  1315. .museleftinfo {
  1316. width: 250px;
  1317. height: 55px;
  1318. overflow:auto;
  1319. display: block;
  1320. background-color: rgba(250,250,250,.8);
  1321. border-radius:10px;
  1322. padding: 4px 10px 4px 10px;
  1323. margin-left: 90px;
  1324. margin-top: -75px;
  1325. border: 3px solid rgba(255,255,255,.5);
  1326. }
  1327.  
  1328.  
  1329. .museright img {
  1330. box-shadow: 1px 1px 1px rgba(250,250,250,0);
  1331. width: 55px;
  1332. height: 55px;
  1333. padding: 8px;
  1334. border: 0px solid #B0D5D9;
  1335. margin-top: -105px;
  1336. margin-left: 295px;
  1337. background-color: rgba(255,255,255,.5);
  1338. border-radius: 50%;
  1339. }
  1340.  
  1341. .muserightinfo {
  1342. width: 250px;
  1343. height: 55px;
  1344. overflow: auto;
  1345. display: block;
  1346. background-color: rgba(250,250,250,.8);
  1347. border-radius:10px;
  1348. padding: 4px 10px 4px 10px;
  1349. margin: 4px;
  1350. margin-left: 10px;
  1351. margin-top: 25px;
  1352. margin-bottom:-5px;
  1353. border: 3px solid rgba(255,255,255,.5);
  1354. }
  1355.  
  1356.  
  1357.  
  1358. /*------- MUSES END ---------*/
  1359.  
  1360.  
  1361.  
  1362.  
  1363.  
  1364. #pagination {
  1365. font-family: 'source sans pro', sans-serif ;
  1366. padding:5px;
  1367. letter-spacing:1.5px;
  1368. text-transform:uppercase;
  1369. font-weight:400;
  1370. text-size:7.5px;
  1371. text-align:center;
  1372. font-weight:bold;
  1373. word-spacing:5px;
  1374. margin-top:10px;
  1375. width:300px;
  1376. }
  1377.  
  1378. #pagination a{
  1379. color:{color:navi};
  1380. }
  1381. #pagination a:hover{
  1382.  
  1383. color:{color:text};
  1384. }
  1385.  
  1386.  
  1387.  
  1388. /*------ chat stuff ----*/
  1389. .convo li{
  1390. margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative
  1391.  
  1392. }
  1393.  
  1394. .convo b, .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b{color:{color:text};}
  1395.  
  1396. .convo b, .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b{color:{color:text};}
  1397.  
  1398. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  1399. float:left;background:{color:accent bg};color:{color:text};left:3px
  1400. }
  1401. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  1402. content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:accent bg};border-bottom-right-radius:1em .5em
  1403.  
  1404. }
  1405. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  1406. right:3px;float:right;background-color:{color:icon border};color:{color:text}
  1407.  
  1408. }
  1409. .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:icon border};border-bottom-left-radius:1em .5em
  1410.  
  1411. }
  1412. .user_3{background-color:{color:accent bg};color:{color:text}}.user_3::after{border-color:{color:accent bg}}
  1413. .user_4{background-color:{color:icon border};color:{color:text}}.user_4::after{border-color:{color:icon border}}
  1414. .user_5{background-color:{color:accent bg};color:{color:text}}.user_5::after{border-color:{color:accent bg}}
  1415. .user_6{background-color:{color:icon border};color:{color:text}}.user_6::after{border-color:{color:icon border}}
  1416. .user_7{background-color:{color:accent bg};color:{color:text}}.user_7::after{border-color:{color:accent bg}}
  1417. .user_8{background-color:{color:icon border};color:{color:text}}.user_8::after{border-color:{color:icon border}}
  1418. .user_9{background-color:{color:accent bg};color:{color:text}}.user_9::after{border-color:{color:accent bg};}
  1419.  
  1420. .convo {
  1421. overflow: hidden;
  1422. list-style-type: none;
  1423. padding: 0;
  1424. margin: 0;
  1425. }
  1426.  
  1427.  
  1428. #message {
  1429. padding:30px;
  1430. }
  1431.  
  1432. #ask {
  1433. background:{color:accent bg};
  1434. padding:20px;
  1435. font-family:'source sans pro', sans-serif;
  1436. font-size:{text:text size};
  1437. text-align:center;
  1438. line-height:150%;
  1439. letter-spacing:1px;
  1440. text-transform:uppercase;
  1441.  
  1442. }
  1443.  
  1444. #ask b {
  1445. font-size:{text:text size};
  1446. font-weight:700;
  1447. font-family: 'source sans pro', sans-serif ;
  1448. letter-spacing:1px;
  1449. text-transform:uppercase;
  1450. margin-left:0px;
  1451. margin-top:0px;
  1452. margin-right:0px;}
  1453.  
  1454.  
  1455. #quote {
  1456. font-size:10px;
  1457. font-family: 'source sans pro', sans-serif ;
  1458. text-align: left;
  1459. font-weight: 400;
  1460. padding:8px;
  1461. letter-spacing: 1px;
  1462. line-height: 150%;
  1463. padding-bottom: 10px;
  1464. background:{color:accent bg};
  1465. }
  1466.  
  1467. #quotesrc {
  1468. font-size:9px;
  1469. font-family: 'source sans pro', sans-serif ;
  1470. letter-spacing:0.5px;
  1471. text-align:right;
  1472. color:{color:text};}
  1473. #quote:before {
  1474. content: "❝ ";
  1475. font-size:16px;
  1476. font-family: 'source sans pro', sans-serif ;
  1477. color:{color:underline};}
  1478. #quote:after {
  1479. content: " ❞";
  1480. font-size:16px;
  1481. font-family: 'source sans pro', sans-serif ;
  1482. color:{color:underline};}
  1483.  
  1484. #cover {
  1485. position: relative;
  1486. z-index: 1;
  1487. height: 80px;
  1488. float:left;
  1489. margin:4px;
  1490. box-shadow:0px 0px 5px {color:box shadow};}
  1491.  
  1492. #button {
  1493. width:20px;
  1494. height:30px;
  1495. overflow: hidden;
  1496. position: relative;
  1497. z-index: 99;
  1498. margin: 15px 24px 13px 16px;}
  1499.  
  1500. #buttons {
  1501. background-color: #fff;
  1502. position: absolute;
  1503. z-index: 99;
  1504. margin-top: 15px;
  1505. margin-left: 15px;
  1506. opacity: 0;
  1507. -webkit-transition: opacity 0.5s ease-out;
  1508. -webkit-transition: all 0.5s ease-out;
  1509. -moz-transition: all 0.5s ease-out;
  1510. -o-transition: all 0.5s ease-out;}
  1511.  
  1512. #post:hover #buttons {
  1513. opacity:1;}
  1514.  
  1515.  
  1516. #musicinfo {
  1517. margin-left: 60px;
  1518. margin-top: -50px;
  1519. margin-bottom: -25px;
  1520. font-size:8px;
  1521. letter-spacing:1px;
  1522. text-transform:uppercase;
  1523. text-align:left;
  1524. position: relative;}
  1525.  
  1526.  
  1527. .audios {
  1528. text-align:left;
  1529. }
  1530.  
  1531. .audios img{
  1532. width:40px;
  1533. height:40px;
  1534. border-radius:50%;
  1535. border:6px solid {color:icon border};
  1536. }
  1537.  
  1538. .note {
  1539. color:{color:navi};
  1540. text-transform:uppercase;
  1541. width:390px;
  1542. font-style:normal;
  1543. letter-spacing:1px;
  1544. font-size: 7px;
  1545. text-align:left;
  1546. line-height:130%;
  1547. margin-left:-5px;}
  1548.  
  1549.  
  1550. .note a{
  1551. color:{color:navi};
  1552. background:{color:link};
  1553. padding:1px;
  1554. }
  1555.  
  1556. .note a:hover{
  1557. background:{color:navi};
  1558. color:{color:link};
  1559. }
  1560.  
  1561. .note li {
  1562. list-style-type:none;
  1563. padding:4px 15px 4px 15px;
  1564. text-align:left;
  1565. -moz-transition-duration:0.5s;
  1566. -webkit-transition-duration:0.5s;
  1567. -o-transition-duration:0.5s;}
  1568.  
  1569. .note img.avatar {
  1570. margin-right: 10px;
  1571. display:none;
  1572. width: 16px;
  1573. height: 16px;}
  1574.  
  1575. .tags {
  1576. font-size:7px;
  1577. text-transform:uppercase;
  1578. letter-spacing:2px;
  1579. font-family:'source sans pro', sans-serif;
  1580. font-weight:400;
  1581. padding-top:20px;
  1582. margin-top:-15px;
  1583. margin-bottom:0px;
  1584. margin-left:5px;
  1585. opacity:0;
  1586. line-height:150%;
  1587. z-index:999;
  1588. text-align:left;
  1589. -webkit-transition: all 0.8s ease;
  1590. -moz-transition: all 0.8s ease;
  1591. transition: all 0.8s ease;}
  1592. .tags:hover {
  1593. opacity:1;
  1594. -webkit-transition: all 0.8s ease;
  1595. -moz-transition: all 0.8s ease;
  1596. transition: all 0.8s ease;}
  1597.  
  1598.  
  1599. .tags a{
  1600. color:{color:navi};
  1601. -webkit-transition: all 0.8s ease;
  1602. -moz-transition: all 0.8s ease;
  1603. transition: all 0.8s ease;}
  1604. .tags a:hover{
  1605. opacity:0.6;
  1606. -webkit-transition: all 0.8s ease;
  1607. -moz-transition: all 0.8s ease;
  1608. transition: all 0.8s ease;}
  1609. .permalink a{
  1610. color:{color:text};
  1611. -webkit-transition: all 0.8s ease;
  1612. -moz-transition: all 0.8s ease;
  1613. transition: all 0.8s ease;}
  1614. .permalink a:hover{
  1615. color: {color:linkhover};
  1616. -webkit-transition: all 0.8s ease;
  1617. -moz-transition: all 0.8s ease;
  1618. transition: all 0.8s ease;}
  1619.  
  1620. .permalink {
  1621. font-size:7.5px;
  1622. text-align:left;
  1623. text-transform:uppercase;
  1624. letter-spacing:1px;
  1625. font-weight:bold;
  1626. margin-top:0px;
  1627. margin-bottom:-5px;
  1628. background:none;
  1629. color:{color:text};
  1630. padding:5px;
  1631. opacity:1;
  1632. }
  1633.  
  1634.  
  1635.  
  1636.  
  1637. .credit, .credit a {
  1638. position:fixed;
  1639. right:10px;
  1640. bottom:10px;
  1641. width:14px;
  1642. height:14px;
  1643. border-radius:50%;
  1644. background-color:rgba(255,255,255,.9);
  1645. font-size:14px;
  1646. color:rgba(0,0,0,.7);
  1647. letter-spacing:1px;
  1648. padding:5px;
  1649. font-family: 'roboto', sans-serif;
  1650. font-weight:700;
  1651. opacity:0.7;
  1652. text-shadow:none;
  1653. -webkit-transition: all 0.8s ease;
  1654. -moz-transition: all 0.8s ease;
  1655. transition: all 0.8s ease;
  1656. }
  1657.  
  1658. .credit a:hover {
  1659. opacity:1;
  1660. background-color:rgba(255,255,255,1);
  1661. color:rgba(0,0,0,1);
  1662. text-shadow:none;
  1663. -webkit-transition: all 0.8s ease;
  1664. -moz-transition: all 0.8s ease;
  1665. transition: all 0.8s ease;
  1666. }
  1667. .credit:hover {
  1668. opacity:1;
  1669. background-color:rgba(255,255,255,1);
  1670. -webkit-transition: all 0.8s ease;
  1671. -moz-transition: all 0.8s ease;
  1672. transition: all 0.8s ease;
  1673. }
  1674.  
  1675.  
  1676.  
  1677. div#qTip {
  1678. border:0px dotted #fff;
  1679. padding: 3px;
  1680. display: none;
  1681. margin-left:10px;
  1682. margin-top:-37px;
  1683. text-align: center;
  1684. font-style:normal;
  1685. background:{color:accent bg};
  1686. opacity:0.8;
  1687. font-weight:400;
  1688. position: absolute;
  1689. text-transform:uppercase;
  1690. font-size:7px;
  1691. font-family: 'source sans pro', sans-serif ;
  1692. line-height:10px;
  1693. z-index: 9999999;
  1694. color: {color:text};
  1695. letter-spacing: 1.5px;}
  1696.  
  1697. {CustomCSS}</style></head><body>
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706.  
  1707. <div class="bigcon">
  1708.  
  1709.  
  1710.  
  1711.  
  1712. <div class="cont">
  1713.  
  1714.  
  1715. <div class="tabs">
  1716. <ul class="tab-links">
  1717. <li class="active"><a href="/" title="{text:tab 1 title}">01.</a></a></li>
  1718. <li><a href="#tab2" title="{text:tab 2 title}">02.</a></li>
  1719. <li><a href="#tab3" title="{text:tab 3 title}">03.</a></li>
  1720. <li><a href="#tab4" title="{text:tab 4 title}">04.</a></li>
  1721. </ul>
  1722.  
  1723.  
  1724.  
  1725.  
  1726. <div class="description">
  1727.  
  1728.  
  1729.  
  1730. <div class="title">{text:title}</div>
  1731.  
  1732.  
  1733. <div id="desc">
  1734.  
  1735.  
  1736.  
  1737. {Description}
  1738.  
  1739.  
  1740.  
  1741.  
  1742. </div>
  1743. </div>
  1744.  
  1745.  
  1746. </div>
  1747.  
  1748.  
  1749. <div id="icon"><img src="{image:icon}"></div>
  1750. <div id="icon2"><img src="{image:icon2}" class="hvr-grow-rotate"></div>
  1751. <div id="icon3"><img src="{image:icon3}" class="hvr-grow-rotate"></div>
  1752.  
  1753. <div class="subtitle">{text:subtitle}</div>
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765.  
  1766.  
  1767.  
  1768.  
  1769.  
  1770.  
  1771. <!-- --------------------------- TABS -------------------------- -->
  1772.  
  1773. <div class="tabs">
  1774.  
  1775.  
  1776. <!-- --------------------------- TAB 1 -------------------------- -->
  1777.  
  1778. <div id="tab1" class="tab active">
  1779.  
  1780.  
  1781.  
  1782.  
  1783. <div class="entries2">
  1784. {block:Posts}
  1785. <div class="posts">
  1786.  
  1787.  
  1788.  
  1789. <!--TEXT POST-->
  1790. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1791.  
  1792.  
  1793.  
  1794.  
  1795. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1796. {/block:Photo}
  1797.  
  1798. {block:Photoset}
  1799. <div class="poopset">{Photoset}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1800.  
  1801.  
  1802.  
  1803.  
  1804.  
  1805. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1806.  
  1807. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div id="quotesrc">{Source}</div></b>{/block:Source}{/block:Quote}
  1808.  
  1809. {block:Audio}<div class="audios">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  1810.  
  1811. <div id="musicinfo">
  1812. <span class="audio">{AudioPlayerWhite}</span>
  1813.  
  1814. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1815. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1816. {/block:ExternalAudio}</div>
  1817. <br><br>
  1818. {block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}<br>
  1819.  
  1820. {block:Video}<div class="poopset">{Video-250}</div>
  1821. {block:Caption}{Caption}{/block:Caption}
  1822. {/block:Video}
  1823.  
  1824. {block:Chat}
  1825. {block:Title}
  1826. <h2>{Title}</h2>{/block:Title}<br>
  1827. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1828. {Line}</li>{/block:Lines}</ul>
  1829. {/block:Chat}
  1830.  
  1831. {block:Answer}<div id="ask"><b>{Asker}:</b> {Question}</div>{Answer}{/block:Answer}
  1832.  
  1833.  
  1834.  
  1835. {block:Date}
  1836.  
  1837. <div class="permalink">
  1838. <a href="{Permalink}" class="hvr-underline-from-center">{TimeAgo}</a>
  1839. {block:NoteCount} · {NoteCount}N{/block:NoteCount}
  1840.  
  1841.  
  1842. {block:RebloggedFrom} · <a href="{ReblogParentURL}" class="hvr-underline-from-center">via</a> · <a href="{ReblogRootURL}" class="hvr-underline-from-center">source</a> · <a href="{ReblogURL}" class="hvr-underline-from-center">reblog</a>{/block:RebloggedFrom}{/block:permalinkpage}
  1843.  
  1844. </div>
  1845.  
  1846.  
  1847.  
  1848. {/block:Date}
  1849.  
  1850.  
  1851.  
  1852. </div>
  1853.  
  1854.  
  1855.  
  1856. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1857.  
  1858. {block:PostNotes}
  1859. <div class="note">
  1860. {PostNotes}
  1861. </div>
  1862. {/block:PostNotes}
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868. <!-- {block:NoRebloggedFrom}
  1869. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1870. {/block:NoRebloggedFrom} -->
  1871.  
  1872. {block:ContentSource}<!-- {SourceURL}
  1873. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1874. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1875. {/block:ContentSource}
  1876.  
  1877.  
  1878. {/block:Posts}
  1879.  
  1880.  
  1881.  
  1882.  
  1883.  
  1884.  
  1885. <div id="pagination">{block:Pagination}
  1886. {block:PreviousPage}<a href="{PreviousPage}" class="hvr-underline-from-center">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="hvr-underline-from-center">forth</a>
  1887. {/block:NextPage}
  1888. {/block:Pagination}</div>
  1889.  
  1890.  
  1891.  
  1892. </div>
  1893.  
  1894. </div>
  1895.  
  1896.  
  1897.  
  1898.  
  1899.  
  1900. <!-- -------------------------- TAB 2 -------------------------- -->
  1901.  
  1902. <div id="tab2" class="tab">
  1903. <div class="entries">
  1904. <div id="message"><iframe frameborder="0" scrolling="no" width="100%" height="190" 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]-->
  1905. </div>
  1906. </div>
  1907. </div>
  1908.  
  1909.  
  1910. <!-- -------------------------- TAB 3 -------------------------- -->
  1911.  
  1912. <div id="tab3" class="tab">
  1913. <div class="entries">
  1914. <div id="tab">
  1915.  
  1916. <h1>navigation</h1>
  1917.  
  1918. <table class="tablenav">
  1919. <tr>
  1920. <td><a href="#">ljh's full bio</a></td>
  1921. <td><a href="#">link two</a></td>
  1922. </tr>
  1923. <tr>
  1924. <td><a href="#">csy's full bio</a></td>
  1925. <td><a href="#">link four</a></td>
  1926. </tr>
  1927. <tr>
  1928. <td><a href="#">csj's full bio</a></td>
  1929. <td><a href="#">link six</a></td>
  1930. </tr>
  1931. </table>
  1932.  
  1933. <center>
  1934. <p><strong><em>h a r l e y .</em></strong></p>
  1935. <p><img src="http://imgur.com/OqOkP2P.jpg" alt="" width="80" height="80" />&nbsp;<img src="http://imgur.com/6YMzK3A.jpg" alt="" width="80" height="80" />&nbsp;<img src="http://imgur.com/o0qGLZO.jpg" alt="" width="80" height="80" /></p>
  1936. <p><strong>lee jihoon / harley</strong>. 20 years old. <span style="text-decoration: line-through;">demigod</span>. <em>bisexual</em>. university student and restaurant waiter. active.<br /><em>( bio. visual. threads. asks. )</em></p>
  1937. <p>&nbsp;</p>
  1938. <p><strong><em>s u m m e r .</em></strong></p>
  1939. <p><img src="http://imgur.com/8xdAP5S.jpg" alt="" width="80" height="80" />&nbsp;<img src="http://imgur.com/ZvChMy1.jpg" alt="" width="80" height="80" />&nbsp;<img src="http://imgur.com/grUFlv2.jpg" alt="" width="80" height="80" /></p>
  1940. <p><strong>choi sooyoung / summer</strong>. 26 years old. <span style="text-decoration: line-through;">demigoddess</span>. <em>bicurious</em>. boutique owner. out of town. inactive.<br /><em>( bio under co. visual. threads. asks. )</em></p>
  1941. <p>&nbsp;</p>
  1942. <p><strong><em>s o o j u n g .</em></strong></p>
  1943. <p><img src="http://imgur.com/f8BzkDD.jpg" alt="" width="80" height="80" />&nbsp;<img src="http://imgur.com/wHyB93X.jpg" alt="" width="80" height="80" />&nbsp;<img src="http://imgur.com/tSjmyiC.jpg" alt="" width="80" height="80" /></p>
  1944. <p><strong>choi soojung</strong>. 8 years old. adopted daughter of sooyoung. living with harley. active.<br /><em>( bio. visual. threads. asks. )</em></p>
  1945. </center>
  1946. <hr />
  1947. <blockquote>
  1948. <p><strong>guidelines.</strong></p>
  1949. </blockquote>
  1950. <ul>
  1951. <li>lol i have none. reply however you want and whenever as long as it&rsquo;s within two weeks since the last reply.</li>
  1952. <li>all what you have to know about my muses to interact with them is all up there. as long as i don&rsquo;t have any bio&rsquo;s up yet, i&rsquo;m not open to past plots. at least not yet.</li>
  1953. </ul>
  1954. <p>&nbsp;</p>
  1955. <blockquote>
  1956. <p><strong>ooc.</strong></p>
  1957. </blockquote>
  1958. <ul>
  1959. <li>typist is of age. is around 4-11PM GMT+8 everyday. this blog is sfw.</li>
  1960. <li>do i still need to put rp experience? one of these muses i&rsquo;ve rped for two years. i mostly roleplay on facebook now. fair amount of experience in para rping but i&rsquo;m kinda bad with words lol.</li>
  1961. <li>thaaaat&rsquo;s about it&mdash;i don&rsquo;t bite !! i promise~</li>
  1962. </ul>
  1963.  
  1964.  
  1965.  
  1966. </div>
  1967. </div>
  1968. </div>
  1969.  
  1970.  
  1971. <!-- -------------------------- TAB 4 -------------------------- -->
  1972.  
  1973. <div id="tab4" class="tab">
  1974. <div class="entries">
  1975. <div id="tab">
  1976.  
  1977.  
  1978. <h1>NETWORK</h1>
  1979.  
  1980.  
  1981. <!---------------------- START OF NEW MUSE SECTION -------------------->
  1982.  
  1983.  
  1984.  
  1985. <div id="musearea">
  1986. <a href="#" class="cthrough hvr-underline-from-center" title="HOVER TITLE" style="cursor:help">DROPDOWN TITLE</a>
  1987. <div class="sub">
  1988.  
  1989.  
  1990.  
  1991. <!------- START OF MUSE LEFT ------>
  1992.  
  1993.  
  1994. <div class="museleft">
  1995.  
  1996. <img src="IMG SRC HERE" >
  1997.  
  1998. <div class="museleftinfo">
  1999.  
  2000. <p><em><strong>MUSE A</strong></em>&nbsp;&mdash; Bacon ipsum dolor amet pork in excepteur velit laboris mollit quis pariatur veniam dolor ut culpa tempor dolore. Fugiat laboris dolor sirloin ea, tail short loin andouille proident lorem pancetta pig. Dolore swine sirloin do fatback est, salami pancetta esse dolore leberkas ham. Enim pork chop sirloin, aliqua ad nisi spare ribs veniam id.</p>
  2001.  
  2002. </div>
  2003. </div>
  2004.  
  2005.  
  2006. <!------- END OF MUSE LEFT ------>
  2007.  
  2008. <!------- START OF MUSE RIGHT ------>
  2009.  
  2010. <div class="museright">
  2011.  
  2012. <div class="muserightinfo">
  2013.  
  2014. <p><em><strong>MUSE B</strong></em> &mdash; Sirloin filet mignon voluptate aliquip magna. Tail shank do culpa tenderloin, consequat in ad jowl shoulder swine. Beef ribs kielbasa jowl, in short loin nulla pork loin. Anim porchetta do jowl, drumstick pastrami meatball alcatra fugiat ham hock ut duis dolore in. Non dolore cow nisi strip steak, bresaola pork chop sausage ipsum dolor.</p>
  2015.  
  2016. </div>
  2017.  
  2018. <img src="IMG SRC HERE">
  2019.  
  2020. </div>
  2021.  
  2022.  
  2023. <!------- END OF MUSE RIGHT ------>
  2024.  
  2025.  
  2026.  
  2027.  
  2028.  
  2029.  
  2030. </div>
  2031. </div>
  2032.  
  2033.  
  2034.  
  2035. <!------------------------- END OF MUSE SECTION ------------------------>
  2036.  
  2037.  
  2038.  
  2039.  
  2040.  
  2041.  
  2042.  
  2043.  
  2044.  
  2045.  
  2046. <!--------////// INSTRUCTIONS /////-------------
  2047.  
  2048. To add a whole new section:
  2049. - copy the entire code from the START OF NEW MUSE SECTION
  2050. to END OF NEW MUSE SECTION
  2051.  
  2052. To add only one member:
  2053. - copy the code from NEW MUSE to END OF MUSE
  2054.  
  2055. *Right means icon is on the right, Left means icon is on the left
  2056. *Muse icons will automatically be resized to 55x55 pixels
  2057.  
  2058. If you have any more questions, you can reach me at glowyrpt.tumblr.com
  2059.  
  2060. -------- END OF INSTRUCTIONS /////-------------->
  2061.  
  2062.  
  2063.  
  2064.  
  2065.  
  2066. </div></div>
  2067.  
  2068.  
  2069.  
  2070.  
  2071.  
  2072.  
  2073. </div>
  2074.  
  2075.  
  2076.  
  2077. </div>
  2078. </div>
  2079. </div>
  2080.  
  2081.  
  2082.  
  2083.  
  2084.  
  2085.  
  2086.  
  2087.  
  2088.  
  2089. <!-- END OF TABS -->
  2090.  
  2091.  
  2092.  
  2093. </div>
  2094.  
  2095. </div>
  2096.  
  2097.  
  2098.  
  2099.  
  2100.  
  2101.  
  2102.  
  2103.  
  2104.  
  2105. <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
  2106.  
  2107. <div class="credit"><a href="http://glowyrpt.tumblr.com">@</a></div>
  2108.  
  2109.  
  2110.  
  2111.  
  2112. </body>
  2113. </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!