jepler/c64ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

c64disasm, c64mem: using more of the same css

Browse source
This commit is contained in:
Lisa Brodner 2020-05-13 14:50:36 +02:00
parent 5871a51d0c
commit 1a209b14ea
3 changed files with 61 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
c64disasm/combine.py
View file

@ -109,55 +109,19 @@ print('.com {')
print(' white-space: pre;')
print('}')
print('')
print('th.com {')
print(' font-weight: bold;')
print('}')
print('')
print('div.disassembly_container {')
print(' padding: 1em 0em 1em 16em;')
print(' overflow: scroll;')
print('}')
print('')
print('table {')
print(' border-collapse: collapse;')
print(' border: solid 1px var(--border-color);')
print(' color: black;')
print('}')
print('')
print('tr, td, th {')
print(' margin: 0px;')
print(' text-align:left;')
print(' vertical-align: text-top;')
print('}')
print('')
print('table.disassembly_table {')
print(' border: solid grey;')
print(' border-width:0px 0px 1px 0px;')
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(' font-family: monospace;')
print('}')
print('')
print('table.disassembly_table th.left_column {')
print(' position: absolute;')
print(' width: 18em;')
print(' left: 8px;')
print(' z-index: 11;')
print(' border: 1px solid #000;')
print(' border-radius: 2px;')
print(' color: var(--main-background);;')
print(' background: var(--border-color);')
print('}')
print('')
print('table.disassembly_table th.left_column a {')
print(' color: var(--main-background);;')
print('}')
print('')
print('</style>')
print('</head>')
print('<body>')

53
c64mem/combine.py
View file

@ -164,63 +164,30 @@ print('</script>')
print('')
print('<link rel="stylesheet" href="../style.css">')
print('<style type="text/css">')
print('')
print('th.com {')
print(' font-weight: bold;')
print('}')
print('')
address_width=6.4
label_width=4
decimal_width=7
print('<style type="text/css">')
print('')
print('div.disassembly_container_with_dec {')
print(' padding: 1em 0em 1em ' + str(address_width + label_width + decimal_width + 1) + 'em;')
print(' overflow: scroll;')
print('}')
print('')
print('div.disassembly_container_no_dec {')
print(' padding: 1em 0em 1em ' + str(address_width + label_width + 1) + 'em;')
print(' overflow: scroll;')
print('}')
print('')
print('table {')
print(' border-collapse: collapse;')
print(' border: solid 1px var(--border-color);')
print(' color: black;')
print('}')
print('')
print('tr, td, th {')
print(' margin: 0px;')
print(' text-align:left;')
print(' vertical-align: text-top;')
print('}')
print('')
print('table.disassembly_table {')
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 th.left_column {')
print(' position: absolute;')
print(' width: '+ str(address_width) +'em;')
print(' left: 8px;')
print(' z-index: 11;')
print(' border: 1px solid #000;')
print(' border-radius: 2px;')
print(' color: var(--main-background);')
print(' background: var(--border-color);')
print('}')
print('')
print('th.label_column {')
@ -253,20 +220,6 @@ print(' text-align: center;')
print(' color: yellow;')
print('}')
print('')
print('th.left_column a {')
print(' color: var(--main-background);')
print('}')
print('')
print('th.left_column a:target {')
print(' color: yellow;')
print(' text-shadow: 0px 1px black;')
print('}')
print('')
#print('th.left_column a:target::before {')
#print(' content: "▹";')
#print('}')
print('')
print('details {')
print(' font-family: serif;')
print('}')

64
style.css
View file

@ -90,6 +90,24 @@ div.body {
color: white;
}
/* Tables */
table {
border-collapse: collapse;
border: solid 1px var(--border-color);
color: black;
}
tr, td, th {
margin: 0px;
text-align:left;
vertical-align: text-top;
}
th.com {
font-weight: bold;
}
/* Overview Table */
@ -133,18 +151,52 @@ table.checkbox_table tr:nth-of-type(8) td:nth-of-type(2) { background: var(--tit
/* Main Table */
table.disassembly_table {
border: solid grey;
border-width:0px 0px 1px 0px;
}
table.disassembly_table td, table.disassembly_table th {
padding: 2px 4px;
border: solid grey;
border-width:0px 1px 0px 1px;
}
table.disassembly_table th.left_column {
position: absolute;
left: 8px;
z-index: 11;
border: 1px solid #000;
border-radius: 2px;
color: var(--main-background);
background: var(--border-color);
}
th.left_column a {
color: var(--main-background);
}
th.left_column a:target {
color: yellow;
text-shadow: 0px 1px black;
}
/*
th.left_column a:target::before {
content: "▹";
}
*/
table.disassembly_table th.top_row {
color: var(--main-background);
border-width: 1px;
}
table.disassembly_table tr {
background: #f0f0f0;
}
table.disassembly_table tr { background: #f0f0f0; }
table.disassembly_table tr:nth-child(even) { background: #ffffff; }
table.disassembly_table tr:nth-child(even) {
background: #ffffff;
}
/* Main Table: Multicolor */