Minor fix to header

Main
Glenwing 6 years ago
parent 7415345bf4
commit f5d05c0816

@ -17,8 +17,8 @@
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="main"> <div class="main">
<div class="header number"> <div class="header">
<a href="https://glenwing.github.io"><i class="material-icons back_arrow">subdirectory_arrow_left</i>&nbsp;Video Bandwidth Calculator</a> <a href="https://glenwing.github.io"><i class="material-icons back_arrow">subdirectory_arrow_left</i>&nbsp;Display Info Utility</a>
<hr /> <hr />
</div> </div>
<div style="width:512px; margin-left:auto; margin-right:auto;"> <div style="width:512px; margin-left:auto; margin-right:auto;">

@ -8,6 +8,7 @@ body {
body { body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace; font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px; font-size: 15px;
line-height: 120%;
min-height: 100%; min-height: 100%;
overflow-y: scroll; overflow-y: scroll;
} }
@ -52,6 +53,8 @@ div.footer a {
} }
div.header { div.header {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
line-height: 120%;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
padding-left: 16px; padding-left: 16px;

@ -5,16 +5,18 @@
<style> <style>
html, html,
body { body {
margin:0; margin: 0;
height:100%; height: 100%;
padding:0; padding: 0;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
} }
body { body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace; font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size:15px; font-size: 15px;
min-height:100%;
line-height: 120%; line-height: 120%;
min-height: 100%;
overflow-y: scroll; overflow-y: scroll;
} }
@ -24,8 +26,8 @@
} }
div.wrapper { div.wrapper {
min-height:100%; min-height: 100%;
position:relative; position: relative;
} }
div.main { div.main {
@ -58,6 +60,8 @@
} }
div.header { div.header {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
line-height: 120%;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
padding-left: 16px; padding-left: 16px;
@ -121,13 +125,13 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="main"> <div class="main">
<div class="header number"> <div class="header">
<a href="https://glenwing.github.io"><i class="material-icons back_arrow">subdirectory_arrow_left</i>&nbsp;Display Industry Standards Archive</a> <a href="https://glenwing.github.io"><i class="material-icons back_arrow">subdirectory_arrow_left</i>&nbsp;Display Industry Standards Archive</a>
<hr /> <hr />
</div> </div>
<table> <table style="padding-left:20px;">
<tr><td><span class="title">DisplayPort Standard</span> <tr><td><span class="title">DisplayPort Standard</span>
<ul> <ul>
<li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.2.pdf">Version 1.2</a>&nbsp; (2010&nbsp;January&nbsp;5)</li> <li><a target="_blank" href="https://glenwing.github.io/docs/DP-1.2.pdf">Version 1.2</a>&nbsp; (2010&nbsp;January&nbsp;5)</li>
@ -247,6 +251,6 @@
<div class="footer" onclick="document.getElementById('profile_link').click();"> <div class="footer" onclick="document.getElementById('profile_link').click();">
<a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/">Glenwing</a> <a id="profile_link" target="_blank" href="https://linustechtips.com/main/profile/2466-glenwing/">Glenwing</a>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

@ -13,6 +13,8 @@
body { body {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace; font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
font-size: 15px; font-size: 15px;
line-height: 120%;
min-height: 100%;
} }
.number { .number {
@ -55,6 +57,8 @@
} }
div.header { div.header {
font-family: "Consolas", "Inconsolata", "Lucida Console", Monospace;
line-height: 120%;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
padding-left: 16px; padding-left: 16px;
@ -64,10 +68,14 @@
min-width: 480px; min-width: 480px;
} }
div.header span { div.header span {
cursor: pointer;
text-decoration: none;
color: #000000; color: #000000;
} }
div.header i.back_arrow {
transform:rotate(90deg) scale(0.75);
line-height:0;
position:relative;
bottom:-0.2em;
}
span.title { span.title {
font-weight: bold; font-weight: bold;
@ -107,14 +115,15 @@
<html> <html>
<head> <head>
<title>Display Technology Information Repository and Utilities</title> <title>Display Technology Utilities and Information Repository</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="main"> <div class="main">
<div class="header number"> <div class="header">
<span>Display Technology Information Repository and Utilities</span> Display Technology Information Repository and Utilities
<hr /> <hr />
</div> </div>
<table style="padding-left:20px;"> <table style="padding-left:20px;">

Loading…
Cancel
Save