API tools faq
paste
Advertisement
tasty2punch

mina's theme

tasty2punch
Jul 22nd, 2014
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.00 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <meta name="description" content="{MetaDescription}" />
  8. <link rel="shortcut icon" href="{Favicon}">
  9.  
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11.  
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script>
  15.    (function($){
  16.        $(document).ready(function(){
  17.            $("[title]").style_my_tooltips({
  18.                tip_follows_cursor: true,
  19.                tip_delay_time:100,
  20.                tip_fade_speed:300
  21.            }
  22.                );
  23.        });
  24.    })(jQuery);
  25. </script>
  26.  
  27.  
  28.  
  29.  
  30. <script>
  31. $(document).ready(function() {
  32. //
  33. $('a.poplight[href^=#]').click(function() {
  34. var popID = $(this).attr('rel'); //Get Popup Name
  35. var popURL = $(this).attr('href'); //Get Popup href to define size
  36. var query= popURL.split('?');
  37. var dim= query[1].split('&');
  38. var popWidth = dim[0].split('=')[1];
  39.  
  40.   //Fade in the Popup and add close button
  41.  
  42.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="float:right;">&times;</a>');
  43.  
  44. var popMargTop = ($('#' + popID).height() + 80) / 2;
  45. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  46. //Apply Margin to Popup
  47. $('#' + popID).css({
  48. 'margin-top' : -popMargTop,
  49. 'margin-left' : -popMargLeft
  50. });
  51. $('body').append('<div id="fade"></div>');
  52. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  53. return false;
  54. });
  55. $('a.close, #fade').live('click', function() {
  56. $('#fade , .popup_block').fadeOut(function() {
  57. $('#fade, a.close').remove(); //fade them both out
  58. });
  59. return false;
  60. });
  61. });
  62. </script>
  63.  
  64.  
  65. <meta name="color:link" content="#292626" />
  66. <meta name="color:background" content="#FFFFFF" />
  67. <meta name="color:border" content="#eeeeee" />
  68. <meta name="color:link" content="#292626" />
  69. <meta name="color:tooltipbg" content= "#cccccc"/>
  70. <meta name="color:hoverllink" content= "#cccccc"/>
  71. <meta name="color:scroll" content="#eeeeee" />
  72.  
  73. <meta name="color:text" content="#7c7c7c" />
  74.  
  75. <meta name="color:navhover1" content="#292626" />
  76. <meta name="color:navhover2" content="#FFFFFF" />
  77. <meta name="color:navhover3" content="#eeeeee" />
  78. <meta name="color:navhover4" content="#292626" />
  79. <meta name="color:navhover5" content= "#cccccc"/>
  80. <meta name="color:navhover6" content="#eeeeee" />
  81.  
  82. <meta name="text:Link1" content="" />
  83. <meta name="text:Link1URL" content="http://"  />
  84. <meta name="text:Link2" content="" />
  85. <meta name="text:Link2URL" content="http://"  />
  86. <meta name="text:Link3" content="" />
  87. <meta name="text:Link3URL" content="http://"  />
  88. <meta name="text:Link4" content="" />
  89. <meta name="text:Link4URL" content="http://"  />
  90. <meta name="text:Link5" content="" />
  91. <meta name="text:Link5URL" content="http://" />
  92.  
  93. <meta name="text:Link6" content="" />
  94. <meta name="text:Link6URL" content="http://" />
  95. <meta name="text:tracker" content=""/>
  96.  
  97. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  98.  
  99. <link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  100.         <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  101.         <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
  102. <meta name="image:sidebar image" content=""/>
  103. <meta name="image:background image" content=""/>
  104. <style type="text/css">
  105.  
  106.  
  107.  
  108.  
  109. ::selection {
  110.     background:#fff;
  111.     color: {color:accent}}
  112.    
  113. ::-webkit-scrollbar-thumb{
  114.     background-color: {color:scroll};
  115.     border: 3px solid #fdfdfd;
  116.     height:auto;
  117.     -moz-border-radius: 10px;
  118.     border-radius: 10px;
  119. }
  120.  
  121. ::-webkit-scrollbar {
  122.     height:auto;
  123.     width:9px;
  124.     background-color: #eee;
  125.     border: 4px solid #fdfdfd;
  126. }
  127.  
  128.  
  129. #s-m-t-tooltip {
  130.     margin: auto;
  131.     display: none;
  132.     text-align: center;
  133.     position: absolute;
  134.     max-width:250px;
  135.     font-style: ;
  136.     font-size:7px;
  137.     line-height:11px;
  138.     font-family: trebuchet ms, calibri, consolas;
  139.     z-index: 10000000000;
  140.     /*border-left: 2px solid {color:text};
  141.     border-right: 2px solid {color:text}; */
  142.     border: 1px solid #ffffff;
  143.     background-color: {color:tooltipbg};
  144.     color: #ffffff;
  145.     text-transform: uppercase;
  146.     letter-spacing: 1px;
  147.     padding: 4px;
  148.     border-radius: 3px;
  149.     margin: 10px;
  150.     /*box-shadow: 2px 2px 5px #eeeeee;*/
  151.     }
  152.  
  153.  
  154. body {
  155.     color: {color:text} ;
  156.     background-color:{color:background};;
  157.     background-image: url('{image:background image}');  
  158.     background-position: ;
  159.     background-repeat: ;
  160.     font-family: Calibri, Cambria;
  161.     font-size: 10px;
  162.     text-align: justify;
  163.     line-height: 120%;
  164.     margin-bottom: 0;
  165.     overflow-x: hidden;
  166.     cursor: url('http://i.imgur.com/ZOrzC.png'), progress !important;
  167. }
  168.  
  169. a:link, a:active, a:visited {
  170.     color: {color:link};
  171.     text-decoration:none;
  172.     -webkit-transition: all 0.6s ease-in-out;
  173.     -moz-transition: all 0.6s ease-in-out;
  174.     -o-transition: all 0.6s ease-in-out;
  175.     -ms-transition: all 0.6s ease-in-out;
  176.     transition: all 0.6s ease-in-out;
  177. }
  178.    
  179. a:hover {
  180.     color: {color:linkhover};
  181.     /*text-shadow: 2px 0px {color:border}, -2px 0px {color:border};*/
  182.     -webkit-transition: all 0.6s ease-in-out;
  183.     -moz-transition: all 0.6s ease-in-out;
  184.     -o-transition: all 0.6s ease-in-out;
  185.     -ms-transition: all 0.6s ease-in-out;
  186.     transition: all 0.6s ease-in-out;
  187.     cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;
  188. }
  189.  
  190.  
  191. #containment {
  192.     width:100%;
  193.     height: 200%;
  194.     margin-left: 40%;
  195.     margin-right: auto;
  196.     margin-top: -10px;
  197.     margin-bottom:0;
  198.     padding:0;
  199.     background-color: #ffffff /*#fcfcfc */;
  200.     /*border-left: 5px dotted #ffffff; */
  201.     border-left: 3px double #f3f3f3;
  202.     }
  203.    
  204. #side {
  205.     display: none;
  206. }
  207.  
  208. #entries {
  209.     text-align: justify;
  210.     z-index:-2;
  211.     /*border-right: 0px double #ffffff;
  212.     border-left: 3px double white;
  213.     padding-left:55px;
  214.     padding-right:55px;
  215.     background-color: #ffffff;*/
  216.     margin-left: 10px;
  217.     margin-right: 10px;
  218.     margin-bottom: 0;
  219.     border: 0px solid gray;
  220.     margin-top:10;
  221.     width:500px;
  222.     margin-bottom: 0;
  223.     z-index: 1;
  224.     padding-top: 40px;
  225.     padding-bottom: 0px;
  226.     padding-left: 50px;
  227.     height: 250%;
  228.     border-left: 3px dotted {color:border};
  229. }
  230.  
  231. #postswhite {
  232.     height: 300%;
  233.     width: 500px;
  234.     padding: 0px;
  235.     margin-left: -8px;
  236.     margin-top: -50px;
  237.     margin-bottom: 0px;
  238.     background-color:#ffffff;
  239.     border: 1px solid #ffffff;
  240. }
  241.  
  242. #posts {
  243.     width:400px;
  244.     margin-bottom:5px;
  245.     margin-top: 35px;
  246.     padding: 50px;
  247.     text-align: justify;
  248.     background-color: {color:background};
  249.     border-radius: 8px 0 8px 0;
  250.     border-bottom: 0px solid #F0F4FE;
  251.     font-family: 'Asap', Calibri, sans-serif;
  252.     font-size: 10px;
  253.     letter-spacing: 1px;
  254.     line-height: 140%;
  255.     border: 0px solid black;
  256.     }
  257.  
  258. #posts b, #posts strong {
  259.     /*font-weight: 400; */
  260. }
  261.  
  262. #title {
  263.     text-align:center;
  264.     width:135px;  
  265.     font-family: 'Racing Sans One', cursive;
  266.     font-style: normal;
  267.     margin-bottom:5px;
  268.     text-transform: lowercase;
  269.     letter-spacing: 1px;
  270.     text-shadow: 1px 1px #BACFE1;
  271.     border: 0px solid black;
  272.     font-size: 30px;
  273.     margin-left: 615px;
  274.     top: 360px;
  275.     position:fixed;
  276.     display: visible;
  277.     z-index: 999;
  278.     color: #E0F4FF;
  279.     line-height: 18px;
  280. }
  281.  
  282. #sdbar {
  283.     position: fixed;
  284.     top: 100px;
  285.     margin-left: -270px;
  286.     /*width: 280px;*/
  287.     border: 0px solid red;
  288. }
  289.  
  290. #heart {
  291.     position:fixed;
  292.     margin-left: -20px;
  293.     margin-top: -155px;
  294. }
  295.  
  296. @-webkit-keyframes wobble-horizontal {
  297.   16.65% {
  298.     -webkit-transform: translateX(3px);
  299.     transform: translateX(3px);
  300.   }
  301.  
  302.   33.3% {
  303.     -webkit-transform: translateX(-3px);
  304.     transform: translateX(-3px);
  305.   }
  306.  
  307.   49.95% {
  308.     -webkit-transform: translateX(2px);
  309.     transform: translateX(2px);
  310.   }
  311.  
  312.   66.6% {
  313.     -webkit-transform: translateX(-1px);
  314.     transform: translateX(1px);
  315.   }
  316.  
  317.   83.25% {
  318.     -webkit-transform: translateX(1px);
  319.     transform: translateX(1px);
  320.   }
  321.  
  322.   100% {
  323.     -webkit-transform: translateX(0);
  324.     transform: translateX(0);
  325.   }
  326. }
  327.  
  328. @keyframes wobble-horizontal {
  329.    
  330.   /*16.65% {
  331.     -webkit-transform: translateX(2px);
  332.     transform: translateX(2px); } */
  333.  
  334.   33.3% {
  335.     -webkit-transform: translateX(-1px);
  336.     transform: translateX(-1px); }
  337.  
  338.   49.95% {
  339.     -webkit-transform: translateX(1px);
  340.     transform: translateX(1px); }
  341.  
  342.   66.6% {
  343.     -webkit-transform: translateX(-2px);
  344.     transform: translateX(-2px); }
  345.  
  346.   /*83.25% {
  347.     -webkit-transform: translateX(1px);
  348.     transform: translateX(1px); } */
  349.  
  350.   100% {
  351.     -webkit-transform: translateX(0);
  352.     transform: translateX(0); }
  353. }
  354.  
  355. #etudis {
  356.     position: fixed;
  357.     bottom: 18px;
  358.     right: 1px;
  359.     width: 50px;
  360.     text-align: center;
  361. }
  362.  
  363. #etudis img {
  364.     width: 35px;
  365. }
  366.  
  367. #circles {
  368.     position: fixed;
  369.     top: 130px;
  370.     margin-left: -90px;
  371. }
  372.  
  373. #circles img {
  374.     width: 30px;
  375.     /*opacity: 0.6; */
  376.     padding: 1px 0;
  377.     -webkit-transition: all 0.6s ease-in-out;
  378.     -moz-transition: all 0.6s ease-in-out;
  379.     -o-transition: all 0.6s ease-in-out;
  380.     -ms-transition: all 0.6s ease-in-out;
  381.     transition: all 0.6s ease-in-out;
  382. }
  383.  
  384. #circles img:hover {
  385.     /*opacity: 0.6; */
  386.     -webkit-animation-name: wobble-horizontal;
  387.     animation-name: wobble-horizontal;
  388.     -webkit-animation-duration: 1s;
  389.     animation-duration: 1s;
  390.     -webkit-animation-timing-function: ease-in-out;
  391.     animation-timing-function: ease-in-out;
  392.     -webkit-animation-iteration-count: 1;
  393.     animation-iteration-count: 1;   */
  394.     -webkit-transition: all 0.6s ease-in-out;
  395.     -moz-transition: all 0.6s ease-in-out;
  396.     -o-transition: all 0.6s ease-in-out;
  397.     -ms-transition: all 0.6s ease-in-out;
  398.     transition: all 0.6s ease-in-out;
  399.     position: relative;
  400.     /*top: 1px;
  401.     left: 1px;*/
  402. }
  403.  
  404. #simg1 {
  405.     padding: 0px;
  406.     border: 0px solid red;
  407.     padding: 5px;
  408.     margin-left: 0px;
  409.     border-radius: 0 8px 0 0;
  410.     background-image: url('{image:sidebar image}');
  411.     width: 162px;
  412.     height: 350px;
  413.     border-radius: 20px 0px 0 0;
  414.     border: 0px solid white;
  415.     border-right: 0px solid white;
  416.     -webkit-filter: grayscale(100%);
  417. -moz-filter: grayscale(100%);
  418. filter: grayscale(100%);
  419. opacity: 0.6;
  420.     filter: alpha(opacity=60); /* For IE8 and earlier */
  421. }
  422.  
  423. div#simg1:hover
  424. {
  425.     opacity: 0.85;
  426.        -webkit-filter: grayscale(70%);
  427. -moz-filter: grayscale(70%);
  428. filter: grayscale(70%);
  429.     -webkit-transition: all 0.6s ease-in-out;
  430.     -moz-transition: all 0.6s ease-in-out;
  431.     -o-transition: all 0.6s ease-in-out;
  432.     -ms-transition: all 0.6s ease-in-out;
  433.     transition: all 0.6s ease-in-out;
  434. }
  435.  
  436.  
  437. .simg img {
  438.     border: 0px solid black;
  439.     border-radius: ;
  440.     opacity: 0.8;
  441.     background-color: #ffffff;
  442.     -webkit-transition: all 0.6s ease-in-out;
  443.     -moz-transition: all 0.6s ease-in-out;
  444.     -o-transition: all 0.6s ease-in-out;
  445.     -ms-transition: all 0.6s ease-in-out;
  446.     transition: all 0.6s ease-in-out;
  447. }
  448.  
  449. .simg img:hover {
  450.     opacity: 0.85;
  451.     -webkit-transition: all 0.6s ease-in-out;
  452.     -moz-transition: all 0.6s ease-in-out;
  453.     -o-transition: all 0.6s ease-in-out;
  454.     -ms-transition: all 0.6s ease-in-out;
  455.     transition: all 0.6s ease-in-out;
  456. }
  457.  
  458. #nav1 {
  459.     margin-top: -5px;
  460.     margin-left: 5px;
  461.     position: fixed;
  462.     z-index: 999;
  463.     /*-moz-transform: rotate(90deg);
  464.     -webkit-transform: rotate(90deg);
  465.     -o-transform: rotate(90deg);
  466.     -ms-transform: rotate(90deg);
  467.     transform: rotate(90deg);*/
  468. }
  469.  
  470. .navi a {
  471.     width: 25px;
  472.     height: 4px;
  473.     color:#c0c0c0;
  474.     display: inline-block;
  475.     margin-bottom: 2px;
  476.     margin-right: 0px;
  477.     margin-left: 0px;
  478.     padding: 1px;
  479.     /*border-bottom: 1px solid #ffffff;
  480.     border-right: 1px solid #ffffff; */
  481.     border-right: 0px solid #ffffff;
  482.     text-align: center;
  483.     font-size: 7px;
  484.     font-family:Trebuchet MS, sans-serif;
  485.     text-transform: uppercase;
  486.     letter-spacing: 1px;
  487.     -webkit-transition: all 0.2s ease-in-out;
  488.     -moz-transition: all 0.2s ease-in-out;
  489.     -o-transition: all 0.2s ease-in-out;
  490.     -ms-transition: all 0.2s ease-in-out;
  491.     transition: all 0.2s ease-in-out;
  492. }
  493.  
  494. .l1 { opacity: 1; background-color: #ccc; }
  495. .l2 { opacity: 1; background-color: #aaa; }
  496. .l3 { opacity: 1; background-color: #888; }
  497. .l4 { opacity: 1; background-color: #777; }
  498. .l5 { opacity: 1; background-color: #bbb; }
  499. .l6 { opacity: 1; background-color: #ddd; }
  500.  
  501. .l1:hover { opacity: 1; background-color: {color:navhover1}; }
  502. .l2:hover { opacity: 1; background-color: {color:navhover2}; }
  503. .l3:hover { opacity: 1; background-color: {color:navhover3}; }
  504. .l4:hover { opacity: 1; background-color: {color:navhover4} }
  505. .l5:hover { opacity: 1; background-color: {color:navhover5}; }
  506. .l6:hover { opacity: 1; background-color: {color:navhover6}; }
  507.  
  508. .navi a:hover {
  509.     /*background-color: #fcfcfc;*/
  510.     color: #888888;
  511.     text-shadow: none;
  512.     border-bottom: 0px solid #f1f1f1;
  513.     -webkit-transition: all 0.2s ease-in-out;
  514.     -moz-transition: all 0.2s ease-in-out;
  515.     -o-transition: all 0.2s ease-in-out;
  516.     -ms-transition: all 2.6s ease-in-out;
  517.     transition: all 0.2s ease-in-out;
  518. }
  519.  
  520. #desc {
  521.     width: 140px;
  522.     height: 67px;
  523.     border: 0px solid #ffffff;
  524.     padding: 5px;
  525.     text-align: center;
  526.     position: fixed;
  527.     margin-top: -130px;
  528.     margin-left: -80px;
  529.     background-color: #ffffff;
  530.     border-radius: 0 0px 10px 0;
  531.     display: visible;
  532.     color: #c0c0c0;
  533.     text-transform: uppercase;
  534.     padding-top: 13px;
  535.     font-family: 'Calibri', 'Oxygen', sans-serif;
  536.     font-size: 8px;
  537.     letter-spacing: 1px;
  538.     overflow-y:scroll;
  539.     overflow-x: hidden;
  540.     border-left: 3px solid {color:scroll};
  541. }
  542.  
  543. #desc a, #desc a:link {
  544.     color: #999;
  545. }
  546.  
  547. #desc a:hover {
  548.     color: #cccccc;
  549. }
  550.  
  551. #info {
  552.     position:fixed;
  553.     margin-top: 15px;
  554.     margin-left: -8px;
  555.     font-family: Helvetica, sans-serif;
  556.     font-weight: bold;
  557.     font-size: 30px;
  558.     font-style: italic;
  559.     color: #ffffff;
  560.     width: 120px;
  561.     padding: 5px;
  562.     letter-spacing: -1px;
  563.     text-align: center;
  564.     border: 0px solid blue;
  565.     display: none;
  566.     border-left: 0px solid gray;
  567. }
  568.  
  569. #hovers {
  570.     position: fixed;
  571.     margin-top: -133px;
  572.     margin-left: -105px;
  573.     width: 20px;
  574.     padding: 5px;
  575.     color: {color:link};
  576.     border: 0px solid blue;
  577.     text-align: center;
  578.     letter-spacing: 3px;
  579.     display: visible;
  580.     font-size: 12px;
  581.     line-height: 140%;
  582. }
  583.  
  584. #hovers a, #hovers a:link {
  585.     color: {color:link};
  586. }
  587.  
  588. #hovers a:hover {
  589.     color: #f1f1f1;
  590. }
  591.  
  592. #info a, #info a:link {
  593.     color: #ffffff;
  594. }
  595.  
  596. #info a:hover {
  597.     color: #f1f1f1;
  598. }
  599.  
  600. #pagination {
  601.     position: fixed;
  602.     margin-left: -110px;
  603.     margin-top: -50px;
  604.     letter-spacing: 1px;
  605.     width: 100px;
  606.     padding: 5px;
  607.     border: 0px solid red;
  608.     text-align: right;
  609.     font-family: Calibri, sans-serif;
  610.     font-weight: normal;
  611.     font-style: normal;
  612.     text-transform: uppercase;
  613.     font-size: 8px;
  614.     color: #666;
  615. }
  616.  
  617. #pagination a {
  618.     text-align:center;  
  619.     letter-spacing:1px;
  620.     font-size:8px;
  621.     color: #666;
  622. }
  623.  
  624. #pagination a:hover {
  625.     color: #f1f1f1;
  626. }
  627.  
  628.  
  629. h2 {
  630.     color: {color:text};
  631.     font-size:14px;
  632.     letter-spacing:2px;
  633.     font-family: 'Oxygen', sans-serif;
  634.     font-style: normal;
  635.     font-weight: bold;
  636.     letter-spacing:1px;  
  637.     line-height:110%;
  638.     margin:0px;
  639.     padding:0px;
  640.     text-align:center;}
  641.  
  642. .qsource {
  643.     font-size:8px;
  644.     margin-top:10px;
  645.     text-transform:uppercase;
  646.     letter-spacing:1px;
  647.     width:400px;
  648.     text-align:center;}
  649.  
  650. blockquote {
  651.     border-left:1px dotted {color:border};
  652.     padding-left:8px;
  653.     margin:0px 2px 0px 10px;
  654.     margin-top: 5px;
  655.     margin-bottom: 5px;}
  656.  
  657. blockquote img, blockquote a img {
  658.     max-width:100%; }
  659.    
  660. img { max-width:100%; height: auto; }
  661.  
  662. /*----------audio---------*/
  663.  
  664. .newplayerbutton {
  665. position: relative;
  666. width: 20px;
  667. height: 25px;
  668. overflow: hidden;
  669. }
  670.            
  671. .playerbuttonhug {
  672. position: absolute;
  673. top: -10px;
  674. left: 0px;
  675. }
  676.  
  677. .tumblr_audio_player {
  678. border: none;
  679. padding: 0px;
  680. margin: 0px;
  681. height: 50px;
  682. width: 400px;
  683. }
  684.  
  685. .playerbuttonbg {
  686. position: absolute;
  687. left: 0px;
  688. top: 25px;
  689. width: 30px;
  690. height: 30px;
  691. background-color: #000000;
  692. padding: 10px;
  693. -webkit-border-radius: 0px;
  694. -moz-border-radius: 0px;
  695. border-radius: 0px;
  696. }
  697.            
  698. .trackdetails {
  699. width: auto;
  700. display:inline-block;
  701. min-height:55px;
  702. font-size:10px;
  703. text-align:center;
  704. font-style:italic;
  705. letter-spacing:1px;
  706. text-transform:lowercase;
  707. padding:13px;
  708. line-height:25px;
  709. background-color:#fff;
  710. width:475px;
  711. }
  712.            
  713. .audiowrapper {
  714. position: relative;
  715. display:inline-block;
  716. }
  717.  
  718.  
  719. .audio {
  720.     width:400px;
  721.     padding-bottom:9px; }
  722.        
  723. .albumart {
  724.     float:left;
  725.     padding:0px 10px 10px 0px;}
  726.        
  727. .albumart img {
  728.     width:40px;
  729.     height:40px;
  730.     border:0px solid; }
  731.        
  732. .playercontainer{
  733.     text-align:left;
  734.     padding:1px;
  735.     background-color: #E4E4E4;
  736.     width:400px; }
  737.        
  738. .audioinfo {
  739.     padding:1px;
  740.     font-family: Cambria;
  741.     font-size: 8px;
  742.     color:  {color:text};
  743.     border-color: {color:border};
  744.     padding-bottom: 5px;
  745.     font-size:10px; }
  746.  
  747.  
  748.    
  749. .ask {
  750.     font-family: 'Oxygen', sans-serif;
  751.     padding:0px;
  752.     font-style: normal;
  753.     font-size: 14px;
  754.     font-weight:strong;
  755.     line-height:10px;
  756.     border: 0px solid red; }
  757.  
  758. .asker {
  759.      font-family: 'Oxygen', sans-serif;
  760.      font-size: 14px;
  761.      text-transform: lowercase;
  762.      font-weight: bold;
  763.      font-style:normal;
  764.      letter-spacing:1px;
  765.      text-align: center;
  766.      margin: auto;
  767.      border: 0px solid red; }
  768.  
  769. .asker a, .asker a:link {
  770.      color: #E2B0DA;
  771. }
  772.  
  773. .ask a {
  774.    line-height: 10px;
  775.    padding: 0;
  776.    margin: 0;
  777.    }
  778.    
  779. .question {
  780.     font-family: 'PT Sans Narrow';
  781.    font-size: 10px;
  782.    line-height: 140%;
  783.    font-weight: normal;
  784.    color:  {color:text};
  785.    background:white;
  786.    border: 0px solid red;
  787.    border-bottom:1px dotted  {color:border};
  788.    overflow: hidden;
  789.    width: 370px;
  790.    text-transform: none;
  791.    padding: 15px;
  792. }
  793.    
  794. .answer{
  795.    padding: 5px;
  796.    padding-top: 20px;
  797. }
  798.  
  799. #permalink {
  800.     margin-top:15px;
  801.     margin-bottom:0px;
  802.     color: {color:text};
  803.     font-size:8px;
  804.     font-family: Calibri;
  805.     letter-spacing:1px;
  806.     text-transform:uppercase;
  807.     border-top:1px dotted {color:border};
  808.     text-align: center;
  809. }
  810.    
  811. .posttitle, .postquote, h1 {
  812.     color: #475E57;
  813.     text-transform:none;
  814.     font-family: Cambria, sans-serif;
  815.     font-size: 17px;
  816.     font-style: normal;
  817.     text-align: center;
  818.     font-weight: ;
  819.     letter-spacing: 1px;
  820.     line-height: 140%;
  821.     padding-bottom:6px;
  822.     padding-top: 6px;
  823.     width:400px;
  824.     padding-bottom: 8px;
  825.    
  826. }
  827.  
  828. .srcquote b, .srcquote strong {
  829.     font-family: Calibri;
  830.     font-size: 8px;
  831. }
  832.  
  833. /*.postquote {
  834.     text-transform:none;
  835.     font-family:cambria;
  836.     font-size:13px;
  837.     font-style:normal;
  838.     text-align:center;
  839.     font-weight:normal;
  840.     line-height:16px;
  841.     padding-bottom:6px;
  842.     padding-top: 6px;
  843.     width:400px;
  844.     color: #333;
  845. } */
  846.  
  847. .perma a, .perma a:link {color: #292626;}
  848. #permalink a, #permalink a:link {color: #292626;}
  849.  
  850. .perma {
  851.     background:#ffffff;
  852.     line-height:120%;
  853.     padding-right:10px;
  854.     padding-left:5px;
  855.     margin-top:-14px;
  856.     right:0px;
  857.     margin-right: -15px;
  858.     border: 0px solid red;
  859.     position:relative;
  860.     text-align:center;}
  861.  
  862. #tags {
  863.     font-size:7px;
  864.     text-align:center;
  865.     color: #E2B0DA;
  866. }
  867.    
  868. #tags a, #tags a:link, .tgs {
  869.     font-family: Trebuchet MS;
  870.     letter-spacing:1px;
  871.     padding:0px;
  872.     text-transform:uppercase;
  873.     color: {color:link} /*#AE89A3*/;
  874. }
  875.  
  876. #tags a:hover, #permalink a:hover, .tgs:hover {
  877.     color: #cccccc;
  878.     /*text-shadow: 2px 0px #eeeeee, -2px 0px #eeeeee;*/
  879. }
  880.  
  881. #colorlink a { color: {color:scroll}; }
  882.  
  883. #colorlink a:hover {
  884.     color: #cccccc;
  885.     /*text-shadow: 2px 0px #E0F4FF, -2px 0px #E0F4FF;*/
  886. }
  887.    
  888. .photoset, #posts img {
  889.     opacity: 0.8;
  890.     -webkit-filter: grayscale(0%);
  891.     -webkit-transition: all 0.6s ease-in-out;
  892.     -moz-transition: all 0.6s ease-in-out;
  893.     -o-transition: all 0.6s ease-in-out;
  894.     -ms-transition: all 0.6s ease-in-out;
  895.     transition: all 0.6s ease-in-out;
  896.     }
  897.  
  898. .photoset:hover, #posts img:hover  {
  899.     opacity: 1;
  900.     -webkit-filter: grayscale(0%);
  901.     -webkit-transition: all 0.6s ease-in-out;
  902.     -moz-transition: all 0.6s ease-in-out;
  903.     -o-transition: all 0.6s ease-in-out;
  904.     -ms-transition: all 0.6s ease-in-out;
  905.     transition: all 0.6s ease-in-out;
  906.     cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;
  907.     }
  908.    
  909. .chat {
  910.     margin: 0px;
  911.     /*font-size:10px;
  912.     font-family: Calibri, consolas;*/
  913.     text-transform: ;
  914.     padding:2px;
  915.    
  916. }
  917.  
  918. .label { font-family: 'Anonymous Pro','PT Sans Narrow'; font-size: 10px; text-transform: normal; letter-spacing: 0px; font-weight: normal; color: #F5A87C;
  919. }
  920.  
  921. .lines {
  922.    background-color:#fff;
  923.    padding:3px;
  924.  
  925. }
  926.  
  927. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  928. ul {list-style-type: circle; padding-left: 25px; padding-right:5px;}
  929.  
  930. .chat li {list-style:none;
  931.         margin-top:2px;
  932.         padding: 5px;
  933.         border-bottom: 1px solid #f5f5f5;
  934.         background-color: transparent;}
  935.  
  936.  
  937.        
  938. iframe#tumblr_controls {
  939.     white-space:nowrap;
  940.     -webkit-filter: invert(100%);
  941.     -moz-filter: invert(100%);
  942.     -o-filter: invert(100%);
  943.     -ms-filter: invert(100%);
  944.     filter: invert(100%); opacity:0.9; }
  945.  
  946.     pre, xmp, plaintext, listing {
  947.     display: block;
  948.     white-space: pre;
  949.     padding: 5px;
  950.     word-wrap: break-word;
  951.     font-size: 9px;
  952.     background-color:#f5f5f5;}
  953.    
  954.     pre {font-family: 'Anonymous Pro', monospace;font-size: 10px;, letter-spacing: 0; }
  955.     code { font-family: 'Anonymous Pro', monospace; font-size: 10px; letter-spacing: 0; }
  956.     sub { font-size: 10px; line-height: 90%; }
  957.     small { text-transform: none; font-size:10px; }
  958.    
  959.     #colorlink pre a, #colorlink pre a:link { color: #bbb; }
  960.     #colorlink pre a:hover { color: #444; }
  961.  
  962. #credits a, #credits a:link {
  963.     color: #c0c0c0;
  964. }
  965.  
  966. #credits a:hover {
  967.     color: #ffffff;
  968. }
  969.  
  970. #cred {
  971.     position:fixed;
  972.     font-size:8px;
  973.     font-weight:normal;
  974.     line-height:150%;
  975.     letter-spacing:2px;
  976.     left:5px;
  977.     top:-80px;
  978.     border: 0px solid black;
  979.     width: 100px;
  980.     text-align:center;
  981.         -moz-transition-duration:0.5s;
  982.         -webkit-transition-duration:0.5s;
  983.         -o-transition-duration:0.5s;
  984. }
  985.    
  986. #cred:hover {
  987.         position: fixed; top: -5px; left: 5px;
  988.         -moz-transition-duration:0.5s;
  989.         -webkit-transition-duration:0.5s;
  990.         -o-transition-duration:0.5s;
  991. }
  992.        
  993. .corntext {
  994.         font-family: calibri;
  995.         font-size:8px;
  996.         background-color: #ffffff;
  997.         text-transform: lowercase;
  998.         letter-spacing: 1pt;
  999.         line-height: 130%;
  1000.         border: 1px solid {color:border};
  1001.         width: 80px;
  1002.         height: 65px;
  1003.         overflow-y: scroll;
  1004.         overflow-x: hidden;
  1005.         padding: 10px;
  1006.         padding-top: 5px;
  1007.         padding-bottom: 5px;
  1008.         border-radius: 0px;
  1009. }
  1010.        
  1011. #cred img { opacity: 1; margin-top:5px; padding-left:0px;padding-top:5px; }
  1012.  
  1013. /*#lala, #lala a {
  1014.     display: inline;
  1015.     /*z-index: 9999;
  1016.     border-radius:5px;
  1017.     margin-top: -15px;
  1018.     position: fixed;
  1019. } */
  1020.  
  1021. #lala {
  1022.     border: 1px solid black;
  1023.     position: fixed;
  1024.     float:left;
  1025.     top: 5px;
  1026.     left: 5px;
  1027.     border-radius: 0px;
  1028.     opacity:1;
  1029.     margin-top: 0px;
  1030. }
  1031.  
  1032. #lala .eek {
  1033.     margin-top:0px;
  1034.     background-color: #ffffff;
  1035.     filter: alpha(opacity = 0);
  1036.     opacity:0;
  1037.     -webkit-transition: all 0.5s ease-out;
  1038.     -moz-transition: all 0.5s ease-out;
  1039.     transition: all 0.5s ease-out;
  1040.     width: 130px;
  1041.     border-radius: 0px;
  1042. }
  1043.  
  1044. .eek {
  1045.     position:relative;
  1046.     float:left;
  1047.     /*top: -15px;
  1048.     left: 20px; */
  1049.     width: 130px;
  1050.     height: 80px;
  1051.     border-radius:0px;
  1052.     z-index:1;
  1053.     overflow-y: scroll;
  1054.     overflow-x: hidden;
  1055.     border-top: 2px solid #fff;
  1056.     border-bottom: 2px solid #fff;
  1057.     border: 0px solid red;
  1058. }
  1059.  
  1060. #lala:hover .eek, .eek:hover {
  1061.     margin-top:0px;
  1062.     -webkit-transition: all 0.8s ease-out;
  1063.     -moz-transition: all 0.8s ease-out;
  1064.     transition: all 0.8s ease-out;
  1065.     filter: alpha(opacity = 100);
  1066.     filter: alpha(opacity = 100);
  1067.     opacity:1.0;
  1068.     border-radius: 0px;
  1069. }
  1070.  
  1071.  
  1072. #thekey img{
  1073.     position:relative;
  1074.     /*float:left; */
  1075.     text-align: center;
  1076.     top:0px;
  1077.     right:0px;
  1078.     opacity:0.8;
  1079. }
  1080.  
  1081.  
  1082. #actualnews {
  1083.     font-family:calibri;
  1084.     /*color: #000;*/
  1085.     width:100%;
  1086.     position:relative;
  1087.     z-index:1;
  1088.     /*background-color: #ffffff;*/
  1089.     height:auto;
  1090.     padding-bottom: 2px;
  1091.     padding-top:2px;
  1092.     padding-left:5px;
  1093.     /*margin-left: 340px;
  1094.     margin-top:400px;*/
  1095.     text-align: justify;
  1096.     border:0px solid red;
  1097. }
  1098.  
  1099.  
  1100. #fade {
  1101.     display:none;
  1102.     background: #ddd;
  1103.     position:fixed;
  1104.     left:0; top:0;
  1105.     width:100%; height:100%;
  1106.     opacity:.50;
  1107.     z-index:9999; }
  1108.  
  1109. .popup_block {
  1110.     display:none;
  1111.     background:#fff;
  1112.     padding:20px;
  1113.     border: 0px dotted {color:border};
  1114.     border-bottom: 0px solid #f3f3f3;
  1115.     float:left;
  1116.     font-size:8px;
  1117.     text-transform: uppercase;
  1118.     letter-spacing: 1pt;
  1119.     position:fixed;
  1120.     text-align: center;
  1121.     top:50%; left:50%;
  1122.     z-index:99999;
  1123.     opacity: 1;
  1124.     /*-webkit-box-shadow: 0px 0px 8px #eeeeee;
  1125.     -moz-box-shadow: 0px 0px 8px #eeeeee;
  1126.     box-shadow: 0px 0px 8px #eeeeee;
  1127.     -webkit-border-radius: 0px;
  1128.     -moz-border-radius: 0px; */
  1129.     border-radius: 8px; }
  1130.  
  1131. img.btn_close {
  1132.     float:right;
  1133.     margin:-5px -5px 0 0; }
  1134.  
  1135. *html #fade { position:absolute; }
  1136. *html .popup_block { position:absolute; }
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142. <style type="text/css">{CustomCSS}</style>
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148. </head>
  1149.  
  1150. <body>
  1151.  
  1152.  
  1153.  
  1154. <div id="side">&nbsp;</div>
  1155.  
  1156. <div id="containment">
  1157.  
  1158. <div id="circles">
  1159.     <a href="#?w=350" rel="tracker" class="poplight"><img src="https://31.media.tumblr.com/9419027a5c77e614566c1d797d066a8d/tumblr_inline_n9576ru5CK1sc0p3d.png" title="Thread Tracker" style="opacity:0.4"></a><br/>
  1160.  
  1161. </div>
  1162.  
  1163. <div id="sdbar">
  1164.  
  1165.     <div id="simg1" class="simg"></div>
  1166.    
  1167.    
  1168.       <div id="desc">{block:Description}
  1169. {Description}
  1170.      {/block:Description}
  1171.     </div>
  1172.    
  1173.     <div class="navi" id="nav1">
  1174.          <a title="{text:Link1}" href="{text:Link1Url}" class="l1"> </a><a title="{text:Link2}" href="{text:Link2Url}" class="l2"> </a><a title="{text:Link3}" href="{text:Link3Url}" class="l3"> </a><a title="{text:Link4}" href="{text:Link4Url}" class="l4"> </a><a title="{text:Link5}" href="{text:Link5Url}" class="l5"> </a><a title="{text:Link6}" href="{text:Link6Url}" class="l6"> </a>
  1175.     </div>
  1176.    
  1177.    
  1178.    
  1179.  
  1180.     {block:Pagination}
  1181.     <div id="pagination">
  1182.     {block:PreviousPage}
  1183.                 <a href="{PreviousPage}">&laquo;</a>
  1184.             {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1185.                     <span class="current_page">{PageNumber}</span>
  1186.                 {/block:CurrentPage}{block:JumpPage}
  1187.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  1188.                 {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1189.                 <a href="{NextPage}">&raquo;</a>
  1190.             {/block:NextPage}
  1191.        
  1192.     </div>
  1193.     {/block:Pagination}
  1194.  
  1195. </div>
  1196.  
  1197.  
  1198.  
  1199.  
  1200. <div id="entries"><div id="postswhite">
  1201.  
  1202. {block:Posts}<div id="posts">
  1203.  
  1204. <span id="colorlink">
  1205.      
  1206. {block:Text}
  1207. <div id="linkpost">
  1208.     {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1209. </div>
  1210. {Body}
  1211. {/block:Text}
  1212.  
  1213. {block:Link}<div id="linkpost"><div class="posttitle"><a href="{URL}"{Target}>{Name}→</a></div></div>{block:Description}{Description}{/block:Description}{/block:Link}
  1214.  
  1215. {block:Photo}{LinkOpenTag}<div style="text-align:center"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Photo}
  1216.  
  1217. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1218.  
  1219.  
  1220. {block:Quote}<div class="postquote"> {Quote} </div> <div style="text-align:right;padding-right:10px;font-family:Calibri;font-size:8px;text-transform:uppercase;" class="srcquote">— {Source}</div>{/block:Quote}
  1221.  
  1222.  
  1223.  
  1224. <!--{block:Audio}
  1225. <div class="audio">
  1226. {block:AlbumArt}
  1227.    <div class="albumart"><img src="{AlbumArtURL}"/></div>
  1228. {/block:AlbumArt}
  1229.  
  1230.    <div class="audioinfo">
  1231.    {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1232.    {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1233.    <b>Played:</b> {PlayCount} times
  1234.    </div>
  1235.    <br>
  1236.        <div class="playercontainer">{AudioPlayerGrey}</div>
  1237. </div>
  1238.    {block:Caption}{Caption}{/block:Caption}<br>
  1239.  
  1240. {/block:Audio}-->
  1241.  
  1242. {block:Audio}{block:AudioPlayer}
  1243. <div class="audiowrapper">
  1244.  
  1245. <div class="playerbuttonbg">
  1246. <div class="newplayerbutton">
  1247. <div class="playerbuttonhug">
  1248. {AudioPlayerBlack}
  1249. </div></div></div>
  1250.  
  1251. <div class="trackdetails"><p>
  1252. <span style="border-bottom:1px solid #eeeeee; padding-bottom:5px;">
  1253. {block:TrackName}{TrackName}{/block:TrackName} by
  1254. {block:Artist}{Artist}{/block:Artist}</span>
  1255.  
  1256. <br>{PlayCountWithLabel}&nbsp;</div></div>
  1257. {/block:AudioPlayer}
  1258. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1259. {/block:Audio}
  1260.  
  1261. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Video}
  1262.  
  1263. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1264. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1265. </ul>
  1266. {/block:Chat}
  1267.  
  1268.  
  1269. {block:Answer}
  1270. <div class="ask"><b><center><span class="asker">{Asker} asked</span>:</center></b>
  1271. <div class="question"><center>{Question}</center></div></div>
  1272. <div class="answer">{Answer}</div>
  1273. {/block:Answer}
  1274.  
  1275. </span>
  1276.  
  1277. <div id="permalink">
  1278.  
  1279.     <span class="perma">
  1280.     <br>
  1281.     posted: <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a>. <a href="{Permalink}">{12Hour}:{Minutes}{CapitalAmPm} </a> &nbsp;&nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">src</a> {/block:ContentSource}  [ <a href="{ReblogURL}">reblog</a> ]
  1282.     </div>
  1283.  
  1284. {block:HasTags}
  1285.     <div id="tags">{block:Tags} <a href="{TagURL}" class="tgs">#{Tag}</a> {/block:Tags}</div>
  1286. {/block:HasTags}
  1287.    
  1288. </div>
  1289.  
  1290. <!--<div style="text-align:center;padding-top:15px;padding-bottom:15px;">
  1291.    &nbsp;
  1292. </div> -->
  1293.  
  1294. {/block:Posts}
  1295. {block:PostNotes}<div id="notes" style="width:400px;margin-left:25px;">{PostNotes}</div>{/block:PostNotes}
  1296.  
  1297.  
  1298.  
  1299.  
  1300. {/block:Posts}</div>
  1301.  
  1302. </div></div>
  1303.  
  1304.  
  1305.  
  1306. <div style="position:fixed;bottom:3px;right:3px;" id="credits"><a href="/" title="theme by kwonmna" style="color:#c0c0c0">&copy;</a> </div>
  1307.  
  1308. </div>
  1309.    
  1310.    
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316. <div id="tracker" class="popup_block"><center>
  1317. {text:tracker}</center>
  1318. </div>
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324. </div>
  1325.  
  1326.    
  1327.  
  1328.    
  1329. </body>
  1330. </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!