Footer Improvement

This commit is contained in:
Glenwing 2017-08-17 22:16:51 -07:00
parent 875c7c530f
commit 78e95451c7
3 changed files with 55 additions and 67 deletions

View File

@ -3,24 +3,21 @@
<meta name="viewport" content="width=device-width">
<style>
html {
html,
body {
margin:0;
height:100%;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
padding:0;
}
body {
positioning:relative;
margin:0;
font-family:Consolas;
font-size:15px;
padding:10px;
padding-bottom:40px;
}
div.wrapper {
min-height:100%;
position:relative;
}
div.title {
@ -41,15 +38,13 @@
}
div.footer {
width:100%;
position:absolute;
right: 0;
bottom: 0;
left: 0;
vertical-align:middle;
background-color:#DDDDDD;
vertical-align:middle;
cursor:pointer;
padding:12px;
}
input {
@ -112,6 +107,7 @@
<body style="min-width:512px;">
<div class="wrapper">
<div class="main">
<!-- MAIN START -->
@ -206,8 +202,9 @@
<!-- MAIN END -->
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-top:10px; padding-bottom:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>

View File

@ -3,44 +3,38 @@
<meta name="viewport" content="width=device-width">
<style>
html {
html,
body {
margin:0;
height:100%;
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
padding:0;
}
body {
positioning:relative;
margin: 0;
font-family:Consolas;
font-size:15px;
padding:10px;
padding-bottom:40px;
}
div.wrapper {
min-height:100%;
position:relative;
}
div.main {
border:0px solid transparent;
font-family:Consolas;
padding:4px;
margin-left:auto;
margin-right:auto;
padding:16px;
padding-bottom:48px;
}
div.footer {
width:100%;
position:absolute;
right: 0;
bottom: 0;
left: 0;
vertical-align:middle;
background-color:#DDDDDD;
vertical-align:middle;
cursor:pointer;
padding:12px;
}
span.title {
@ -78,6 +72,7 @@
</head>
<body>
<div class="wrapper">
<div class="main">
<div style="font-weight:bold; font-size:16px;">Display Industry Standards and Specifications<br /><hr /></div>
<table>
@ -125,9 +120,9 @@
</table>
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-top:10px; padding-bottom:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>

View File

@ -3,43 +3,38 @@
<meta name="viewport" content="width=device-width">
<style>
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
html,
body {
margin:0;
height:100%;
padding:0;
}
body {
positioning:relative;
margin:0;
font-family:Consolas;
font-size:15px;
padding:10px;
padding-bottom:40px;
}
div.wrapper {
min-height:100%;
position:relative;
}
div.main {
border:0px solid transparent;
font-family:Consolas;
padding:4px;
margin-left:auto;
margin-right:auto;
padding:16px;
padding-bottom:48px;
}
div.footer {
width:100%;
position:absolute;
right: 0;
bottom: 0;
left: 0;
vertical-align:middle;
background-color:#DDDDDD;
vertical-align:middle;
cursor:pointer;
padding:12px;
}
span.title {
@ -77,6 +72,7 @@
</head>
<body>
<div class="wrapper">
<div class="main">
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
<table>
@ -95,9 +91,9 @@
</table>
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle;">Glenwing</a>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-top:10px; padding-bottom:10px;">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none; vertical-align:middle; padding:10px;">Glenwing</a>
</div>
</div>
</body>
</html>