Tweaks...

master
Pentium44 2020-12-10 00:02:49 -08:00
parent 313d96c261
commit b886295263
2 changed files with 11 additions and 15 deletions

View File

@ -287,7 +287,7 @@ if (!isset($_SESSION['idleirc-user'])) {
echo "&bull; <a onclick='doLogout();'>Disconnect from server</a>";
}
?>
<br /><a onclick="doClearLog();">Clear IRC logs</a>
&bull; <a onclick="doClearLog();">Clear IRC logs</a>
&bull; <a href="index.php?logs">IRC Logs</a>
</div>
<div id="msgs">

View File

@ -1,15 +1,15 @@
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
@media only screen and (min-width: 2001px) { body { max-width: 1000px; } #msg { width: 780px; } }
@media only screen and (max-width: 2000px) { body { max-width: 1000px; } #msg { width: 780px; } }
@media only screen and (max-width: 1500px) { body { max-width: 800px; } #msg { width: 660px; } }
@media only screen and (max-width: 900px) { body { max-width: 800px; } #msg { width: 660px; } }
@media only screen and (max-width: 800px) { body { max-width: 700px; } #msg { width: 570px; } }
@media only screen and (max-width: 700px) { body { max-width: 600px; } #msg { width: 480px; } }
@media only screen and (max-width: 600px) { body { max-width: 500px; } #msg { width: 380px; } }
@media only screen and (min-width: 2001px) { body { max-width: 1000px; } #msg { width: 780px; } td.userinfo { width: 210px; } }
@media only screen and (max-width: 2000px) { body { max-width: 1000px; } #msg { width: 780px; } td.userinfo { width: 210px; } }
@media only screen and (max-width: 1500px) { body { max-width: 800px; } #msg { width: 660px; } td.userinfo { width: 200px; } }
@media only screen and (max-width: 900px) { body { max-width: 800px; } #msg { width: 660px; } td.userinfo { width: 200px; } }
@media only screen and (max-width: 800px) { body { max-width: 700px; } #msg { width: 570px; } td.userinfo { width: 170px; } }
@media only screen and (max-width: 700px) { body { max-width: 600px; } #msg { width: 480px; } td.userinfo { width: 150px; } }
@media only screen and (max-width: 600px) { body { max-width: 500px; } #msg { width: 380px; } td.userinfo { width: 120px; } }
/* small windows and phones */
@media only screen and (max-width: 500px) { body { max-width: 450px; } #msg { width: 330px; } }
@media only screen and (max-width: 400px) { body { max-width: 350px; } #msg { width: 230px; } }
@media only screen and (max-width: 500px) { body { max-width: 450px; } #msg { width: 330px; } td.userinfo { width: 100px; } }
@media only screen and (max-width: 400px) { body { max-width: 350px; } #msg { width: 230px; } td.userinfo { width: 100px; } }
html {
font-family: "Ubuntu Mono", Arial, sans-serif;
@ -56,6 +56,7 @@ input, button, select, textarea{
.text { font-size: 14px; }
@media only screen and (min-height: 20001px) { #msgs { height: 1700px; } }
@media only screen and (max-height: 2000px) { #msgs { height: 1600px; } }
@media only screen and (max-height: 1800px) { #msgs { height: 1500px; } }
@media only screen and (max-height: 1400px) { #msgs { height: 1100px; } }
@ -105,8 +106,3 @@ input, button, select, textarea{
#logmsgs tr:nth-child(even) { background-color: #262626; border: solid 1px #454545; }
#logmsgs tr:nth-child(odd) { background-color: #141414; border: solid 1px #454545; }
#logmsgs td { padding: 4px; }
td.userinfo {
min-width: 120px;
max-width: 200px;
}