V5.3 CSS Abilities

You are here: Home > Forum > Customising SimSig > CSS Window Customisations > V5.3 CSS Abilities

Page 1 of 2

V5.3 CSS Abilities 30/06/2020 at 22:13 #128682
GeoffM
Avatar
6274 posts
Online
From the forthcoming version 5.3 of the Loader you will be able to customise the Train List, the Show Timetable window, and the Simplifier via CSS in the Options window. A reference to the elements available is in the Wiki.

This won't be the final version as I'm sure people will want some new features, which can be discussed here.

SimSig Boss
Last edited: 30/06/2020 at 22:20 by GeoffM
Reason: None given

Log in to reply
The following users said thank you: Hap, Meld, UKTrainMan, swiftaw, Mikhail, bossman, Lyn-Greenwood, dhouk, flabberdacks, bri2808, ajax103, Dick, VInce, phil1044, Vortexhaha
V5.3 CSS Abilities 03/07/2020 at 17:11 #128892
headshot119
Avatar
4869 posts
Version 5.3 is now available via the updater.

Can I draw members attention to these two wiki pages:

Where do I edit the CSS?

What fields can I edit?

"Passengers for New Lane, should be seated in the rear coach of the train " - Opinions are my own and not those of my employer
Log in to reply
V5.3 CSS Abilities 03/07/2020 at 18:01 #128903
jc92
Avatar
3626 posts
Online
if I modify the CSS to use a non standard font (I have all the historical BR Fonts installed on my laptop) will it still recognise them?
"We don't stop camborne wednesdays"
Log in to reply
The following user said thank you: pompeygeorge
V5.3 CSS Abilities 03/07/2020 at 18:11 #128906
Jan
Avatar
889 posts
Works fine as long as you get the font name correct.
Two million people attempt to use Birmingham's magnificent rail network every year, with just over a million of them managing to get further than Smethwick.
Log in to reply
V5.3 CSS Abilities 03/07/2020 at 18:33 #128908
jc92
Avatar
3626 posts
Online
Jan in post 128906 said:
Works fine as long as you get the font name correct.
Managed it with Gill Sans MT for the authentic heritage look.

"We don't stop camborne wednesdays"
Log in to reply
V5.3 CSS Abilities 03/07/2020 at 19:07 #128913
Splodge
Avatar
698 posts
Can confirm it works with Wingdings too


Post has attachments. Log in to view them.
There's the right way, the wrong way and the railway.
Log in to reply
The following users said thank you: jc92, DonRiver
V5.3 CSS Abilities 03/07/2020 at 19:13 #128915
headshot119
Avatar
4869 posts
Splodge in post 128913 said:
Can confirm it works with Wingdings too

If you just come this way we have a pot waiting for you.......

"Passengers for New Lane, should be seated in the rear coach of the train " - Opinions are my own and not those of my employer
Log in to reply
V5.3 CSS Abilities 03/07/2020 at 19:34 #128922
Sacro
Avatar
1171 posts
Splodge in post 128913 said:
Can confirm it works with Wingdings too

Ah yes, I often catch the folder, mouse, PC, coffee pot, folder into work...

Log in to reply
V5.3 CSS Abilities 03/07/2020 at 20:03 #128926
GeoffM
Avatar
6274 posts
Online
Splodge in post 128913 said:
Can confirm it works with Wingdings too

Ramping up the difficulty level I see. Not only do you need to route trains the right way, but you need to work out the time as well!

SimSig Boss
Log in to reply
V5.3 CSS Abilities 03/07/2020 at 20:21 #128931
VInce
Avatar
579 posts
headshot119 in post 128892 said:
Version 5.3 is now available via the updater.

Can I draw members attention to these two wiki pages:

Where do I edit the CSS?

What fields can I edit?
Whilst this is helpful it is not immediately obvious to me where I go to start the edit process.

I think you may need to put it in words of one syllable for all of us non-developer types.

Do I need an external CSS editor? Where do I find "the tab" and the such like.

I'm by no means computer illiterate but I can't immediately see how we perform the editing process.

Vince

