API tools faq
paste
Advertisement
tasty2punch

mina's theme 2

tasty2punch
Jul 23rd, 2014
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.83 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. }
  411.  
  412. #simg1 img {
  413.     width: 162px;
  414.     height: 350px;
  415.     border-radius: 20px 0px 0 0;
  416.     border: 0px solid white;
  417.     border-right: 0px solid white;
  418. }
  419. div#simg1:hover
  420. {
  421.     opacity: 0.85;
  422.        -webkit-filter: grayscale(70%);
  423. -moz-filter: grayscale(70%);
  424. filter: grayscale(70%);
  425.     -webkit-transition: all 0.6s ease-in-out;
  426.     -moz-transition: all 0.6s ease-in-out;
  427.     -o-transition: all 0.6s ease-in-out;
  428.     -ms-transition: all 0.6s ease-in-out;
  429.     transition: all 0.6s ease-in-out;
  430. }
  431.  
  432.  
  433. .simg img {
  434.     border: 0px solid black;
  435.     border-radius: ;
  436.     opacity: 0.8;
  437.     background-color: #ffffff;
  438.     -webkit-transition: all 0.6s ease-in-out;
  439.     -moz-transition: all 0.6s ease-in-out;
  440.     -o-transition: all 0.6s ease-in-out;
  441.     -ms-transition: all 0.6s ease-in-out;
  442.     transition: all 0.6s ease-in-out;
  443. }
  444.  
  445. .simg img:hover {
  446.     opacity: 0.85;
  447.     -webkit-transition: all 0.6s ease-in-out;
  448.     -moz-transition: all 0.6s ease-in-out;
  449.     -o-transition: all 0.6s ease-in-out;
  450.     -ms-transition: all 0.6s ease-in-out;
  451.     transition: all 0.6s ease-in-out;
  452. }
  453.  
  454. #nav1 {
  455.     margin-top: -5px;
  456.     margin-left: 5px;
  457.     position: fixed;
  458.     z-index: 999;
  459.     /*-moz-transform: rotate(90deg);
  460.     -webkit-transform: rotate(90deg);
  461.     -o-transform: rotate(90deg);
  462.     -ms-transform: rotate(90deg);
  463.     transform: rotate(90deg);*/
  464. }
  465.  
  466. .navi a {
  467.     width: 25px;
  468.     height: 4px;
  469.     color:#c0c0c0;
  470.     display: inline-block;
  471.     margin-bottom: 2px;
  472.     margin-right: 0px;
  473.     margin-left: 0px;
  474.     padding: 1px;
  475.     /*border-bottom: 1px solid #ffffff;
  476.     border-right: 1px solid #ffffff; */
  477.     border-right: 0px solid #ffffff;
  478.     text-align: center;
  479.     font-size: 7px;
  480.     font-family:Trebuchet MS, sans-serif;
  481.     text-transform: uppercase;
  482.     letter-spacing: 1px;
  483.     -webkit-transition: all 0.2s ease-in-out;
  484.     -moz-transition: all 0.2s ease-in-out;
  485.     -o-transition: all 0.2s ease-in-out;
  486.     -ms-transition: all 0.2s ease-in-out;
  487.     transition: all 0.2s ease-in-out;
  488. }
  489.  
  490. .l1 { opacity: 1; background-color: #ccc; }
  491. .l2 { opacity: 1; background-color: #aaa; }
  492. .l3 { opacity: 1; background-color: #888; }
  493. .l4 { opacity: 1; background-color: #777; }
  494. .l5 { opacity: 1; background-color: #bbb; }
  495. .l6 { opacity: 1; background-color: #ddd; }
  496.  
  497. .l1:hover { opacity: 1; background-color: {color:navhover1}; }
  498. .l2:hover { opacity: 1; background-color: {color:navhover2}; }
  499. .l3:hover { opacity: 1; background-color: {color:navhover3}; }
  500. .l4:hover { opacity: 1; background-color: {color:navhover4} }
  501. .l5:hover { opacity: 1; background-color: {color:navhover5}; }
  502. .l6:hover { opacity: 1; background-color: {color:navhover6}; }
  503.  
  504. .navi a:hover {
  505.     /*background-color: #fcfcfc;*/
  506.     color: #888888;
  507.     text-shadow: none;
  508.     border-bottom: 0px solid #f1f1f1;
  509.     -webkit-transition: all 0.2s ease-in-out;
  510.     -moz-transition: all 0.2s ease-in-out;
  511.     -o-transition: all 0.2s ease-in-out;
  512.     -ms-transition: all 2.6s ease-in-out;
  513.     transition: all 0.2s ease-in-out;
  514. }
  515.  
  516. #desc {
  517.     width: 140px;
  518.     height: 67px;
  519.     border: 0px solid #ffffff;
  520.     padding: 5px;
  521.     text-align: center;
  522.     position: fixed;
  523.     margin-top: -130px;
  524.     margin-left: -80px;
  525.     background-color: #ffffff;
  526.     border-radius: 0 0px 10px 0;
  527.     display: visible;
  528.     color: #c0c0c0;
  529.     text-transform: uppercase;
  530.     padding-top: 13px;
  531.     font-family: 'Calibri', 'Oxygen', sans-serif;
  532.     font-size: 8px;
  533.     letter-spacing: 1px;
  534.     overflow-y:scroll;
  535.     overflow-x: hidden;
  536.     border-left: 3px solid {color:scroll};
  537. }
  538.  
  539. #desc a, #desc a:link {
  540.     color: #999;
  541. }
  542.  
  543. #desc a:hover {
  544.     color: #cccccc;
  545. }
  546.  
  547. #info {
  548.     position:fixed;
  549.     margin-top: 15px;
  550.     margin-left: -8px;
  551.     font-family: Helvetica, sans-serif;
  552.     font-weight: bold;
  553.     font-size: 30px;
  554.     font-style: italic;
  555.     color: #ffffff;
  556.     width: 120px;
  557.     padding: 5px;
  558.     letter-spacing: -1px;
  559.     text-align: center;
  560.     border: 0px solid blue;
  561.     display: none;
  562.     border-left: 0px solid gray;
  563. }
  564.  
  565. #hovers {
  566.     position: fixed;
  567.     margin-top: -133px;
  568.     margin-left: -105px;
  569.     width: 20px;
  570.     padding: 5px;
  571.     color: {color:link};
  572.     border: 0px solid blue;
  573.     text-align: center;
  574.     letter-spacing: 3px;
  575.     display: visible;
  576.     font-size: 12px;
  577.     line-height: 140%;
  578. }
  579.  
  580. #hovers a, #hovers a:link {
  581.     color: {color:link};
  582. }
  583.  
  584. #hovers a:hover {
  585.     color: #f1f1f1;
  586. }
  587.  
  588. #info a, #info a:link {
  589.     color: #ffffff;
  590. }
  591.  
  592. #info a:hover {
  593.     color: #f1f1f1;
  594. }
  595.  
  596. #pagination {
  597.     position: fixed;
  598.     margin-left: -110px;
  599.     margin-top: -50px;
  600.     letter-spacing: 1px;
  601.     width: 100px;
  602.     padding: 5px;
  603.     border: 0px solid red;
  604.     text-align: right;
  605.     font-family: Calibri, sans-serif;
  606.     font-weight: normal;
  607.     font-style: normal;
  608.     text-transform: uppercase;
  609.     font-size: 8px;
  610.     color: #666;
  611. }
  612.  
  613. #pagination a {
  614.     text-align:center;  
  615.     letter-spacing:1px;
  616.     font-size:8px;
  617.     color: #666;
  618. }
  619.  
  620. #pagination a:hover {
  621.     color: #f1f1f1;
  622. }
  623.  
  624.  
  625. h2 {
  626.     color: {color:text};
  627.     font-size:14px;
  628.     letter-spacing:2px;
  629.     font-family: 'Oxygen', sans-serif;
  630.     font-style: normal;
  631.     font-weight: bold;
  632.     letter-spacing:1px;  
  633.     line-height:110%;
  634.     margin:0px;
  635.     padding:0px;
  636.     text-align:center;}
  637.  
  638. .qsource {
  639.     font-size:8px;
  640.     margin-top:10px;
  641.     text-transform:uppercase;
  642.     letter-spacing:1px;
  643.     width:400px;
  644.     text-align:center;}
  645.  
  646. blockquote {
  647.     border-left:1px dotted {color:border};
  648.     padding-left:8px;
  649.     margin:0px 2px 0px 10px;
  650.     margin-top: 5px;
  651.     margin-bottom: 5px;}
  652.  
  653. blockquote img, blockquote a img {
  654.     max-width:100%; }
  655.    
  656. img { max-width:100%; height: auto; }
  657.  
  658. /*----------audio---------*/
  659.  
  660. .newplayerbutton {
  661. position: relative;
  662. width: 20px;
  663. height: 25px;
  664. overflow: hidden;
  665. }
  666.            
  667. .playerbuttonhug {
  668. position: absolute;
  669. top: -10px;
  670. left: 0px;
  671. }
  672.  
  673. .tumblr_audio_player {
  674. border: none;
  675. padding: 0px;
  676. margin: 0px;
  677. height: 50px;
  678. width: 400px;
  679. }
  680.  
  681. .playerbuttonbg {
  682. position: absolute;
  683. left: 0px;
  684. top: 25px;
  685. width: 30px;
  686. height: 30px;
  687. background-color: #000000;
  688. padding: 10px;
  689. -webkit-border-radius: 0px;
  690. -moz-border-radius: 0px;
  691. border-radius: 0px;
  692. }
  693.            
  694. .trackdetails {
  695. width: auto;
  696. display:inline-block;
  697. min-height:55px;
  698. font-size:10px;
  699. text-align:center;
  700. font-style:italic;
  701. letter-spacing:1px;
  702. text-transform:lowercase;
  703. padding:13px;
  704. line-height:25px;
  705. background-color:#fff;
  706. width:475px;
  707. }
  708.            
  709. .audiowrapper {
  710. position: relative;
  711. display:inline-block;
  712. }
  713.  
  714.  
  715. .audio {
  716.     width:400px;
  717.     padding-bottom:9px; }
  718.        
  719. .albumart {
  720.     float:left;
  721.     padding:0px 10px 10px 0px;}
  722.        
  723. .albumart img {
  724.     width:40px;
  725.     height:40px;
  726.     border:0px solid; }
  727.        
  728. .playercontainer{
  729.     text-align:left;
  730.     padding:1px;
  731.     background-color: #E4E4E4;
  732.     width:400px; }
  733.        
  734. .audioinfo {
  735.     padding:1px;
  736.     font-family: Cambria;
  737.     font-size: 8px;
  738.     color:  {color:text};
  739.     border-color: {color:border};
  740.     padding-bottom: 5px;
  741.     font-size:10px; }
  742.  
  743.  
  744.    
  745. .ask {
  746.     font-family: 'Oxygen', sans-serif;
  747.     padding:0px;
  748.     font-style: normal;
  749.     font-size: 14px;
  750.     font-weight:strong;
  751.     line-height:10px;
  752.     border: 0px solid red; }
  753.  
  754. .asker {
  755.      font-family: 'Oxygen', sans-serif;
  756.      font-size: 14px;
  757.      text-transform: lowercase;
  758.      font-weight: bold;
  759.      font-style:normal;
  760.      letter-spacing:1px;
  761.      text-align: center;
  762.      margin: auto;
  763.      border: 0px solid red; }
  764.  
  765. .asker a, .asker a:link {
  766.      color: #E2B0DA;
  767. }
  768.  
  769. .ask a {
  770.    line-height: 10px;
  771.    padding: 0;
  772.    margin: 0;
  773.    }
  774.    
  775. .question {
  776.     font-family: 'PT Sans Narrow';
  777.    font-size: 10px;
  778.    line-height: 140%;
  779.    font-weight: normal;
  780.    color:  {color:text};
  781.    background:white;
  782.    border: 0px solid red;
  783.    border-bottom:1px dotted  {color:border};
  784.    overflow: hidden;
  785.    width: 370px;
  786.    text-transform: none;
  787.    padding: 15px;
  788. }
  789.    
  790. .answer{
  791.    padding: 5px;
  792.    padding-top: 20px;
  793. }
  794.  
  795. #permalink {
  796.     margin-top:15px;
  797.     margin-bottom:0px;
  798.     color: {color:text};
  799.     font-size:8px;
  800.     font-family: Calibri;
  801.     letter-spacing:1px;
  802.     text-transform:uppercase;
  803.     border-top:1px dotted {color:border};
  804.     text-align: center;
  805. }
  806.    
  807. .posttitle, .postquote, h1 {
  808.     color: #475E57;
  809.     text-transform:none;
  810.     font-family: Cambria, sans-serif;
  811.     font-size: 17px;
  812.     font-style: normal;
  813.     text-align: center;
  814.     font-weight: ;
  815.     letter-spacing: 1px;
  816.     line-height: 140%;
  817.     padding-bottom:6px;
  818.     padding-top: 6px;
  819.     width:400px;
  820.     padding-bottom: 8px;
  821.    
  822. }
  823.  
  824. .srcquote b, .srcquote strong {
  825.     font-family: Calibri;
  826.     font-size: 8px;
  827. }
  828.  
  829. /*.postquote {
  830.     text-transform:none;
  831.     font-family:cambria;
  832.     font-size:13px;
  833.     font-style:normal;
  834.     text-align:center;
  835.     font-weight:normal;
  836.     line-height:16px;
  837.     padding-bottom:6px;
  838.     padding-top: 6px;
  839.     width:400px;
  840.     color: #333;
  841. } */
  842.  
  843. .perma a, .perma a:link {color: #292626;}
  844. #permalink a, #permalink a:link {color: #292626;}
  845.  
  846. .perma {
  847.     background:#ffffff;
  848.     line-height:120%;
  849.     padding-right:10px;
  850.     padding-left:5px;
  851.     margin-top:-14px;
  852.     right:0px;
  853.     margin-right: -15px;
  854.     border: 0px solid red;
  855.     position:relative;
  856.     text-align:center;}
  857.  
  858. #tags {
  859.     font-size:7px;
  860.     text-align:center;
  861.     color: #E2B0DA;
  862. }
  863.    
  864. #tags a, #tags a:link, .tgs {
  865.     font-family: Trebuchet MS;
  866.     letter-spacing:1px;
  867.     padding:0px;
  868.     text-transform:uppercase;
  869.     color: {color:link} /*#AE89A3*/;
  870. }
  871.  
  872. #tags a:hover, #permalink a:hover, .tgs:hover {
  873.     color: #cccccc;
  874.     /*text-shadow: 2px 0px #eeeeee, -2px 0px #eeeeee;*/
  875. }
  876.  
  877. #colorlink a { color: {color:scroll}; }
  878.  
  879. #colorlink a:hover {
  880.     color: #cccccc;
  881.     /*text-shadow: 2px 0px #E0F4FF, -2px 0px #E0F4FF;*/
  882. }
  883.    
  884. .photoset, #posts img {
  885.     opacity: 0.8;
  886.     -webkit-filter: grayscale(0%);
  887.     -webkit-transition: all 0.6s ease-in-out;
  888.     -moz-transition: all 0.6s ease-in-out;
  889.     -o-transition: all 0.6s ease-in-out;
  890.     -ms-transition: all 0.6s ease-in-out;
  891.     transition: all 0.6s ease-in-out;
  892.     }
  893.  
  894. .photoset:hover, #posts img:hover  {
  895.     opacity: 1;
  896.     -webkit-filter: grayscale(0%);
  897.     -webkit-transition: all 0.6s ease-in-out;
  898.     -moz-transition: all 0.6s ease-in-out;
  899.     -o-transition: all 0.6s ease-in-out;
  900.     -ms-transition: all 0.6s ease-in-out;
  901.     transition: all 0.6s ease-in-out;
  902.     cursor: url('http://i756.photobucket.com/albums/xx204/maeca_louisse/th_9-2.png'), progress !important;
  903.     }
  904.    
  905. .chat {
  906.     margin: 0px;
  907.     /*font-size:10px;
  908.     font-family: Calibri, consolas;*/
  909.     text-transform: ;
  910.     padding:2px;
  911.    
  912. }
  913.  
  914. .label { font-family: 'Anonymous Pro','PT Sans Narrow'; font-size: 10px; text-transform: normal; letter-spacing: 0px; font-weight: normal; color: #F5A87C;
  915. }
  916.  
  917. .lines {
  918.    background-color:#fff;
  919.    padding:3px;
  920.  
  921. }
  922.  
  923. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  924. ul {list-style-type: circle; padding-left: 25px; padding-right:5px;}
  925.  
  926. .chat li {list-style:none;
  927.         margin-top:2px;
  928.         padding: 5px;
  929.         border-bottom: 1px solid #f5f5f5;
  930.         background-color: transparent;}
  931.  
  932.  
  933.        
  934. iframe#tumblr_controls {
  935.     white-space:nowrap;
  936.     -webkit-filter: invert(100%);
  937.     -moz-filter: invert(100%);
  938.     -o-filter: invert(100%);
  939.     -ms-filter: invert(100%);
  940.     filter: invert(100%); opacity:0.9; }
  941.  
  942.     pre, xmp, plaintext, listing {
  943.     display: block;
  944.     white-space: pre;
  945.     padding: 5px;
  946.     word-wrap: break-word;
  947.     font-size: 9px;
  948.     background-color:#f5f5f5;}
  949.    
  950.     pre {font-family: 'Anonymous Pro', monospace;font-size: 10px;, letter-spacing: 0; }
  951.     code { font-family: 'Anonymous Pro', monospace; font-size: 10px; letter-spacing: 0; }
  952.     sub { font-size: 10px; line-height: 90%; }
  953.     small { text-transform: none; font-size:10px; }
  954.    
  955.     #colorlink pre a, #colorlink pre a:link { color: #bbb; }
  956.     #colorlink pre a:hover { color: #444; }
  957.  
  958. #credits a, #credits a:link {
  959.     color: #c0c0c0;
  960. }
  961.  
  962. #credits a:hover {
  963.     color: #ffffff;
  964. }
  965.  
  966. #cred {
  967.     position:fixed;
  968.     font-size:8px;
  969.     font-weight:normal;
  970.     line-height:150%;
  971.     letter-spacing:2px;
  972.     left:5px;
  973.     top:-80px;
  974.     border: 0px solid black;
  975.     width: 100px;
  976.     text-align:center;
  977.         -moz-transition-duration:0.5s;
  978.         -webkit-transition-duration:0.5s;
  979.         -o-transition-duration:0.5s;
  980. }
  981.    
  982. #cred:hover {
  983.         position: fixed; top: -5px; left: 5px;
  984.         -moz-transition-duration:0.5s;
  985.         -webkit-transition-duration:0.5s;
  986.         -o-transition-duration:0.5s;
  987. }
  988.        
  989. .corntext {
  990.         font-family: calibri;
  991.         font-size:8px;
  992.         background-color: #ffffff;
  993.         text-transform: lowercase;
  994.         letter-spacing: 1pt;
  995.         line-height: 130%;
  996.         border: 1px solid {color:border};
  997.         width: 80px;
  998.         height: 65px;
  999.         overflow-y: scroll;
  1000.         overflow-x: hidden;
  1001.         padding: 10px;
  1002.         padding-top: 5px;
  1003.         padding-bottom: 5px;
  1004.         border-radius: 0px;
  1005. }
  1006.        
  1007. #cred img { opacity: 1; margin-top:5px; padding-left:0px;padding-top:5px; }
  1008.  
  1009. /*#lala, #lala a {
  1010.     display: inline;
  1011.     /*z-index: 9999;
  1012.     border-radius:5px;
  1013.     margin-top: -15px;
  1014.     position: fixed;
  1015. } */
  1016.  
  1017. #lala {
  1018.     border: 1px solid black;
  1019.     position: fixed;
  1020.     float:left;
  1021.     top: 5px;
  1022.     left: 5px;
  1023.     border-radius: 0px;
  1024.     opacity:1;
  1025.     margin-top: 0px;
  1026. }
  1027.  
  1028. #lala .eek {
  1029.     margin-top:0px;
  1030.     background-color: #ffffff;
  1031.     filter: alpha(opacity = 0);
  1032.     opacity:0;
  1033.     -webkit-transition: all 0.5s ease-out;
  1034.     -moz-transition: all 0.5s ease-out;
  1035.     transition: all 0.5s ease-out;
  1036.     width: 130px;
  1037.     border-radius: 0px;
  1038. }
  1039.  
  1040. .eek {
  1041.     position:relative;
  1042.     float:left;
  1043.     /*top: -15px;
  1044.     left: 20px; */
  1045.     width: 130px;
  1046.     height: 80px;
  1047.     border-radius:0px;
  1048.     z-index:1;
  1049.     overflow-y: scroll;
  1050.     overflow-x: hidden;
  1051.     border-top: 2px solid #fff;
  1052.     border-bottom: 2px solid #fff;
  1053.     border: 0px solid red;
  1054. }
  1055.  
  1056. #lala:hover .eek, .eek:hover {
  1057.     margin-top:0px;
  1058.     -webkit-transition: all 0.8s ease-out;
  1059.     -moz-transition: all 0.8s ease-out;
  1060.     transition: all 0.8s ease-out;
  1061.     filter: alpha(opacity = 100);
  1062.     filter: alpha(opacity = 100);
  1063.     opacity:1.0;
  1064.     border-radius: 0px;
  1065. }
  1066.  
  1067.  
  1068. #thekey img{
  1069.     position:relative;
  1070.     /*float:left; */
  1071.     text-align: center;
  1072.     top:0px;
  1073.     right:0px;
  1074.     opacity:0.8;
  1075. }
  1076.  
  1077.  
  1078. #actualnews {
  1079.     font-family:calibri;
  1080.     /*color: #000;*/
  1081.     width:100%;
  1082.     position:relative;
  1083.     z-index:1;
  1084.     /*background-color: #ffffff;*/
  1085.     height:auto;
  1086.     padding-bottom: 2px;
  1087.     padding-top:2px;
  1088.     padding-left:5px;
  1089.     /*margin-left: 340px;
  1090.     margin-top:400px;*/
  1091.     text-align: justify;
  1092.     border:0px solid red;
  1093. }
  1094.  
  1095.  
  1096. #fade {
  1097.     display:none;
  1098.     background: #ddd;
  1099.     position:fixed;
  1100.     left:0; top:0;
  1101.     width:100%; height:100%;
  1102.     opacity:.50;
  1103.     z-index:9999; }
  1104.  
  1105. .popup_block {
  1106.     display:none;
  1107.     background:#fff;
  1108.     padding:20px;
  1109.     border: 0px dotted {color:border};
  1110.     border-bottom: 0px solid #f3f3f3;
  1111.     float:left;
  1112.     font-size:8px;
  1113.     text-transform: uppercase;
  1114.     letter-spacing: 1pt;
  1115.     position:fixed;
  1116.     text-align: center;
  1117.     top:50%; left:50%;
  1118.     z-index:99999;
  1119.     opacity: 1;
  1120.     /*-webkit-box-shadow: 0px 0px 8px #eeeeee;
  1121.     -moz-box-shadow: 0px 0px 8px #eeeeee;
  1122.     box-shadow: 0px 0px 8px #eeeeee;
  1123.     -webkit-border-radius: 0px;
  1124.     -moz-border-radius: 0px; */
  1125.     border-radius: 8px; }
  1126.  
  1127. img.btn_close {
  1128.     float:right;
  1129.     margin:-5px -5px 0 0; }
  1130.  
  1131. *html #fade { position:absolute; }
  1132. *html .popup_block { position:absolute; }
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138. <style type="text/css">{CustomCSS}</style>
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144. </head>
  1145.  
  1146. <body>
  1147.  
  1148.  
  1149.  
  1150. <div id="side">&nbsp;</div>
  1151.  
  1152. <div id="containment">
  1153.  
  1154. <div id="circles">
  1155.     <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/>
  1156.  
  1157. </div>
  1158.  
  1159. <div id="sdbar">
  1160.  
  1161.      <div id="simg1" class="simg"><img src="{image:sidebar image}"></div>
  1162.    
  1163.    
  1164.       <div id="desc">{block:Description}
  1165. {Description}
  1166.      {/block:Description}
  1167.     </div>
  1168.    
  1169.     <div class="navi" id="nav1">
  1170.          <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>
  1171.     </div>
  1172.    
  1173.    
  1174.    
  1175.  
  1176.     {block:Pagination}
  1177.     <div id="pagination">
  1178.     {block:PreviousPage}
  1179.                 <a href="{PreviousPage}">&laquo;</a>
  1180.             {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  1181.                     <span class="current_page">{PageNumber}</span>
  1182.                 {/block:CurrentPage}{block:JumpPage}
  1183.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  1184.                 {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  1185.                 <a href="{NextPage}">&raquo;</a>
  1186.             {/block:NextPage}
  1187.        
  1188.     </div>
  1189.     {/block:Pagination}
  1190.  
  1191. </div>
  1192.  
  1193.  
  1194.  
  1195.  
  1196. <div id="entries"><div id="postswhite">
  1197.  
  1198. {block:Posts}<div id="posts">
  1199.  
  1200. <span id="colorlink">
  1201.      
  1202. {block:Text}
  1203. <div id="linkpost">
  1204.     {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1205. </div>
  1206. {Body}
  1207. {/block:Text}
  1208.  
  1209. {block:Link}<div id="linkpost"><div class="posttitle"><a href="{URL}"{Target}>{Name}→</a></div></div>{block:Description}{Description}{/block:Description}{/block:Link}
  1210.  
  1211. {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}
  1212.  
  1213. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1214.  
  1215.  
  1216. {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}
  1217.  
  1218.  
  1219.  
  1220. <!--{block:Audio}
  1221. <div class="audio">
  1222. {block:AlbumArt}
  1223.    <div class="albumart"><img src="{AlbumArtURL}"/></div>
  1224. {/block:AlbumArt}
  1225.  
  1226.    <div class="audioinfo">
  1227.    {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1228.    {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1229.    <b>Played:</b> {PlayCount} times
  1230.    </div>
  1231.    <br>
  1232.        <div class="playercontainer">{AudioPlayerGrey}</div>
  1233. </div>
  1234.    {block:Caption}{Caption}{/block:Caption}<br>
  1235.  
  1236. {/block:Audio}-->
  1237.  
  1238. {block:Audio}{block:AudioPlayer}
  1239. <div class="audiowrapper">
  1240.  
  1241. <div class="playerbuttonbg">
  1242. <div class="newplayerbutton">
  1243. <div class="playerbuttonhug">
  1244. {AudioPlayerBlack}
  1245. </div></div></div>
  1246.  
  1247. <div class="trackdetails"><p>
  1248. <span style="border-bottom:1px solid #eeeeee; padding-bottom:5px;">
  1249. {block:TrackName}{TrackName}{/block:TrackName} by
  1250. {block:Artist}{Artist}{/block:Artist}</span>
  1251.  
  1252. <br>{PlayCountWithLabel}&nbsp;</div></div>
  1253. {/block:AudioPlayer}
  1254. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1255. {/block:Audio}
  1256.  
  1257. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:PermalinkPage}{/block:Video}
  1258.  
  1259. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1260. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  1261. </ul>
  1262. {/block:Chat}
  1263.  
  1264.  
  1265. {block:Answer}
  1266. <div class="ask"><b><center><span class="asker">{Asker} asked</span>:</center></b>
  1267. <div class="question"><center>{Question}</center></div></div>
  1268. <div class="answer">{Answer}</div>
  1269. {/block:Answer}
  1270.  
  1271. </span>
  1272.  
  1273. <div id="permalink">
  1274.  
  1275.     <span class="perma">
  1276.     <br>
  1277.     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> ]
  1278.     </div>
  1279.  
  1280. {block:HasTags}
  1281.     <div id="tags">{block:Tags} <a href="{TagURL}" class="tgs">#{Tag}</a> {/block:Tags}</div>
  1282. {/block:HasTags}
  1283.    
  1284. </div>
  1285.  
  1286. <!--<div style="text-align:center;padding-top:15px;padding-bottom:15px;">
  1287.    &nbsp;
  1288. </div> -->
  1289.  
  1290. {/block:Posts}
  1291. {block:PostNotes}<div id="notes" style="width:400px;margin-left:25px;">{PostNotes}</div>{/block:PostNotes}
  1292.  
  1293.  
  1294.  
  1295.  
  1296. {/block:Posts}</div>
  1297.  
  1298. </div></div>
  1299.  
  1300.  
  1301.  
  1302. <div style="position:fixed;bottom:3px;right:3px;" id="credits"><a href="/" title="theme by kwonmna" style="color:#c0c0c0">&copy;</a> </div>
  1303.  
  1304. </div>
  1305.    
  1306.    
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312. <div id="tracker" class="popup_block"><center>
  1313. {text:tracker}</center>
  1314. </div>
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320. </div>
  1321.  
  1322.    
  1323.  
  1324.    
  1325. </body>
  1326. </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!