@media screen
and (maxwidth:1024) and
(min-device-width: 240px)
 body
{
    background: purple;
    color:#ddf ;
    font-size: 16px;
    margin:0px;
}
}
*
{margin:0;}

a
{
    color: #9d3925;
    text-decoration: underline;
}
a:visited
{
    color: #622814;
}
p,div
{
    color: #000000;
}
input
{
    border: 1px solid #a00070;
    background: #ddd;
    color: purple;
}
.alternative_text
{
    margin: 4px 0;
    background: #8d1f3c;
    color: #ffffff;
    font-weight: bold;
    padding: 2px;
}
.xt_blog_title_link{}
.xt_blog_title{ margin: 2px; color: #622814;}
.xt_blog_content{ text-align: justify; text-indent: 20px; margin: 5px 0;}
.xt_blog_comments{}
.xt_blog_comment{ border-left: 4px solid #9d3925; margin: 8px 0px; padding-left: 4px; }
.xt_blog_comment_date{ font-style: italic;}
.xt_blog_comments_title, .xt_blog_write_a_comment_title { color: #622814; font-weight: bold; padding: 2px; border: 1px solid #622814; }
.xt_blog_comment_author{ font-weight: bold;}
.xt_blog_comment_content{ font-size: 14px;}
.xt_blog_write_a_comment form{ margin-top: 5px;}



h3{
    padding:0px;
    margin:0px;display:inlin
}

h2{
    padding:3px;
    margin:2px; background-image: none;
}

p{
    padding:0px;
    margin:0px;
}

div {width:auto;
         margin:0px;
           word-wrap: break-word;;
}

pre{  overflow:auto;
          tab-size:2;
          max-width:auto;
          background-color:none;
          float: left;
          padding:0px;
          margin:0px;
         
}

#page td {
   padding:0px;margin:0px;
   width:auto;
}
#page {
   border-collapse:;
}

table {
border-spacing:0;
border-collapse;
}
td {
   padding:0px;margin:0px;
   width:auto;
}
<script>
  $( document ).ready(function() {
    $(document.body).find("pre code").each(function() {
     $(this).html($.trim($(this).html()));
    });
  });
 </script>