wifky!

p.centering,big{ font-size:200% }

h2{background-color:#CCF}

h3{border-width:0px 1px 1px 0px;border-style:solid}

h4{border-width:0 0 0 3mm;border-style:solid;border-color:#BBF;padding-left:1mm}

dt,span.commentator{font-weight:bold;padding:1mm}

span.comment_date{font-style:italic}

a{ text-decoration:none }

a:hover{ text-decoration:underline }

pre,blockquote{ background-color:#DDD ; border:solid 1px #888 }

table.block{ margin-left:1cm ; border-collapse: collapse;}

table.block th,table.block td{ border:solid 1px gray;padding:1pt}

pre{
margin: 5mm;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}

div.tag{ text-align:right }

a.tag{ font-size:80%; background-color:#CCF }

span.tagnum{ font-size:70% ; color:blue }

span.frozen{ font-size:80% ; color:#008 ; font-weight:bold }

@media screen{
div.sidebar{ float:right; width:25% ; word-break: break-all;font-size:90%}
div.main{ float:left; width:70% }
}

@media print{
div.sidebar,div.footer,div.adminmenu{ display:none }
div.main{ width:100% }
}

/*** (1) Horizontally split the preview area into two side-by-side sections ***/
/*
div.preview_table {
display: flex;
height: 90vh;
}

div.preview_edit_column {
width: 50%;
box-sizing: border-box;
padding: 10px;
}

div.preview_view_column {
width: 50%;
box-sizing: border-box;
padding: 10px;
overflow: auto;
height: 100%;
}

• /

/*** (2) Vertically split the preview area into two scrollable sections ***/
/*
html, body {
height: 100%;
margin: 0;
}

div.preview_table {
display: flex;
flex-direction: column;
height: 100vh;
}

div.preview_edit_column, div.preview_view_column {
height: 50%;
overflow: auto;
box-sizing: border-box;
padding: 10px;
}

• /
  div.preview_table {
  display: flex;
  height: 90vh;
  }

div.preview_edit_column {
width: 50%;
box-sizing: border-box;
padding: 10px;
}

div.preview_view_column {
width: 50%;
box-sizing: border-box;
padding: 10px;
overflow: auto;
height: 100%;
}