SimSig:Resources: Difference between revisions

From Bradshaw, the companion guide to On Our Lines
(→‎Minimalist Timetable CSS: uploaded new fixed Windows CSS)
Line 1: Line 1:
== Minimalist Timetable CSS ==
== Minimalist Timetable CSS ==


[[File:Popup timetable minimalist.png|frame]]


[[File:Minimalist timetable example 2021-02-14.png]]
This CSS file for the pop-up timetable removes some unnecessary labels and some information the signaller probably has no way of knowing, like the train's exact current speed. It also removes "most recently seen" path but it'd be easy to put that back.
 
 
This CSS file for the pop-up timetable removes some unnecessary labels and some information the signaller probably has no way of knowing, like the train's exact current speed. It also removes the delay status field and the "most recently seen" path but it'd be easy to put those back.
 
It works much better on Linux. The HTML renderer used under Windows does not support a lot of contemporary CSS features.


<pre>
<pre>
/* Linux/Wine version */
/* General theme: monospace cyan on black - now nicely formatted in Windows */
/* General theme: monospace white on black */
body {
body {
   font-family: "Liberation Mono", "Monospace", "Consolas", monospace;
   font-family: "Liberation Mono", "Monospace", "Consolas", monospace;
   font-size: 8pt;
   text-size: 10pt;
   text-align: left;
   text-align: left;
   background-color: black;
   background-color: black;
   color: white;
   color: cyan;
   margin: 3px; /* This is the margin around the window sides */
   margin: 8px; /* This is the margin around the window sides */
}
}


Line 28: Line 23:


/* Format tables */
/* Format tables */
table, th, td {
table {
  border-collapse: collapse;
   width: 100%
  margin-bottom: 1em; /* the height of a row of text */
  font-weight: normal; /* take bold weight off header row */
  vertical-align: top;
  padding: 0;
  padding-right: 1ch; /* pad right edge the width of one '0' character*/
   width: 100%;
}
 
/* 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;
}
 
/* Remove "most recent paths" row
* Appears to have no class name
* This removes the cells of the first row of the last table
*/
table:last-of-type tr:first-child td {
  display:none;
  /* If you want to keep this row and change the background colour:*/
  /* background-color: magenta !important; */
}
}
/* 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: 9ch;
  padding-right: 0;
}
/* Format Activity row */
td.acts {
  /* Line up activity departure time with departure column */
  text-align: right;
  padding-right: 33ch
}
</pre>
<pre>
/* 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 {
table, th, td {
   border-collapse: collapse;
   border-collapse: collapse;
Line 106: Line 32:
   font-weight: normal; /* take bold weight off header row */
   font-weight: normal; /* take bold weight off header row */
   text-decoration: none;
   text-decoration: none;
  text-align: left;
   vertical-align: top;
   vertical-align: top;
   padding: 0;
   padding: 0;
   padding-right: 8px; /* pad right edge the width of one '0' character*/
   padding-right: 8px; /* pad right edge the width of one '0' character*/
  width: 100%;
   background-color: black !important;
   background-color: black !important; /* overwrite inline style for 'Most recent' fields */
}
}
/* Hide row labels from top of page */
/* Hide row labels from top of page */
th.id, th.desc, th.notes, th.char, th.ars {
th.id, th.desc, th.notes, th.char, th.ars {
Line 119: Line 44:


/* hide magical status and delay fields */
/* hide magical status and delay fields */
.status, .delay { /* gets both th.status and td.status etc */
.status, th.delay { /* gets both th.status and td.status etc */
   display: none;
   display: none;
}
}
Line 132: Line 57:
/* Format Misc column */
/* Format Misc column */
/* table:last-of-type th:nth-child(8),*/ td.misc {
/* 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 */
   /* lets 'N Setdown' show in a single line */
   min-width: 72px;
   width: 72px !important;
   padding-right: 0;
   padding-right: 0;
}
}


/* Format Activity row */
/* Format Activity row */
td.acts {
.acts {
   /* Line up activity departure time with departure column */
   /* Line up activity departure time with departure column */
   text-align: right;
   text-align: right;
   padding-right: 232px /* use 208px if you have 1-second precision timetables turned on */
   padding-right: 248px
}
.arr, .dep {
  width: 72px;
}
.path, .plat, .line {
  width: 32px;
/* padding-left: 8px;*/
  background-color: #880000;
}
}
td.arr {
.allow {
   min-width: 72px; /* doesn't work, if all Arrs are --/-- they still wrap */
   width: 40px
}
}
</pre>
td.locstop{
/*  font-weight: bold;*/
  text-decoration: underline;
}</pre>


== Minimised Simplifier CSS ==
== Minimised Simplifier CSS ==

Revision as of 19:45, 1 March 2021

Minimalist Timetable CSS

This CSS file for the pop-up timetable removes some unnecessary labels and some information the signaller probably has no way of knowing, like the train's exact current speed. It also removes "most recently seen" path but it'd be easy to put that back.

/* General theme: monospace cyan on black - now nicely formatted in Windows */
body {
  font-family: "Liberation Mono", "Monospace", "Consolas", monospace;
  text-size: 10pt;
  text-align: left;
  background-color: black;
  color: cyan;
  margin: 8px; /* 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 {
  width: 100%
}
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;
  text-align: left;
  vertical-align: top;
  padding: 0;
  padding-right: 8px; /* pad right edge the width of one '0' character*/
  background-color: black !important;
}
/* 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, th.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 {
  /* lets 'N Setdown' show in a single line */
  width: 72px !important;
  padding-right: 0;
}

/* Format Activity row */
.acts {
  /* Line up activity departure time with departure column */
  text-align: right;
  padding-right: 248px
}
.arr, .dep {
  width: 72px;
}
.path, .plat, .line {
  width: 32px;
/*  padding-left: 8px;*/
  background-color: #880000;
}
.allow {
  width: 40px
}
td.locstop{
/*  font-weight: bold;*/
  text-decoration: underline;
}

Minimised Simplifier CSS

This removes columns from the Simplifier to make it useable on a 1366x768 laptop monitor.

/* Remove redundant title */
h1 {
  display:none;
}

/* General theme is green on black */
body {
  margin:2px;
  color:green;
  background-color:black;
}

/* Format table */
table, th, td {
  font-family:Liberation Mono, Monospace, Consolas, Courier New, monospace;
  font-weight:normal;
  font-size:9pt;
  text-align:left;
  border-collapse:collapse;
  vertical-align:top;
  padding:2px;
}

/* Hide UID column and final six columns */
.uid, .origin, .originTime, .destinationTime, .operator, .notes, .destination {
  display: none;
}

Customising SimSig's CSS

From the F3 menu, go to the CSS tab. There's three buttons to see the CSS for the Simplifier, Train List, and Timetable. To overwrite the CSS, right-click and Select All (most of the usual text-editing keyboard shortcuts don't work here), then right-click and paste.