XF 1.5 how get this responisv in xenforo ?

trice

Member
Hello Community i don't know how to geht this responsiv.

https://noobs.club/index.php?pages/Counter-Strike-Source/

I created a new page with html and a callback

Code:
<html lang="en">
    <head>
                 <meta name="viewport" content="initial-scale=1.0, minimum-scale=1, maximum-scale=1, width=@uix_pageWidth" />
        <meta charset="utf-8" />
                <title>Gameserver</title>
                 <meta name="keywords" content="status, status servere, cs, samp, csgo" />
<style>

/* TABLE START */

table.paleBlueRows {
  font-family: "Times New Roman", Times, serif;
  border: 0px solid #FFFFFF;
  width: 100%;
  height: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.paleBlueRows td, table.paleBlueRows th {
  border: 1px solid #FFFFFF;
  padding: 3px 2px;
}
table.paleBlueRows tbody td {
  font-size: 13px;
}
table.paleBlueRows tr:nth-child(even) {
  background: #D0E4F5;
}
table.paleBlueRows thead {
  background: #0B6FA4;
  border-bottom: 5px solid #FFFFFF;
}
table.paleBlueRows thead th {
  font-size: 17px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #FFFFFF;
}
table.paleBlueRows thead th:first-child {
  border-left: none;
}

table.paleBlueRows tfoot td {
  font-size: 14px;
}
/* TABLE END */

/* H1 START */
h1 {
  color: darkred;
  padding-left: 1em;
  font-size: 20px;
}
/* H1 END */
        </style>

</head>
<body>

<h1 align="center">Counter-Strike Source</h1>

<table class="paleBlueRows">
<thead>
<tr>
<td>GM</td>
<td>Server</td>
<td>Players</td>
<td>Bots</td>
<td>Map</td>
<td>Connect</td>
<td>IP:Port</td>
<td>Players / Kills</td>
</tr>
<xen:callback class="serverviewer_cs_index" method="getHtml"></xen:callback>
</thead>
</table>
</body>
</html>
</code]
 
Top Bottom