From 06048fa701e9bfad5de7a95b4108da9f26f18146 Mon Sep 17 00:00:00 2001 From: Glenwing Date: Thu, 15 Mar 2018 15:38:39 -0700 Subject: [PATCH] DIU CSS moved to separate style sheet --- diu/index.html | 153 +++------------------------------------------ diu/style.css | 166 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 173 insertions(+), 146 deletions(-) create mode 100644 diu/style.css diff --git a/diu/index.html b/diu/index.html index d163434..85ecd48 100644 --- a/diu/index.html +++ b/diu/index.html @@ -2,163 +2,24 @@ - - - + + Display Info Utility +
-
Display Info Utility
+
+ ⬑  Display Info Utility +
+
DISPLAY INFO UTILITY
diff --git a/diu/style.css b/diu/style.css new file mode 100644 index 0000000..3b0e426 --- /dev/null +++ b/diu/style.css @@ -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; +} \ No newline at end of file