Show Timetable Popup Templates

. . . . If you want to use it you'll need gill sans MT (BR's early official font) installed on your PC. I obtained it from here . . . .

jc92 in post 129034 said:

. . . . If you want to use it you'll need gill sans MT (BR's early official font) installed on your PC. I obtained it from https://www.strathpefferjunction.com/british-railway-typefaces-fonts/ . . . .

I'm getting a broken link when I click. I think this works properly:

https://www.strathpefferjunction.com/british-railway-typefaces-fonts/

My take on an alternative CSS for the Show Timetable Window

You paste the entire text below into the CSS for show timetable in the F3 options
----------------------------------------------------------------------------------

h1{color:blue;text-align:left;font-size:12pt;}
body{margin:2px; font-family:Arial,Helvetica,sans-serif;border: 1px solid black;}
table{border-collapse:collapse;font-size:9pt;width:100%}
table,th,td{border: 1px solid black;text-align:centre;padding:3px;}
th{color:white;background-color:#15ab97;font-weight:bold;}
th.id{} td.id{background-color: #E7E7E4;font-weight:bold;}
th.desc{} td.desc{background-color: #E7E7E4;font-weight:bold;}
th.notes{} td.notes{background-color: #E7E7E4;font-weight:bold;}
th.char{} td.char{background-color: #E7E7E4;font-weight:bold;}
th.status{} td.status{background-color: #E7E7E4;font-weight:bold;}
th.delay{} td.delay{background-color: #E7E7E4;font-weight:bold;}
th.ars{} td.ars{background-color: #E7E7E4;font-weight:bold;}
tr.alternate1{background-color:#bcf5ea;}
tr.alternate2{background-color:#d7faf5}
tr.locpass{font-style:italic;}
tr.locstop{font-weight:bold}
td.locpass{font-style:italic;}
td.locstop{color:blue;font-weight:bold;}
td.arr{text-align:center;font-familyourier New;}
td.dep{text-align:center;font-familyourier New;}
td.path{text-align:center;font-family:Arial,Helvetica,sans-serif;font-style:italic;}
td.plat{text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
td.line{text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:bold;}
td.engallow{}
td.pathallow{}
td.misc{}
td.acts{color:red;text-align:center;font-weight:bold;background-color:#E7E7E4}
th.loc{}
th.arr{}

I may have gone slightly mad with the colours. As you can see, I've chosen bold Trebuchet MS fonts, with a dark mode style. My CSS code:

** snip **

How do you edit the most recently seen path/plat/line codes (If you can) as I cannot seem to be able to. Thanks in advanced

h1 {
color:white;
text-align:left;
font-size:10pt;
}
body {
font-family:"Consolas", monospace;
font-size:8pt;
background-color:black;
color:white;
}
table {
border-collapse:collapse;
font-size:8pt;
width:100%;
background-color:black;
}
table,th,td {
text-align:left;
padding:1px;
}
th {
background-color:#111111;
font-weight:normal;
}
tr.locpass{text-align: right;}
tr.locstop{text-align: right;}
td.locpass{text-align: right;}
td.locstop{text-align: right;}
td.arr{}
td.dep{}
td.path{}
td.plat{}
td.line{}
td.engallow{}
td.pathallow{}
td.misc{}
td.acts{text-align: center;}
th.loc{text-align: right;}
th.arr{}
th.dep{}
th.path{}
th.plat{}
th.line{}
th.engallow{}
th.pathallow{}
th.misc{}
th.id{display:none;} td.id{}
th.desc{display:none;} td.desc{}
th.notes{display:none;} td.notes{}
th.char{display:none;} td.char{}
th.status{display:none;} td.status{display:none;}
th.delay{display:none;} td.delay{}
th.ars{display:none;} td.ars{}

h1{color:blue;text-align:left;font-size:10pt;}
body{margin:2px; font-family:Verdana;border:1px solid black;border:none}
table{border-collapse:collapse;font-size:9pt;width:100%}
table,th,td{border: 1px solid black;text-align:center;padding:3px;background-color:white;}
th{color:white;background-color:black;font-weight:bold;text-align:center;}
tr.alternate1{white;}
tr.alternate2{white;}
tr.locpass{text-align:center;font-weight:bold;font-family:Verdana;color:red;font-size:10pt;}
tr.locstop{text-align:center;font-weight:bold;font-family:Verdana;color:black;font-size:10pt;}
td.locpass{text-align:center;font-weight:bold;font-family:Verdana;color:red;font-size:10pt;}
td.locstop{text-align:center;font-weight:bold;font-family:Verdana;color:black;font-size:10pt;}
td.arr{text-align:center;}
td.dep{text-align:center;}
td.path{text-align:center;}
td.plat{text-align:center;}
td.line{text-align:center;}
td.engallow{text-align:center;}
td.pathallow{text-align:center;}
td.misc{text-align:center;}
td.acts{font-family:Verdana;font-weight:bold;color:blue;font-size:10pt;text-align:left}
th.loc{text-align:center;}
th.arr{text-align:center;}
th.dep{text-align:center;}
th.path{text-align:center;}
th.plat{text-align:center;}
th.line{text-align:center;}
th.engallow{text-align:center;}
th.pathallow{text-align:center;}
th.misc{text-align:center;}
th.id{} td.id{text-align:left;background-color:white;font-weight:bold}
th.desc{} td.desc{text-align:left;background-color:white;font-weight:bold}
th.notes{} td.notes{text-align:left;background-color:yellow;font-weight:bold}
th.char{} td.char{text-align:left;background-color:white;font-weight:bold}
th.status{} td.status{text-align:left;background-color:white;font-weight:bold}
th.delay{} td.delay{text-align:left;background-color:white;font-weight:bold}
th.ars{} td.ars{text-align:left;background-color:white;font-weight:bold}

Apologies if this has already been mentioned, but, would it be possible for the notes field to wrap, and push up the height of the line?

Thanks Geoff! I don't think I've hidden the Notes field - although I might've failed to notice that none of the timetables I've tested have used it.

Humorist in post 137261 said:

Apologies if this has already been mentioned, but, would it be possible for the notes field to wrap, and push up the height of the line?

This can probably be done today using CSS - is there a particular timetable in a particular WTT you have in mind?

---
What I had in mind was the flasks train from Torness in the Edinburgh sim. Reversing that at Grantshouse, I recall having to cope with a very wide Notes field that obscured all else. That's from memory, as it's a while since I have played this.
I revised the CSS from my last post to work better on Windows. It's not as good as the previous CSS under Wine though!

```
/* Windows version - has bugs */
/* General theme: monospace white on black */
body {
font-family: "Liberation Mono", "Monospace", "Consolas", monospace;
text-size: 10pt;
text-align: left;
background-color: black;
color: white;
margin: 3px; /* This is the margin around the window sides */
}

/* Remove line breaks */
br {
/* SimSig uses these for spacing. Let's use margin-bottom instead */
display: none;
}

/* Format tables */
table, th, td {
border-collapse: collapse;
margin-bottom: 1em; /* the height of a row of text */
font-size: 10pt;
font-weight: normal; /* take bold weight off header row */
text-decoration: none;
vertical-align: top;
padding: 0;
padding-right: 8px; /* pad right edge the width of one '0' character*/
width: 100%;
background-color: black !important; /* overwrite inline style for 'Most recent' fields */
}

/* Hide row labels from top of page */
th.id, th.desc, th.notes, th.char, th.ars {
display: none;
}

/* hide magical status and delay fields */
.status, .delay { /* gets both th.status and td.status etc */
display: none;
}

/* Format links */
a {
/* by default these appear dark blue, hard to see against black */
text-decoration: none;
color: cyan;
}

/* Format Misc column */
/* table:last-of-type th:nth-child(8),*/ td.misc {
/* (th.misc doesn't seem to work for finding the header cell here) */
/* lets 'N Setdown' show in a single line */
min-width: 72px;
padding-right: 0;
}

/* Format Activity row */
td.acts {
/* Line up activity departure time with departure column */
text-align: right;
padding-right: 232px /* use 208px if you have 1-second precision timetables turned on */
}
td.arr {
min-width: 72px; /* doesn't work, if all Arrs are --/-- they still wrap */
}
```

- The browser component SimSig uses is in the Borland Delphi libraries, which itself uses a standard Windows component. However, it is believed that that is indeed old now.

The "Most recently used line/path" table row uses the `mru` class. So you can hide it like so:

```
.mru {display: none;}
```