I walk around inside the questions of my day, I navigate the inner reaches of my disarray, I pass the altars where fools and thieves hold sway, I wait for night to come and lift this dread away : Jackson Browne - The Night Inside Me
Last edited: 03/07/2020 at 20:22 by VInce
Reason: None given

Log in to reply
The following user said thank you: bri2808
V5.3 CSS Abilities 03/07/2020 at 20:23 #128932
headshot119
Avatar
4869 posts
VInce in post 128931 said:
headshot119 in post 128892 said:
Version 5.3 is now available via the updater.

Can I draw members attention to these two wiki pages:

Where do I edit the CSS?

What fields can I edit?
Whilst this is helpful it is not immediately obvious to me where I go to start the edit process.

I think you may need to put it in words of one syllable for all of us non-developer types.

Do I need an external CSS editor? Where do I find "the tab" and the such like.

I'm by no means computer illiterate but I can't immediately see how we perform the editing process.

Vince
It's under the F3 options menu, on the Tab labelled CSS.

It's probably more obvious without the direct link, as you find the page via the Wiki page on editing your options. https://www.SimSig.co.uk/Wiki/Show?page=usertrack%3Assrun%3Afunc%3Af3

"Passengers for New Lane, should be seated in the rear coach of the train " - Opinions are my own and not those of my employer
Last edited: 03/07/2020 at 20:25 by headshot119
Reason: None given

Log in to reply
V5.3 CSS Abilities 03/07/2020 at 20:49 #128936
Jan
Avatar
889 posts
For some experimental playing around, it might be an idea to start with the simplifier, since you can use the "Show in web browser" button to load the HTML in your favourite browser and then use its developer tools for playing around with the CSS and getting some immediate visual feedback.
Two million people attempt to use Birmingham's magnificent rail network every year, with just over a million of them managing to get further than Smethwick.
Log in to reply
V5.3 CSS Abilities 04/07/2020 at 21:49 #129036
Steamer
Avatar
3913 posts
Online
Is it possible to remove the 'Status' row from the 'Show Timetable' window using the CSS? I'm happy with my current solution of setting the background and text colours the same, but I'd prefer a full removal if possible.
"Don't stress/ relax/ let life roll off your backs./ Except for death and paying taxes/ everything in life.../ is only for now." (Avenue Q)
Log in to reply
The following user said thank you: DonRiver
V5.3 CSS Abilities 04/07/2020 at 22:03 #129041
TylerE
Avatar
149 posts
Steamer in post 129036 said:
Is it possible to remove the 'Status' row from the 'Show Timetable' window using the CSS? I'm happy with my current solution of setting the background and text colours the same, but I'd prefer a full removal if possible.
Easy. Just figure out what the id is, then do something like tr.status{ display: none;}

Log in to reply
The following user said thank you: Steamer
V5.3 CSS Abilities 04/07/2020 at 22:18 #129043
TylerE
Avatar
149 posts
Steamer in post 129036 said:
Is it possible to remove the 'Status' row from the 'Show Timetable' window using the CSS? I'm happy with my current solution of setting the background and text colours the same, but I'd prefer a full removal if possible.
Ok, it wasn't quite easy, since you the status class is only applied to the header cell.

THIS will work:

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

Log in to reply
V5.3 CSS Abilities 04/07/2020 at 22:24 #129044
Steamer
Avatar
3913 posts
Online
TylerE in post 129043 said:
Steamer in post 129036 said:
Is it possible to remove the 'Status' row from the 'Show Timetable' window using the CSS? I'm happy with my current solution of setting the background and text colours the same, but I'd prefer a full removal if possible.
Ok, it wasn't quite easy, since you the status class is only applied to the header cell.

THIS will work:

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

th.status{display:none} td.status{display:none}

which had the desired effect.

