Upcoming Games


Full list
Add a game

Show Timetable Popup Templates

You are here: Home > Forum > General > CSS Window Customisations > Show Timetable Popup Templates

Page 2 of 2

Show Timetable Popup Templates 04/07/2020 at 21:41 #129034
jc92
Avatar
3062 posts
Online
I've finally settled with this slightly heritage look. 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

h1{color:blue;text-align:left;font-size:12pt;}
body{margin:2px; font-family: Gill sans MT;border: 1px solid black;border:none;}
table{border-collapse:collapse;font-size:9pt;width:100%;}
table,th,td{border: 1px solid black;text-align:left;padding:3px;}
th{color:black;background-color:#808080;font-weight:bold;background-color: #808080;}
tr.alternate1{background-color:white;}
tr.alternate2{background-color:#ffeebf;}
tr.locpass{font-style:italic;color:gray}
tr.locstop{}
td.locstop{font-weight:bold;}
td.arr{text-align:center;font-weight:bold;}
td.dep{text-align:center;font-weight:bold;}
td.plat{text-align:center;font-style:normal;font-weight:bold;}
td.line{}



Post has attachments. Log in to view them.
Last edited: 05/07/2020 at 12:35 by headshot119
Reason: Moderator fixing link

Log in to reply
Show Timetable Popup Templates 04/07/2020 at 23:05 #129049
TylerE
Avatar
148 posts
Legacy / Readability Style

body {
font-family: Consolas;
background-color: #eee;
width: 610px;
height: 0;
}

table {
border-collapse: collapse;
font-size: 11pt;
width: 100%
}

table,
th,
td {
border: none;
text-align: left;
}

th {
background-color: #eee;
}

tr:nth-child(1) {
text-align: right;
padding-right: 10px;
}

td.acts {
text-align: center;
font-weight: bold;
}

th.status,
th.status+td,
th.ars,
th.ars+td,
th.desc,
th.desc+td,
th.delay,
th.delay+td {
background-color: #eee;
}

td.arr,
td.dep {
width: 50px;
}

td.locpass,
td.locstop {
width: 200px;
text-align: right;
}

td.plat,
td.line,
td.path,
td.engallow,
td.pathallow,
th.engallow,
td.allow {
width: 40px;
}

td.misc {
width: 10px;
}

.alternate1,
.alternate2,
.acts {
background-color: #fff;
}

.alternate1,
.alternate2 td {
padding-right: 10px;
}

td.locstop,
td.locstop+td+td+td+td{
font-weight: bold;
}

td.locpass+td {
color: #fff;
}


th.id,
th.desc,
th.notes,
th.char,
th.delay,
th.ars {
text-align: right;
padding-right: 5px;
width: 150px;
font-size: 80%;
}

th.desc+td,
th.notes+td,
th.char+td,
th.delay+td,
th.ars+td {
font-size: 80%;
}

th.id+td {
font-weight: bold;
}

th.status,
th.status+td {
display: none;
}


Post has attachments. Log in to view them.
Log in to reply
The following users said thank you: belly buster, Dick
Show Timetable Popup Templates 05/07/2020 at 12:32 #129061
postal
Avatar
4315 posts
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 here . . . .
I'm getting a broken link when I click. I think this works properly:

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

“In life, there is always someone out there, who won’t like you, for whatever reason, don’t let the insecurities in their lives affect yours.” – Rashida Rowe
Last edited: 05/07/2020 at 12:36 by headshot119
Reason: Moderator Fixing Link In Quoted Post

Log in to reply
Show Timetable Popup Templates 05/07/2020 at 12:35 #129062
y10g9
Avatar
639 posts
postal in post 129061 said:
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/
Link is broken because JC hadn't put the link in the code correctly and had left the URL as the example.com

Log in to reply
Show Timetable Popup Templates 05/07/2020 at 16:13 #129082
bri2808
Avatar
147 posts
Meld in post 128902 said:
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 like this one, quite easy on the eyes too - Thanks Meld

Log in to reply
Show Timetable Popup Templates 06/07/2020 at 16:07 #129131
TylerE
Avatar
148 posts
Can't seem to edit the original post, which is...unfortunate.

Legacy / Readability Style 1.1

body {
font-family: Consolas;
background-color: #eee;
width: 610px;
height: 0;
}

table {
border-collapse: collapse;
font-size: 11pt;
width: 100%
}

table,
th,
td {
border: none;
text-align: left;
}

th {
background-color: #eee;
}

tr:nth-child(1) {
text-align: right;
padding-right: 10px;
}

td.acts {
text-align: center;
font-weight: bold;
}

th.status,
th.status+td,
th.ars,
th.ars+td,
th.desc,
th.desc+td,
th.delay,
th.delay+td {
background-color: #eee;
}

td.arr,
td.dep {
width: 50px;
}

td.locpass,
td.locstop {
width: 200px;
text-align: right;
}

td.plat,
td.line,
td.path,
td.engallow,
td.pathallow,
th.engallow,
td.allow {
width: 40px;
}

td.misc {
width: 10px;
}

.alternate1,
.alternate2,
.acts {
background-color: #fff;
}

.alternate1 td,
.alternate2 td {
padding-right: 10px;
}

td.locstop,
td.locstop+td+td+td+td{
font-weight: bold;
}

td.locpass+td {
color: #fff;
}


th.id,
th.desc,
th.notes,
th.char,
th.delay,
th.ars {
text-align: right;
padding-right: 5px;
width: 150px;
font-size: 80%;
}

th.desc+td,
th.notes+td,
th.char+td,
th.delay+td,
th.ars+td {
font-size: 80%;
}

th.id+td {
font-weight: bold;
}

th.status,
th.status+td {
display: none;
}

Last edited: 06/07/2020 at 17:37 by TylerE
Reason: None given

Log in to reply
The following user said thank you: torets
Show Timetable Popup Templates 06/07/2020 at 17:38 #129141
TylerE
Avatar
148 posts
Ok, new ADVANCED version of the Legacy view.

See post at https://www.simsig.co.uk/Forum/PostView/129140

This is starting to really push the limited of what is possible, it goes beyond pure CSS.

Changes from last version of Legacy TT style...

Hides "Last Reported Delay" field when train is on time
Allows "Misc" column to take over empty cells to it's left to minimize wrapping whenever possible


Post has attachments. Log in to view them.
Log in to reply
The following user said thank you: tjtbcork
Show Timetable Popup Templates 06/07/2020 at 21:20 #129188
Meld
Avatar
756 posts
Online
Your welcome Brian - I just need to sort the others out
Passed the age to be doing 'Spoon Feeding' !!!
Log in to reply
The following user said thank you: bri2808
Show Timetable Popup Templates 09/07/2020 at 22:27 #129406
Trainman525
Avatar
38 posts
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
Log in to reply
Show Timetable Popup Templates 19/07/2020 at 15:59 #129773
Vortexhaha
Avatar
47 posts
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:

h1{color:blue;text-align:left;font-size:8px;}
body{margin:2px; font-family:Cambria Math,sans-serif;border: 1px solid black;border:none;background-color:black;}
table{border-collapse:collapse;font-size:10pt;width:100%}
table,th,td{border: 1px solid black;text-align:left;padding:3px;}
th{color:white;background-color:black;font-weight:bold;}
tr.locpass{color:orange;}
tr.locstop{color:orange;}
td.locpass{color:orange;}
td.locstop{color:#90EE90;font-weight:bold;}
td.arr{text-align:center;font-family:Trebuchet MS;color:#90EE90;font-weight:bold;}
td.dep{text-align:center;font-family:Trebuchet MS;color:#90EE90;font-weight:bold;}
td.path{color:red;font-weight:bold;}
td.plat{color:#00EEEE;font-weight:bold;}
td.line{color:#90EE90;font-weight:bold;}
td.engallow{color:#00EEEE;}
td.pathallow{color:#00EEEE;}
td.misc{color:#00EEEE;}
td.acts{text-align: center; background-color: #D3D3D3}
th.loc{}
th.arr{}
th.dep{}
th.path{}
th.plat{}
th.line{}
th.engallow{}
th.pathallow{}
th.misc{}
th.id{color:#90EEEE;} td.id{background-color: black;color:#90EEEE;font-weight:bold;}
th.desc{color:#FF00FF;} td.desc{background-color: black;color:#FF00FF;font-weight:bold;}
th.notes{color:#FF00FF;} td.notes{background-color: black;color:#FF00FF;font-weight:bold;}
th.char{color:#FF00FF;} td.char{background-color: black;color:#FF00FF;font-weight:bold;}
th.status{color:orange;} td.status{background-color: black;color:orange;font-weight:bold;}
th.delay{color:#90EE90;} td.delay{background-color: black;color:#90EE90;font-weight:bold;}
th.ars{color:orange;} td.ars{background-color: black;color:orange;font-weight:bold;}



Post has attachments. Log in to view them.
Nathan ( Vortexhaha / VORX (In-game)). 2nd year uni student
Last edited: 19/07/2020 at 16:05 by Vortexhaha
Reason: Forgot to attach CSS code

Log in to reply
Show Timetable Popup Templates 19/07/2020 at 16:07 #129774
headshot119
Avatar
3717 posts
Vortexhaha in post 129773 said:
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 **


I remember seeing a TRUST terminal where someone had a gone a little mad with the colours, yours look very similar!

"As the last track dropped, and the route became free, came the cry BROMLEY " - Opinions are my own and not those of my employer
Log in to reply