Update default layout to be more HTML5-like

This commit is contained in:
Sebastian Zhorel 2020-01-03 19:29:02 +01:00
parent ba6f2aa33c
commit 8c8bfcb2ac
2 changed files with 26 additions and 35 deletions

View File

@ -18,19 +18,17 @@
</head>
<body>
<div id="pagewidth-800" >
<div id="header" >
<div id="pagewidth-800">
<header id="header">
<div id="top-top">
<div id="topmenu">
</div>
</div>
<div class="clr"></div>
<div id="top-bottom">
<a href="index.html"><img src="/templates/freecol/images/logo.png" border="0" width="600" height="89" alt="logo" /></a>
</div>
</div>
</header>
<div id="outer-800" >
<div id="pathway">
<nav id="pathway">
<span class="pathway"><a href="/" class="pathway">Home</a>
{% if page.folder %}
<img src="/images/M_images/arrow.png" alt="arrow" />
@ -48,9 +46,8 @@
<span class="pathway-right">
<a href="/sitemap.html"><img src="/templates/freecol/images/sitemap.png" border="0" width="14" height="16" alt="SITEMAP" /></a>
</span>
</div>
<div id="leftcol">
<a name="menu"></a>
</nav>
<nav id="leftcol">
<div class="module">
<div>
<div>
@ -87,34 +84,33 @@
<div class="submenu"><a href="/links/" class="sublevel"{% if page.title=="Web Links" %} id="active_menu"{% endif %}>Links</a></div>
{% endif %}
</td></tr>
</table> </div>
</table>
</div>
</div>
</div>
</div>
</div>
</nav>
<div id="maincol-wide-800" >
<div class="clr"></div>
<div class="content"><a name="content"></a>
<main class="content">
{{ content }}
</main>
{% if page.folder %}
<span class="article_seperator">&nbsp;</span>
<div class="back_button">
<a href='javascript:history.go(-1)'>
[ Back ]</a>
</div>
<nav class="back_button">
<a href='javascript:history.go(-1)'>[ Back ]</a>
</nav>
{% endif %}
</div>
</div>
<div class="clr"></div>
</div>
<div id="sflogo">
<a href="http://sourceforge.net"><img src="http://sflogo.sourceforge.net/sflogo.php?group_id=43225&amp;type=2" width="125" height="37" border="0" alt="SourceForge.net Logo" /></a>
</div>
<div id="footer-800" >
<footer id="footer-800" >
<div align="center" class="footer-copyright">
&copy; 2002-2019 FreeCol - <a href="/contact.html">Contact Us</a>
</div>
</div>
</footer>
</div>
</body>
</html>

View File

@ -64,8 +64,8 @@ a:hover {
}
#top-bottom {
height: 80px;
width: 200px;
height: 89px;
width: 100%;
background: transparent;
float: left;
}
@ -106,13 +106,7 @@ a:hover {
padding: 0;
}
#topmenu {
height: 20px;
float: right;
width: 600px;
}
div#pathway {
#pathway {
width: 740px;
height: 19px;
padding-left: 20px;
@ -266,11 +260,6 @@ iframe.wrapper {
top: 5px;
}
#leftcol div.module div div div div, #rightcol-normal div.module div div div div {
padding: 0;
margin: 0;
}
#rightcol-broad div.module {
width: 180px;
background: transparent url(../images/vertical-line.jpg) left repeat-y;
@ -691,6 +680,12 @@ table.moduletable th {
text-align: center;
}
.back_button {
margin-top: 20px;
margin-left: 5px;
margin-right: 0;
}
.back_button a {
font-size: 12px;
font-weight: normal;
@ -738,7 +733,7 @@ tr.trLine .leftcell {
text-align: right;
}
div.content table.contentpane {
.content table.contentpane {
margin-bottom: 2em;
}