layout.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. #graphcolumn {
  2. flex: 7.5 1 0%;
  3. padding: 0;
  4. margin: 0;
  5. }
  6. #detailcolumn {
  7. flex: 2.5 1 0%;
  8. padding: 1em 1em 1em 2em;
  9. margin: 0;
  10. }
  11. .optcontent input {
  12. width: 8em;
  13. }
  14. .optcontent .stuff, #detailcolumn .new {
  15. padding-left: 1em;
  16. padding-bottom: 1em;
  17. padding-top: 0.5em;
  18. }
  19. .optcontent .stuff > div {
  20. padding-bottom: 0.2em;
  21. }
  22. .optcontent .heading {
  23. font-weight: bold;
  24. }
  25. .draw {
  26. width: 1253px;
  27. height: 1023px;
  28. background-image: url("uebersicht.png");
  29. background-repeat: no-repeat;
  30. background-position: left top;
  31. background-size: contain;
  32. }
  33. .draw g.node rect {
  34. stroke: #a4a4a4;
  35. stroke-width: 0.01em;
  36. fill: rgba(255, 255, 255, 1);
  37. }
  38. .draw .station {
  39. font-size: 0.06em;
  40. padding: 0.2em;
  41. border: 0.2em solid #a4a4a4;
  42. border-radius: 0.5em;
  43. background-color: rgba(255, 255, 255, 1);
  44. z-index: 99;
  45. width: 7.1em;
  46. white-space: pre-line;
  47. word-wrap: break-word;
  48. overflow-wrap: break-word;
  49. overflow: hidden;
  50. }
  51. .draw g.node:hover rect {
  52. fill: rgba(255, 189, 189, 1);
  53. }
  54. .draw g.node.active rect {
  55. fill: rgba(255, 189, 189, 1);
  56. }
  57. .draw polyline.conn-red {
  58. stroke:rgb(255,0,0);
  59. stroke-width:0.2;
  60. fill:none;
  61. }
  62. .draw polyline.conn-green {
  63. stroke:rgb(0,255,0);
  64. stroke-width:0.2;
  65. fill:none;
  66. }
  67. .station-condition {
  68. padding-left: 2em;
  69. }
  70. .station-id {
  71. font-weight: bold;
  72. }
  73. input.c2 {
  74. width: 15em;
  75. }
  76. input.c3 {
  77. width: 4em;
  78. }
  79. input.c4 {
  80. width: 25em;
  81. }
  82. input.c5 {
  83. width: 21em;
  84. }
  85. input.c6 {
  86. width: 2em;
  87. }