skylarmt/glenwing.github.io_withhdmi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Footer Improvement

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
diu.html
View File

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

43
docs.html
View File

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

42
index.html
View File

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