API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 48

Themes_Mandrakescry
Mar 15th, 2015
1,536
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.13 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" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------------------
  5. Theme by Clara
  6. http://mandrakescry.tumblr.com/
  7. DON'T REMOVE THE CREDITS
  8. -------------------------------------------->
  9.  
  10.  
  11. <head>
  12.  
  13. <meta name="if:Show Updates Tab" content="1">
  14.  
  15. <meta name="color:background" content="#FFFFFF">
  16. <meta name="color:links" content="#760619">
  17. <meta name="color:hover" content="#454545">
  18. <meta name="color:text" content="#bbbbbb">
  19. <meta name="color:bold" content="#9e011b">
  20. <meta name="color:scrollbar" content="#313231">
  21. <meta name="color:border" content="#760619">
  22. <meta name="color:ask background" content="#282828">
  23. <meta name="color:sidebar text" content="#fff">
  24. <meta name="color:sidebar background" content="#000">
  25. <meta name="color:sidebar link" content="#fff">
  26. <meta name="color:sidebar link hover" content="#760619">
  27. <meta name="color:sidebar link background" content="#000">
  28. <meta name="color:info links" content="#fff">
  29. <meta name="color:info color one" content="#000">
  30. <meta name="color:info color two" content="#760619">
  31. <meta name="color:tags" content="#fff">
  32. <meta name="color:posts background" content="#000">
  33. <meta name="color:posts caption" content="#282828">
  34. <meta name="color:post title" content="#fff">
  35. <meta name="color:post title background" content="#7606198">
  36. <meta name="color:chat color one" content="#282828">
  37. <meta name="color:chat color two" content="#403f3f">
  38. <meta name="color:updates border" content="#000">
  39. <meta name="color:updates background" content="#403f3f">
  40.  
  41.  
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:header" content=""/>
  44. <meta name="image:left image" content=""/>
  45. <meta name="image:background" content=""/>
  46.  
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link1 Title" content="link 1" />
  49. <meta name="text:Link2" content="" />
  50. <meta name="text:Link2 Title" content="link 2" />
  51. <meta name="text:Link3" content="" />
  52. <meta name="text:Link3 Title" content="link 3" />
  53. <meta name="text:Link4" content="" />
  54. <meta name="text:Link4 Title" content="link 4" />
  55.  
  56. <meta name="text:update title one" content="title 1" />
  57. <meta name="text:update text one" content="" />
  58. <meta name="text:update title two" content="title 2" />
  59. <meta name="text:update text two" content="" />
  60. <meta name="text:update title three" content="title 3" />
  61. <meta name="text:update text three" content="" />
  62. <meta name="text:update title four" content="title 4" />
  63. <meta name="text:update text four" content="" />
  64. <meta name="text:update title five" content="title 5" />
  65. <meta name="text:update text five" content="" />
  66.  
  67.  
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  69. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  70. <link rel="shortcut icon" href="{Favicon}" />
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  72.  
  73. <script type="text/javascript"
  74. src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  77.  
  78. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips();
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87.  
  88. <script>
  89. $(document).ready(function(){
  90. $("#updates").click(function(){
  91. $("#mirai").slideToggle();
  92. $("#nikki").hide();
  93. });
  94. });
  95. </script>
  96.  
  97. <script>
  98. $(document).ready(function(){
  99. $("#nonee").click(function(){
  100. $("#nikki").slideToggle();
  101. $("#mirai").hide();
  102. });
  103. });
  104. </script>
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109. #s-m-t-tooltip{
  110. max-width:250px;
  111. z-index:100000;
  112. margin:-30px 0 0 0;
  113. padding:2px;
  114. text-transform:uppercase;
  115. font-family:'Lato';
  116. font-size:8px;
  117. box-shadow:2px 2px 5px rgba(0,0,0,.1);
  118. border:1px solid #000;
  119. background:#000;
  120. color:#fff;
  121. }
  122.  
  123.  
  124. a {
  125. color:{color:links};
  126. text-decoration:none;
  127. -moz-transition-duration:0.5s;
  128. -webkit-transition-duration:0.5s;
  129. -o-transition-duration:0.5s;
  130. }
  131.  
  132. a:hover {
  133. color:{color:hover};
  134. text-decoration:none;
  135. -moz-transition-duration:0.5s;
  136. -webkit-transition-duration:0.5s;
  137. -o-transition-duration:0.5s;
  138. }
  139.  
  140.  
  141. ::-webkit-scrollbar {
  142. height:8px;
  143. width:5px}
  144.  
  145. ::-webkit-scrollbar-thumb:vertical {
  146. background-color:{color:scrollbar};
  147. height:50px;
  148. }
  149.  
  150. ::-webkit-scrollbar-thumb:horizontal {
  151. background-color:{color:scrollbar};
  152. height:8px!important;
  153. }
  154.  
  155. body {
  156. background-color:{color:background};
  157. background-image:url('{image:background}');
  158. background-size:cover;
  159. background-attachment:fixed;
  160. font-family:cambria;
  161. font-weight:normal;
  162. text-transform:justify;
  163. }
  164.  
  165. b, strong {
  166. color:{color:bold};
  167. }
  168.  
  169.  
  170. h1 {
  171. font-weight:normal;
  172. font-size:10px;
  173. text-align:center;
  174. font-style:normal;
  175. line-height:80%;
  176. letter-spacing:1px;
  177. text-transform:uppercase;
  178. color:{color:text};
  179. }
  180.  
  181.  
  182.  
  183. h2 {
  184. font-size:18px;
  185. text-align:left;
  186. line-height:100%;
  187. letter-spacing:-0.5px;
  188. font-family: vernada;
  189. color:{color:title};
  190. font-weight:normal;
  191. padding:5px;
  192. padding-bottom:2px;
  193. }
  194.  
  195.  
  196. blockquote {
  197. border-left:2px solid {color:text};
  198. padding-left:5px;
  199. margin:5px;
  200. }
  201.  
  202. #sidebar_border {
  203. float:right;
  204. position:fixed;
  205. width:50px;
  206. height:110%;
  207. background:{color:border};
  208. margin:-10px 0 0 210px;
  209. z-index:555;
  210. }
  211.  
  212. #yuki{
  213. float:right;
  214. position:fixed;
  215. z-index:500;
  216. right:0;
  217. bottom:0;
  218. }
  219.  
  220. #sidebar {
  221. float:left;
  222. position:fixed;
  223. margin:0 0 0 -160px;
  224. width: 190px;
  225. bottom:30px;
  226. z-index:801;
  227. }
  228.  
  229. #simg {
  230. float:left;
  231. width:200px;
  232. height:150px;
  233. }
  234.  
  235. #simg img {
  236. float:left;
  237. width:150px;
  238. height:150px;
  239. border: 5px solid {color:sidebar background};
  240. }
  241.  
  242. #description {
  243. float:left;
  244. width:150px;
  245. margin-top:15px;
  246. font-size: 11px;
  247. font-family:'Lato';
  248. color:{color:sidebar text};
  249. line-height: 18px;
  250. text-align:center;
  251. line-height:16px;
  252. padding:5px 5px;
  253. background:{color:sidebar background};
  254. border-top:5px solid {color:border};
  255. }
  256.  
  257. #title {
  258. float:left;
  259. width:150px;
  260. font-size: 14px;
  261. font-family:'Lato';
  262. color:{color:sidebar text};
  263. text-transform:uppercase;
  264. letter-spacing:4px;
  265. text-align:center;
  266. padding:5px 5px;
  267. background:{color:sidebar background};
  268. border-top:5px solid {color:border};
  269. }
  270.  
  271.  
  272. #links {
  273. float:right;
  274. font-size: 8px;
  275. font-family: verdana;
  276. text-transform: uppercase;
  277. text-align: center;
  278. margin:50px 5px 0px 0px;
  279. display:inline-block;
  280. z-index:801;
  281.  
  282. }
  283.  
  284. .link a {
  285. color: {color:sidebar link};
  286. background:{color:sidebar link background};
  287. margin-bottom: 8px;
  288. width: 20px;
  289. height:20px;
  290. text-align:center;
  291. line-height:20px;
  292. -webkit-transition:0.3s linear;
  293. display:inline-block;
  294. cursor:pointer;
  295. }
  296.  
  297. .link a:hover {
  298. color:{color:sidebar link};
  299. background:{color:sidebar link hover};
  300. }
  301.  
  302. .link a:hover span {
  303. left: 50px;
  304. width:55px;
  305. opacity: 1;
  306. z-index:555;
  307. }
  308.  
  309. .link a span {
  310. position:relative;
  311. font-size:10px;
  312. font-family: calibri, helvetica, arial;
  313. text-transform: uppercase;
  314. line-height: 14px;
  315. left:50px;
  316. margin-top: -65px;
  317. opacity: 0;
  318. width:55px;
  319. padding: 2px 3px;
  320. position: absolute;
  321. text-align:center;
  322. transition: opacity .3s, left .4s;
  323. top: 50%;
  324. z-index: -555;
  325. color:{color:sidebar link};
  326. background:{color:sidebar background};
  327. }
  328.  
  329. .link a span:before {
  330. content: "";
  331. display: block;
  332. height: 8px;
  333. width: 8px;
  334. margin-top: -4px;
  335. position: absolute;
  336. top: 50%;
  337. transform: rotate(45deg);
  338. }
  339.  
  340.  
  341. .pagination {
  342. position:fixed;
  343. text-align:center;
  344. font-family:'Lato';
  345. font-size:10px;
  346. text-transform:uppercase;
  347. font-style:normal;
  348. z-index:100000000000000;
  349. display:inline-block;
  350. margin:10px 0 0 830px ;
  351. width: 20px;
  352. height:20px;
  353. text-align:center;
  354. line-height:20px;
  355. }
  356.  
  357. .pagination a {
  358. color: {color:sidebar link};
  359. background:{color:sidebar link background};
  360. margin-bottom: 8px;
  361. width: 20px;
  362. height:20px;
  363. text-align:center;
  364. line-height:20px;
  365. -webkit-transition:0.3s linear;
  366. display:inline-block;
  367. border-left:3px solid {color:sidebar link hover};
  368.  
  369. }
  370.  
  371.  
  372.  
  373. .revealed {
  374. display:none;
  375. float:left;
  376. position:absolute;
  377. background-color:{color:background};
  378. text-align:right
  379. top:20px;
  380.  
  381. }
  382.  
  383.  
  384. #mirai {
  385. float:left;
  386. position:fixed;
  387. top:20px;
  388. left:73px;
  389. width: 140px;
  390. background:{color:updates background};
  391. border-right:5px solid {color:updates border};
  392. }
  393.  
  394.  
  395. #upt {
  396. width:140px;
  397. height:100px;
  398. overflow:auto;
  399. font-size: 8px;
  400. text-transform:uppercase;
  401. color:{color:sidebar text};
  402. text-align:center;
  403. line-height:10px;
  404. z-index:555;
  405. padding:5px 0 5px 0;
  406. font-family: calibri, helvetica, arial;
  407. }
  408.  
  409. #upt img{
  410. width:auto;
  411. height:auto;
  412. border:0;
  413. }
  414.  
  415. #upt p
  416. {
  417. width:120px;
  418. margin-left:8px;
  419. }
  420.  
  421. .title{
  422. height: 10px;
  423. line-height: 10px;
  424. width: 120px;
  425. left:8px;
  426. background: {color:updates border};
  427. font-family: calibri, helvetica, arial;
  428. text-transform:uppercase;
  429. color:#fff;
  430. font-size: 8px;
  431. letter-spacing:1.5px;
  432. text-align: center;
  433. position: relative;
  434. margin:0 0 5px 0;
  435. opacity:1;
  436. }
  437.  
  438.  
  439. .pagination a:hover{
  440. color:{color:sidebar link};
  441. background:{color:sidebar link hover};
  442. }
  443.  
  444.  
  445. #stuffcontainer {
  446. float:left;
  447. position:relative;
  448. text-align:justify;
  449. color:{color:text};
  450. margin:150px 0 15px 260px;
  451. z-index:800;
  452. width:540px;
  453. }
  454.  
  455. .current_page{
  456. color:{color:sidebar link};
  457. background:{color:sidebar link hover};
  458. margin-bottom: 8px;
  459. width: 20px;
  460. height:20px;
  461. text-align:center;
  462. line-height:20px;
  463. -webkit-transition:0.3s linear;
  464. display:inline-block;
  465. border-left:3px solid {color:sidebar link background};
  466.  
  467. }
  468.  
  469.  
  470. #stuff {
  471. float:left;
  472. position:relative;
  473. width:500px;
  474. margin-top:45px;
  475. text-align:justify;
  476. font-size:11px;
  477. line-height:90%;
  478. letter-spacing:0px;
  479. color:{color:text};
  480. background:{color:posts background};
  481. padding:25px;
  482. z-index:801;
  483. }
  484.  
  485. .caption {
  486. margin:20px 0 0 0;
  487. width:465px;
  488. text-align:justify;
  489. line-height:120%;
  490. background:{color:posts caption};
  491. border-left:5px solid {color:border};
  492. padding:5px 15px;
  493. font-size:12px;
  494. color:{color:text};
  495. font-family: 'Lato', sans-serif;
  496. }
  497.  
  498. #slide{
  499. float:left;
  500. position:fixed;
  501. width:550px;
  502. height:153px;
  503. margin:-10px 0 0 260px;
  504. border-bottom:5px solid {color:border};
  505. z-index:801;
  506. }
  507.  
  508. #slide img {
  509. width:550px;
  510. /*height:200px;*/
  511. }
  512.  
  513. #asker {
  514. font-family:'Lato';
  515. letter-spacing:1px;
  516. background:{color:ask background};
  517. }
  518.  
  519. .asker {
  520. padding:20px 0 0 0;
  521. color:{color:ask link};
  522. font-family:'Lato';
  523. font-weight:700;
  524. font-size:10px;
  525. }
  526.  
  527. .asker a {
  528. color:{color:links};
  529. font-family:'Lato';
  530. font-weight:700;
  531. font-size:10px;
  532. }
  533.  
  534.  
  535. .question {
  536. font-size:11px;
  537. color:{color:text};
  538. font-family:'Lato';
  539. margin:10px 0 0 0;
  540. min-height:50px;
  541. }
  542.  
  543. .ans {
  544. padding:10px;
  545. font-size:11px;
  546. font-family:'Lato';
  547. color:{color:text};
  548. border-top:5px solid {color:border};
  549. background:{color:ask background};
  550. }
  551.  
  552.  
  553. #au {
  554. width:500px;
  555. height:140px;
  556. }
  557.  
  558. .audio {
  559. float:left;
  560. width:140px;
  561. height:140px;
  562. }
  563.  
  564. .cover {
  565. margin-left:0px;
  566. position: relative;
  567. z-index: 1;
  568. width:140px;
  569. height:140px;
  570. }
  571.  
  572.  
  573. .playbutton {
  574. width: 20px;
  575. height: 30px;
  576. overflow: hidden;
  577. position: relative;
  578. z-index: 800;
  579. margin: 15px 24px 13px 16px;
  580. }
  581.  
  582. .playbox {
  583. background-color: #000;
  584. position: absolute;
  585. z-index: 100;
  586. margin-top: 40px;
  587. margin-left: 40px;
  588. opacity:0.8;
  589. -moz-border-radius: 30px;
  590. -webkit-border-radius: 30px;
  591. border-radius: 30px;
  592. }
  593.  
  594. .audioinfo {
  595. float:left;
  596. width:354px;
  597. height:70px;
  598. padding:10px;
  599. margin-top:-140px;
  600. margin-left:140px;
  601. color:{color:text};
  602. background:{color:posts caption};
  603. font-size:12px;
  604. font-family:'Lato';
  605. line-height:120%;
  606. border-left:5px solid {color:border};
  607. padding:35px 0px;
  608. text-align:center;
  609. }
  610.  
  611. .audio_name{
  612.  
  613. font-size:15px;
  614. color:{color:links};
  615. font-weight:bold;
  616. text-transform:uppercase;
  617. text-align:center;
  618. }
  619.  
  620.  
  621. #player {
  622. width:30px;
  623. height:30px;
  624. overflow:hidden;
  625. position:absolute;
  626. margin-top:45px;
  627. margin-bottom:45px;
  628. -moz-border-radius: 30px;
  629. -webkit-border-radius: 30px;
  630. border-radius: 30px;
  631. }
  632.  
  633. #postinfo {
  634. position:relative;
  635. top:10px;
  636. width:540px;
  637. font-size:8px;
  638. color:{color:link};
  639. text-transform:uppercase;
  640. font-style:normal;
  641. letter-spacing:1px;
  642. margin:10px 0 20px 0;
  643. -moz-transition-duration:0.5s;
  644. -webkit-transition-duration:0.5s;
  645. -o-transition-duration:0.5s;
  646. }
  647.  
  648.  
  649. #post_reblog
  650. {
  651. float:left;
  652. position:relative;
  653. background:{color:info color one};
  654. color:{color:info links};
  655. font-size:8px;
  656. font-family:'Lato';
  657. text-transform:uppercase;
  658. padding:2px 7px;
  659. }
  660.  
  661. #post_reblog a {
  662. color:{color:info links};
  663. }
  664.  
  665. #post_reblog a:hover
  666. {
  667. color:{color:hover};
  668. }
  669.  
  670. #post_date
  671. {
  672. float:left;
  673. background:{color:info color two};
  674. color:{color:info links};
  675. font-size:8px;
  676. font-family:'Lato';
  677. text-transform:lowercase;
  678. padding:2px 7px;
  679. width:auto;
  680. }
  681.  
  682. #post_date a{
  683. color:{color:info links}
  684. }
  685.  
  686. .post_date_arrow
  687. {
  688. float:left;
  689. width:0;
  690. height:0;
  691. border-bottom:7px solid transparent;
  692. border-top:7px solid transparent;
  693. border-right:7px solid {color:info color two};
  694. margin:0px 0 0 16px;
  695. }
  696.  
  697. #post_notes
  698. {
  699. float:left;
  700. background:{color:info color one};
  701. color:{color:posts caption};
  702. font-size:8px;
  703. font-family:'Lato';
  704. text-transform:uppercase;
  705. padding:2px 7px;
  706. width:auto;
  707. }
  708.  
  709. #post_notes a{
  710. color:{color:info links};
  711. }
  712.  
  713. .post_notes_arrow
  714. {
  715. float:left;
  716. width:0;
  717. height:0;
  718. border-bottom:7px solid transparent;
  719. border-top:7px solid transparent;
  720. border-right:7px solid {color:info color one};
  721. margin:0px 0 0 16px;
  722. }
  723.  
  724. #quotes{
  725. width:485px;
  726. background:{color:posts caption};
  727. padding:10px;
  728. color:{color:text};
  729. font-size:15px;
  730. font-family:'Lato';
  731. text-align:center;
  732. }
  733.  
  734. #quotes_source{
  735. width:495px;
  736. background:{color:border};
  737. padding:5px;
  738. color:{color:text};
  739. font-size:9px;
  740. font-family:'Lato';
  741. text-transform:uppercase;
  742. text-align:right;
  743. }
  744.  
  745. .quotemark{
  746. font-family:georgia;
  747. font-size:70px;
  748. position:absolute;
  749. float:left;
  750. opacity:.7;
  751. margin:18px 0 0 -30px;
  752. color:{color:border};
  753. }
  754.  
  755. #link_posts{
  756. width:485px;
  757. background:{color:posts caption};
  758. padding:10px;
  759. text-align:center;
  760. border-bottom:5px solid {color:border};
  761. }
  762.  
  763.  
  764. #link_posts a{
  765. color:{color:post title};
  766. font-size:15px;
  767. font-family:'Lato';
  768. text-transform:uppercase;
  769. letter-spacing:1px;
  770. }
  771.  
  772. #link_posts_description {
  773. width:485px;
  774. background:{color:posts caption};
  775. padding:10px;
  776. color:{color:text};
  777. font-size:11px;
  778. font-family:'Lato';
  779. text-align:justify;
  780. line-height:110%;
  781. }
  782.  
  783. #text_posts_title{
  784. width:485px;
  785. background:{color:post title background};
  786. padding:10px;
  787. text-align:center;
  788. color:{color:post title};
  789. font-size:15px;
  790. font-family:'Lato';
  791. }
  792.  
  793.  
  794. #text_posts_text {
  795. width:485px;
  796. background:{color:posts caption};
  797. padding:10px;
  798. color:{color:text};
  799. font-size:11px;
  800. font-family:'Lato';
  801. text-align:justify;
  802. line-height:110%;
  803. }
  804.  
  805.  
  806.  
  807. .tags {
  808. font-style:normal;
  809. width:540px;
  810. height:auto;
  811. text-transform:uppercase;
  812. color:{color:tags};
  813. line-height:180%;
  814. font-size:8px;
  815. padding:2px;
  816. font-family:'Lato';
  817. text-align:left;
  818. padding-left:10px;
  819. -moz-transition-duration:0.5s;
  820. -webkit-transition-duration:0.5s;
  821. -o-transition-duration:0.5s;
  822. }
  823.  
  824. .tags a {
  825. color:{color:tags};
  826. }
  827.  
  828. .tags a:hover {
  829. color:{color:link};
  830. }
  831.  
  832. .chat {
  833. font-size:8px;
  834. line-height:12px;
  835. text-transform:uppercase;
  836. list-style:none
  837. font-family:'Lato';
  838. width:500px;
  839. }
  840. .chat ul {
  841. line-height:15px;
  842. list-style:none;
  843. padding:0px;
  844. line-height:20px;
  845. color:{color:post title};
  846. letter-spacing:1px;
  847. }
  848. .person1 {
  849. background-color:{color:chat color one};
  850. padding-left:6px;
  851. padding-right:6px;
  852. font-family:'Lato';
  853. }
  854. .person1 .label {
  855. font-weight:bold;
  856. font-family:'Lato';
  857. }
  858. .person2 {
  859. background-color:{color:chat color two};
  860. padding-left:6px;
  861. padding-right:6px;
  862. font-family:'Lato';
  863. }
  864. .person2 .label {
  865. font-weight:bold;
  866. font-family:'Lato';
  867. }
  868. .person3 {
  869. background-color:{color:chat color one};
  870. padding-left:6px;
  871. padding-right:6px;
  872. font-family:'Lato';
  873. }
  874. .person3 .label {
  875. font-weight:bold;
  876. font-family:'Lato';
  877. }
  878. .person4 {
  879. background-color:{color:chat color two};
  880. padding-left:6px;
  881. padding-right:6px;
  882. font-family:'Lato';
  883. }
  884. .person4 .label {
  885. font-weight:bold;
  886. font-family:'Lato';
  887. }
  888. .person5 {
  889. background-color:{color:chat color one};
  890. padding-left:6px;
  891. padding-right:6px;
  892. font-family:'Lato';
  893. }
  894. .person5 .label {
  895. font-weight:bold;
  896. font-family:'Lato';
  897. }
  898. .person6 {
  899. background-color:{color:chat color two};
  900. padding-left:6px;
  901. padding-right:6px;
  902. }
  903. .person6 .label {
  904. font-weight:bold;
  905. }
  906. .person7 {
  907. background-color:{color:chat color one};
  908. padding-left:6px;
  909. padding-right:6px;
  910. font-family:'Lato';
  911. }
  912. .person7 .label {
  913. font-weight:bold;
  914. font-family:'Lato';
  915. }
  916. .person8 {
  917. background-color:{color:chat color two};
  918. padding-left:6px;
  919. padding-right:6px;
  920. }
  921. .person8 .label {
  922. font-weight:bold;
  923. }
  924.  
  925.  
  926. .notes {
  927. width:534px;
  928. background:black;
  929. position:relative;
  930. margin:0px 0px 0px 0px;
  931. float:left;
  932. text-transform: uppercase;
  933. list-style-type: none;
  934. font-size: 8px;
  935. letter-spacing: 0.2em;
  936. display:inline-block;
  937. padding:7px;
  938. }
  939.  
  940. ol.notes {
  941. list-style-type: none;
  942. padding:0;
  943. }
  944. ol.notes li.note {
  945. display: inline-block;
  946. }
  947.  
  948. ol.notes li.note span {
  949. display:none;
  950. }
  951.  
  952. ol.notes li.note img.avatar {
  953. display:inline;
  954. width: 25px;
  955. height: 25px;
  956. margin: 4px;
  957. border:4px solid {color:border};
  958.  
  959. }
  960.  
  961. ol.notes li.note img.avatar:hover {
  962. opacity:1;
  963. }
  964.  
  965. ol.notes li.note blockquote {
  966. display: none;
  967. }
  968.  
  969.  
  970. ol.notes li.more_notes_link_container {
  971. border-top: 3px solid {color:border};
  972. padding: 3px;
  973. background: {color:posts caption};
  974. display:block;
  975. color:{color:post title};
  976. text-transform:uppercase;
  977. display: block;
  978. margin-top: 10px;
  979. }
  980.  
  981. ol.notes li.more_notes_link_container a{
  982. color:{color:post title};
  983. }
  984.  
  985.  
  986. .container{
  987. width:550px;
  988. height:153px;
  989. overflow:hidden;
  990. position:relative;
  991.  
  992. }
  993.  
  994. #credit{
  995. width:20px;
  996. position:fixed;
  997. bottom:10px;
  998. right:10px;
  999. opacity:1;
  1000. z-index:100000000000000000000000000000000;
  1001. -webkit-transition: all 0.3s linear;
  1002. -moz-transition: all 0.3s linear;
  1003. -o-transition: all 0.3s linear;
  1004. -ms-transition: all 0.3s linear;
  1005. -webkit-filter: grayscale(100%);
  1006. -moz-filter: grayscale(100%);
  1007. -ms-filter: grayscale(100%);
  1008. -o-filter: grayscale(100%);
  1009. }
  1010.  
  1011. #credit:hover{
  1012. opacity:0.3;
  1013. -webkit-filter: grayscale(0%);
  1014. -moz-filter: grayscale(0%);
  1015. -ms-filter: grayscale(0%);
  1016. -o-filter: grayscale(0%);
  1017. }
  1018.  
  1019.  
  1020.  
  1021. {CustomCSS}
  1022. </style>
  1023. </head>
  1024.  
  1025.  
  1026.  
  1027.  
  1028. <div id="sidebar_border">
  1029.  
  1030. <div id="sidebar">
  1031.  
  1032. <div id="simg">
  1033. <img src="{image:sidebar}"/>
  1034.  
  1035. <div id="links">
  1036. <div class="link"><a href="/">01<span>home</span></a></div>
  1037. <div class="link"><a href="/ask">02<span>ask</span></a></div>
  1038. <div class="link"><a href="{text:Link1}">03<span>{text:Link1 Title}</span></a></div>
  1039. <div class="link"><a href="{text:Link2}">04<span>{text:Link2 Title}</span></a></div>
  1040. <div class="link"><a href="{text:Link3}">05<span>{text:Link3 Title}</span></a></div>
  1041. <div class="link"><a href="{text:Link4}">06<span>{text:Link4 Title}</span></a></div>
  1042. {block:IfShowUpdatesTab}<div class="link"><a id="updates">07<span>updates</span></a></div>{/block:IfShowUpdatesTab}
  1043.  
  1044.  
  1045. </div></div>
  1046.  
  1047. <div id="description">
  1048. {block:Description}{Description}{/block:Description}
  1049. </div>
  1050. <div id="title">{title}</div>
  1051.  
  1052.  
  1053.  
  1054.  
  1055. </div>
  1056. </div>
  1057.  
  1058.  
  1059.  
  1060. <div id="slide">
  1061. <div class="container">
  1062. <img src="{image:header}" />
  1063.  
  1064.  
  1065. </div>
  1066. </div>
  1067.  
  1068.  
  1069.  
  1070. <div class="pagination">
  1071. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a><br>
  1072. {/block:PreviousPage}{block:JumpPagination length="3"}
  1073. {block:CurrentPage}<span class="current_page" style="width:20px; height:20px; line-height:20px;">{PageNumber}<br></span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a><br>{/block:JumpPage}
  1074. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">+</a>
  1075. {/block:NextPage}{/block:Pagination}</div>
  1076.  
  1077. <div id="stuffcontainer">
  1078.  
  1079.  
  1080. {block:Posts}
  1081.  
  1082. <!-- {block:NoRebloggedFrom}
  1083. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1084. {/block:NoRebloggedFrom} -->
  1085.  
  1086. <div id="stuff">
  1087.  
  1088. {block:Text}{block:Title}<div id="text_posts_title">{Title}</div>{/block:Title}<div id="text_posts_text">{Body}</div>{/block:Text}
  1089.  
  1090. {block:Quote}<div id="quotes"><span class="quotemark">“</span>{Quote}</div><div id="quotes_source">{Source} </div>{/block:Quote}
  1091.  
  1092.  
  1093. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1094.  
  1095. {block:Photoset}<center>{Photoset-500}</center>
  1096. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1097.  
  1098. {block:Chat}
  1099. {block:Title}<a href="{Permalink}"><div id="text_posts_title">{Title}</div></a>{/block:Title}
  1100. <div class="chat"><ul>{block:Lines}
  1101. <li class="person{UserNumber}">{block:Label}
  1102. <span class="label"><u>{Label}</u></span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1103. {/block:Chat}
  1104.  
  1105. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  1106.  
  1107. {block:Answer}<div id="asker">
  1108. <img src="{AskerPortraitURL-64}"style="width:45px; height:45px; border: 5px solid {color:ask border}; margin:20px 20px; float:left;">
  1109. <div class="asker">{Asker} asked:</div>
  1110. <div class="question">
  1111. {Question}
  1112. </div> </div>
  1113. <div class="ans">{Answer}</div>
  1114. {/block:Answer}
  1115.  
  1116. {block:Link}
  1117. <div id="link_posts">
  1118. <a href="{URL}">{Name}</a>
  1119. </div>
  1120. {block:Description}
  1121. <div id="link_posts_description">{Description}</div>
  1122. {/block:Description}
  1123. {/block:Link}
  1124.  
  1125. {block:Audio}
  1126. <div id="au">
  1127. <div class="audio">
  1128. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1129. {block:AlbumArt}
  1130. <img src="{AlbumArtURL}" class="cover">
  1131. {/block:AlbumArt}
  1132. <div class="audioinfo">
  1133. {block:TrackName}
  1134. <div class="audio_name">
  1135. {TrackName}
  1136. </div>
  1137. {/block:TrackName}
  1138. {block:Album}
  1139. {Album}<br>
  1140. {/block:Album}
  1141. {block:Artist}
  1142. {Artist}
  1143. {/block:Artist}
  1144. {/block:ExternalAudio}
  1145. <p>Played {PlayCount} times</p>
  1146. </div>
  1147. </div>
  1148. </div>
  1149. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  1150.  
  1151.  
  1152.  
  1153. </div>
  1154.  
  1155.  
  1156. {block:Date}<div id="postinfo">
  1157. <a href="{ReblogURL}" target="_blank" id="post_reblog">Reblog</a>
  1158.  
  1159. <span class="post_date_arrow"></span><div id="post_date">{MonthNumberWithZero}-{DayOfMonthWithZero}-{ShortYear} &nbsp;&nbsp; <a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></div>
  1160.  
  1161. {block:NoteCount}<span class="post_notes_arrow"></span><div id="post_notes"> <a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}
  1162. {/block:Date}
  1163.  
  1164.  
  1165. {block:HasTags}
  1166. <div class="tags">&nbsp;
  1167. {block:Tags}<a href="{TagURL}">&nbsp;#{Tag}</a>{/block:Tags}
  1168. </div>
  1169. {/block:HasTags}
  1170. </div>
  1171.  
  1172. {block:PermalinkPage}
  1173. <div class="notes">{PostNotes-64}</div>
  1174. {/block:PermalinkPage}
  1175.  
  1176. {/block:Posts}
  1177.  
  1178.  
  1179. </div>
  1180. </div>
  1181.  
  1182.  
  1183. {block:ContentSource}
  1184. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1185. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1186. {/block:SourceLogo}
  1187. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1188. {/block:ContentSource}
  1189.  
  1190.  
  1191. <img id="yuki" src="{image:left image}">
  1192.  
  1193. <div id="mirai" class="revealed">
  1194. <div id="upt">
  1195. {block:IfUpdateTitleOne}<div class='title'>{text:update title one}</div>
  1196. <p>{text:update text one}</p>{/block:IfUpdateTitleOne}
  1197. {block:IfUpdateTitleTwo}<div class='title'>{text:update title two}</div>
  1198. <p>{text:update text two}</p>{/block:IfUpdateTitleTwo}
  1199. {block:IfUpdateTitleTwo}<div class='title'>{text:update title three}</div>
  1200. <p>{text:update text three}</p>{/block:IfUpdateTitleThree}
  1201. {block:IfUpdateTitleFour}<div class='title'>{text:update title four}</div>
  1202. <p>{text:update text four}</p>{/block:IfUpdateTitleFour}
  1203. {block:IfUpdateTitleFive}<div class='title'>{text:update title five}</div>
  1204. <p>{text:update text five}</p>{/block:IfUpdateTitleFive}
  1205.  
  1206.  
  1207. </div></div>
  1208.  
  1209. <a href="http://mandrakescry.tumblr.com/"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" title="theme by mandrakescry"></a>
  1210.  
  1211. </body>
  1212. </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!