API tools faq
paste
deersprouts

lazuli ( no tabs )

deersprouts
Oct 5th, 2016
168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.62 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 JCNNIE /
  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="#000"/>
  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="#888" />
  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:link 3 title" content="link 3 name"/>
  50. <meta name="text:link 3 url" content="/"/>
  51. <meta name="text:link 4 title" content="link 4 name"/>
  52. <meta name="text:link 4 url" content="/"/>
  53.  
  54. <meta name="image:background" content=""/>
  55. <meta name="image:container bg" content=""/>
  56. <meta name="image:icon" content=""/>
  57. <meta name="image:icon2" content=""/>
  58. <meta name="image:icon3" content=""/>
  59.  
  60. <meta name="if:greyscale" content="0"/>
  61. <meta name="text:text size" content="9px" />
  62.  
  63.  
  64. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  65.  
  66.  
  67. <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">
  68. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  69.  
  70. <link href="https://github.com/IanLunn/Hover.git" rel="stylesheet" media="all">
  71.  
  72.  
  73. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  74.  
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76.  
  77. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78.  
  79.  
  80.  
  81.  
  82.  
  83.  
  84. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  85.  
  86. <script>
  87. $(document).ready(function() {
  88. $('.tabs .tab-links a').on('click', function(e) {
  89. var currentAttrValue = $(this).attr('href');
  90.  
  91. // Show/Hide Tabs
  92. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  93.  
  94. // Change/remove current tab to active
  95. $(this).parent('li').addClass('active').siblings().removeClass('active');
  96.  
  97. e.preventDefault();
  98. });
  99. });
  100. </script>
  101.  
  102. <script>
  103. $(document).ready(function() {
  104. $('#filterOptions li a').click(function() {
  105. // fetch the class of the clicked item
  106. var ourClass = $(this).attr('class');
  107.  
  108. // reset the active class on all the buttons
  109. $('#filterOptions li').removeClass('active');
  110. // update the active state on our clicked button
  111. $(this).parent().addClass('active');
  112.  
  113. if(ourClass == 'all') {
  114. // show all our items
  115. $('#ourHolder').children('div.item').show();
  116. }
  117. else {
  118. // hide all elements that don't share ourClass
  119. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  120. // show all elements that do share ourClass
  121. $('#ourHolder').children('div.' + ourClass).show();
  122. }
  123. return false;
  124. });
  125. });
  126. </script>
  127.  
  128. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script>
  129.  
  130.  
  131.  
  132. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  133. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <script>
  142. $(document).ready(function() {
  143. $('.tabs .tab-links a').on('click', function(e) {
  144. var currentAttrValue = $(this).attr('href');
  145.  
  146. // Show/Hide Tabs
  147. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  148.  
  149. // Change/remove current tab to active
  150. $(this).parent('li').addClass('active').siblings().removeClass('active');
  151.  
  152. e.preventDefault();
  153. });
  154. });
  155. </script>
  156.  
  157. <script>
  158. $(document).ready(function() {
  159. $('#filterOptions li a').click(function() {
  160. // fetch the class of the clicked item
  161. var ourClass = $(this).attr('class');
  162.  
  163. // reset the active class on all the buttons
  164. $('#filterOptions li').removeClass('active');
  165. // update the active state on our clicked button
  166. $(this).parent().addClass('active');
  167.  
  168. if(ourClass == 'all') {
  169. // show all our items
  170. $('#ourHolder').children('div.item').show();
  171. }
  172. else {
  173. // hide all elements that don't share ourClass
  174. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  175. // show all elements that do share ourClass
  176. $('#ourHolder').children('div.' + ourClass).show();
  177. }
  178. return false;
  179. });
  180. });
  181. </script>
  182.  
  183.  
  184.  
  185.  
  186.  
  187. <script type="text/javascript">
  188. jQuery(document).ready(function() {
  189. jQuery(".sub").hide();
  190. //toggle the componenet with class msg_body
  191. jQuery(".cthrough").click(function()
  192. {
  193. jQuery(this).next(".sub").slideToggle(500);
  194. });});
  195. </script>
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203.  
  204.  
  205. <style type="text/css">
  206.  
  207.  
  208.  
  209. ::-webkit-scrollbar-thumb:vertical {
  210. height:10px; border:0px solid {color:scrollbar}; background-color:{color:scrollbar};
  211.  
  212. -webkit-border-fill-color: transparent;
  213. }
  214.  
  215. ::-webkit-scrollbar-thumb:horizontal {
  216. border:2px solid {color:scrollbar};
  217. background:transparent;
  218. display:none;}
  219. ::-webkit-scrollbar:horizontal {
  220. display:none;}
  221.  
  222. ::-webkit-scrollbar {
  223. width:1px; height:5px;
  224. border:2px solid transparent;
  225. background:transparent;
  226. -webkit-border-fill-color: transparent;
  227. }
  228.  
  229.  
  230.  
  231.  
  232.  
  233. ::-moz-selection {
  234. color:{color:navi};
  235. background-color:{color:text};
  236. }
  237.  
  238. ::selection {
  239. color:{color:navi};
  240. background-color:{color:text};
  241. }
  242.  
  243. iframe#tumblr_controls {
  244. right:3px !important;
  245. position: fixed !important;
  246. -webkit-transition: opacity 0.7s
  247. ease-out;
  248.  
  249. -webkit-filter:invert(100%);
  250. -webkit-backface-visibility:hidden;
  251. -webkit-transform:scale(.8);
  252. white-space:nowrap!important;
  253. opacity:.67!important;
  254. padding:10px;
  255. -webkit-transition: all 0.8s ease-out;
  256. -moz-transition: all 0.8s ease-out;
  257. transition: all 0.8s ease-out;}
  258.  
  259. iframe#tumblr_controls:hover{
  260. -webkit-transition: opacity 0.7s ease-out;
  261. opacity: 1;
  262. -webkit-transition: all 0.4s ease-out;
  263. -moz-transition: all 0.4s ease-out;
  264. transition: all 0.4s ease-out;}
  265.  
  266.  
  267. #vignette,
  268. #tumblr_lightbox_left_image,
  269. #tumblr_lightbox_right_image,
  270. #tumblr_lightbox_caption {
  271. visibility:hidden;
  272. }
  273. #tumblr_lightbox {
  274. background-color:transparent!important;
  275. }
  276. #tumblr_lightbox img {
  277. border-radius:0!important;
  278. -webkit-box-shadow:none!important;
  279. box-shadow:none!important;
  280. }
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287. /*------- BODY ---------*/
  288.  
  289. body {
  290. background: url('{image:background}'); no-repeat center center fixed;
  291. -webkit-background-size: cover;
  292. -moz-background-size: cover;
  293. -o-background-size: cover;
  294. background-size: cover;
  295. background-position: top left;
  296. background-repeat: repeat;
  297. background-attachment: fixed;
  298. background-color:{color:background};
  299. line-height:140%;
  300. color:{color:text};
  301. font-family: 'source sans pro', sans-serif ;
  302. font-size: {text:text size};
  303. letter-spacing:0.5px;
  304. }
  305.  
  306. a {
  307. text-decoration:none;
  308. outline:none;
  309. -moz-outline-style:none;
  310. color:{color:link};
  311. -webkit-transition: all 0.7s ease;
  312. -moz-transition: all 0.7s ease;
  313. -o-transition: all 0.7s ease;
  314. }
  315.  
  316. a:hover {
  317. color:{color:linkhover};
  318. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  319. -webkit-transition: all 0.7s ease;
  320. -moz-transition: all 0.7s ease;
  321. -o-transition: all 0.7s ease;
  322. }
  323.  
  324.  
  325.  
  326. /* Grow Rotate */
  327. .hvr-grow-rotate {
  328. display: inline-block;
  329. vertical-align: middle;
  330. -webkit-transform: translateZ(0);
  331. transform: translateZ(0);
  332. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  333. -webkit-backface-visibility: hidden;
  334. backface-visibility: hidden;
  335. -moz-osx-font-smoothing: grayscale;
  336. -webkit-transition-duration: 0.3s;
  337. transition-duration: 0.3s;
  338. -webkit-transition-property: transform;
  339. transition-property: transform;
  340. }
  341. .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  342. -webkit-transform: scale(1.1) rotate(4deg);
  343. transform: scale(1.1) rotate(4deg);
  344. }
  345.  
  346.  
  347.  
  348.  
  349. /* Underline From Center */
  350. .hvr-underline-from-center {
  351. display: inline-block;
  352. vertical-align: middle;
  353. -webkit-transform: translateZ(0);
  354. transform: translateZ(0);
  355. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  356. -webkit-backface-visibility: hidden;
  357. backface-visibility: hidden;
  358. -moz-osx-font-smoothing: grayscale;
  359. position: relative;
  360. overflow: hidden;
  361. }
  362. .hvr-underline-from-center:before {
  363. content: "";
  364. position: absolute;
  365. z-index: -1;
  366. left: 50%;
  367. right: 50%;
  368. bottom: 0;
  369. background: {color:underline};
  370. height: 1px;
  371. -webkit-transition-property: left, right;
  372. transition-property: left, right;
  373. -webkit-transition-duration: 0.3s;
  374. transition-duration: 0.3s;
  375. -webkit-transition-timing-function: ease-out;
  376. transition-timing-function: ease-out;
  377. }
  378. .hvr-underline-from-center:hover:before{
  379. left: 0;
  380. right: 0;
  381. }
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. hr {
  389. width: 40%;
  390. margin-left: auto;
  391. margin-right: auto;
  392. margin-top: 20px;
  393. margin-bottom: 20px;
  394. opacity:0.5;
  395. color:{color:text};
  396. }
  397.  
  398. blockquote {
  399. line-height:150%;
  400. background-color:rgba(255,255,255,0);
  401. -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,.0);
  402. -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,.0);
  403. box-shadow: 1px 1px 0px 0px rgba(0,0,0,.0);
  404. padding:0px 6px 0px 12px;
  405. margin:2px 2px 2px 2px;
  406. border-left:1px solid {color:scrollbar};
  407. }
  408.  
  409. blockquote img {
  410. max-width:100%;
  411. height:auto;}
  412.  
  413. b, strong {
  414. color:{color:bold};
  415. font-weight:bold;
  416. }
  417.  
  418. i, em {
  419. color:{color:italic};
  420. }
  421. u {
  422. color:{color:underline};
  423. }
  424.  
  425. small,sup,sub {
  426. font-size:{text:Text Size}}
  427.  
  428. big {
  429. font-size:11px;}
  430.  
  431. pre {
  432. color:{color:text};
  433. background-color:{color:accent bg};
  434. letter-spacing:1px;
  435. font-size:8px;
  436. padding:20px;
  437. white-space: pre-wrap; /* css-3 */
  438. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  439. white-space: -pre-wrap; /* Opera 4-6 */
  440. white-space: -o-pre-wrap; /* Opera 7 */
  441. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  442.  
  443. .entries ul {
  444. padding-left:6px;
  445. margin-left:3px;
  446. }
  447.  
  448. .entries ol, .entries2 ol {
  449. padding-left:3px;
  450. margin-left:6px;
  451. text-align:justify;
  452. }
  453. .entries li, .entries2 li {
  454. padding-left:3px;
  455. margin-left:6px;
  456. text-align:justify;
  457. margin-bottom:6px;
  458. }
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466. /*------- BODY END ---------*/
  467.  
  468.  
  469. /*------- HEADINGS ---------*/
  470.  
  471. h1 {
  472. font-size:12px;
  473. font-family: 'roboto', sans-serif;
  474. line-height:18px;
  475. padding:5px;
  476. margin:3px;
  477. font-weight:300;
  478. letter-spacing:3px;
  479. text-transform:uppercase;
  480. text-align:center;
  481. color:{color:italic};
  482. }
  483.  
  484. h2 {
  485. font-size:8px;
  486. font-family: 'roboto', sans-serif;
  487. line-height:130%;
  488. font-weight:700;
  489. padding:8px;
  490. letter-spacing:2px;
  491. margin:0px;
  492. background:{color:accent bg};
  493. text-shadow: 0px 0.5px 0.5px rgba(0,0,0,.1);
  494. text-transform:uppercase;
  495. text-align:center;
  496. color:{color:text};
  497. }
  498.  
  499.  
  500. h3 {
  501. font-size:8px;
  502. font-family: 'roboto', sans-serif;
  503. line-height:140%;
  504. font-weight:700;
  505. padding:8px;
  506. letter-spacing:2px;
  507. font-style:italic;
  508. margin:0px;
  509. text-shadow: 0px 0.5px 0.5px rgba(0,0,0,.1);
  510. text-transform:uppercase;
  511. text-align:center;
  512. color:{color:text};
  513. }
  514.  
  515.  
  516. /*------- HEADINGS END ---------*/
  517.  
  518.  
  519. {block:IfGreyscale}
  520.  
  521. img {
  522. -webkit-filter:grayscale(100%);
  523. -webkit-transition: all 0.9s ease-out-out;
  524. -moz-transition: all 0.9s ease-out-out;
  525. -o-transition: all 0.9s ease-out-out;
  526. -ms-transition: all 0.9s ease-out-out;
  527. transition: all 0.9s ease-out-out;}
  528.  
  529. .html_photoset {
  530. -webkit-filter: grayscale(100%);
  531. -webkit-transition: all 0.9s ease-out-out;
  532. -moz-transition: all 0.9s ease-out-out;
  533. -o-transition: all 0.9s ease-out-out;
  534. -ms-transition: all 0.9s ease-out-out;
  535. transition: all 0.9s ease-out-out;}
  536.  
  537. {/block:IfGreyscale}
  538.  
  539. img {
  540. max-width:100%;
  541. height:auto;}
  542.  
  543.  
  544.  
  545. /* ---------- TITLE --------*/
  546.  
  547. .title{
  548. text-align:center;
  549. width:180px;
  550. padding:10px;
  551. margin-top:30px;
  552. font-size:10px;
  553. text-transform:uppercase;
  554. vertical-align:middle;
  555. opacity:0.9;
  556. font-style:italic;
  557. font-weight:700;
  558. letter-spacing:1.5px;
  559. z-index:999;
  560. background:none;
  561. color:{color:sidebar text};
  562. text-shadow: 0px 0px 0.5px rgba(0,0,0,.5);
  563. font-family: 'roboto', sans-serif;
  564. -webkit-transition: all .4s ease-out;
  565. -moz-transition: all .4s ease-out;
  566. -o-transition: all .4s ease-out;
  567. -ms-transition: all .4s ease-out;
  568. transition: all .4s ease-out;
  569. }
  570.  
  571.  
  572.  
  573.  
  574. .subtitle{
  575. position:relative;
  576. top: -40px;
  577. left:55px;
  578. width:115px;
  579. height:40px;
  580. padding:10px;
  581. font-size:8px;
  582. text-transform:uppercase;
  583. text-align:left;
  584. line-height:175%;
  585. opacity:1.0;
  586. font-weight:400;
  587. font-family:'roboto', sans-serif;
  588. letter-spacing:1px;
  589. z-index:1;
  590. background:{color:subtitle bg};
  591. border-radius:10px;
  592. color:{color:text};
  593. -webkit-transition: all .4s ease-out;
  594. -moz-transition: all .4s ease-out;
  595. -o-transition: all .4s ease-out;
  596. -ms-transition: all .4s ease-out;
  597. transition: all .4s ease-out;
  598. }
  599.  
  600.  
  601.  
  602. .subtitle::after{
  603. content:"";
  604. position:absolute;
  605. right:-10px;
  606. top:12px;
  607. width: 0;
  608. height: 0;
  609. z-index:-9;
  610. border-style: solid;
  611. border-width: 11px 16px 0 0;
  612. border-color: {color:subtitle bg} transparent transparent transparent;
  613. -webkit-transform:rotate(-6deg);
  614.  
  615. }
  616.  
  617.  
  618.  
  619. /*------- NAVI ---------*/
  620.  
  621.  
  622. /*----- Tab Links -----*/
  623.  
  624. /* Clearfix */
  625. .tab-links:after {
  626. display:inline-block;
  627. clear:both;
  628. content:'';
  629. -moz-border-radius:100%;
  630. -webkit-border-radius:100%;
  631. border-radius:100%;
  632.  
  633. }
  634.  
  635.  
  636.  
  637. .tab-links li {
  638. margin:0px;
  639. display:inline-block;
  640. list-style:none;
  641. z-index:-999;
  642.  
  643. }
  644.  
  645. .tab-links {
  646.  
  647. position:relative;
  648. top: 285px;
  649. left: 50px;
  650. height:40px;
  651. width:200px;
  652. background: none;
  653. text-align:center;
  654. margin:0px;
  655. padding:0px;
  656. z-index:999999;
  657. -webkit-transition-property: left, right;
  658. transition-property: left, right;
  659. -webkit-transition-duration: 0.3s;
  660. transition-duration: 0.3s;
  661. -webkit-transition-timing-function: ease-out;
  662. transition-timing-function: ease-out;
  663. }
  664.  
  665. .tab-links a {
  666.  
  667. width:20px;
  668. height:20px;
  669. display:inline-block;
  670. font-size:12px;
  671. line-height:150%;
  672. letter-spacing:0.5px;
  673. font-family: 'Abril Fatface', cursive;
  674. text-transform:uppercase;
  675. text-decoration:none;
  676. text-align:center;
  677. padding:5px;
  678. margin:5px;
  679. opacity:1.0;
  680. border:0px solid rgba(255,255,255,0);
  681. text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  682. color:{color:navi};
  683. font-weight:400;
  684. border-radius:50%;
  685. -webkit-transition: all 0.3s ease;
  686. -moz-transition: all 0.3s ease;
  687. -o-transition: all 0.3s ease;
  688.  
  689. }
  690.  
  691. .tab-links a:hover, li.active a:hover{
  692. text-shadow: none;
  693. border:0px solid {color:navi};
  694. background:{color:navi};
  695. color:{color:text};
  696. -webkit-transition: all 0.3s ease;
  697. -moz-transition: all 0.3s ease;
  698. -o-transition: all 0.3s ease;
  699.  
  700.  
  701.  
  702. }
  703.  
  704.  
  705.  
  706.  
  707.  
  708. .tab-links{
  709. -webkit-transition-delay: 0s;
  710. -moz-transition-delay: 0s;
  711. -ms-transition-delay: 0s;
  712. -o-transition-delay: 0s;
  713. transition-delay:0s;
  714.  
  715.  
  716. -webkit-transform: scaleX(0);
  717. transform: scaleX(0);
  718. -webkit-transform-origin: 50%;
  719. transform-origin: 50%;
  720. -webkit-transition-property: transform;
  721. transition-property: transform;
  722. -webkit-transition-duration: 0.3s;
  723. transition-duration: 0.3s;
  724. -webkit-transition-timing-function: ease-out;
  725. transition-timing-function: ease-out;
  726. }
  727.  
  728.  
  729.  
  730.  
  731. .cont:hover .tab-links {
  732. -webkit-transform: scaleX(1);
  733. transform: scaleX(1);
  734. -webkit-transition-delay: 0.3s;
  735. -moz-transition-delay: 0.3s;
  736. -ms-transition-delay: 0.3s;
  737. -o-transition-delay: 0.3s;
  738. transition-delay:0.3s;
  739. }
  740. .cont:hover .description:after {
  741. -webkit-transform: scaleY(1);
  742. transform: scaleY(1);
  743. -webkit-transition-delay: 0s;
  744. -moz-transition-delay: 0s;
  745. -ms-transition-delay: 0s;
  746. -o-transition-delay: 0s;
  747. transition-delay:0s;
  748. }
  749.  
  750.  
  751.  
  752.  
  753. li.active a {
  754. text-shadow: none;
  755. border:0px solid {color:navi};
  756. background:{color:navi};
  757. color:{color:text};
  758. -webkit-transition: all 0.3s ease;
  759. -moz-transition: all 0.3s ease;
  760. -o-transition: all 0.3s ease;
  761.  
  762. }
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769. #icon {
  770. display:static;
  771. position:relative;
  772. top: -220px;
  773. left:110px;
  774. padding:0px;
  775. width:60px;
  776. height:60px;
  777. z-index:999;
  778. z-index:999999;
  779. border-radius: 50%;
  780. -webkit-transition: all .4s ease-out;
  781. -moz-transition: all .4s ease-out;
  782. -o-transition: all .4s ease-out;
  783. -ms-transition: all .4s ease-out;
  784. transition: all .4s ease-out;
  785. }
  786.  
  787.  
  788. #icon:after {
  789. content: ' ';
  790. position: absolute;
  791. left: 33px;
  792. top: 72px;
  793. width: 0;
  794. height: 0;
  795. border-style: solid;
  796. border-width: 14px 6px 0 6px;
  797. border-color: {color:icon border} transparent transparent transparent;
  798. z-index:-9;
  799. -ms-transform: rotate(0deg); /* IE 9 */
  800. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  801. transform: rotate(0deg);
  802. }
  803.  
  804.  
  805.  
  806. #icon img {
  807. width:60px;
  808. height:60px;
  809. padding:0px;
  810. opacity:1.0;
  811. background-color: {color:icon border};
  812. border:8px solid {color:icon border};
  813. border-radius: 50%;
  814. overflow:hidden;
  815.  
  816. }
  817. #icon2 {
  818. display:static;
  819. position:relative;
  820. top: 65px;
  821. left:170px;
  822. padding:0px;
  823. width:45px;
  824. height:45px;
  825. z-index:999;
  826. z-index:999999;
  827. border-radius: 50%;
  828. -webkit-transition: all .4s ease-out;
  829. -moz-transition: all .4s ease-out;
  830. -o-transition: all .4s ease-out;
  831. -ms-transition: all .4s ease-out;
  832. transition: all .4s ease-out;
  833. }
  834.  
  835.  
  836. #icon3 {
  837. display:static;
  838. position:relative;
  839. top: -15px;
  840. left:210px;
  841. padding:0px;
  842. width:30px;
  843. height:30px;
  844. z-index:999;
  845. z-index:999999;
  846. border-radius: 50%;
  847. -webkit-transition: all .4s ease-out;
  848. -moz-transition: all .4s ease-out;
  849. -o-transition: all .4s ease-out;
  850. -ms-transition: all .4s ease-out;
  851. transition: all .4s ease-out;
  852. }
  853.  
  854.  
  855. #icon2 img {
  856. width:45px;
  857. height:45px;
  858. padding:0px;
  859. opacity:1.0;
  860. background-color: {color:icon border};
  861. border:5px solid {color:icon border};
  862. border-radius: 50%;
  863. overflow:hidden;
  864.  
  865. }
  866. #icon3 img {
  867. width:30px;
  868. height:30px;
  869. padding:0px;
  870. opacity:1.0;
  871. background-color: {color:icon border};
  872. border:5px solid {color:icon border};
  873. border-radius: 50%;
  874. overflow:hidden;
  875.  
  876. }
  877.  
  878.  
  879.  
  880. /*------- NAVI END ---------*/
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887. /*------- ENTRIES ---------*/
  888.  
  889.  
  890.  
  891. .tabs {
  892. width:100%;
  893. margin-left:0px;
  894. display:inline-block;
  895. }
  896.  
  897.  
  898.  
  899. .bigcon {
  900. width:650px;
  901. height:440px;
  902. position:fixed;
  903. top: 100px;
  904. left:300px;
  905. overflow-y:none;
  906. overflow-x:none;
  907. padding:0px;
  908. opacity:0.95;
  909. background: {color:container bg} url('{image:container bg}') top left repeat;
  910. border:0px solid rgba(0,0,0,0.15);
  911. outline:25px solid {color:navi};
  912. -webkit-transition:0.3s;
  913. -moz-transition:0.3s;
  914. transition:0.3s;
  915. }
  916.  
  917.  
  918. /*----- Content of Tabs -----*/
  919.  
  920. .tab {
  921. display:none;
  922. }
  923.  
  924. .tab.active {
  925. display:block;
  926. }
  927.  
  928.  
  929.  
  930.  
  931. .entries {
  932. width:320px;
  933. background:none;
  934. height:395px;
  935. margin:10px;
  936. position:fixed;
  937. top: 5px;
  938. left:290px;
  939. text-align:justify;
  940. overflow-y:auto;
  941. overflow-x:hidden;
  942. padding: 0px 10px 10px 0px;
  943. opacity:1.0;
  944. background: rgba(255,255,255,0.7);
  945. }
  946. .entries2 {
  947. width:320px;
  948. background:none;
  949. height:395px;
  950. margin:15px;
  951. position:fixed;
  952. top: 5px;
  953. left:290px;
  954. text-align:justify;
  955. overflow-y:auto;
  956. overflow-x:hidden;
  957. padding: 0px 10px 10px 0px;
  958. opacity:1.0;
  959. background:none;
  960. }
  961.  
  962. .posts {
  963. width: 300px;
  964. padding: 10px;
  965. background: rgba(255,255,255,0.75);
  966. margin-bottom:0px;
  967. margin-left:0px;
  968. margin-top:40px;
  969. line-height:140%;
  970. color: {color:text};
  971. text-align:justify;
  972. }
  973. .posts:first-child {
  974. margin-top:0px;
  975. }
  976.  
  977.  
  978.  
  979. .poopset { width: 300px; height:auto; }
  980.  
  981.  
  982. #message {
  983. padding:30px;
  984. }
  985.  
  986.  
  987. #tab {
  988. padding:20px;
  989. overflow:auto;
  990. line-height:140%;
  991. }
  992.  
  993.  
  994.  
  995. table, th, td {
  996. border: 1px solid rgba(0,0,0,0.1);
  997. }
  998. th, td {
  999. border-bottom: 1px solid rgba(0,0,0,0.1);
  1000. }
  1001.  
  1002.  
  1003. table {
  1004. width: 100%;
  1005. text-align: center;
  1006. table-layout: fixed;
  1007. }
  1008.  
  1009. th {
  1010. height: 12px;
  1011. text-align: center;
  1012. }
  1013.  
  1014. th, td {
  1015. padding:5px;
  1016. background-color:{color:accent bg};
  1017. }
  1018.  
  1019. tr:nth-child(even) {
  1020. background-color: {color:accent bg};
  1021.  
  1022. }
  1023. .tablenav {
  1024. border-collapse: collapse;
  1025. width:200px;
  1026. margin-left:auto;
  1027. margin-right:auto;
  1028. }
  1029.  
  1030. .tablenav a
  1031. {
  1032. display:block;
  1033. text-decoration:none;
  1034. font-family:'roboto', sans-serif;
  1035. font-size:7px;
  1036. text-transform:uppercase;
  1037. font-weight:700;
  1038. text-align: center;
  1039. letter-spacing:1.5px;
  1040. }
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046. /*------- ENTRIES END ---------*/
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053. /*------- DESCRIPTION ---------*/
  1054.  
  1055.  
  1056. .cont {
  1057.  
  1058. position:fixed;
  1059. top:0px;
  1060. left:00px;
  1061. width:300px;
  1062. z-index:-9;
  1063. font-family: 'source sans pro', sans-serif ;
  1064. -webkit-transition: all .4s ease-out;
  1065. -moz-transition: all .4s ease-out;
  1066. -o-transition: all .4s ease-out;
  1067. -ms-transition: all .4s ease-out;
  1068. transition: all .4s ease-out;
  1069.  
  1070.  
  1071.  
  1072. -webkit-transform: translateZ(0);
  1073. transform: translateZ(0);
  1074. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1075. -webkit-backface-visibility: hidden;
  1076. backface-visibility: hidden;
  1077. -moz-osx-font-smoothing: grayscale;
  1078. position: relative;
  1079. -webkit-transition-property: all;
  1080. transition-property: all;
  1081. -webkit-transition-duration: 0.3s;
  1082. transition-duration: 0.3s;
  1083. }
  1084.  
  1085.  
  1086.  
  1087. .description{
  1088. display:static;
  1089. position:relative;
  1090. top:20px;
  1091. left:40px;
  1092. width:200px;
  1093. height:175px;
  1094. padding:10px;
  1095. border: 1px solid {color:sidebar text};
  1096. background:none;
  1097. font-family: 'source sans pro', sans-serif ;
  1098. -webkit-transition: all .4s ease-out;
  1099. -moz-transition: all .4s ease-out;
  1100. -o-transition: all .4s ease-out;
  1101. -ms-transition: all .4s ease-out;
  1102. transition: all .4s ease-out;
  1103.  
  1104.  
  1105.  
  1106. -webkit-transform: translateZ(0);
  1107. transform: translateZ(0);
  1108. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1109. -webkit-backface-visibility: hidden;
  1110. backface-visibility: hidden;
  1111. -moz-osx-font-smoothing: grayscale;
  1112. position: relative;
  1113. -webkit-transition-property: all;
  1114. transition-property: all;
  1115. -webkit-transition-duration: 0.3s;
  1116. transition-duration: 0.3s;
  1117. }
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123.  
  1124.  
  1125. #desc {
  1126. position:absolute;
  1127. top: 0;
  1128. left:0;
  1129. width:190px;
  1130. height:100px;
  1131. margin:10px;
  1132. margin-top:80px;
  1133. text-align:justify;
  1134. color:{color:sidebar text};
  1135. padding:0 5px 0 5px;
  1136. overflow-y:auto;
  1137. overflow-x:none;
  1138. letter-spacing:1px;
  1139. line-height:160%;
  1140. text-shadow:0px 0px 2px rgba(0,0,0,.4);
  1141. background:rgba(255,255,255,.0);
  1142. -webkit-transition: all .4s ease-out;
  1143. -moz-transition: all .4s ease-out;
  1144. -o-transition: all .4s ease-out;
  1145. -ms-transition: all .4s ease-out;
  1146. transition: all .4s ease-out;
  1147. }
  1148.  
  1149. .description b{
  1150. color:{color:sidebar bold};
  1151. letter-spacing:1px;
  1152. font-weight:bold;
  1153. }
  1154.  
  1155. .description a{
  1156. color:{color:sidebar text};
  1157. }
  1158.  
  1159. .description i{
  1160. color:{color:sidebar italic};
  1161. }
  1162.  
  1163. .description u{
  1164. color:{color:sidebar underline};
  1165. }
  1166.  
  1167.  
  1168.  
  1169. .description:after {
  1170. content: ' ';
  1171. position: absolute;
  1172. left: 110px;
  1173. top: 205px;
  1174. width: 1px;
  1175. height: 20px;
  1176. background-color: {color:sidebar text};
  1177. z-index:-9;
  1178. -ms-transform: rotate(0deg); /* IE 9 */
  1179. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  1180. transform: rotate(0deg);
  1181.  
  1182.  
  1183. -webkit-transform: scaleY(0);
  1184. transform: scaleY(0);
  1185. -webkit-transform-origin: 50%;
  1186. transform-origin: 50%;
  1187. -webkit-transition-property: transform;
  1188. transition-property: transform;
  1189. -webkit-transition-duration: 0.3s;
  1190. transition-duration: 0.3s;
  1191. -webkit-transition-timing-function: ease-out;
  1192. transition-timing-function: ease-out;
  1193.  
  1194. -webkit-transition-delay: 0.3s;
  1195. -moz-transition-delay: 0.3s;
  1196. -ms-transition-delay: 0.3s;
  1197. -o-transition-delay: 0.3s;
  1198. transition-delay:0.3s;
  1199. }
  1200.  
  1201. /*------- DESCRIPTION END ---------*/
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207. #pagination {
  1208. font-family: 'source sans pro', sans-serif ;
  1209. padding:5px;
  1210. letter-spacing:1.5px;
  1211. text-transform:uppercase;
  1212. font-weight:400;
  1213. text-size:7.5px;
  1214. text-align:center;
  1215. font-weight:bold;
  1216. word-spacing:5px;
  1217. margin-top:10px;
  1218. width:300px;
  1219. }
  1220.  
  1221. #pagination a{
  1222. color:{color:navi};
  1223. }
  1224. #pagination a:hover{
  1225.  
  1226. color:{color:text};
  1227. }
  1228.  
  1229.  
  1230.  
  1231. /*------ chat stuff ----*/
  1232. .convo li{
  1233. margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative
  1234.  
  1235. }
  1236.  
  1237. .convo b, .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b{color:{color:text};}
  1238.  
  1239. .convo b, .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b{color:{color:text};}
  1240.  
  1241. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  1242. float:left;background:{color:accent bg};color:{color:text};left:3px
  1243. }
  1244. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  1245. content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:accent bg};border-bottom-right-radius:1em .5em
  1246.  
  1247. }
  1248. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  1249. right:3px;float:right;background-color:{color:icon border};color:{color:text}
  1250.  
  1251. }
  1252. .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
  1253.  
  1254. }
  1255. .user_3{background-color:{color:accent bg};color:{color:text}}.user_3::after{border-color:{color:accent bg}}
  1256. .user_4{background-color:{color:icon border};color:{color:text}}.user_4::after{border-color:{color:icon border}}
  1257. .user_5{background-color:{color:accent bg};color:{color:text}}.user_5::after{border-color:{color:accent bg}}
  1258. .user_6{background-color:{color:icon border};color:{color:text}}.user_6::after{border-color:{color:icon border}}
  1259. .user_7{background-color:{color:accent bg};color:{color:text}}.user_7::after{border-color:{color:accent bg}}
  1260. .user_8{background-color:{color:icon border};color:{color:text}}.user_8::after{border-color:{color:icon border}}
  1261. .user_9{background-color:{color:accent bg};color:{color:text}}.user_9::after{border-color:{color:accent bg};}
  1262.  
  1263. .convo {
  1264. overflow: hidden;
  1265. list-style-type: none;
  1266. padding: 0;
  1267. margin: 0;
  1268. }
  1269.  
  1270.  
  1271. #message {
  1272. padding:30px;
  1273. }
  1274.  
  1275. #ask {
  1276. background:{color:accent bg};
  1277. padding:20px;
  1278. font-family:'source sans pro', sans-serif;
  1279. font-size:{text:text size};
  1280. text-align:center;
  1281. line-height:150%;
  1282. letter-spacing:1px;
  1283. text-transform:uppercase;
  1284.  
  1285. }
  1286.  
  1287. #ask b {
  1288. font-size:{text:text size};
  1289. font-weight:700;
  1290. font-family: 'source sans pro', sans-serif ;
  1291. letter-spacing:1px;
  1292. text-transform:uppercase;
  1293. margin-left:0px;
  1294. margin-top:0px;
  1295. margin-right:0px;}
  1296.  
  1297.  
  1298. #quote {
  1299. font-size:10px;
  1300. font-family: 'source sans pro', sans-serif ;
  1301. text-align: left;
  1302. font-weight: 400;
  1303. padding:8px;
  1304. letter-spacing: 1px;
  1305. line-height: 150%;
  1306. padding-bottom: 10px;
  1307. background:{color:accent bg};
  1308. }
  1309.  
  1310. #quotesrc {
  1311. font-size:9px;
  1312. font-family: 'source sans pro', sans-serif ;
  1313. letter-spacing:0.5px;
  1314. text-align:right;
  1315. color:{color:text};}
  1316. #quote:before {
  1317. content: "❝ ";
  1318. font-size:16px;
  1319. font-family: 'source sans pro', sans-serif ;
  1320. color:{color:underline};}
  1321. #quote:after {
  1322. content: " ❞";
  1323. font-size:16px;
  1324. font-family: 'source sans pro', sans-serif ;
  1325. color:{color:underline};}
  1326.  
  1327. #cover {
  1328. position: relative;
  1329. z-index: 1;
  1330. height: 80px;
  1331. float:left;
  1332. margin:4px;
  1333. box-shadow:0px 0px 5px {color:box shadow};}
  1334.  
  1335. #button {
  1336. width:20px;
  1337. height:30px;
  1338. overflow: hidden;
  1339. position: relative;
  1340. z-index: 99;
  1341. margin: 15px 24px 13px 16px;}
  1342.  
  1343. #buttons {
  1344. background-color: #fff;
  1345. position: absolute;
  1346. z-index: 99;
  1347. margin-top: 15px;
  1348. margin-left: 15px;
  1349. opacity: 0;
  1350. -webkit-transition: opacity 0.5s ease-out;
  1351. -webkit-transition: all 0.5s ease-out;
  1352. -moz-transition: all 0.5s ease-out;
  1353. -o-transition: all 0.5s ease-out;}
  1354.  
  1355. #post:hover #buttons {
  1356. opacity:1;}
  1357.  
  1358.  
  1359. #musicinfo {
  1360. margin-left: 60px;
  1361. margin-top: -50px;
  1362. margin-bottom: -25px;
  1363. font-size:8px;
  1364. letter-spacing:1px;
  1365. text-transform:uppercase;
  1366. text-align:left;
  1367. position: relative;}
  1368.  
  1369.  
  1370. .audios {
  1371. text-align:left;
  1372. }
  1373.  
  1374. .audios img{
  1375. width:40px;
  1376. height:40px;
  1377. border-radius:50%;
  1378. border:6px solid {color:icon border};
  1379. }
  1380.  
  1381. .note {
  1382. color:{color:navi};
  1383. text-transform:uppercase;
  1384. width:290px;
  1385. font-style:normal;
  1386. letter-spacing:1px;
  1387. font-size: 7px;
  1388. text-align:left;
  1389. line-height:130%;
  1390. margin-left:-5px;}
  1391.  
  1392.  
  1393. .note a{
  1394. color:{color:navi};
  1395. background:{color:link};
  1396. padding:1px;
  1397. }
  1398.  
  1399. .note a:hover{
  1400. background:{color:navi};
  1401. color:{color:link};
  1402. }
  1403.  
  1404. .note li {
  1405. list-style-type:none;
  1406. padding:4px 15px 4px 15px;
  1407. text-align:left;
  1408. -moz-transition-duration:0.5s;
  1409. -webkit-transition-duration:0.5s;
  1410. -o-transition-duration:0.5s;}
  1411.  
  1412. .note img.avatar {
  1413. margin-right: 10px;
  1414. display:none;
  1415. width: 16px;
  1416. height: 16px;}
  1417.  
  1418. .tags {
  1419. font-size:7px;
  1420. text-transform:uppercase;
  1421. letter-spacing:2px;
  1422. font-family:'source sans pro', sans-serif;
  1423. font-weight:400;
  1424. padding-top:20px;
  1425. margin-top:-15px;
  1426. margin-bottom:0px;
  1427. margin-left:5px;
  1428. opacity:0;
  1429. line-height:150%;
  1430. z-index:999;
  1431. text-align:left;
  1432. -webkit-transition: all 0.8s ease;
  1433. -moz-transition: all 0.8s ease;
  1434. transition: all 0.8s ease;}
  1435. .tags:hover {
  1436. opacity:1;
  1437. -webkit-transition: all 0.8s ease;
  1438. -moz-transition: all 0.8s ease;
  1439. transition: all 0.8s ease;}
  1440.  
  1441.  
  1442. .tags a{
  1443. color:{color:navi};
  1444. -webkit-transition: all 0.8s ease;
  1445. -moz-transition: all 0.8s ease;
  1446. transition: all 0.8s ease;}
  1447. .tags a:hover{
  1448. opacity:0.6;
  1449. -webkit-transition: all 0.8s ease;
  1450. -moz-transition: all 0.8s ease;
  1451. transition: all 0.8s ease;}
  1452. .permalink a{
  1453. color:{color:text};
  1454. -webkit-transition: all 0.8s ease;
  1455. -moz-transition: all 0.8s ease;
  1456. transition: all 0.8s ease;}
  1457. .permalink a:hover{
  1458. color: {color:linkhover};
  1459. -webkit-transition: all 0.8s ease;
  1460. -moz-transition: all 0.8s ease;
  1461. transition: all 0.8s ease;}
  1462.  
  1463. .permalink {
  1464. font-size:7.5px;
  1465. text-align:left;
  1466. text-transform:uppercase;
  1467. letter-spacing:1px;
  1468. font-weight:bold;
  1469. margin-top:0px;
  1470. margin-bottom:-5px;
  1471. background:none;
  1472. color:{color:text};
  1473. padding:5px;
  1474. opacity:1;
  1475. }
  1476.  
  1477.  
  1478.  
  1479.  
  1480. .credit, .credit a {
  1481. position:fixed;
  1482. right:10px;
  1483. bottom:10px;
  1484. width:14px;
  1485. height:14px;
  1486. border-radius:50%;
  1487. background-color:rgba(255,255,255,.9);
  1488. font-size:14px;
  1489. color:rgba(0,0,0,.7);
  1490. letter-spacing:1px;
  1491. padding:5px;
  1492. font-family: 'roboto', sans-serif;
  1493. font-weight:700;
  1494. opacity:0.7;
  1495. text-shadow:none;
  1496. -webkit-transition: all 0.8s ease;
  1497. -moz-transition: all 0.8s ease;
  1498. transition: all 0.8s ease;
  1499. }
  1500.  
  1501. .credit a:hover {
  1502. opacity:1;
  1503. background-color:rgba(255,255,255,1);
  1504. color:rgba(0,0,0,1);
  1505. text-shadow:none;
  1506. -webkit-transition: all 0.8s ease;
  1507. -moz-transition: all 0.8s ease;
  1508. transition: all 0.8s ease;
  1509. }
  1510. .credit:hover {
  1511. opacity:1;
  1512. background-color:rgba(255,255,255,1);
  1513. -webkit-transition: all 0.8s ease;
  1514. -moz-transition: all 0.8s ease;
  1515. transition: all 0.8s ease;
  1516. }
  1517.  
  1518.  
  1519.  
  1520. div#qTip {
  1521. border:0px dotted #fff;
  1522. padding: 3px;
  1523. display: none;
  1524. margin-left:10px;
  1525. margin-top:-37px;
  1526. text-align: center;
  1527. font-style:normal;
  1528. background:{color:accent bg};
  1529. opacity:0.8;
  1530. font-weight:400;
  1531. position: absolute;
  1532. text-transform:uppercase;
  1533. font-size:7px;
  1534. font-family: 'source sans pro', sans-serif ;
  1535. line-height:10px;
  1536. z-index: 9999999;
  1537. color: {color:text};
  1538. letter-spacing: 1.5px;}
  1539.  
  1540. {CustomCSS}</style></head><body>
  1541.  
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549.  
  1550. <div class="bigcon">
  1551.  
  1552.  
  1553.  
  1554.  
  1555. <div class="cont">
  1556.  
  1557.  
  1558. <div class="tabs">
  1559. <ul class="tab-links">
  1560. <li class="active"><a href="/" title="{text:tab 1 title}">01.</a></a></li>
  1561. <li><a href="#tab2" title="{text:tab 2 title}">02.</a></li>
  1562. <li><a href="{text:link 3 url}" title="{text:link 3 title}">03.</a></li>
  1563. <li><a href="{text:link 4 url}" title="{text:link 4 title}">04.</a></li>
  1564. </ul>
  1565.  
  1566.  
  1567.  
  1568.  
  1569. <div class="description">
  1570.  
  1571.  
  1572.  
  1573. <div class="title">{text:title}</div>
  1574.  
  1575.  
  1576. <div id="desc">
  1577.  
  1578.  
  1579.  
  1580. {Description}
  1581.  
  1582.  
  1583.  
  1584.  
  1585. </div>
  1586. </div>
  1587.  
  1588.  
  1589. </div>
  1590.  
  1591.  
  1592. <div id="icon"><img src="{image:icon}"></div>
  1593. <div id="icon2"><img src="{image:icon2}" class="hvr-grow-rotate"></div>
  1594. <div id="icon3"><img src="{image:icon3}" class="hvr-grow-rotate"></div>
  1595.  
  1596. <div class="subtitle">{text:subtitle}</div>
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602.  
  1603.  
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610.  
  1611.  
  1612.  
  1613.  
  1614. <!-- --------------------------- TABS -------------------------- -->
  1615.  
  1616. <div class="tabs">
  1617.  
  1618.  
  1619. <!-- --------------------------- TAB 1 -------------------------- -->
  1620.  
  1621. <div id="tab1" class="tab active">
  1622.  
  1623.  
  1624.  
  1625.  
  1626. <div class="entries2">
  1627. {block:Posts}
  1628. <div class="posts">
  1629.  
  1630.  
  1631.  
  1632. <!--TEXT POST-->
  1633. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1634.  
  1635.  
  1636.  
  1637.  
  1638. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  1639. {/block:Photo}
  1640.  
  1641. {block:Photoset}
  1642. <div class="poopset">{Photoset}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1643.  
  1644.  
  1645.  
  1646.  
  1647.  
  1648. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1649.  
  1650. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div id="quotesrc">{Source}</div></b>{/block:Source}{/block:Quote}
  1651.  
  1652. {block:Audio}<div class="audios">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  1653.  
  1654. <div id="musicinfo">
  1655. <span class="audio">{AudioPlayerWhite}</span>
  1656.  
  1657. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1658. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1659. {/block:ExternalAudio}</div>
  1660. <br><br>
  1661. {block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}<br>
  1662.  
  1663. {block:Video}<div class="poopset">{Video-250}</div>
  1664. {block:Caption}{Caption}{/block:Caption}
  1665. {/block:Video}
  1666.  
  1667. {block:Chat}
  1668. {block:Title}
  1669. <h2>{Title}</h2>{/block:Title}<br>
  1670. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1671. {Line}</li>{/block:Lines}</ul>
  1672. {/block:Chat}
  1673.  
  1674. {block:Answer}<div id="ask"><b>{Asker}:</b> {Question}</div>{Answer}{/block:Answer}
  1675.  
  1676.  
  1677.  
  1678. {block:Date}
  1679.  
  1680. <div class="permalink">
  1681. <a href="{Permalink}" class="hvr-underline-from-center">{TimeAgo}</a>
  1682. {block:NoteCount} · {NoteCount}N{/block:NoteCount}
  1683.  
  1684.  
  1685. {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}
  1686.  
  1687. </div>
  1688.  
  1689.  
  1690.  
  1691. {/block:Date}
  1692.  
  1693.  
  1694.  
  1695. </div>
  1696.  
  1697.  
  1698.  
  1699. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1700.  
  1701. {block:PostNotes}
  1702. <div class="note">
  1703. {PostNotes}
  1704. </div>
  1705. {/block:PostNotes}
  1706.  
  1707.  
  1708.  
  1709.  
  1710.  
  1711. <!-- {block:NoRebloggedFrom}
  1712. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1713. {/block:NoRebloggedFrom} -->
  1714.  
  1715. {block:ContentSource}<!-- {SourceURL}
  1716. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1717. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1718. {/block:ContentSource}
  1719.  
  1720.  
  1721. {/block:Posts}
  1722.  
  1723.  
  1724.  
  1725.  
  1726.  
  1727.  
  1728. <div id="pagination">{block:Pagination}
  1729. {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>
  1730. {/block:NextPage}
  1731. {/block:Pagination}</div>
  1732.  
  1733.  
  1734.  
  1735. </div>
  1736.  
  1737. </div>
  1738.  
  1739.  
  1740.  
  1741.  
  1742.  
  1743. <!-- -------------------------- TAB 2 -------------------------- -->
  1744.  
  1745. <div id="tab2" class="tab">
  1746. <div class="entries">
  1747. <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]-->
  1748. </div>
  1749. </div>
  1750. </div>
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757. </div>
  1758.  
  1759.  
  1760.  
  1761. </div>
  1762. </div>
  1763. </div>
  1764.  
  1765.  
  1766.  
  1767.  
  1768.  
  1769.  
  1770.  
  1771.  
  1772.  
  1773. <!-- END OF TABS -->
  1774.  
  1775.  
  1776.  
  1777. </div>
  1778.  
  1779. </div>
  1780.  
  1781.  
  1782.  
  1783.  
  1784.  
  1785.  
  1786.  
  1787.  
  1788.  
  1789. <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
  1790.  
  1791. <div class="credit"><a href="http://cli.re/gK8B4r">@</a></div>
  1792.  
  1793.  
  1794.  
  1795.  
  1796. </body>
  1797. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!