123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- img {
- max-width: 100%;
- }
- .images_1{
- flex: 1 1 auto;
- padding: 0;
- min-width: 15em;
- max-width: 2000px;
- }
- .column {
- flex: 1;
- background: #f2f2f2;
- box-sizing: border-box;
- }
- .column-one {
- order: 1;
- }
- .column-two {
- order: 2;
- }
- @media (max-width: 50em) { /* 2 x 15em (.text & .images) + 2em (left & right margin of the body element) + 1em (.text margin-right) */
- .container {flex-wrap: wrap}
- }
- .red{
- background: red;
- opacity: 0.4;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- .green{
- background: red;
- opacity: 0.2;
- width: 20;
- height: 20px;
- position: absolute;
- left: 0px;
- top: 0px;
- }
- .frame {
- flex: 1 1 auto;
- border: 0;
- height: 50%;
- width: 100%;
- }
- table {
- margin:auto;
- }
- #datacolumn { padding: 0; }
- /*
- #graphcolumn {
- flex: 7.5 1 0%;
- padding: 0;
- margin: 0;
- }
- #detailcolumn {
- flex: 2.5 1 0%;
- padding: 1em 1em 1em 2em;
- margin: 0;
- }
- .optcontent input {
- width: 8em;
- }
- .optcontent .stuff, #detailcolumn .new {
- padding-left: 1em;
- padding-bottom: 1em;
- padding-top: 0.5em;
- }
- .optcontent .stuff > div {
- padding-bottom: 0.2em;
- }
- .optcontent .heading {
- font-weight: bold;
- }
- .draw {
- width: 1253px;
- height: 1023px;
- background-image: url("uebersicht.png");
- background-repeat: no-repeat;
- background-position: left top;
- background-size: contain;
- }
- .draw g.node rect {
- stroke: #a4a4a4;
- stroke-width: 0.01em;
- fill: rgba(255, 255, 255, 1);
- }
- .draw .station {
- font-size: 0.06em;
- padding: 0.2em;
- border: 0.2em solid #a4a4a4;
- border-radius: 0.5em;
- background-color: rgba(255, 255, 255, 1);
- z-index: 99;
- width: 7.1em;
- white-space: pre-line;
- word-wrap: break-word;
- overflow-wrap: break-word;
- overflow: hidden;
- }
- .draw g.node:hover rect {
- fill: rgba(255, 189, 189, 1);
- }
- .draw g.node.active rect {
- fill: rgba(255, 189, 189, 1);
- }
- .draw polyline.conn-red {
- stroke:rgb(255,0,0);
- stroke-width:0.2;
- fill:none;
- }
- .draw polyline.conn-green {
- stroke:rgb(0,255,0);
- stroke-width:0.2;
- fill:none;
- }
- .station-condition {
- padding-left: 2em;
- }
- .station-id {
- font-weight: bold;
- }
- input.c2 {
- width: 15em;
- }
- input.c3 {
- width: 4em;
- }
- input.c4 {
- width: 25em;
- }
- input.c5 {
- width: 21em;
- }
- input.c6 {
- width: 2em;
- }
- */
|