API tools faq
paste
Advertisement
Themes_Mandrakescry

Theme 46

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