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

DIU CSS moved to separate style sheet

Browse Source
This commit is contained in:
Glenwing 2018-03-15 15:38:39 -07:00
parent c969d02ccf
commit 06048fa701
2 changed files with 173 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

153
diu/index.html
View File

@ -2,163 +2,24 @@
<meta name="viewport" content="width=device-width"> <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%;
overflow-y: scroll;
}
div.wrapper {
min-height: 100%;
position: relative;
}
div.main {
border: 0px solid transparent;
font-size: 15px;
padding-bottom: 48px;
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;
padding-top:10px;
padding-bottom:10px;
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px;
}
div.footer a {
color:#888888;
text-decoration:none;
vertical-align:middle;
padding:10px;
}
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;
}
input[type="text"] {
border: 1px solid #CCCCCC;
background-color: #F4F4F8;
}
input.res_input {
width: 50px;
}
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%;
}
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 {
vertical-align: baseline;
position: relative;
top: -0.45em;
line-height: 0;
font-size: 75%;
}
sub {
vertical-align: baseline;
position: relative;
top: 0.3em;
line-height: 0;
}
span.res_x {
font-family: 'Courier New';
font-size: 10px;
vertical-align: baseline;
position: relative;
top: -0.1em;
line-height: 0;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="diuJS.js"></script> <script src="diuJS.js"></script>
<html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf-8" />
<title>Display Info Utility</title> <title>Display Info Utility</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="main"> <div class="main">
<div style="font-weight:bold; font-size:16px; padding:16px; padding-bottom:0px; min-width:480px;"><a href="https://glenwing.github.io" style="text-decoration:none; color:#000000;" tabindex="1">Display Info Utility</a><br /><hr /></div> <div class="header number">
<a href="https://glenwing.github.io"><span><span class="arrow">&#11025;</span>&nbsp;&nbsp;Display Info Utility</span></a>
<hr />
</div>
<div style="width:512px; margin-left:auto; margin-right:auto;"> <div style="width:512px; margin-left:auto; margin-right:auto;">
<!-- FIRST SEGMENT --> <!-- FIRST SEGMENT -->
<div class="title">DISPLAY INFO UTILITY</div> <div class="title">DISPLAY INFO UTILITY</div>

166
diu/style.css Normal file
View File

@ -0,0 +1,166 @@
html,
body {
margin: 0;
height: 100%;
padding: 0;
}
body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px;
min-height: 100%;
overflow-y: scroll;
}
.number {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px;
}
div.wrapper {
min-height: 100%;
position: relative;
}
div.main {
border: 0px solid transparent;
font-size: 15px;
padding-bottom: 48px;
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;
padding-top: 10px;
padding-bottom: 10px;
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px;
}
div.footer a {
color: #888888;
text-decoration: none;
vertical-align: middle;
padding: 10px;
}
div.header {
font-weight: bold;
font-size: 16px;
padding: 16px;
padding-bottom: 0px;
min-width: 480px;
}
div.header a {
cursor: pointer;
text-decoration: none;
color: #000000;
}
div.header span.arrow {
font-size: 20px;
line-height: 0;
top: 0.1em;
vertical-align: baseline;
position: relative;
}
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;
}
input[type="text"] {
border: 1px solid #CCCCCC;
background-color: #F4F4F8;
}
input.res_input {
width: 50px;
}
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%;
}
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 {
vertical-align: baseline;
position: relative;
top: -0.45em;
line-height: 0;
font-size: 75%;
}
sub {
vertical-align: baseline;
position: relative;
top: 0.3em;
line-height: 0;
}
span.res_x {
font-family: 'Courier New';
font-size: 10px;
vertical-align: baseline;
position: relative;
top: -0.1em;
line-height: 0;
}