<style> @media only screen and (max-width: 1024px), (min-device-width: 1024px)
  and (max-device-width: 1024px) { table, thead, tbody, th, td, tr { display: block }
  thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; }
  td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 0%; }
  td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px;
  white-space: nowrap; } 
</style>

<style>  
  #SQL { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;  width: 100%;} #SQL td, #Calc th {  border: 1px solid #ddd;  padding: 8px;}
  #SQL tr:nth-child(even){background-color: #f2f2f2;}#Calc tr:hover {background-color: #ddd;}
  #SQL th {  padding-top: 12px;  padding-bottom: 12px;  text-align: left;  background-color: #4CAF50;  color: white; } 
</style>

<style>
.bt {
    width: 100%;
  }
  
  a.bt{
    display: block;
    padding: 0;
  }
  
.bt{
  background: #888;
  color: #fdfdfd;
  min-height: 35px;
  margin: 0;
  border-radius: 3px;
  border: 2;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  margin: 0.5em 0 0.5em 0;
}

a.bt{
  display: inline;
  padding: 7px 10px 7px 10px;
}

.bt:hover{
  background: #000;
}

</style>
<output id="MediaShow"><style>
  @media only screen and (max-width: 1024px), (min-device-width: 1024px) and 
  (max-device-width: 1024px) { table, thead, tbody, th, td, tr { display: block } 
  thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } 
  td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } 
  td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; 
  white-space: nowrap; } 
</style>
<script language="javascript" type="text/javascript">

function JsMediaShow(Link, IDFind, Height, Width, IframeImg) {
   Find = 'no';
   if(IDFind != 'no') {
       Find = document.getElementById(IDFind).value;
       Link = Link.replace('IDFind',Find);
   }   
   var media = '<!DOCTYPE html>';
   media = media + '<html>';
   media = media + '<body>';
   media = media + '<h5>JsMediaShow by skole developer Fiorenzo Arcidiacono</h5>';
   media = media + '<' + IframeImg + ' type="text/html"';
   media = media + 'width="' + Width + '"';
   media = media + 'height="' + Height + '"';
   media = media + 'src="' + Link + '"';
   media = media + 'frameborder="3">';
   media = media + '</' + IframeImg + '><br>';   
   media = media + '<h5>Link:...' + ' Search:' + Find + ' Height: ' + Height + ' Width: ' + Width + '  iframe/img: ' + IframeImg;
   media = media + '</h5></body>';
   media = media + '</html>';
   media = media + '<input class="bt" type="button" value = "CLOSE" onclick="history.go(0)" />';
   document.getElementById("MediaShow").innerHTML = media;
}
</script>
<!DOCTYPE>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

</style>

</head><body><div class="topnav" id="TopNav">
  <a href="https://sqlspa.eu" class="active">HOME</a>
  <a href="https://sqlspa.eu/LIBName:ListButtonA">ListButtonA</a>
  <a href="https://sqlspa.eu/LIBName:ListButtonB">ListButtonB</a>
  <a href="https://sqlspa.eu/LIBName:ListButtonC">ListButtonC</a>
  <a href="javascript:void(0);" class="icon" onclick="Nav()">
    <i class="fa fa-bars"></i>
  </a>
</div>

<title>NAV myVPS Smartphone</title>

<script type="text/javascript">
function Nav() {
  var x = document.getElementById("TopNav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>
</body></html>
<tr><td><h1>Cascading Style Sheets (CSS) is a style sheet language</h1>

<p>To use quickly, copy the code into MicroDEV...</p>

<p>Examples code...</p>
&lt;h1 style="color: red;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="color: red;">Chapter 1.</h1>
&lt;h1 style="font-size:150px;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-size:150px;">Chapter 1.</h1>
&lt;h1 style="text-align:center"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="text-align:center;">Chapter 1.</h1>
&lt;h1 style="font-size:300%;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-size:300%;">Chapter 1.</h1>
&lt;h1 style="font-family:verdana;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:verdana;">Chapter 1.</h1>
&lt;h1 style="font-family:courier;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:courier;">Chapter 1.</h1>
&lt;h1 style="font-family:cursive;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:cursive;">Chapter 1.</h1>
&lt;h1 style="font-family:fantasy;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:fantasy;">Chapter 1.</h1>
&lt;h1 style="font-family:monospace;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:monospace;">Chapter 1.</h1>
&lt;h1 style="font-family:serif;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:serif;">Chapter 1.</h1>
&lt;h1 style="font-family:sans-serif;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:sans-serif;">Chapter 1.</h1>
&lt;h1 style="font-family:Helvetica;"&gt;Chapter 1.&lt;/h1&gt;
<h1 style="font-family:Helvetica;">Chapter 1.</h1>

<p>continue...</p>
</td></tr>SQL(mariadb) done... 