"Don't stress/ relax/ let life roll off your backs./ Except for death and paying taxes/ everything in life.../ is only for now." (Avenue Q)
Log in to reply
The following user said thank you: DonRiver
V5.3 CSS Abilities 04/07/2020 at 22:58 #129047
Jan
Avatar
889 posts
For some reason the borders of the neighbouring cells don't properly merge, though, so I'm left with an extra-thick border between "Characteristics" and "Last reported delay". Has anybody had more success in that regard?
Two million people attempt to use Birmingham's magnificent rail network every year, with just over a million of them managing to get further than Smethwick.
Log in to reply
V5.3 CSS Abilities 05/07/2020 at 08:32 #129058
bri2808
Avatar
161 posts
Out of interest, will people be able to share their set ups that can automatically update it or will it still require manually inputting.
Log in to reply
V5.3 CSS Abilities 05/07/2020 at 12:38 #129063
y10g9
Avatar
895 posts
bri2808 in post 129058 said:
Out of interest, will people be able to share their set ups that can automatically update it or will it still require manually inputting.
You will need to do it as a manual replacement. But that would take mere seconds to do a select, copy the code, and paste the code into the F3 CSS tab

Log in to reply
The following user said thank you: bri2808
V5.3 CSS Abilities 05/07/2020 at 13:02 #129069
DaveHarries
Avatar
1265 posts
I have it in mind to mess about with the F2 trainlist design and have in mind something like the attached (done with the help of MS Paint) which would incorporate use of the SimSig font installed on my computer, the idea being to try and imitate the train list screens you get in signalboxes. In order for this to work, however, the writing would always have to be in capital letters: how would I go about achieving that?

Dave


Post has attachments. Log in to view them.
Log in to reply
The following users said thank you: andyallen4014, DonRiver
V5.3 CSS Abilities 05/07/2020 at 13:08 #129070
postal
Avatar
5189 posts
y10g9 in post 129063 said:
bri2808 in post 129058 said:
Out of interest, will people be able to share their set ups that can automatically update it or will it still require manually inputting.
You will need to do it as a manual replacement. But that would take mere seconds to do a select, copy the code, and paste the code into the F3 CSS tab
And if you don't like the outcome (or cock up with the copy/paste stuff) there is a button to revert to the default settings which is an instant return to the standard settings.

“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 13:08 by postal
Reason: None given

Log in to reply
The following user said thank you: bri2808
V5.3 CSS Abilities 05/07/2020 at 13:48 #129073
Steamer
Avatar
3913 posts
Online
DaveHarries said:
In order for this to work, however, the writing would always have to be in capital letters: how would I go about achieving that?
A quick google found this:

text-transform: uppercase;

The values 'lowercase' and 'capitalize' can also be specified.

"Don't stress/ relax/ let life roll off your backs./ Except for death and paying taxes/ everything in life.../ is only for now." (Avenue Q)
Last edited: 05/07/2020 at 13:49 by Steamer
Reason: None given

Log in to reply
V5.3 CSS Abilities 05/07/2020 at 15:12 #129078
bri2808
Avatar
161 posts
postal in post 129070 said:
y10g9 in post 129063 said:
bri2808 in post 129058 said:
Out of interest, will people be able to share their set ups that can automatically update it or will it still require manually inputting.
You will need to do it as a manual replacement. But that would take mere seconds to do a select, copy the code, and paste the code into the F3 CSS tab
And if you don't like the outcome (or cock up with the copy/paste stuff) there is a button to revert to the default settings which is an instant return to the standard settings.
Might need a tinker with that then, thanks guys :-)

Log in to reply
V5.3 CSS Abilities 30/08/2020 at 22:57 #131121
swiftaw
Avatar
265 posts
Online
Is the Simplifier there is a Column called "Stock" which lists the type of rolling stick used for that train. I'd like to add that information to the timetable window, but I can't figure out what the correct variable name is. Anyone got any ideas?

Thanks.

Log in to reply
V5.3 CSS Abilities 02/09/2020 at 17:44 #131233
GeoffM
Avatar
6274 posts
Online
swiftaw in post 131121 said:
Is the Simplifier there is a Column called "Stock" which lists the type of rolling stick used for that train. I'd like to add that information to the timetable window, but I can't figure out what the correct variable name is. Anyone got any ideas?

Thanks.
It's on the list to check.

SimSig Boss
Log in to reply