c64mem: menu bar, different min/max widths, cleanup
This commit is contained in:
Lisa Brodner
parent
ed311b3332
commit
9f8ae9be80
1 changed files with 63 additions and 15 deletions
|
|
@ -178,17 +178,14 @@ print('')
|
|||
print('body {')
|
||||
print(' background: #e0f0ff;')
|
||||
print(' color: #004080;')
|
||||
print(' font-family: Helvetica')
|
||||
print(' font-family: Helvetica;')
|
||||
print(' margin: 0px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('a {')
|
||||
print(' color: #0060a0;')
|
||||
print('}')
|
||||
print('')
|
||||
print('h3 {')
|
||||
print(' font-family: serif;')
|
||||
print('}')
|
||||
print('')
|
||||
print('')
|
||||
print('th.com {')
|
||||
print(' font-weight: bold;')
|
||||
|
|
@ -198,6 +195,10 @@ print('div {')
|
|||
print(' padding: 1em;')
|
||||
print('}')
|
||||
print('')
|
||||
print('div.body {')
|
||||
print(' padding: 8px;')
|
||||
print('}')
|
||||
print('')
|
||||
|
||||
address_width=6.4
|
||||
label_width=4
|
||||
|
|
@ -229,16 +230,17 @@ print(' border: solid grey;')
|
|||
print(' border-width:0px 0px 1px 0px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table>tbody>tr>td, table.disassembly_table>tbody>tr>th.top_row {')
|
||||
print(' min-width: 30em;')
|
||||
print(' max-width: 40em;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table td, table.disassembly_table th {')
|
||||
print(' padding: 2px 4px;')
|
||||
print(' border: solid grey;')
|
||||
print(' border-width:0px 1px 0px 1px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table td {')
|
||||
print(' min-width: 25em;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table th.top_row {')
|
||||
print(' border-width: 1px;')
|
||||
print(' color: #e0f0ff;')
|
||||
|
|
@ -255,7 +257,7 @@ print(' color: #e0f0ff;')
|
|||
print(' background: #0060a0;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table th.label_column {')
|
||||
print('th.label_column {')
|
||||
print(' position: absolute;')
|
||||
print(' width: ' + str(label_width) +'em;')
|
||||
print(' left: ' + str(address_width + 3) + 'em;')
|
||||
|
|
@ -270,7 +272,7 @@ print(' text-align: center;')
|
|||
print(' color: yellow;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table th.decimal_column {')
|
||||
print('th.decimal_column {')
|
||||
print(' position: absolute;')
|
||||
print(' width: ' + str(decimal_width) + 'em;')
|
||||
print(' left: ' + str(address_width + label_width + 3.9) + 'em;')
|
||||
|
|
@ -285,22 +287,22 @@ print(' text-align: center;')
|
|||
print(' color: yellow;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table th.left_column a {')
|
||||
print('th.left_column a {')
|
||||
print(' color: #e0f0ff;')
|
||||
print('}')
|
||||
print('')
|
||||
print('table.disassembly_table th.left_column a:target {')
|
||||
print('th.left_column a:target {')
|
||||
print(' color: yellow;')
|
||||
print(' text-shadow: 0px 1px black;')
|
||||
print('}')
|
||||
print('')
|
||||
#print('table.disassembly_table th.left_column a:target::before {')
|
||||
#print('th.left_column a:target::before {')
|
||||
#print(' content: "▹";')
|
||||
#print('}')
|
||||
print('')
|
||||
|
||||
for i in range(0, len(filenames)):
|
||||
print('table.disassembly_table th.top_row:nth-of-type(' + str(i + 1 + offset) + ') {')
|
||||
print('th.top_row:nth-of-type(' + str(i + 1 + offset) + ') {')
|
||||
print(' background: #' + titlecolor[i] + ';')
|
||||
print('}')
|
||||
print('')
|
||||
|
|
@ -343,6 +345,42 @@ print(' border: solid #0060a0;')
|
|||
print(' border-width:1px 0px 1px 0px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav {')
|
||||
print(' background-color: #333;')
|
||||
print(' overflow: hidden;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav a, .topnav h1 {')
|
||||
print(' float: left;')
|
||||
print(' text-align: center;')
|
||||
print(' color: white;')
|
||||
print(' padding: 14px 16px;')
|
||||
print(' margin: 0px;')
|
||||
print(' text-decoration: none;')
|
||||
print(' font-size: 17px;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav h1 {')
|
||||
print(' color: e0f0ff;')
|
||||
print(' text-shadow: 0px 1px #004080;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav a:hover {')
|
||||
print(' background-color: #e0f0ff;')
|
||||
print(' color: black;')
|
||||
print('}')
|
||||
print('')
|
||||
print('.topnav a.active {')
|
||||
print(' background-color: #004080;')
|
||||
print(' color: white;')
|
||||
print('}')
|
||||
print('details {')
|
||||
print(' font-family: serif;')
|
||||
print('}')
|
||||
print('summary {')
|
||||
print(' font-family: Helvetica;')
|
||||
print('}')
|
||||
print('')
|
||||
print('</style>')
|
||||
print('</head>')
|
||||
print('<body>')
|
||||
|
|
@ -350,6 +388,15 @@ print('<body>')
|
|||
# http://tholman.com/github-corners/
|
||||
print('<a href="https://github.com/mist64/c64disasm" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#004080; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>')
|
||||
|
||||
print('<div class="topnav">')
|
||||
print(' <h1>Ultimate Commodore 64:</h1> ')
|
||||
print(' <a href="../c64disasm/index.html">ROM Disassembly</a><!-- c64disasm/index.html -->')
|
||||
print(' <a class="active" href="../c64mem/index.html">Memory Map</a><!-- c64mem/index.html -->')
|
||||
print(' <a href="#">I/O Map</a><!-- c64io/index.html -->')
|
||||
print(' <a href="#">6502 CPU</a><!-- 6502/index.html -->')
|
||||
print('</div>')
|
||||
|
||||
print('<div class="body">')
|
||||
print('<h1>Ultimate Commodore 64 Memory Map</h1>')
|
||||
|
||||
print('<p><i>by <a href="http://www.pagetable.com/">Michael Steil</a>, <a href="https://github.com/mist64/c64disasm">github.com/mist64/c64disasm</a>. Revision ' + revision + ', ' + date + '</i></p>')
|
||||
|
|
@ -513,5 +560,6 @@ while(True):
|
|||
|
||||
print('</table>')
|
||||
print('</div>')
|
||||
print('</div>')
|
||||
print('</body>')
|
||||
print('</html>')
|
||||
|
|
|
|||
Loading…
Reference in a new issue