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

Footer Fix

Browse Source
This commit is contained in:
Glenwing 2017-09-03 22:08:48 -07:00
parent a9d679bc0f
commit dedc58df41
3 changed files with 192 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
diu/index.html
View File

@ -3,6 +3,59 @@
<meta name="viewport" content="width=device-width">
<style>
html,
body {
margin: 0;
height: 100%;
padding: 0;
}
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px;
min-height: 100%;
}
div.wrapper {
min-height: 100%;
position: relative;
}
div.main {
border: 0px solid transparent;
font-size: 15px;
padding-bottom: 48px;
width: 512px;
margin-left: auto;
margin-right: auto;
}
div.footer {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
vertical-align: middle;
background-color: #DDDDDD;
cursor: pointer;
min-width: 512px;
}
div.title {
margin-left:auto;
margin-right:auto;
text-align:center;
font-weight:bold;
background-color:#DDDDDD;
padding:8px;
}
span.title {
font-weight: bold;
}
input {
padding:4px;
text-align:center;
@ -13,6 +66,10 @@
background-color:#F4F4F8;
}
input.res_input {
width:50px;
}
table {
margin-left:auto;
margin-right:auto;
@ -36,8 +93,24 @@
width:100%;
}
input.res_input {
width:50px;
a:link {
color: #777777;
text-decoration: none;
}
a:visited {
color: #777777;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: underline;
}
sup {
@ -53,69 +126,21 @@
top:0.3em;
line-height:0;
}
html,
body {
margin:0;
height:100%
padding:0;
}
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px;
}
div.wrapper {
position:absolute;
min-height:100%;
min-width:512px;
width:100%;
}
div.title {
margin-left:auto;
margin-right:auto;
text-align:center;
font-weight:bold;
background-color:#DDDDDD;
padding:8px;
}
div.main {
border:0px solid transparent;
width:512px;
padding-bottom:48px;
margin-left:auto;
margin-right:auto;
}
div.footer {
position:absolute;
width:100%;
bottom: 0;
left: 0;
background-color:#DDDDDD;
cursor:pointer;
margin:0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="diuJS.js"></script>
<html>
<head>
<title>Display Info Utility</title>
</head>
<body>
<div class="wrapper">
<div class="main">
<!-- MAIN START -->
<div style="font-weight:bold; font-size:16px; padding:16px; padding-bottom:0px;"><a href="https://glenwing.github.io" style="text-decoration:none; color:#000000;">Display Info Utility</a><br /><hr /></div>
<!-- FIRST SEGMENT -->
<div class="title">DISPLAY INFO UTILITY</div>
<table>
@ -140,7 +165,6 @@
</td>
</tr>
</table>
<!-- SECOND SEGMENT -->
<div class="title">GENERAL INFO</div>
<table style="min-width:160px;">
@ -169,7 +193,6 @@
<td id="RESULT_AREA" class="result"></td>
</tr>
</table>
<!-- THIRD SEGMENT -->
<div class="title">COMPANION FORMATS</div>
<table>
@ -203,11 +226,9 @@
<td id="RESULT_SIZE" class="result"></td>
</tr>
</table>
<!-- MAIN END -->
</div>
<div class="footer" onclick="document.getElementById('profile_link').click();" style="padding-bottom:10px; padding-top:10px;">
<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>

1
docs/index.html
View File

@ -14,7 +14,6 @@
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px;
min-height:100%;
height:auto;
}
div.wrapper {