Footer Final 1
This commit is contained in:
Glenwing
parent
6125006313
commit
e47c9a7aa5
63
diu.html
63
diu.html
@ -1,10 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-family:Consolas;
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
positioning:relative;
|
||||
margin:0;
|
||||
font-family:Consolas;
|
||||
font-size:15px;
|
||||
padding:10px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
|
||||
div.title{
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
@ -13,50 +31,71 @@
|
||||
background-color:#DDDDDD;
|
||||
padding:8px;
|
||||
}
|
||||
|
||||
div.main {
|
||||
min-height:calc(100vh - 60px);
|
||||
border:0px solid transparent;
|
||||
font-family:Consolas;
|
||||
width:512px;
|
||||
border:1px solid transparent;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
vertical-align:middle;
|
||||
background-color:#DDDDDD;
|
||||
vertical-align:middle;
|
||||
cursor:pointer;
|
||||
padding:12px;
|
||||
}
|
||||
|
||||
input {
|
||||
padding:4px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
border:1px solid #CCCCCC;
|
||||
background-color:#F4F4F8;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
border:0px solid black;
|
||||
}
|
||||
|
||||
td {
|
||||
padding:8px;
|
||||
vertical-align:middle;
|
||||
border:solid 1px transparent;
|
||||
}
|
||||
|
||||
td.label {
|
||||
font-weight:bold;
|
||||
min-width:192px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
td.result {
|
||||
min-width:120px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
input.res_input {
|
||||
width:32px;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
sup {
|
||||
vertical-align: baseline;
|
||||
position:relative;
|
||||
top:-0.4em;
|
||||
line-height:0;
|
||||
}
|
||||
|
||||
sub {
|
||||
vertical-align: baseline;
|
||||
position:relative;
|
||||
@ -82,7 +121,7 @@
|
||||
<tr>
|
||||
<td class="label"><b>Size:</b></td>
|
||||
<td>
|
||||
<input id="INPUT_SIZE" style="width:32px;" type="text" onchange="update();" oninput="this.onchange();" onfocus="this.select();" tabindex="2" autofocus />
|
||||
<input id="INPUT_SIZE" style="width:50px;" type="text" onchange="update();" oninput="this.onchange();" onfocus="this.select();" tabindex="2" autofocus />
|
||||
</td>
|
||||
<td style="width:100%">
|
||||
<form id="unit_select">
|
||||
@ -136,9 +175,9 @@
|
||||
<tr>
|
||||
<td class="label">Companion Resolution<br />or Aspect Ratio:</td>
|
||||
<td>
|
||||
<input id="INPUT_HRES2" style="width:32px; text-align:right;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
|
||||
<input class="res_input" id="INPUT_HRES2" style="text-align:right;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
|
||||
<span style="font-size:10px;">✕</span>
|
||||
<input id="INPUT_VRES2" style="width:32px; text-align:left;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
|
||||
<input class="res_input" id="INPUT_VRES2" style="text-align:left;" type="text" onchange="update();" oninput="this.onchange()" onfocus="this.select();" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="21_9_warning" style="display:none;">
|
||||
@ -166,12 +205,12 @@
|
||||
|
||||
<!-- 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>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<footer onclick="document.getElementById('profile_link').click();"style="background-color:#DDDDDD; padding:8px; cursor:pointer;">
|
||||
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/" style="color:#888888; text-decoration:none;">Glenwing</a>
|
||||
</footer>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
<script src="diuJS.js"></script>
|
||||
88
docs.html
88
docs.html
@ -3,31 +3,53 @@
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<style>
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
positioning:relative;
|
||||
margin: 0;
|
||||
font-family:Consolas;
|
||||
font-size:14px;
|
||||
font-size:15px;
|
||||
padding:10px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
|
||||
div.main {
|
||||
border:1px solid transparent;
|
||||
border:0px solid transparent;
|
||||
font-family:Consolas;
|
||||
font-size:14px;
|
||||
padding:4px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
vertical-align:middle;
|
||||
background-color:#DDDDDD;
|
||||
vertical-align:middle;
|
||||
cursor:pointer;
|
||||
padding:12px;
|
||||
}
|
||||
|
||||
span.title {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
table {
|
||||
border:1px solid transparent;
|
||||
}
|
||||
|
||||
td {
|
||||
padding:8px;
|
||||
vertical-align:middle;
|
||||
border:1px solid transparent;
|
||||
table, tr, td {
|
||||
padding:4px;
|
||||
border: 0px solid transparent;
|
||||
}
|
||||
|
||||
a:link {
|
||||
@ -50,56 +72,62 @@
|
||||
</style>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Display Industry Standards and Specifications</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main">
|
||||
<div style="font-weight:bold; font-size:16px;">Display Industry Standards and Specifications<br /><hr /></div>
|
||||
<table>
|
||||
<tr><td><span class="title">DisplayPort Standard</span>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.0.pdf">Version 1.0 (May 1, 2006)</a></li>
|
||||
<li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.1a.pdf">Version 1.1a (January 11, 2008)</a></li>
|
||||
<li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.2.pdf">Version 1.2 (January 5, 2010)</a></li>
|
||||
<li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.0.pdf">Version 1.0 (2006 May 1)</a></li>
|
||||
<li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.1a.pdf">Version 1.1a (2008 January 11)</a></li>
|
||||
<li><a target="_blank" href="./docs/VESA%20DisplayPort%20Standard%20v1.2.pdf">Version 1.2 (2010 January 5)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/Mini%20DisplayPort%20Connector%20Standard%20v1.0.pdf">Mini DisplayPort Connector Standard Version 1.0 (October 26, 2009)</a></li>
|
||||
<li><a target="_blank" href="./docs/Mini%20DisplayPort%20Connector%20Standard%20v1.0.pdf">Mini DisplayPort Connector Standard Version 1.0 (2009 October 26)</a></li>
|
||||
</ul>
|
||||
</td></tr>
|
||||
<tr><td><span class="title">HDMI Specification</span>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.0.pdf">Version 1.0 (September 4, 2003)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.1.pdf">Version 1.1 (May 20, 2004)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2.pdf">Version 1.2 (August 22, 2005)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2a.pdf">Version 1.2a (December 14, 2005)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3.pdf">Version 1.3 (June 22, 2006)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3a.pdf">Version 1.3a (November 10, 2006)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4.pdf">Version 1.4 (June 5, 2009)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a.pdf">Version 1.4a (March 4, 2010)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4b.pdf">Version 1.4b (October 11, 2011)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.0.pdf">Version 1.0 (2003 September 4)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.1.pdf">Version 1.1 (2004 May 20)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2.pdf">Version 1.2 (2005 August 22)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.2a.pdf">Version 1.2a (2005 December 14)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3.pdf">Version 1.3 (2006 June 22)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.3a.pdf">Version 1.3a (2006 November 10)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4.pdf">Version 1.4 (2009 June 5)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a.pdf">Version 1.4a (2010 March 4)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4b.pdf">Version 1.4b (2011 October 11)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a%203D%20Signaling%20Extract.pdf">Version 1.4a Extraction of 3D Signaling Portion (March 4, 2010)</a></li>
|
||||
<li><a target="_blank" href="./docs/HDMI%20Specification%20v1.4a%203D%20Signaling%20Extract.pdf">Version 1.4a Extraction of 3D Signaling Portion (2010 March 4)</a></li>
|
||||
</ul>
|
||||
</td></tr>
|
||||
<tr><td><span class="title">DVI Specification</span>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/DVI%20Specification%20v1.0.pdf">Version 1.0 (April 2, 1999)</a></li>
|
||||
<li><a target="_blank" href="./docs/DVI%20Specification%20v1.0.pdf">Version 1.0 (1999 April 2)</a></li>
|
||||
</ul>
|
||||
</td></tr>
|
||||
<tr><td><span class="title">Additional Documents</span>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/VESA%20CVT%20Standard%20v1.2.pdf">VESA CVT Standard Version 1.2 (January 5, 2010)</a></li>
|
||||
<li><a target="_blank" href="./docs/VESA%20CVT%20Standard%20v1.2.pdf">VESA CVT Standard Version 1.2 (2010 January 5)</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a target="_blank" href="./docs/CEA-861-B.pdf">EIA/CEA-861-B (May 2002)</a></li>
|
||||
<li><a target="_blank" href="./docs/CEA-861-D.pdf">CEA-861-D (July 2006)</a></li>
|
||||
<li><a target="_blank" href="./docs/CEA-861-E.pdf">CEA-861-E (March 2008)</a></li>
|
||||
<li><a target="_blank" href="./docs/CEA-861-B.pdf">EIA/CEA-861-B (2002 May)</a></li>
|
||||
<li><a target="_blank" href="./docs/CEA-861-D.pdf">CEA-861-D (2006 July)</a></li>
|
||||
<li><a target="_blank" href="./docs/CEA-861-E.pdf">CEA-861-E (2008 March)</a></li>
|
||||
</ul>
|
||||
</td></tr>
|
||||
</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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
27
index.html
27
index.html
@ -1,16 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<style>
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
positioning:relative;
|
||||
margin:0;
|
||||
font-family:Consolas;
|
||||
font-size:14px;
|
||||
padding-bottom: 40px;
|
||||
font-size:15px;
|
||||
padding:10px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
|
||||
div.main {
|
||||
@ -43,10 +53,6 @@
|
||||
border: 0px solid transparent;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color:#777777;
|
||||
text-decoration:none;
|
||||
@ -67,9 +73,11 @@
|
||||
</style>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Display Technology Information Repository and Utilities</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main">
|
||||
<div style="font-weight:bold; font-size:16px;">Display Technology Information Repository and Utilities<br /><hr /></div>
|
||||
@ -89,8 +97,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>
|
||||
<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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user