API tools faq
paste
Advertisement
suhothemes

lev theme

suhothemes
Jan 23rd, 2017
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.56 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. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4.  
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" title="RSS 2.0 feed" href="{RSS}" />
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  11.  
  12. <!----- slider tabs jquery ---->
  13. <script type="text/javascript" src="tabulous.js"></script>
  14. <script type="text/javascript" src="js.js"></script>
  15.  
  16. <!------>
  17.  
  18. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  19. <script>
  20. (function($){
  21. $(document).ready(function(){
  22. $("[title]").style_my_tooltips();
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27.  
  28.  
  29.  
  30. <meta name="color:background color" content="" />
  31. <meta name="color:body text" content="" />
  32.  
  33. <meta name="color:posts" content="" />
  34. <meta name="color:post border" content="" />
  35. <meta name="color:post text" content="" />
  36.  
  37. <meta name="color:hover link" content="" />
  38. <meta name="color:link color" content="" />
  39. <meta name="color:link hover" content="" />
  40.  
  41. <meta name="color:blockquote background" content="" />
  42. <meta name="color:blockquote border" content="" />
  43. <meta name="color:blockquote2 background" content="" />
  44.  
  45. <meta name="color:pre background" content="" />
  46.  
  47. <meta name="color:asker color" content="" />
  48. <meta name="color:asker background" content="" />
  49. <meta name="color:ask background" content="" />
  50.  
  51. <meta name="color:chat odd" content="" />
  52. <meta name="color:chat even" content="" />
  53.  
  54. <meta name="color:title color" content="" />
  55.  
  56. <meta name="color:navi bg" content="" />
  57.  
  58. <meta name="color:accent" content="" />
  59.  
  60. <meta name="color:pagination bg" content="" />
  61. <meta name="color:pagination border" content="" />
  62. <meta name="color:pagi color" content="" />
  63. <meta name="color:pagi hover" content="" />
  64. <meta name="color:pagi text" content="" />
  65.  
  66. <meta name="color:title color" content="" />
  67.  
  68. <meta name="color:scrollbar background" content="" />
  69. <meta name="color:scrollbar thumb" content="" />
  70.  
  71. <meta name="color:tooltip background" content="" />
  72. <meta name="color:tooltip border" content="" />
  73. <meta name="color:tooltip text" content="" />
  74.  
  75. <meta name="color:selected text color" content="" />
  76. <meta name="color:selected text background" content="" />
  77.  
  78. <meta name="color:Gradient One" content="#F3D6FF"/>
  79. <meta name="color:Gradient Two" content="#E2FFD6"/>
  80.  
  81. <meta name="font:post title" content="avalon" />
  82.  
  83. <meta name="image:background image" content="" />
  84. <meta name="image:header" content="" />
  85.  
  86. <meta name="select:Title Font" content="bebas" title="bebas">
  87. <meta name="select:Title Font" content="trebuchet_ms" title="Trebuchet MS">
  88. <meta name="select:Title Font" content="georgia" title="Georgia">
  89.  
  90. <meta name="if:250" content="1" />
  91. <meta name="if:400" content="0" />
  92. <meta name="if:500" content="0" />
  93. <meta name="if:black" content="0" />
  94. <meta name="if:white" content="1" />
  95. <meta name="if:gray" content="0" />
  96. <meta name="if:monochrome" content="0" />
  97. <meta name="if:image fade" content="1" />
  98. <meta name="if:infinite scroll" content="1" />
  99. <meta name="if:pagination" content="1" />
  100. <meta name="if:show captions" content="1" />
  101. <link rel="stylesheet" href="font-awesome.min.css">
  102. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  103.  
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. @-moz-keyframes spin {
  109. from { -moz-transform: rotate(0deg); }
  110. to { -moz-transform: rotate(360deg); }
  111. }
  112. @-webkit-keyframes spin {
  113. from { -webkit-transform: rotate(0deg); }
  114. to { -webkit-transform: rotate(360deg); }
  115. }
  116. @keyframes spin {
  117. from {transform:rotate(0deg);}
  118. to {transform:rotate(360deg);}
  119. }
  120.  
  121. @font-face
  122. {font-family: "bebas";src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/BebasNeue.otf?dl=1'); format("truetype");}
  123.  
  124. /* github karmilla font */
  125.  
  126. @font-face
  127. {font-family: "karmilla";src: url('https://dl.dropboxusercontent.com/s/uywb15dlebvumiu/Karla-Regular.ttf?dl=1'); format("truetype");}
  128.  
  129.  
  130. /* Selection */
  131.  
  132. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  133. display:;
  134. -webkit-filter:invert(100%);
  135. top:10px;
  136. right:10px;
  137.  
  138. }
  139.  
  140.  
  141. ::-moz-selection { /* Code for Firefox */
  142. color: {color:Selected Text Color};
  143. background: {color:Selected Text Background};
  144. }
  145.  
  146. ::selection {
  147. color: {color:Selected Text Color};
  148. background: {color:Selected Text Background};
  149. }
  150.  
  151.  
  152. /* Let's get this party started */
  153. ::-webkit-scrollbar {
  154. width: 5px;
  155. height:12px;
  156. max-height:10px;
  157. }
  158.  
  159. .sbdesc::-webkit-scrollbar {
  160. width: 3px;
  161. height:8px;
  162. max-height:10px;
  163. }
  164.  
  165. /* Track */
  166. ::-webkit-scrollbar-track {
  167. background-color:{color:scrollbar background};
  168. }
  169.  
  170. /* Handle */
  171. ::-webkit-scrollbar-thumb {
  172. border-left:1px solid #ccc;
  173. background-color:{color:scrollbar thumb};
  174. }
  175. ::-webkit-scrollbar-thumb:window-inactive {
  176. background-color:{color:scrollbar thumb};
  177. }
  178.  
  179.  
  180.  
  181.  
  182. *, body {
  183. cursor: url('http://38.media.tumblr.com/0c367290b8676d9aab2c15aa29946069/tumblr_inline_nic3j1zyOk1sa2vkd.png'), auto;
  184. }
  185.  
  186. body {
  187. margin:0 0;
  188. padding:0;
  189. font-family: "Segoe UI","Microsoft YaHei";
  190. background-color:{color:background color};
  191. background-size:contain;
  192. background-attachment:fixed;
  193. background-position:top left;
  194. background-repeat:no-repeat;
  195. color:{color:body text};
  196. overflow-x:hidden;
  197. overflow-y:hidden;
  198. }
  199.  
  200. a {
  201. color: #fff;
  202. text-decoration: none;
  203. }
  204.  
  205. header {
  206. color: #fff;
  207. text-align: center;
  208. min-height: 140px;
  209. margin-bottom: 60px;
  210. }
  211.  
  212. header h1{
  213. margin-top: 100px;
  214. font-size: 50px;
  215. margin-bottom: 20px;
  216. font-weight: 100;
  217. }
  218.  
  219. header a{
  220. font-size: 18px;
  221. margin-left: 20px;
  222. }
  223.  
  224. a {
  225. text-decoration:none;
  226. color:{color:hover link};
  227. }
  228.  
  229. a:active, a:visited, a:link {
  230. color:{color:link color};
  231. }
  232.  
  233. a:hover {
  234. color:{color:link hover};
  235. }
  236.  
  237. b, strong {
  238. color:{color:bold};
  239. }
  240.  
  241. i, em {
  242. color:{color:italic};
  243. }
  244.  
  245. small {
  246. font-family:'calibri';
  247. font-size:10px;
  248. }
  249.  
  250. big {
  251. font-family:'calibri';
  252. font-size:12px;
  253. }
  254.  
  255. ul {
  256. color: {color:post text};
  257. font-family:"karmilla";
  258. font-size:8px;
  259. line-height:100%;
  260. text-transform:uppercase;
  261. margin-left:-10px;
  262. list-style-type:katakana;
  263. }
  264. ol {
  265. color: {color:post text};
  266. font-family:"karmilla";
  267. font-size:8px;
  268. line-height:100%;
  269. text-transform:uppercase;
  270. margin-left:-10px;
  271. list-style-type:katakana-iroha;
  272. }
  273.  
  274. li {
  275. color: {color:body text};
  276. font-family:"karmilla";
  277. font-size:8px;
  278. line-height:100%;
  279. text-transform:uppercase;
  280. }
  281.  
  282. blockquote {
  283. margin:5px 10px 5px 10px;
  284. border-left:1px solid {color:blockquote border};
  285. background-color:{color:blockquote background};
  286. width:auto !important;
  287. padding:5px 10px 5px 10px;
  288. font-family:'karmilla';
  289. font-size:8px;
  290. color:{color:post text};
  291. line-height:100%;
  292. text-transform:uppercase;
  293. text-align:justify;
  294. word-spacing:0;
  295. letter-spacing:0;
  296. }
  297.  
  298. blockquote blockquote {
  299. margin:0 0;
  300. background-color:{color:blockquote2 background};
  301. }
  302.  
  303. blockquote img {
  304. max-width:100%;
  305. max-height:100%;
  306. {block:ifMonochrome}
  307. -webkit-filter: grayscale(100%);
  308. {/block:ifMonochrome}
  309. {block:ifImageFade}
  310. opacity:.5;
  311. {/block:ifImageFade}
  312. }
  313.  
  314. blockquote img:hover {
  315. {block:ifMonochrome}
  316. -webkit-filter: grayscale(20%);
  317. {/block:ifMonochrome}
  318. {block:ifImageFade}
  319. opacity:1;
  320. {/block:ifImageFade}
  321. }
  322.  
  323. pre {
  324. color:{color:post text};
  325. background-color:{color:pre background};
  326. padding:3px;
  327. font-size:8px;
  328. font-family:'karmilla';
  329. line-height:100%;
  330. text-transform:uppercase;
  331. text-align:center;
  332. word-spacing:0;
  333. letter-spacing:0;
  334. }
  335.  
  336.  
  337. /* Tooltip */
  338. #s-m-t-tooltip{
  339. /* basic */
  340. max-width:200px;
  341. z-index:2222222222222222222222222;
  342. margin:12px -10px;
  343. /* style and design */
  344. padding:2px 3px 2px 3px;
  345. background-color:{color:Tooltip Background};
  346. border:1px solid {color:tooltip border};
  347. color:{color:Tooltip Text};
  348. font-family:"karmilla";
  349. letter-spacing:0px;
  350. text-transform:uppercase;
  351. text-align:center;
  352. font-size:8px;
  353. line-height:100%;
  354. -webkit-transition: all 0.8s ease;
  355. -moz-transition: all 0.8s ease;
  356. -o-transition: all 0.8s ease;
  357. box-shadow:0px 0px 5px rgba(0,0,0,0.15);
  358. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.15);
  359. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.15);
  360. -webkit-transition: all 0.2s ease;
  361. -moz-transition: all 0.2s ease;
  362. -o-transition: all 0.2s ease;
  363. -webkit-animation:HOVER 600ms;
  364. }
  365.  
  366.  
  367.  
  368.  
  369. /* post wrapper */
  370.  
  371.  
  372. .postcontain {
  373. display:;
  374. position:absolute;
  375. {block:if250}
  376. width:400px;
  377. {/block:if250}
  378. {block:if400}
  379. width:400px;
  380. {/block:if400}
  381. {block:if500}
  382. width:500px;
  383. {/block:if500}
  384. padding:0px;
  385. top:4%;
  386. bottom:4%;
  387. border-left:1px solid #ddd;
  388. border-right:1px solid #ddd;
  389. background-color:#fdfdfd;
  390. margin-left:600px;
  391. height:auto;
  392. overflow:auto;
  393. }
  394.  
  395.  
  396. .postwrap {
  397. position:relative;
  398. {block:if250}
  399. width:250px;
  400. {/block:if250}
  401. {block:if400}
  402. width:400px;
  403. {/block:if400}
  404. {block:if500}
  405. width:500px;
  406. {/block:if500}
  407. padding:5px 5px 20px 5px;
  408. margin-left:45px;
  409. margin-top:10px;
  410. margin-bottom:60px;
  411. height:100%;
  412. }
  413.  
  414.  
  415. .container {
  416. width: 100%;
  417. max-width: 999px;
  418. margin: 0px auto;
  419. }
  420.  
  421.  
  422. /* Posts */
  423.  
  424. #post_title {
  425. color:{color:title color};
  426. font-size:20px;
  427. line-height:100%;
  428. text-align:right;
  429. text-transform:uppercase;
  430. word-spacing:0;
  431. letter-spacing:0;
  432. padding:5px;
  433. background-color:#eee;
  434. }
  435.  
  436. .bebas {
  437. font-family:"bebas";
  438. }
  439.  
  440. .trebuchet_ms {
  441. font-family:"Trebuchet MS";
  442. }
  443.  
  444. .georgia {
  445. font-family:"Georgia";
  446. }
  447.  
  448. .posts {
  449. position:relative;
  450. display:inline-block;
  451. {block:if250}
  452. width:250px;
  453. {/block:if250}
  454. {block:if400}
  455. width:400px;
  456. {/block:if400}
  457. {block:if500}
  458. width:500px;
  459. {/block:if500}
  460. {block:indexpage}
  461. margin-top:-4px;
  462. border-bottom:1px solid #ddd;
  463. {/block:indexpage}
  464. {block:permalinkpage}
  465. margin-top:20px;
  466. {/block:permalinkpage}
  467. margin-left:20px;
  468. height:auto !important;
  469. background-color:{color:posts};
  470. {block:permalinkpage}
  471. border-top:1px solid #ddd;
  472. {/block:permalinkpage}
  473. border-right:1px solid #ddd;
  474. border-left:1px solid #ddd;
  475. padding:5px;
  476. font-family:calibri;
  477. font-size:11px;
  478. margin-bottom:30px;
  479. color:{color:post text};
  480. line-height:100%;
  481. text-align:justify;
  482. word-wrap:break-word;
  483. text-transform:auto;
  484. word-spacing:0;
  485. letter-spacing:0;
  486. }
  487.  
  488. .posts ul {
  489. margin-left:-20px;
  490. }
  491.  
  492. .posts * {
  493. -moz-transition:all 0.8s ease-in-out;
  494. -webkit-transition:all 0.8s ease-in-out;
  495. -o-transition:all 0.8s ease-in-out;
  496. transition:all 0.8s ease-in-out;
  497. }
  498.  
  499. .posts *:hover {
  500. -moz-transition:all 0.8s ease-in-out;
  501. -webkit-transition:all 0.8s ease-in-out;
  502. -o-transition:all 0.8s ease-in-out;
  503. transition:all 0.8s ease-in-out;
  504. }
  505.  
  506.  
  507.  
  508. .icon_box {
  509. margin-top: 0px;
  510. margin-left:auto;
  511. margin-right: auto;
  512. z-index:999;
  513. position: relative;
  514. background-color: none;
  515. font-family:calibri;
  516. width: 100px;
  517. height: 20px;
  518. opacity:1;
  519. text-align: center;
  520. word-spacing: 0;
  521. font-size: 15px;
  522. font-style: normal;}
  523.  
  524.  
  525. a.class2, a.class2:link, a.class2:active, a.class2:visited {
  526. color: {color:accent};
  527. cursor: help;
  528. text-decoration: none;
  529. -webkit-transition: all 0.7s ease;
  530. transition: all 0.7s ease;
  531. -moz-transition: all 0.7s ease;
  532. -o-transition: all 0.7s ease;}
  533.  
  534. a.class2:hover{ color: {color:hover link};}
  535.  
  536.  
  537. .permapage {
  538. position:relative;
  539. margin-top:-30px;
  540. margin-left:20px;
  541. padding:6px 3px 3px 3px;
  542. {block:if250}
  543. width:254px;
  544. {/block:if250}
  545. {block:if400}
  546. width:409px;
  547. {/block:if400}
  548. {block:if500}
  549. width:509px;
  550. {/block:if500}
  551. height:auto;
  552. background-color:{color:posts};
  553. border-top:1px solid {color:post border};
  554. border-left:1px solid #ddd;
  555. border-right:1px solid #ddd;
  556. border-bottom:1px solid #ddd;
  557. margin-bottom:30px;
  558. font-family:"karmilla";
  559. font-size:8px;
  560. line-height:100%;
  561. color:#777;
  562. letter-spacing:0;
  563. word-spacing:0;
  564. text-transform:uppercase;
  565. text-align:center;
  566. -webkit-transition: all .6s ease-in-out;
  567. -moz-transition: all .6s ease-in-out;
  568. -o-transition: all .6s ease-in-out;
  569. -ms-transition: all .6s ease-in-out;
  570. transition: all .6s ease-in-out;
  571. }
  572.  
  573.  
  574. .postperma {
  575. display:none;
  576. position:absolute;
  577. {block:if250}width:0%;{/block:if250}
  578. {block:if400}width:0%;{/block:if400}
  579. {block:if500}width:0%;{/block:if500}
  580. margin-top: -30px;
  581. margin-left:0px;
  582. background-color:{color:posts};
  583. padding:0px;
  584. height: 100%;
  585. overflow:hidden;
  586. opacity:0;
  587. z-index:10000000000000000000000000000000;
  588. -moz-transition:all ease-in-out 0.7s;
  589. -webkit-transition:all ease-in-out 0.7s;
  590. -o-transition:all ease-in-out 0.7s;
  591. transition:all ease-in-out 0.7s;
  592.  
  593. }
  594.  
  595.  
  596. .posts:hover .postperma{
  597. opacity:1;
  598. overflow:hidden;
  599. width:100%;
  600. }
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. .likereblog8 {
  608. position:absolute;
  609. padding:0px;
  610. margin-top:-31px;
  611. margin-left:280px;
  612. width:0px;
  613. height:40px;
  614. display:block;
  615. opacity:0;
  616. overflow:hidden;
  617. background-color:{color:post border};
  618. border-top:1px solid {color:post border};
  619. border-right:1px solid {color:post border};
  620. border-bottom:1px solid {color:post border};
  621. }
  622.  
  623. .posts:hover .likereblog8 {
  624. opacity:1;
  625. width:30px;
  626. }
  627.  
  628.  
  629.  
  630. .likereblog {
  631. display:;
  632. position:relative;
  633. {block:if250}
  634. width:246px;
  635. {/block:if250}
  636. {block:if400}
  637. width:446px;
  638. {/block:if400}
  639. {block:if500}
  640. width:546px;
  641. {/block:if500}
  642. height:20px;
  643. margin-top:10px;
  644. padding:2px 7px 2px 7px;
  645. margin-left:20px;
  646. border-top:1px solid #ddd;
  647. border-left:1px solid #ddd;
  648. border-right:1px solid #ddd;
  649. border-bottom:1px solid {color:post border};
  650. background-color:{color:posts};
  651. font-family:"karmilla";
  652. font-size:8px;
  653. color:{color:post text};
  654. line-height:100%;
  655. text-align:justify;
  656. text-transform:uppercase;
  657. word-spacing:0;
  658. letter-spacing:0px;
  659. }
  660.  
  661. .likereblog a {
  662. color:{color:link hover};
  663. }
  664.  
  665. .likereblog a:hover {
  666. color:{color:link color};
  667. }
  668.  
  669.  
  670.  
  671. .indexperma {
  672. display:;
  673. position:relative;
  674. {block:if250}
  675. width:246px;
  676. {/block:if250}
  677. {block:if400}
  678. width:446px;
  679. {/block:if400}
  680. {block:if500}
  681. width:546px;
  682. {/block:if500}
  683. margin-top:5px;
  684. padding:7px 7px 2px 7px;
  685. margin-left:-5px;
  686. border-top:1px solid {color:post border};
  687. background-color:{color:posts};
  688. font-family:"karmilla";
  689. font-size:8px;
  690. color:{color:post text};
  691. line-height:100%;
  692. text-align:justify;
  693. text-transform:uppercase;
  694. word-spacing:0;
  695. letter-spacing:0px;
  696. }
  697.  
  698. .indexperma a {
  699. color:{color:link hover};
  700. }
  701.  
  702. .indexperma a:hover {
  703. color:{color:link color};
  704. }
  705.  
  706. .indexperma2 {
  707. display:;
  708. position:relative;
  709. {block:if250}
  710. width:246px;
  711. {/block:if250}
  712. {block:if400}
  713. width:446px;
  714. {/block:if400}
  715. {block:if500}
  716. width:546px;
  717. {/block:if500}
  718. padding:7px 7px 2px 7px;
  719. margin-left:-5px;
  720. margin-top:3px;
  721. border-top:1px solid {color:post border};
  722. background-color:{color:posts};
  723. font-family:"karmilla";
  724. font-size:8px;
  725. color:{color:post text};
  726. line-height:100%;
  727. text-align:justify;
  728. text-transform:uppercase;
  729. word-spacing:0;
  730. letter-spacing:0px;
  731. }
  732.  
  733. .indexperma2 a {
  734. color:{color:hover color};
  735. }
  736.  
  737. .indexperma2 a:hover {
  738. color:{color:link hover};
  739. }
  740.  
  741. .captions {
  742. margin:0 0;
  743. font-family:"karmilla";
  744. font-size:8px;
  745. color:#999;
  746. line-height:100%;
  747. word-spacing:0;
  748. letter-spacing:0;
  749. text-align:justify;
  750. text-transform:uppercase;
  751. padding:10px;
  752. width:auto;
  753. height:auto;
  754. }
  755.  
  756.  
  757. .captions blockquote {
  758. background-color:#fafafa;
  759. }
  760.  
  761.  
  762.  
  763. /* like button thanks to nicotinell */
  764.  
  765. .like {
  766. position: relative;
  767. }
  768.  
  769. /* Change color */
  770. .like svg path { fill: #487a62; }
  771. .reblog svg path { fill: #ccc; }
  772.  
  773. /* Position like button above your custom one */
  774. .like .like_button {
  775. position: absolute;
  776. top: 5px;
  777. opacity: 0;
  778. }
  779.  
  780. /* Keep like functionality active */
  781. .like .like_button.liked {
  782. opacity: 1;
  783. }
  784.  
  785. .likereblog ul {
  786. list-style:none;
  787. margin-top:0px;
  788. float:right;
  789. }
  790.  
  791. .likereblog ul li {
  792. margin-top:5px;
  793. float:left;
  794. }
  795.  
  796.  
  797. .notesep {
  798. width:auto;
  799. height:1px;
  800. margin-top:5px;
  801. margin-left:-3px;
  802. margin-right:-3px;
  803. background-color:{color:post border};
  804. }
  805.  
  806. .notes {
  807. {block:if500}
  808. width:500px !important;
  809. {/block:if500}
  810. {block:if400}
  811. width:400px !important;
  812. {/block:if400}
  813. {block:if250}
  814. width:240px !important;
  815. {/block:if250}
  816. margin:5px 5px 0px -28px;
  817. word-wrap:break-word;
  818. display:inline-block;
  819. line-height:100%;
  820. color:{color:Post Text};
  821. text-align:justify;
  822. text-transform:uppercase;
  823. font-family:"karmilla";
  824. font-size:8px;
  825. letter-spacing:0;
  826. word-spacing:0;
  827. list-style-type:none;
  828. }
  829.  
  830. .notes img {
  831. display:none;
  832. margin-bottom:5px;
  833. float:left;
  834. margin-right:5px;
  835. border:1px solid {color:accent};
  836. {block:ifMonochrome}
  837. -webkit-filter: grayscale(100%);
  838. {/block:ifMonochrome}
  839. {block:ifImageFade}
  840. opacity: .5;
  841. {/block:ifImageFade}
  842. }
  843.  
  844. .notes img:hover {
  845. {block:ifMonochrome}
  846. -webkit-filter: grayscale(0%);
  847. {/block:ifMonochrome}
  848. {block:ifImageFade}
  849. opacity: 1;
  850. {/block:ifImageFade}
  851. }
  852.  
  853. .notes blockquote {
  854. margin:5px 5px 5px 5px;
  855. text-align:justify;
  856. text-transform:uppercase;
  857. font-family:"karmilla";
  858. font-size:8px;
  859. letter-spacing:0;
  860. word-spacing:0;
  861. }
  862.  
  863. .notes ul {
  864. list-style-type:none;
  865. font-family:"karmilla";
  866. font-size:8px;
  867. }
  868. .notes ol {
  869. list-style-type:none;
  870. font-family:"karmilla";
  871. font-size:8px;
  872. }
  873. .notes li {
  874. {block:if500}
  875. width:510px !important;
  876. {/block:if500}
  877. {block:if400}
  878. width:410px !important;
  879. {/block:if400}
  880. {block:if250}
  881. width:243px !important;
  882. {/block:if250}
  883. margin-top:3px;
  884. padding:3px;
  885. line-height:100%;
  886. font-family:"karmilla";
  887. font-size:8px;
  888. height:auto;
  889. max-height:auto;
  890. }
  891.  
  892. .notes li:nth-of-type(odd) {
  893. background-color:{color:chat even};
  894. }
  895. .notes li:nth-of-type(even) {
  896. background-color:{color:chat odd};
  897. }
  898.  
  899.  
  900. ol.notes li.note.reblog{text-decoration:none; margin-left:-3px; margin-right:5px;background-size:10px 10px;background-image:url('http://assets.tumblr.com/images/note_reblog.png'); background-position:center right; background-repeat:no-repeat !important;}
  901. ol.notes li.note.like{background-size:10px 10px;margin-right:5px;margin-left:-3px; background-image:url('http://assets.tumblr.com/images/note_like.png'); background-position:center right; background-repeat:no-repeat !important;}
  902. ol.notes li.note.reply{background-size:10px 10px;margin-right:5px; margin-left:-3px;background:url('http://assets.tumblr.com/images/note_reply.png'); background-position:center right; background-repeat:no-repeat !important;}
  903.  
  904. /* Images */
  905.  
  906. .image {
  907. max-width:100%;
  908. {block:ifMonochrome}
  909. -webkit-filter: grayscale(100%);
  910. {/block:ifMonochrome}
  911. {block:ifImageFade}
  912. opacity:.5;
  913. {/block:ifImageFade}
  914. }
  915.  
  916. .image:hover {
  917. {block:ifMonochrome}
  918. -webkit-filter: grayscale(20%);
  919. {/block:ifMonochrome}
  920. {block:ifImageFade}
  921. opacity:1;
  922. {/block:ifImageFade}}
  923.  
  924. .photo {
  925. max-width:100%;
  926. {block:ifMonochrome}
  927. -webkit-filter: grayscale(100%);
  928. {/block:ifMonochrome}
  929. {block:ifImageFade}
  930. opacity:.5;
  931. {/block:ifImageFade}}
  932.  
  933. .photo:hover {
  934. {block:ifMonochrome}
  935. -webkit-filter: grayscale(20%);
  936. {/block:ifMonochrome}
  937. {block:ifImageFade}
  938. opacity:1;
  939. {/block:ifImageFade}}
  940.  
  941. .video {
  942. max-width:100%;
  943. {block:ifMonochrome}
  944. -webkit-filter: grayscale(100%);
  945. {/block:ifMonochrome}
  946. {block:ifImageFade}
  947. opacity:.5;
  948. {/block:ifImageFade}}
  949.  
  950. .video:hover {
  951. {block:ifMonochrome}
  952. -webkit-filter: grayscale(20%);
  953. {/block:ifMonochrome}
  954. {block:ifImageFade}
  955. opacity:1;
  956. {/block:ifImageFade}}
  957.  
  958.  
  959.  
  960. /* Audio */
  961. .album {
  962. background-repeat: no-repeat;
  963. background-position: center;
  964. position: absolute;
  965. width: 38px;
  966. height: 38px;
  967. padding:3px;
  968. background-size: 60px;
  969. overflow: hidden;
  970. background-color:#fff;
  971. border:1px solid #ddd;
  972. -moz-transition:all 0.5s linear;
  973. -webkit-transition:all 0.5s linear;
  974. -o-transition:all 0.5s linear;
  975. transition:all 0.5s linear;
  976. }
  977.  
  978. .album img {
  979. width: 38px;
  980. height: 38px;
  981. overflow: hidden;
  982. -moz-transition:all 0.5s linear;
  983. -webkit-transition:all 0.5s linear;
  984. -o-transition:all 0.5s linear;
  985. transition:all 0.5s linear;
  986. {block:ifMonochrome}
  987. -webkit-filter: grayscale(100%);
  988. {/block:ifMonochrome}
  989. {block:ifImageFade}
  990. opacity:.5;
  991. {/block:ifImageFade}
  992. }
  993.  
  994.  
  995.  
  996. .player {
  997. position:absolute;
  998. width: 5px;
  999. height: 6px;
  1000. overflow:hidden;
  1001. padding: 4px 29px 28px 4px;
  1002. margin-top: 4px;
  1003. margin-left: 4px;
  1004. background-color: #fff;
  1005. opacity: 0;
  1006. z-index: 10;
  1007. -moz-transition:all 0.5s linear;
  1008. -webkit-transition:all 0.5s linear;
  1009. -o-transition:all 0.5s linear;
  1010. transition:all 0.5s linear;
  1011. }
  1012.  
  1013. .posts:hover .player {
  1014. opacity:1;
  1015. }
  1016.  
  1017. .player2 {
  1018. position:absolute;
  1019. width: 5px;
  1020. height: 6px;
  1021. overflow:hidden;
  1022. padding: 4px 15px 15px 4px;
  1023. margin-top: -2px;
  1024. margin-left: -2px;
  1025. background-color: #fff;
  1026. opacity: 1px;
  1027. z-index: 10;
  1028. -moz-transition:all 0.5s linear;
  1029. -webkit-transition:all 0.5s linear;
  1030. -o-transition:all 0.5s linear;
  1031. transition:all 0.5s linear;
  1032. }
  1033.  
  1034. .track {
  1035. margin-left: 50px;
  1036. height:32px;
  1037. font-family:"karmilla";
  1038. line-height:100%;
  1039. font-size: 8px;
  1040. padding: 7px;
  1041. text-align:left;
  1042. color: {color:Post Text};
  1043. text-transform: uppercase;
  1044. letter-spacing:0;
  1045. background-color:#eee;
  1046. }
  1047.  
  1048. .audioline {
  1049. width:auto;
  1050. height:1px;
  1051. margin-top:5px;
  1052. margin-left:-5px;
  1053. margin-right:-5px;
  1054. background-color:{color:post border};
  1055. }
  1056.  
  1057.  
  1058. /* Chat */
  1059.  
  1060.  
  1061. .chat {
  1062. width:auto !important;
  1063. padding:3px;
  1064. }
  1065.  
  1066. .even {
  1067. background-color:{color:Chat Even};
  1068. margin:4px 1px 3px 1px;
  1069. color:{color:even Text};
  1070. padding:3px;
  1071. font-family:"karmilla";
  1072. font-size:8px;
  1073. letter-spacing:0px;
  1074. word-spacing:0;
  1075. line-height:100%;
  1076. text-transform:uppercase;
  1077. text-align:justify;
  1078. }
  1079.  
  1080. .odd {
  1081. background-color:{color:Chat Odd};
  1082. margin:4px 1px 3px 1px;
  1083. color:{color:odd Text};
  1084. padding:3px;
  1085. font-family:"karmilla";
  1086. font-size:8px;
  1087. letter-spacing:0px;
  1088. word-spacing:0;
  1089. line-height:100%;
  1090. text-transform:uppercase;
  1091. text-align:right;
  1092. }
  1093.  
  1094.  
  1095.  
  1096. /* Asks */
  1097. .asks {
  1098. min-height:auto !important;
  1099. max-height:auto !important;
  1100. height:auto !important;
  1101. background-color:{color:ask background};
  1102. border:1px solid {color:asker background};
  1103. margin-top:0px;
  1104. padding:5px;
  1105. font-family:"karmilla";
  1106. font-size:8px;
  1107. color:{color:Post Text};
  1108. line-height:100%;
  1109. text-transform:uppercase;
  1110. text-align:center;
  1111. word-spacing:0;
  1112. letter-spacing:0;
  1113. }
  1114.  
  1115. .askers {
  1116. margin:0px 0px 5px 0px;
  1117. padding:3px;
  1118. height:auto;
  1119. background-color:{color:asker background};
  1120. font-family:"karmilla";
  1121. font-size:8px;
  1122. color:#777;
  1123. line-height:15px;
  1124. text-transform:uppercase;
  1125. text-align:left;
  1126. }
  1127.  
  1128. .askers a {
  1129. color:{color:link hover};
  1130. }
  1131. .askers a:hover {
  1132. color:{color:link color};
  1133. }
  1134.  
  1135. .ask_icon {
  1136. float:left;
  1137. width:16px;
  1138. height:16px;
  1139. margin: -3px 6px 0 -3px;
  1140. padding: 1px;
  1141. background-color:{color:background color};
  1142. border:1px solid {color:asker background};
  1143. }
  1144.  
  1145. .ask_icon img {
  1146. width:100%;
  1147. {block:ifMonochrome}
  1148. -moz-transition:all 0.5s ease-in-out;
  1149. -webkit-transition:all 0.5s ease-in-out;
  1150. -o-transition:all 0.5s ease-in-out;
  1151. transition:all 0.5s ease-in-out;
  1152. -webkit-filter: grayscale(100%);
  1153. {/block:ifMonochrome}
  1154. {block:ifImageFade}
  1155. opacity: .5;
  1156. -moz-transition:all 0.5s ease-in-out;
  1157. -webkit-transition:all 0.5s ease-in-out;
  1158. -o-transition:all 0.5s ease-in-out;
  1159. transition:all 0.5s ease-in-out;
  1160. {/block:ifImageFade}
  1161. }
  1162.  
  1163. .ask_icon img:hover {
  1164. {block:ifMonochrome}
  1165. -moz-transition:all 0.5s ease-in-out;
  1166. -webkit-transition:all 0.5s ease-in-out;
  1167. -o-transition:all 0.5s ease-in-out;
  1168. transition:all 0.5s ease-in-out;
  1169. -webkit-filter: grayscale(0%);
  1170. {/block:ifMonochrome}
  1171. {block:ifImageFade}
  1172. opacity: 1;
  1173. -moz-transition:all 0.5s ease-in-out;
  1174. -webkit-transition:all 0.5s ease-in-out;
  1175. -o-transition:all 0.5s ease-in-out;
  1176. transition:all 0.5s ease-in-out;
  1177. {/block:ifImageFade}
  1178. }
  1179.  
  1180.  
  1181.  
  1182. /* quotes */
  1183. .quotes {
  1184. background-color:#fafafa;
  1185. padding:5px;
  1186. font-family:calibri;
  1187. color:#999;
  1188. line-height:100%;
  1189. font-size:12px;
  1190. text-transform:auto;
  1191. font-style:italic;
  1192. text-align:justify;
  1193. word-spacing:0;
  1194. letter-spacing:0;
  1195. }
  1196.  
  1197. .source {
  1198. color:#999;
  1199. height:auto;
  1200. padding:4px;
  1201. font-family:"karmilla";
  1202. font-size:8px;
  1203. border-top:1px solid {color:post border};
  1204. line-height:100%;
  1205. margin-top:5px;
  1206. margin-bottom:-5px;
  1207. margin-left:-5px;
  1208. margin-right:-5px;
  1209. text-align:right;
  1210. text-transform:uppercase;
  1211. letter-spacing:0;
  1212. word-spacing:0;
  1213. }
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222. /* Sidebar Wrapper */
  1223.  
  1224. #sidebar {
  1225. display:;
  1226. position:fixed;
  1227. margin-left:270px;
  1228. margin-top:250px;
  1229. width:150px;
  1230. height:200px;
  1231. padding:0px;
  1232. background-color:transparent;
  1233. z-index:99999999999999999999;
  1234. }
  1235.  
  1236.  
  1237. /* Sidebar */
  1238.  
  1239. .desc {
  1240. position:fixed;
  1241. margin-top:113px;
  1242. margin-left:14px;
  1243. width:141px;
  1244. height:45px;
  1245. padding:15px 10px 8px 10px;
  1246. background-color:#fff;
  1247. border-top:1px solid #eee;
  1248. border-left:1px solid #eee;
  1249. box-shadow:2px 1px 2px #ccc;
  1250. font-family:"karmilla";
  1251. font-size:8px;
  1252. color:#111;
  1253. line-height:100%;
  1254. word-spacing:0;
  1255. letter-spacing:0;
  1256. text-align:center;
  1257. text-transform:uppercase;
  1258. }
  1259.  
  1260. .desc u {
  1261. color:#eee;
  1262. }
  1263.  
  1264.  
  1265. .title {
  1266. position:fixed;
  1267. margin-top:198px;
  1268. margin-left:0px;
  1269. width:300px;
  1270. height:auto;
  1271. font-family:'bebas';
  1272. color:#222;
  1273. text-shadow: -1px -1px 0px rgba (255, 255, 255, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8);
  1274. font-size:80px;
  1275. font-weight:600;
  1276. font-style:italic;
  1277. line-height:100%;
  1278. text-transform:uppercase;
  1279. z-index:1000000000000000000;
  1280. }
  1281.  
  1282. .line {
  1283. position:fixed;
  1284. margin-top:32.5px;
  1285. margin-left:9px;
  1286. width:200px;
  1287. height:5px;
  1288. background-color:#fff;
  1289. -ms-transform: skewX(-18deg); /* IE 9 */
  1290. -webkit-transform: skewX(-18deg); /* Safari */
  1291. transform: skewX(-18deg);
  1292. }
  1293.  
  1294. .banner {
  1295. position:fixed;
  1296. margin-top:186px;
  1297. margin-left:16px;
  1298. width:153px;
  1299. height:auto;
  1300. background-color:#222;
  1301. font-family:'karmilla';
  1302. text-transform:uppercase;
  1303. text-align:center;
  1304. font-size:8px;
  1305. color:#fff;
  1306. line-height:100%;
  1307. padding:4px;
  1308.  
  1309. }
  1310.  
  1311. .sbimg {
  1312. position:fixed;
  1313. margin-top:34px;
  1314. margin-left:-140px;
  1315. width:170px;
  1316. height:auto;
  1317. background-color:transparent;
  1318. z-index:100000000;
  1319. }
  1320.  
  1321. .sbimg img {
  1322. width:100%;
  1323. height:100%;
  1324. }
  1325.  
  1326.  
  1327.  
  1328.  
  1329. .hovers {
  1330. position:fixed;
  1331. margin-top:98px;
  1332. margin-left:8px;
  1333. background-color:transparent;
  1334. width:10px;
  1335. height:10px;
  1336. padding:3px;
  1337. z-index:9999999999999999999999;
  1338. -moz-transition:all 0.5s ease-in-out;
  1339. -webkit-transition:all 0.5s ease-in-out;
  1340. -o-transition:all 0.5s ease-in-out;
  1341. transition:all 0.5s ease-in-out;
  1342. -ms-transform: rotate(-25deg); /* IE 9 */
  1343. -webkit-transform: rotate(-25deg); /* Safari */
  1344. transform: rotate(-25deg);
  1345. -o-transition: rotate(-25deg);
  1346. }
  1347.  
  1348. #sidebar:hover .hovers {
  1349. -moz-transition:all 0.5s ease-in-out;
  1350. -webkit-transition:all 0.5s ease-in-out;
  1351. -o-transition:all 0.5s ease-in-out;
  1352. transition:all 0.5s ease-in-out;
  1353. -ms-transform: rotate(0deg); /* IE 9 */
  1354. -webkit-transform: rotate(0deg); /* Safari */
  1355. transform: rotate(0deg);
  1356. -o-transition: rotate(0deg);
  1357. }
  1358.  
  1359.  
  1360. .hoverinfo {
  1361. position:absolute;
  1362. width:150px;
  1363. height:auto;
  1364. padding:0px;
  1365. overflow:hidden;
  1366. display:inline-block;
  1367. background-color:transparent;
  1368. margin-left:35px;
  1369. margin-top:78px;
  1370. font-size:50px;
  1371. letter-spacing:7px;
  1372. font-family:"bebas";
  1373. color:#333;
  1374. opacity:0;
  1375. z-index:99999999999999999;
  1376. -moz-transition:all 0.6s ease-in-out;
  1377. -webkit-transition:all 0.6s ease-in-out;
  1378. -o-transition:all 0.6s ease-in-out;
  1379. transition:all 0.6s ease-in-out;
  1380. }
  1381.  
  1382. .hoverinfo a {
  1383. color:#333;
  1384. -moz-transition:all 0.5s ease-in-out;
  1385. -webkit-transition:all 0.5s ease-in-out;
  1386. -o-transition:all 0.5s ease-in-out;
  1387. transition:all 0.5s ease-in-out;
  1388. }
  1389.  
  1390. .hoverinfo a:hover {
  1391. color:{color:hover link};
  1392. -moz-transition:all 0.5s ease-in-out;
  1393. -webkit-transition:all 0.5s ease-in-out;
  1394. -o-transition:all 0.5s ease-in-out;
  1395. transition:all 0.5s ease-in-out;
  1396. }
  1397.  
  1398. #sidebar:hover .hoverinfo {
  1399. opacity:1;
  1400. -moz-transition:all 0.6s ease-in-out;
  1401. -webkit-transition:all 0.6s ease-in-out;
  1402. -o-transition:all 0.6s ease-in-out;
  1403. transition:all 0.6s ease-in-out;
  1404. }
  1405.  
  1406.  
  1407. .faq-tit {
  1408. margin-top:0px;
  1409. margin-left:0px;
  1410. padding:5px;
  1411. width:auto;
  1412. height:auto;
  1413. background-color:#222;
  1414. color:#fff;
  1415. line-height:100%;
  1416. font-family:"bebas";
  1417. font-size:40px;
  1418. text-transform:uppercase;
  1419. text-align:center;
  1420. }
  1421.  
  1422. .fyi {
  1423. position:fixed;
  1424. margin-top:265px;
  1425. margin-left:2px;
  1426. background-color:transparent;
  1427. color:#000;
  1428. font-family:"karmilla";
  1429. font-size:9px;
  1430. font-weight:300;
  1431. line-height:100%;
  1432. text-align:justify;
  1433. text-transform:uppercase;
  1434. }
  1435.  
  1436. .faq-wrap {
  1437. position:fixed;
  1438. width:400px;
  1439. max-height:400px;
  1440. padding:10px;
  1441. margin-top:100px;
  1442. margin-left:100px;
  1443. overflow:scroll;
  1444. background-color:#fdfdfd;
  1445. }
  1446.  
  1447.  
  1448. /* Accordian FAQ */
  1449.  
  1450. /*----- Accordion -----*/
  1451. .accordion, .accordion * {
  1452. -webkit-box-sizing:border-box;
  1453. -moz-box-sizing:border-box;
  1454. box-sizing:border-box;
  1455. }
  1456.  
  1457. .accordion {
  1458. overflow:hidden;
  1459. box-shadow:0px 1px 3px rgba(0,0,0,0.25);
  1460. border-radius:0px;
  1461. background:#f7f7f7;
  1462. margin-top:170px;
  1463. margin-left:110px;
  1464. }
  1465.  
  1466. /*----- Section Titles -----*/
  1467. .accordion-section-title {
  1468. width:100%;
  1469. padding:10px;
  1470. display:inline-block;
  1471. border-bottom:1px solid #1f1f1f;
  1472. background:#111;
  1473. transition:all linear 0.15s;
  1474. /* Type */
  1475. font-size:1.200em;
  1476. text-shadow:0px 1px 0px #1f1f1f;
  1477. font-family:"bebas";
  1478. font-size:20px;
  1479. text-align:center;
  1480. color:#fff;
  1481. }
  1482.  
  1483. .accordion-section-title.active, .accordion-section-title:hover {
  1484. background:#222;
  1485. /* Type */
  1486. text-decoration:none;
  1487. }
  1488.  
  1489. .accordion-section:last-child .accordion-section-title {
  1490. border-bottom:none;
  1491. }
  1492.  
  1493. /*----- Section Content -----*/
  1494. .accordion-section-content {
  1495. padding:15px;
  1496. display:none;
  1497. }
  1498.  
  1499.  
  1500.  
  1501. /* Music Player */
  1502.  
  1503. #musicplayer{
  1504. overflow:hidden;
  1505. position:fixed;
  1506. width:25px;
  1507. height:17px;
  1508. padding:5px;
  1509. margin-top:-13px;
  1510. margin-left:30px;
  1511. background:#f9f9f9; /* This is the background color */
  1512. z-index:9999;
  1513. -webkit-transition: all 1s ease-in-out;
  1514. -moz-transition: all 1s ease-in-out;
  1515. transition: all 1s ease-in-out;
  1516. }
  1517.  
  1518. #icon{
  1519. display:;
  1520. /* This is for the positioning of the music gif: */
  1521. margin-top:-15px;
  1522. margin-left:6px;
  1523. opacity:1;
  1524. -webkit-transition: all 0.5s linear;
  1525. -moz-transition: all 0.5s linear;
  1526. transition: all 0.5s linear;
  1527. }
  1528.  
  1529. #musicplayer:hover #icon{
  1530. margin-top:-40px;
  1531. -webkit-transition: all 0.5s linear;
  1532. -moz-transition: all 0.5s linear;
  1533. transition: all 0.5s linear;
  1534. }
  1535.  
  1536. #musicbox{
  1537. width:15px;
  1538. height:20px;
  1539. overflow:hidden;
  1540. /* This is for the positioning of the music player: */
  1541. margin-top:5px;
  1542. margin-left:8px;
  1543. }
  1544.  
  1545. #music2{
  1546. margin-top:-12px;
  1547. margin-left:-35px;
  1548. }
  1549.  
  1550.  
  1551.  
  1552.  
  1553. /*----- Main Tabs -----*/
  1554.  
  1555. .tabs {
  1556. width:auto;
  1557. display:inline-block;
  1558. }
  1559.  
  1560. /*----- Tab Links -----*/
  1561. /* Clearfix */
  1562. .tab-links:after {
  1563. display:block;
  1564. clear:both;
  1565. content:'';
  1566. }
  1567.  
  1568. .tab-links li {
  1569. margin:0px 0px;
  1570. float:left;
  1571. list-style:none;
  1572. }
  1573.  
  1574. .tab-links a {
  1575. margin-top:3px;
  1576. width:15px;
  1577. height:17px;
  1578. padding:5px 6px 5px 11px;
  1579. display:block;
  1580. text-align:justify;
  1581. border-radius:0px;
  1582. font-size:10px;
  1583. line-height:22px;
  1584. letter-spacing:4px;
  1585. background:#487a62;
  1586. border-right:1px solid transparent;
  1587. color:#fff;
  1588. transition:all linear 0.15s;
  1589. }
  1590.  
  1591. .tab-links a:hover {
  1592. background:#2d4339;
  1593. text-decoration:none;
  1594. }
  1595.  
  1596. .tab-links li.active a, .tab-links li.active a:hover {
  1597. background:#f9f9f9;
  1598. width:17px;
  1599. color:#4c4c4c;
  1600. }
  1601.  
  1602. /*----- Content of Tabs -----*/
  1603. .tab-content {
  1604. margin:40px 0 40px -100px;
  1605. left:20px;
  1606. width:500px;
  1607. height:565px;
  1608. padding:15px 50px 15px 15px;
  1609. border-radius:0px;
  1610. font-size:12px;
  1611. background:transparent;
  1612. }
  1613.  
  1614. .tab-content h1 {
  1615. margin:10px 0 5px 0;
  1616. font-family:"bebas";
  1617. font-size:15px;
  1618. font-weight:300;
  1619. font-style:italic;
  1620. }
  1621.  
  1622. .tab {
  1623. display:none;
  1624. -moz-transition:all 0.8s ease-in-out;
  1625. -webkit-transition:all 0.8s ease-in-out;
  1626. -o-transition:all 0.8s ease-in-out;
  1627. transition:all 0.8s ease-in-out;
  1628. }
  1629.  
  1630. .tab.active {
  1631. display:block;
  1632. -moz-transition:all 0.8s ease-in-out;
  1633. -webkit-transition:all 0.8s ease-in-out;
  1634. -o-transition:all 0.8s ease-in-out;
  1635. transition:all 0.8s ease-in-out;
  1636. }
  1637.  
  1638.  
  1639. #top {
  1640. position:fixed;
  1641. margin-top:0px;
  1642. margin-left:0px;
  1643. padding:0px;
  1644. width:100%;
  1645. height:50px;
  1646. background-color:{color:top bar};
  1647. }
  1648.  
  1649. #tabwrap {
  1650. width:auto;
  1651. height:auto;
  1652. font-family:calibri;
  1653. font-size:30px;
  1654. margin: 205px -30px;
  1655. z-index:100000000000000000000000000000;
  1656. }
  1657.  
  1658.  
  1659. /*---- about tabs -----*/
  1660.  
  1661. .tabs2 {
  1662. width:auto;
  1663. display:inline-block;
  1664. }
  1665.  
  1666. /*----- Tab Links -----*/
  1667. /* Clearfix */
  1668. .tab2-links:after {
  1669. display:block;
  1670. clear:both;
  1671. content:'';
  1672. }
  1673.  
  1674. .tab2-links li {
  1675. margin:0px 5px;
  1676. float:left;
  1677. list-style:none;
  1678. display:inline-block;
  1679. }
  1680.  
  1681. .tab2-links a {
  1682. padding:3px 10px 2px 10px;
  1683. display:block;
  1684. width:auto;
  1685. height:auto;
  1686. background:#487a62;
  1687. font-size:8px;
  1688. font-style:italic;
  1689. font-family:"karmilla";
  1690. font-weight:600;
  1691. text-transform:uppercase;
  1692. text-align:center;
  1693. line-height:100%;
  1694. color:#111;
  1695. transition:all linear 0.15s;
  1696. }
  1697.  
  1698. .tab2-links a:hover {
  1699. background:#2d4339;
  1700. text-decoration:none;
  1701. }
  1702.  
  1703. .tab2-links li.active a, .tab2-links li.active a:hover {
  1704. background:#fff;
  1705. color:#4c4c4c;
  1706. }
  1707.  
  1708. /*----- Content of Tabs -----*/
  1709. .tab2-content {
  1710. margin:80px 0 0 100px;
  1711. width:400px;
  1712. height:350px;
  1713. left:50px;
  1714. font-family:"karmilla";
  1715. font-size:8px;
  1716. color:#555;
  1717. line-height:100%;
  1718. text-transform:uppercase;
  1719. text-align:justify;
  1720. word-spacing:0;
  1721. letter-spacing:0;
  1722. padding:15px;
  1723. background:#fff;
  1724. box-shadow:2px 2px 5px #ccc;
  1725. border-top:1px solid #eaeaea;
  1726. border-left:1px solid #eaeaea;
  1727. }
  1728.  
  1729. .tab2 {
  1730. display:none;
  1731. }
  1732.  
  1733. .tab2.active {
  1734. display:block;
  1735. }
  1736.  
  1737.  
  1738. .aboutabs {
  1739. margin-top:0px;
  1740. margin-left:100px;
  1741. display:inline-block;
  1742. width:421px;
  1743. height:auto;
  1744. padding:0px 5px;
  1745. background-color:#222;
  1746. box-shadow:2px 2px 5px #777;
  1747. }
  1748.  
  1749. /* ---- end of about tabs ----- */
  1750.  
  1751.  
  1752. .linkswrap {
  1753. position:fixed;
  1754. margin-left:170px;
  1755. margin-top:120px;
  1756. width:280px;
  1757. height:350px;
  1758. padding:0px;
  1759. background:#fff;
  1760. box-shadow:2px 2px 5px #ccc;
  1761. border-top:1px solid #eaeaea;
  1762. border-left:1px solid #eaeaea;
  1763. }
  1764.  
  1765. .linktit {
  1766. position:relative;
  1767. margin-top:0 auto;
  1768. padding:6px;
  1769. font-family:"bebas";
  1770. font-size:20px;
  1771. color:#fff;
  1772. line-height:100%;
  1773. background-color:#222;
  1774. text-align:center;
  1775. text-transform:uppercase;
  1776. }
  1777.  
  1778. .links {
  1779. position:relative;
  1780. margin:5px auto;
  1781. padding:5px 10px 15px 10px;
  1782. background-color:transparent;
  1783. width:auto;
  1784. height:260px;
  1785. border-bottom:1px solid #000;
  1786. border-top:1px solid #000;
  1787. }
  1788.  
  1789. .links a {
  1790. display:inline-block;
  1791. width:107px;
  1792. height:auto;
  1793. line-height:100%;
  1794. font-family:"karmilla";
  1795. font-size:8px;
  1796. font-style:italic;
  1797. color:{color:hover color};
  1798. text-transform:uppercase;
  1799. text-align:justify;
  1800. background-color:#f5f5f5;
  1801. margin-top:4px;
  1802. margin-left:5px;
  1803. padding:4px 4px 4px 10px;
  1804. border-top:1px solid transparent;
  1805. border-left:1px solid transparent;
  1806. border-bottom:1px solid #ccc;
  1807. border-right:1px solid #ccc;
  1808. }
  1809.  
  1810. .links a:hover {
  1811. background-color:#fcfcfc;
  1812. border-top:1px solid #ccc;
  1813. border-left:1px solid #ccc;
  1814. border-bottom:1px solid transparent;
  1815. border-right:1px solid transparent;
  1816. }
  1817.  
  1818.  
  1819. /*---- end -----*/
  1820.  
  1821.  
  1822. .about-tit {
  1823. width:auto;
  1824. height:auto;
  1825. background-color:transparent;
  1826. border-bottom:1px solid #333;
  1827. padding:0px;
  1828. font-family:"bebas";
  1829. font-size:30px;
  1830. color:#666;
  1831. text-align:right;
  1832. margin-bottom:5px;
  1833. letter-spacing:0;
  1834. word-spacing:0;
  1835. line-height:100%;
  1836. text-transform:auto;
  1837. }
  1838.  
  1839.  
  1840.  
  1841. /* ---- search ---- */
  1842.  
  1843. .sfm input {background-color: #f5f5f5;
  1844. font-size: 8px;
  1845. border: 0px;
  1846. text-transform: uppercase;
  1847. margin-top: 5px;
  1848. color: #999;
  1849. letter-spacing: 0px;
  1850. padding: 4px 8px;
  1851. font-family: "karmilla";}
  1852.  
  1853.  
  1854. /* ---- end ---- */
  1855.  
  1856. #bartop{
  1857. top:0;
  1858. right:0;
  1859. left:0;
  1860. width:100%;
  1861. z-index:10000;
  1862. height:30px;
  1863. background:{color:gradient one};
  1864. background: -webkit-linear-gradient({color:gradient one}, {color:gradient two});
  1865. background: -o-linear-gradient({color:gradient one}, {color:gradient two});
  1866. background: -moz-linear-gradient({color:gradient one}, {color:gradient two});
  1867. background: linear-gradient({color:gradient one}, {color:gradient two});
  1868. position:fixed;
  1869. }
  1870.  
  1871. #barbottom{
  1872. bottom:0;
  1873. right:0;
  1874. left:0;
  1875. width:100%;
  1876. z-index:100000000000000000;
  1877. height:30px;
  1878. background: -webkit-linear-gradient({color:gradient one}, {color:gradient two});
  1879. background: -o-linear-gradient({color:gradient one}, {color:gradient two});
  1880. background: -moz-linear-gradient({color:gradient one}, {color:gradient two});
  1881. background: linear-gradient({color:gradient one}, {color:gradient two});
  1882. position:fixed;
  1883. }
  1884.  
  1885. #barleft{
  1886. top:30px;
  1887. left:0;
  1888. height:100%;
  1889. z-index:1000000000000000000000;
  1890. width:35px;
  1891. background: -webkit-linear-gradient({color:gradient two}, {color:gradient one});
  1892. background: -o-linear-gradient({color:gradient two}, {color:gradient one});
  1893. background: -moz-linear-gradient({color:gradient two}, {color:gradient one});
  1894. background: linear-gradient({color:gradient two}, {color:gradient one});
  1895. position:fixed;
  1896. }
  1897.  
  1898. #barright{
  1899. top:30px;
  1900. right:0;
  1901. height:100%;
  1902. z-index:10000;
  1903. width:30px;
  1904. background: -webkit-linear-gradient({color:gradient two}, {color:gradient one});
  1905. background: -o-linear-gradient({color:gradient two}, {color:gradient one});
  1906. background: -moz-linear-gradient({color:gradient two}, {color:gradient one});
  1907. background: linear-gradient({color:gradient two}, {color:gradient one});
  1908. position:fixed;
  1909. }
  1910.  
  1911.  
  1912. .fa {
  1913. display: inline-block;
  1914. font-family:FontAwesome;
  1915. font-size: 12px;
  1916. color:#000;
  1917. letter-spacing:5px;
  1918. }
  1919.  
  1920.  
  1921. .ba {
  1922. display: inline-block;
  1923. font-family:FontAwesome;
  1924. font-size: 12px;
  1925. color:#fff;
  1926. font-style:normal;
  1927. line-height:100%;
  1928. letter-spacing:5px;
  1929. }
  1930.  
  1931. .ga {
  1932. display: inline-block;
  1933. font-family:FontAwesome;
  1934. font-size: 20px;
  1935. color:#333;
  1936. font-style:normal;
  1937. line-height:100%;
  1938. text-shadow:2px 2px 4px #555;
  1939. }
  1940.  
  1941.  
  1942. #bx {height:30px; overflow: hidden;
  1943. transition: all 0.4s ease-out;
  1944. -o-transition: all 0.4s ease-out;
  1945. -webkit-transition: all 0.4s ease-out;
  1946. -moz-transition: all 0.4s ease-out;}
  1947.  
  1948. #bx:hover {height: 110px;
  1949. transition: all 0.4s ease-out;
  1950. -o-transition: all 0.4s ease-out;
  1951. -webkit-transition: all 0.4s ease-out;
  1952. -moz-transition: all 0.4s ease-out;}
  1953.  
  1954.  
  1955. .settings {
  1956. margin:3px auto;
  1957. left:50%;
  1958. right:50%;
  1959. width:200px;
  1960. height:auto;
  1961. background-color:transparent;
  1962. padding:0px;
  1963. }
  1964.  
  1965. .settingwrap {
  1966. width:10px;
  1967. height:10px;
  1968. margin-left:7px;
  1969. background-color:transparent;
  1970. display:inline-block;
  1971. }
  1972.  
  1973. .droptab {
  1974. position:absolute;
  1975. margin-top:0px;
  1976. width:40px;
  1977. height:auto;
  1978. padding:3px;
  1979. background-color:#fff;
  1980. border-left:1px solid #333;
  1981. border-right:1px solid #333;
  1982. border-top:2px solid #333;
  1983. border-bottom:2px solid #333;
  1984. font-size:8px;
  1985. font-family:"karmilla";
  1986. line-height:100%;
  1987. text-transform:uppercase;
  1988. text-align:center;
  1989. color:#333;
  1990. letter-spacing:0;
  1991. word-spacing:0;
  1992. opacity:0;
  1993. -moz-transition:all 0.8s ease-in-out;
  1994. -webkit-transition:all 0.8s ease-in-out;
  1995. -o-transition:all 0.8s ease-in-out;
  1996. transition:all 0.8s ease-in-out;
  1997. }
  1998.  
  1999. .settingwrap:hover .droptab {
  2000. margin-top:17px;
  2001. opacity:1;
  2002. -moz-transition:all 0.8s ease-in-out;
  2003. -webkit-transition:all 0.8s ease-in-out;
  2004. -o-transition:all 0.8s ease-in-out;
  2005. transition:all 0.8s ease-in-out;
  2006. }
  2007.  
  2008. .droptab span {
  2009. position:absolute;
  2010. display:block;
  2011. bottom:16px;
  2012. margin-left:0px;
  2013. margin-bottom:-1px;
  2014. float:left;
  2015. border-bottom:10px solid #333;
  2016. border-left:7px solid transparent;
  2017. border-right:7px solid transparent;
  2018. }
  2019.  
  2020.  
  2021.  
  2022.  
  2023. </style>
  2024.  
  2025. <!----- main tabs ------>
  2026.  
  2027. <script>
  2028. jQuery(document).ready(function() {
  2029. jQuery('.tabs .tab-links a').on('click', function(e) {
  2030. var currentAttrValue = jQuery(this).attr('href');
  2031.  
  2032. // Show/Hide Tabs
  2033. jQuery('.tabs ' + currentAttrValue).fadeIn(400).siblings().hide();
  2034.  
  2035. // Change/remove current tab to active
  2036. jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
  2037.  
  2038. e.preventDefault();
  2039. });
  2040. });
  2041.  
  2042. </script>
  2043.  
  2044. <!---- about section ---->
  2045.  
  2046. <script>
  2047. jQuery(document).ready(function() {
  2048. jQuery('.tabs2 .tab2-links a').on('click', function(e) {
  2049. var currentAttrValue = jQuery(this).attr('href');
  2050.  
  2051. // Show/Hide Tabs
  2052. jQuery('.tabs2 ' + currentAttrValue).fadeIn(400).siblings().hide();
  2053.  
  2054. // Change/remove current tab to active
  2055. jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
  2056.  
  2057. e.preventDefault();
  2058. });
  2059. });
  2060.  
  2061. </script>
  2062.  
  2063. <!---->
  2064.  
  2065. <!----- accordian ----->
  2066.  
  2067. <script>
  2068. $(document).ready(function() {
  2069. $('#filterOptions li a').click(function() {
  2070. // fetch the class of the clicked item
  2071. var ourClass = $(this).attr('class');
  2072.  
  2073. // reset the active class on all the buttons
  2074. $('#filterOptions li').removeClass('active');
  2075. // update the active state on our clicked button
  2076. $(this).parent().addClass('active');
  2077.  
  2078. if(ourClass == 'all') {
  2079. // show all our items
  2080. $('#ourHolder').children('div.item').show();
  2081. }
  2082. else {
  2083. // hide all elements that don't share ourClass
  2084. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  2085. // show all elements that do share ourClass
  2086. $('#ourHolder').children('div.' + ourClass).show();
  2087. }
  2088. return false;
  2089. });
  2090. });
  2091. </script>
  2092.  
  2093. <script>
  2094. $(document).ready(function() {
  2095. function close_accordion_section() {
  2096. $('.accordion .accordion-section-title').removeClass('active');
  2097. $('.accordion .accordion-section-content').slideUp(300).removeClass('open');
  2098. }
  2099.  
  2100. $('.accordion-section-title').click(function(e) {
  2101. // Grab current anchor value
  2102. var currentAttrValue = $(this).attr('href');
  2103.  
  2104. if($(e.target).is('.active')) {
  2105. close_accordion_section();
  2106. }else {
  2107. close_accordion_section();
  2108.  
  2109. // Add active class to section title
  2110. $(this).addClass('active');
  2111. // Open up the hidden content panel
  2112. $('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
  2113. }
  2114.  
  2115. e.preventDefault();
  2116. });
  2117. });
  2118.  
  2119. </script>
  2120.  
  2121.  
  2122.  
  2123. </head>
  2124.  
  2125.  
  2126.  
  2127.  
  2128. <body>
  2129.  
  2130. <div class="container">
  2131.  
  2132. <div id="barleft">
  2133. <div id="tabwrap">
  2134. <div class="tabs">
  2135. <ul class="tab-links">
  2136. <li class="active"><a href="#tab1"><i class="fa fa-star-half-o"></i></a></li>
  2137. <li><a href="#tab2"><i class="fa fa-comments"></i></a></li>
  2138. <li><a href="#tab3"><i class="fa fa-th-large"></i></a></li>
  2139. <li><a href="#tab4"><i class="fa fa-exclamation-triangle"></i></a></li>
  2140. <li><a href="#tab5"><i class="fa fa-question-circle"></i></a></li>
  2141. </ul>
  2142. </div>
  2143.  
  2144.  
  2145.  
  2146. <div id="musicplayer"><div id="icon">
  2147. <img src="http://38.media.tumblr.com/tumblr_m9c43rMP2k1rto88t.gif"/>
  2148. </div>
  2149. <div id="musicbox"><div id="music2">
  2150. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  2151. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  2152. <param name="bgcolor" value="#f9f9f9" />
  2153. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/9woav48wyh/Twenty_One_Pilots-Stressed_Out_Tomsize_Remix_www.123savemp3.me_.mp3&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=f9f9f9&amp;bgcolor=f9f9f9&amp;bgcolor1=f9f9f9&amp;bgcolor2=f9f9f9&amp;buttoncolor=000000&amp;buttonovercolor=000000&amp;showlist=0" />
  2154. </object>
  2155. </div></div></div>
  2156.  
  2157. </div>
  2158. </div>
  2159.  
  2160.  
  2161. <div class="tabs">
  2162.  
  2163. <div class="tab-content">
  2164. <div id="tab1" class="tab active">
  2165.  
  2166. <div id="sidebar">
  2167.  
  2168.  
  2169. <div class="sbimg"><img src="http://i.imgur.com/c5eeXj7.png"></div>
  2170.  
  2171. <div class="hovers"><i class="ga fa-exclamation"></i></div>
  2172. <div class="hoverinfo">
  2173. <a title="Multiverse&Multiship account. Check out the rules and disclaimer tab for more info.">&middot;</a>
  2174. <a title="Genderfluid. However, for personal and public reasons prefers male pronouns.">&middot;</a>
  2175. <a title="Single with no desire to find romance.">&middot;</a>
  2176. <a title="AIM: saj.a">&middot;</a>
  2177. <a title="Literate, semi-selective rp blog. This account borders between anime rp and KRP.">&middot;</a>
  2178. </div>
  2179. <div class="desc">
  2180. <div style="margin-top:5px;">
  2181. Lev Yu. Number one.</br>
  2182. <b>Captain</b> & <span style="text-decoration:underline;">Middle Blocker</span>.</br>
  2183. Success comes from confidence, </br>& confidence is key.</div>
  2184.  
  2185. </div>
  2186.  
  2187. <div class="banner">stuff goes here</div>
  2188.  
  2189. <div class="title">
  2190. <div class="line"></div>
  2191. lev Yu
  2192. </div>
  2193. <div class="fyi">OC based off of the anime <i><b><u>ハイキュ</u></b>!</i></div>
  2194.  
  2195.  
  2196.  
  2197.  
  2198. </div>
  2199.  
  2200.  
  2201.  
  2202.  
  2203. </div>
  2204.  
  2205. <div id="tab2" class="tab">
  2206.  
  2207. <div class="accordion">
  2208. <div class="accordion-section">
  2209. <a class="accordion-section-title" href="#accordion-1">FAQ</a>
  2210.  
  2211. <div id="accordion-1" class="accordion-section-content">
  2212.  
  2213. <h1>Questions?</h1> Be respectful. Ask me anything. If your ask isn't posted, it's either because A.) it made me cringe. B.) I didn't get it. or C.) It requires more thought to respond to. (Out of Character asks answered privately.)
  2214.  
  2215. <h1>Friendship?</h1> Wanna be friends? Cool. I'm doewn for meting new people. I'm a busy guy, but I always make time for friendship.
  2216.  
  2217. <h1>Plotting?</h1> You can send an ask or a submission if it happens to be long, but plotting is welcome to all verses and muses (including general) and is highly encouraged.
  2218.  
  2219.  
  2220. </div><!--end .accordion-section-content-->
  2221. </div><!--end .accordion-section-->
  2222. <div class="accordion-section">
  2223. <a class="accordion-section-title" href="#accordion-2">Inbox</a>
  2224.  
  2225. <div id="accordion-2" class="accordion-section-content">
  2226.  
  2227. <p>
  2228. <iframe frameborder="0" height="200" id="ask_form"
  2229. scrolling="no" src="http://www.tumblr.com/ask_form/galaxias-themes.tumblr.com"
  2230. width="100%"></iframe>
  2231. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').
  2232. allowTransparency=true;</script>
  2233. <![endif]-->
  2234. </p>
  2235.  
  2236.  
  2237. </div><!--end .accordion-section-content-->
  2238. </div><!--end .accordion-section-->
  2239. <div class="accordion-section">
  2240. <a class="accordion-section-title" href="#accordion-3">Submissions</a>
  2241.  
  2242. <div id="accordion-3" class="accordion-section-content" style="overflow:scroll; max-height:275px;">
  2243.  
  2244. <p>
  2245. <iframe frameborder="0" height="300" id="submit_form"
  2246. scrolling="no" src="http://www.tumblr.com/submit_form/galaxias-themes.tumblr.com"
  2247. width="100%"></iframe>
  2248. </p>
  2249.  
  2250.  
  2251. </div><!--end .accordion-section-content-->
  2252. </div><!--end .accordion-section-->
  2253.  
  2254.  
  2255. </div><!--end .accordion-->
  2256.  
  2257.  
  2258.  
  2259. </div>
  2260.  
  2261.  
  2262.  
  2263.  
  2264. <div id="tab3" class="tab">
  2265.  
  2266. <div class="linkswrap">
  2267. <div class="linktit"><i class="ba fa-tags" style="font-size:17px;"></i>Tags</div>
  2268. <div class="links">
  2269. <a href="/">tag</a>
  2270. <a href="/">tag</a>
  2271. <a href="/">tag</a>
  2272. <a href="/">tag</a>
  2273. <a href="/">tag</a>
  2274. <a href="/">tag</a>
  2275. <a href="/">tag</a>
  2276. <a href="/">tag</a>
  2277. <a href="/">tag</a>
  2278. <a href="/">tag</a>
  2279. <a href="/">tag</a>
  2280. <a href="/">tag</a>
  2281. <a href="/">tag</a>
  2282. <a href="/">tag</a>
  2283. <a href="/">tag</a>
  2284. <a href="/">tag</a>
  2285. <a href="/">tag</a>
  2286. <a href="/">tag</a>
  2287. <a href="/">tag</a>
  2288. <a href="/">tag</a>
  2289. <a href="/">tag</a>
  2290. <a href="/">tag</a>
  2291. <a href="/">tag</a>
  2292. <a href="/">tag</a>
  2293.  
  2294. </div>
  2295. <div class="linktit">
  2296. <form action="/search" method="get" class="sfm" style="margin-top:-5px;">
  2297. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  2298. <input type="submit" value="Search" id="sb"/>
  2299. </form>
  2300.  
  2301. </div>
  2302.  
  2303.  
  2304.  
  2305. </div>
  2306.  
  2307. </div>
  2308.  
  2309.  
  2310.  
  2311. <div id="tab4" class="tab">
  2312.  
  2313.  
  2314. <div class="tabs2">
  2315. <div class="tab2-content">
  2316. <div id="tab1" class="tab active">
  2317.  
  2318.  
  2319. <div style="float:left;margin-right:10px; margin-bottom:10px;"><img src="http://i.imgur.com/tuDjxD9.png" width="150px;" height="138px"></div>
  2320.  
  2321. LOREM IPSUM DOLOR SIT AMET, CONSECTETUERADIPISCING ELIT. ALIQUAM NISI LOREM, PULVINAR ID, COMMODO FEUGIAT, VEHICULA ET, MAURIS. ALIQUAM MATTIS PORTA URNA. MAECENAS DUI NEQUE, RHONCUS SED, VEHICULA VITAE, AUCTOR AT, NISI. AENEAN ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO SUSCIPIT VENENATIS.
  2322.  
  2323. LOREM IPSUM DOLOR SIT AMET.
  2324. CONSECTETUER ADIPISCING ELIT.
  2325. NAM AT TORTOR QUIS IPSUM TEMPOR ALIQUET.
  2326. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. SUSPENDISSE SED LIGULA. SED VOLUTPAT ODIO NON TURPIS GRAVIDA LUCTUS. PRAESENT ELIT PEDE, IACULIS FACILISIS, VEHICULA MATTIS, TEMPUS NON, ARCU.
  2327.  
  2328. DONEC PLACERAT MAURIS COMMODO DOLOR. NULLA TINCIDUNT. NULLA VITAE AUGUE.
  2329. SUSPENDISSE AC PEDE. CRAS TINCIDUNT PRETIUM FELIS. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. PELLENTESQUE PORTTITOR MI ID FELIS. MAECENAS NEC AUGUE. PRAESENT A QUAM PRETIUM LEO CONGUE ACCUMSAN.
  2330.  
  2331. LOREM IPSUM DOLOR SIT AMET, CONSECTETUERADIPISCING ELIT. ALIQUAM NISI LOREM, PULVINAR ID, COMMODO FEUGIAT, VEHICULA ET, MAURIS. ALIQUAM MATTIS PORTA URNA. MAECENAS DUI NEQUE, RHONCUS SED, VEHICULA VITAE, AUCTOR AT, NISI. AENEAN ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO SUSCIPIT VENENATIS.
  2332.  
  2333. LOREM IPSUM DOLOR SIT AMET.
  2334. CONSECTETUER ADIPISCING ELIT.
  2335. NAM AT TORTOR QUIS IPSUM TEMPOR ALIQUET.
  2336. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. SUSPENDISSE SED LIGULA. SED VOLUTPAT ODIO NON TURPIS GRAVIDA LUCTUS. PRAESENT ELIT PEDE, IACULIS FACILISIS, VEHICULA MATTIS, TEMPUS NON, ARCU.
  2337.  
  2338. DONEC PLACERAT MAURIS COMMODO DOLOR. NULLA TINCIDUNT. NULLA VITAE AUGUE.
  2339. SUSPENDISSE AC PEDE. CRAS TINCIDUNT PRETIUM FELIS. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. PELLENTESQUE PORTTITOR MI ID FELIS. MAECENAS NEC AUGUE. PRAESENT A QUAM PRETIUM LEO CONGUE ACCUMSAN.
  2340.  
  2341.  
  2342.  
  2343. </div>
  2344.  
  2345. <div id="tab2" class="tab">
  2346.  
  2347. LOREM IPSUM DOLOR SIT AMET, CONSECTETUERADIPISCING ELIT. ALIQUAM NISI LOREM, PULVINAR ID, COMMODO FEUGIAT, VEHICULA ET, MAURIS. ALIQUAM MATTIS PORTA URNA. MAECENAS DUI NEQUE, RHONCUS SED, VEHICULA VITAE, AUCTOR AT, NISI. AENEAN ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO SUSCIPIT VENENATIS.
  2348.  
  2349. LOREM IPSUM DOLOR SIT AMET.
  2350. CONSECTETUER ADIPISCING ELIT.
  2351. NAM AT TORTOR QUIS IPSUM TEMPOR ALIQUET.
  2352. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. SUSPENDISSE SED LIGULA. SED VOLUTPAT ODIO NON TURPIS GRAVIDA LUCTUS. PRAESENT ELIT PEDE, IACULIS FACILISIS, VEHICULA MATTIS, TEMPUS NON, ARCU.
  2353.  
  2354. DONEC PLACERAT MAURIS COMMODO DOLOR. NULLA TINCIDUNT. NULLA VITAE AUGUE.
  2355. SUSPENDISSE AC PEDE. CRAS TINCIDUNT PRETIUM FELIS. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. PELLENTESQUE PORTTITOR MI ID FELIS. MAECENAS NEC AUGUE. PRAESENT A QUAM PRETIUM LEO CONGUE ACCUMSAN.
  2356.  
  2357.  
  2358.  
  2359. </div>
  2360.  
  2361. <div id="tab3" class="tab">
  2362.  
  2363.  
  2364. LOREM IPSUM DOLOR SIT AMET, CONSECTETUERADIPISCING ELIT. ALIQUAM NISI LOREM, PULVINAR ID, COMMODO FEUGIAT, VEHICULA ET, MAURIS. ALIQUAM MATTIS PORTA URNA. MAECENAS DUI NEQUE, RHONCUS SED, VEHICULA VITAE, AUCTOR AT, NISI. AENEAN ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO SUSCIPIT VENENATIS.
  2365.  
  2366. LOREM IPSUM DOLOR SIT AMET.
  2367. CONSECTETUER ADIPISCING ELIT.
  2368. NAM AT TORTOR QUIS IPSUM TEMPOR ALIQUET.
  2369. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. SUSPENDISSE SED LIGULA. SED VOLUTPAT ODIO NON TURPIS GRAVIDA LUCTUS. PRAESENT ELIT PEDE, IACULIS FACILISIS, VEHICULA MATTIS, TEMPUS NON, ARCU.
  2370.  
  2371. DONEC PLACERAT MAURIS COMMODO DOLOR. NULLA TINCIDUNT. NULLA VITAE AUGUE.
  2372. SUSPENDISSE AC PEDE. CRAS TINCIDUNT PRETIUM FELIS. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. PELLENTESQUE PORTTITOR MI ID FELIS. MAECENAS NEC AUGUE. PRAESENT A QUAM PRETIUM LEO CONGUE ACCUMSAN.
  2373.  
  2374.  
  2375.  
  2376. </div>
  2377.  
  2378. <div id="tab4" class="tab">
  2379.  
  2380.  
  2381. LOREM IPSUM DOLOR SIT AMET, CONSECTETUERADIPISCING ELIT. ALIQUAM NISI LOREM, PULVINAR ID, COMMODO FEUGIAT, VEHICULA ET, MAURIS. ALIQUAM MATTIS PORTA URNA. MAECENAS DUI NEQUE, RHONCUS SED, VEHICULA VITAE, AUCTOR AT, NISI. AENEAN ID MASSA UT LACUS MOLESTIE PORTA. CURABITUR SIT AMET QUAM ID LIBERO SUSCIPIT VENENATIS.
  2382.  
  2383. LOREM IPSUM DOLOR SIT AMET.
  2384. CONSECTETUER ADIPISCING ELIT.
  2385. NAM AT TORTOR QUIS IPSUM TEMPOR ALIQUET.
  2386. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. SUSPENDISSE SED LIGULA. SED VOLUTPAT ODIO NON TURPIS GRAVIDA LUCTUS. PRAESENT ELIT PEDE, IACULIS FACILISIS, VEHICULA MATTIS, TEMPUS NON, ARCU.
  2387.  
  2388. DONEC PLACERAT MAURIS COMMODO DOLOR. NULLA TINCIDUNT. NULLA VITAE AUGUE.
  2389. SUSPENDISSE AC PEDE. CRAS TINCIDUNT PRETIUM FELIS. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. PELLENTESQUE PORTTITOR MI ID FELIS. MAECENAS NEC AUGUE. PRAESENT A QUAM PRETIUM LEO CONGUE ACCUMSAN.
  2390.  
  2391.  
  2392.  
  2393. </div>
  2394. </div>
  2395. </div>
  2396.  
  2397. <div class="aboutabs">
  2398. <div class="tabs2" style="margin-left:65px;margin-top:1px;">
  2399. <ul class="tab2-links">
  2400. <li class="active"><a href="#tab1">Basic</a></li>
  2401. <li><a href="#tab2">Past</a></li>
  2402. <li><a href="#tab3">Present</a></li>
  2403. <li><a href="#tab4">Future</a></li>
  2404. </ul>
  2405. </div>
  2406. </div>
  2407.  
  2408.  
  2409.  
  2410. </div>
  2411.  
  2412. <div id="tab5" class="tab">
  2413. <div id="bx">
  2414. <a style="margin-top: 20px;">HOVER</a>
  2415. <div class="substuff">Stuff to be revealed</div></div>
  2416.  
  2417. </div>
  2418.  
  2419. </div>
  2420. </div>
  2421.  
  2422.  
  2423.  
  2424. <div class="postcontain">
  2425.  
  2426. <div class="postwrap">
  2427.  
  2428.  
  2429. <div class="autopagerize_page_element">
  2430. {block:Posts}
  2431.  
  2432. {block:ContentSource}
  2433. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2434. {/block:SourceLogo}
  2435. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2436. {/block:ContentSource}
  2437.  
  2438.  
  2439. {block:IndexPage}
  2440.  
  2441.  
  2442. <div class="likereblog">
  2443.  
  2444. {block:RebloggedFrom}<span style="float:left;margin-top:8px;"><a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> (<a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>) </span>
  2445. {/block:RebloggedFrom}
  2446.  
  2447. <ul>
  2448. <li class="reblog" title="reblog?" style="margin-right:5px">{ReblogButton size="12"}</li>
  2449. <li class="like" title="like?"><svg width="12" height="12" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>{LikeButton size="12"}</li>
  2450. </ul>
  2451. </div>
  2452. {/block:IndexPage}
  2453.  
  2454.  
  2455. <div class="posts">
  2456.  
  2457.  
  2458.  
  2459. {block:IndexPage}
  2460. <div class="postperma">
  2461. <div class="ppinner">
  2462. <center>
  2463. {block:NoteCount}<div class="inner_notes">
  2464. <a href="{Permalink}" title="{TimeAgo}"><span style="font-size:15px;">count:</span></br></a> {NoteCount}</div>{/block:NoteCount}
  2465. {block:RebloggedFrom}
  2466. <div class="inner_toandfrom"><a href="{ReblogParentURL}" title="via: {reblogparentname}"><img src="{ReblogParentPortraitURL-30}"></a> <a href="{ReblogRootURL}" title="source: {reblogrootname}"><img src="{ReblogRootPortraitURL-30}"></a></div>{/block:RebloggedFrom}
  2467. <div class="inner_reblog"><br><br><a href="{ReblogURL}">Reblog?</a> </div>
  2468. {block:HasTags}
  2469. <div class="inner_tags">
  2470. </br>
  2471. <span style="font-size:15px;">Files:</span></br>
  2472. <span style="font-size:11px; font-family:calibri;text-transform:lowercase; line-height:100%; word-spacing:0px; letter-spacing:0px;">
  2473. {block:Tags}# <a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}
  2474. </span>
  2475. </div>{/block:HasTags}
  2476.  
  2477. </center>
  2478.  
  2479. </div>
  2480. </div>
  2481. {/block:IndexPage}
  2482.  
  2483.  
  2484.  
  2485.  
  2486. <!----- Images ----->
  2487.  
  2488. {block:If250}
  2489.  
  2490. {block:Photo}
  2491.  
  2492.  
  2493. {LinkOpenTag}
  2494.  
  2495. <div class="image">
  2496. <img src="{PhotoURL-250}" />
  2497. </div>
  2498.  
  2499. {LinkCloseTag}
  2500.  
  2501. {block:Caption}
  2502. <div class="captions">
  2503. {Caption}
  2504. </div>
  2505. {/block:Caption}
  2506.  
  2507.  
  2508. {/block:Photo}
  2509.  
  2510. {/block:If250}
  2511.  
  2512.  
  2513. {block:If400}
  2514.  
  2515. {block:Photo}
  2516.  
  2517. {LinkOpenTag}
  2518.  
  2519. <div class="image">
  2520. <img src="{PhotoURL-400}" />
  2521. </div>
  2522.  
  2523. {LinkCloseTag}
  2524.  
  2525. {block:Caption}
  2526. <div class="captions">
  2527. {Caption}
  2528. </div>
  2529. {/block:Caption}
  2530.  
  2531.  
  2532. {/block:Photo}
  2533.  
  2534. {/block:If400}
  2535.  
  2536.  
  2537. {block:If500}
  2538.  
  2539. {block:Photo}
  2540.  
  2541. {LinkOpenTag}
  2542.  
  2543. <div class="image">
  2544. <img src="{PhotoURL-500}" />
  2545. </div>
  2546.  
  2547. {LinkCloseTag}
  2548.  
  2549. {block:Caption}
  2550. <div class="captions">
  2551. {Caption}
  2552. </div>
  2553. {/block:Caption}
  2554.  
  2555.  
  2556.  
  2557.  
  2558. {/block:Photo}
  2559.  
  2560. {/block:If500}
  2561. <!----- Photosets ----->
  2562.  
  2563. {block:If250}
  2564.  
  2565.  
  2566. {block:Photoset}
  2567.  
  2568. <div class="photo">
  2569. {Photoset-250}
  2570. </div>
  2571.  
  2572. {block:Caption}
  2573. <div class="captions">
  2574. {Caption}
  2575. </div>
  2576. {/block:Caption}
  2577.  
  2578.  
  2579.  
  2580. {/block:Photoset}
  2581.  
  2582. {/block:If250}
  2583.  
  2584. {block:If400}
  2585.  
  2586.  
  2587. {block:Photoset}
  2588.  
  2589. <div class="photo">
  2590. {Photoset-400}
  2591. </div>
  2592.  
  2593. {block:Caption}
  2594. <div class="captions">
  2595. {Caption}
  2596. </div>
  2597. {/block:Caption}
  2598.  
  2599. {/block:Photoset}
  2600.  
  2601. {/block:If400}
  2602.  
  2603. {block:If500}
  2604.  
  2605.  
  2606. {block:Photoset}
  2607.  
  2608. <div class="photo">
  2609. {Photoset-500}
  2610. </div>
  2611.  
  2612. {block:Caption}
  2613. <div class="captions">
  2614. {Caption}
  2615. </div>
  2616. {/block:Caption}
  2617.  
  2618.  
  2619.  
  2620.  
  2621. {/block:Photoset}
  2622.  
  2623. {/block:If500}
  2624. <!----- Videos ----->
  2625.  
  2626. {block:If250}
  2627.  
  2628. {block:Video}
  2629. <div class="video">
  2630. {Video-250}
  2631. </div>
  2632.  
  2633. {block:Caption}
  2634. <div class="captions">
  2635. {Caption}
  2636. </div>
  2637. {/block:Caption}
  2638.  
  2639.  
  2640.  
  2641. {/block:Video}
  2642.  
  2643. {/block:If250}
  2644.  
  2645. {block:If400}
  2646.  
  2647. {block:Video}
  2648. <div class="video">
  2649. {Video-400}
  2650. </div>
  2651. {block:Caption}
  2652. <div class="captions">
  2653. {Caption}
  2654. </div>
  2655. {/block:Caption}
  2656.  
  2657.  
  2658.  
  2659. {/block:Video}
  2660.  
  2661. {/block:If400}
  2662.  
  2663. {block:If500}
  2664.  
  2665. {block:Video}
  2666. <div class="video">
  2667. {Video-500}
  2668. </div>
  2669.  
  2670. {block:Caption}
  2671. <div class="captions">
  2672. {Caption}
  2673. </div>
  2674. {/block:Caption}
  2675.  
  2676.  
  2677.  
  2678. {/block:Video}
  2679.  
  2680. {/block:If500}
  2681. <!----- Chat ----->
  2682. {block:Chat}
  2683. {block:Title}<div class="{select:Title Font}" id="post_title"> {Title}</div> {/block:Title}
  2684. <div class="chat">
  2685. {block:Lines}
  2686. <div class="{Alt}">
  2687. {block:Label}<span style="color:{color:link hover};">{Label}</span>{/block:Label} {Line}</div>
  2688. {/block:Lines}</div>
  2689. {/block:Chat}
  2690.  
  2691. <!----- Quote ----->
  2692. {block:Quote}
  2693. <div class="quotes">
  2694. " {Quote} "
  2695. </div>
  2696. {block:Source}
  2697. <div class="source">
  2698. - {Source}
  2699. </div>
  2700. {/block:Source}
  2701. {/block:Quote}
  2702. <!----- Link ----->
  2703.  
  2704. {block:Link}
  2705. <div class="{select:Title Font}" id="post_title">
  2706. <a href="{URL}" target="_blank">{Name}</a>
  2707. </div>
  2708. {block:Description}
  2709.  
  2710. {Description}
  2711.  
  2712. {/block:Description}
  2713.  
  2714. {/block:Link}
  2715.  
  2716. <!----- Text ----->
  2717.  
  2718. {block:Text}
  2719.  
  2720. {block:Title}
  2721. <div class="{select:Title Font}" id="post_title">
  2722. {Title}
  2723. </div>
  2724. {/block:Title}
  2725.  
  2726. {Body}
  2727.  
  2728. {/block:Text}
  2729.  
  2730.  
  2731. <!----- Asks ----->
  2732. {block:Answer}
  2733. <div class="asks">{Question}</div>
  2734. <div class="askers">
  2735. <span class="ask_icon"><img src="{AskerPortraitURL-16}"></span>
  2736. {Asker} has sent you a message &crarr;</div>
  2737. {Answer}
  2738. {/block:Answer}
  2739.  
  2740.  
  2741.  
  2742. <!----- Audio ----->
  2743. {block:Audio}
  2744. <div class="album">
  2745. {block:AlbumArt}
  2746. <img src="{AlbumArtURL}">
  2747. {/block:AlbumArt}
  2748. </div>
  2749. {block:AudioPlayer}
  2750. <div class="player">
  2751. <div class="player2">
  2752. {block:ifWhite}
  2753. {AudioPlayerWhite}
  2754. {/block:ifWhite}
  2755. {block:ifBlack}
  2756. {AudioPlayerBlack}
  2757. {/block:ifBlack}
  2758. {block:ifGray}
  2759. {AudioPlayerGrey}
  2760. {/block:ifGray}
  2761. </div>
  2762. </div>
  2763. {/block:AudioPlayer}
  2764. <div class="track">
  2765. {block:TrackName}<span style="color:{color:Accent};">Title:</span> {TrackName}<br>{/block:TrackName}
  2766. {block:Artist}<span style="color:{color:Accent};">Artist:</span> {Artist}<br>{/block:Artist}
  2767. {block:Album}<span style="color:{color:Accent};">Album:</span>
  2768. {Album}<br>{/block:Album}
  2769. <span style="color:{color:Accent};">Played:</span> {PlayCountWithLabel}</div>
  2770.  
  2771. {block:Caption}
  2772.  
  2773. <div class="audioline"></div>
  2774.  
  2775. <div class="captions">
  2776. {Caption}
  2777. </div>
  2778. {/block:Caption}
  2779. {/block:Audio}
  2780.  
  2781. {block:indexpage}
  2782. <div class="indexperma">
  2783.  
  2784. {block:Date}<a href="{Permalink}">{timeago}</a> on {DayOfWeek}{/block:Date}
  2785.  
  2786. <span style="text-align:right; float:right; border-left:1px solid #ccc; padding-left:5px;">{NoteCount} &deg;</span>
  2787.  
  2788. </div>
  2789.  
  2790. {block:hastags}<div class="indexperma2">
  2791. {block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}
  2792. </div>
  2793. {/block:hastags}
  2794.  
  2795. {/block:indexpage}
  2796.  
  2797.  
  2798.  
  2799. </div>
  2800.  
  2801.  
  2802. {block:permalinkpage}
  2803. <div class="permapage">
  2804. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}.{/block:Date}</br>
  2805. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> (<a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>)</br>
  2806. {/block:RebloggedFrom}
  2807. <span style="text-align:center; width:auto;font-family:karla; font-size:8px;">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </span>
  2808.  
  2809. <div class="notesep"></div>
  2810.  
  2811. {block:PostNotes}
  2812. <div class="notes">
  2813. {PostNotes}
  2814. </div>
  2815. {/block:PostNotes}
  2816.  
  2817. </div>
  2818.  
  2819.  
  2820.  
  2821. {/block:PermalinkPage}
  2822.  
  2823.  
  2824. {/block:posts}
  2825.  
  2826.  
  2827. </div>
  2828. </div>
  2829. </div>
  2830.  
  2831.  
  2832.  
  2833. <div id="barbottom"></div>
  2834. <div id="bartop">
  2835. <div class="settings">
  2836.  
  2837. <div class="settingwrap">
  2838. <a href="/"><i class="ba fa-refresh"></i></a>
  2839. <div class="droptab" style="margin-left:-18px;"><span style="margin-left:13px;"></span>refresh</div></div>
  2840.  
  2841. <div class="settingwrap">
  2842. <a href="http://galaxias-themes.tumblr.com/archive"><i class="ba fa-lock"></i></a>
  2843. <div class="droptab" style="margin-left:-18px;"><span style="margin-left:13px;"></span>history</div>
  2844. </div>
  2845.  
  2846. <div class="settingwrap" style="margin-left:1px;">
  2847. <a href="https://www.tumblr.com/dashboard?conversation=galaxias-themes"><i class="ba fa-comments"></i></a>
  2848. <div class="droptab" style="margin-left:-18px;"><span style="margin-left:13px;"></span>chat</div>
  2849. </div>
  2850.  
  2851. <div class="settingwrap">
  2852. <a href="http://www.tumblr.com/follow/galaxias-themes"><i class="ba fa-user"></i></a>
  2853. <div class="droptab" style="margin-left:-18px;"><span style="margin-left:13px;"></span>follow</div>
  2854. </div>
  2855.  
  2856. <div class="settingwrap">
  2857. <a href="http://www.tumblr.com/dashboard"><i class="ba fa-power-off"></i></a>
  2858. <div class="droptab" style="margin-left:-18px;"><span style="margin-left:13px;"></span>exit</div>
  2859. </div>
  2860.  
  2861. </div>
  2862. </div>
  2863. <div id="barright"></div>
  2864.  
  2865.  
  2866.  
  2867. </div>
  2868.  
  2869.  
  2870.  
  2871.  
  2872. </body>
  2873. </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!