Sky/Dragon-Knight
Sky/Dragon-Knight
1
0
Fork 0
Code Issues Pull Requests Activity

Primary layout no longer uses table

Browse Source
This commit is contained in:
Sky Johnson 2024-12-13 12:04:19 -06:00
parent ba4719f97a
commit 67cacf7882
2 changed files with 62 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
public/css/dk.css
View File

@ -11,6 +11,49 @@ body {
background-image: url('/img/background.jpg');
}
div#game-container {
max-width: 1280px;
margin: 0 auto;
padding: 1rem;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: solid 2px black;
padding-bottom: 0.5rem;
}
main {
width: 100%;
display: flex;
margin-bottom: 0.5rem;
}
main section#left {
width: 180px;
border-right: solid 2px black;
}
main section#middle {
flex-grow: 1;
}
main section#right {
width: 180px;
border-left: solid 2px black;
}
footer {
display: flex;
justify-content: space-around;
border: solid 1px black;
background-color: #eeeeee;
font-size: 0.8rem;
padding: 0.5rem;
}
table {
border-style: none;
padding: 0px;

36
templates/primary.php
View File

@ -20,23 +20,25 @@ $template = <<<HTML
</script>
</head>
<body>
<center>
<table cellspacing="0" width="90%">
<tr>
<td class="top" colspan="3">
<table width="100%"><tr><td><img src="/img/logo.gif" alt="{{dkgamename}}" title="{{dkgamename}}" border="0" /></td><td style="text-align:right; vertical-align:middle;">{{topnav}}</td></tr></table>
</td>
</tr>
<tr>
<td class="left">{{leftnav}}</td>
<td class="middle">{{content}}</td>
<td class="right">{{rightnav}}</td>
</tr>
</table> <br>
<table class="copyright" width="90%"><tr>
<td width="25%" align="center">Powered by <a href="http://dragon.se7enet.com/dev.php" target="_new">Dragon Knight</a></td><td width="25%" align="center">&copy; 2024 Sharkk</td><td width="25%" align="center">{{totaltime}} Seconds, {{numqueries}} Queries</td><td width="25%" align="center">Version {{version}} {{build}}</td>
</tr></table>
</center>
<div id="game-container">
<header>
<img id="logo" src="/img/logo.gif" alt="{{dkgamename}}" title="{{dkgamename}}">
<nav>{{topnav}}</nav>
</header>
<main>
<section id="left">{{leftnav}}</section>
<section id="middle">{{content}}</section>
<section id="right">{{rightnav}}</section>
</main>
<footer>
<div>Powered by <a href="http://dragon.se7enet.com/dev.php" target="_new">Dragon Knight</a></div>
<div>&copy; 2024 Sharkk</div>
<div>{{totaltime}} Seconds, {{numqueries}} Queries</div>
<div>Version {{version}} {{build}}</div>
</footer>
</div>
</body>
</html>
HTML;