Prototype drafting board
This commit is contained in:
@@ -74,9 +74,57 @@ input.form-control {
|
||||
}
|
||||
|
||||
#drafting-board-content {
|
||||
border-color: red;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
display: grid;
|
||||
|
||||
min-width: 1000px;
|
||||
min-height: 300px;
|
||||
|
||||
grid-template-columns: repeat(auto-fit, minmax(30px, auto) 2px minmax(30px, auto));
|
||||
}
|
||||
|
||||
#drafting-board div {
|
||||
min-height: 0px;
|
||||
}
|
||||
|
||||
#drafting-board .station-name {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: black;
|
||||
border-bottom-width: 2px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#drafting-board .station-column {
|
||||
width: 2px;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#drafting-board .trip-left {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
margin-right: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#drafting-board .trip {
|
||||
margin: 10px;
|
||||
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-width: 1px;
|
||||
border-radius: 10px;
|
||||
|
||||
padding: 5px;
|
||||
|
||||
background-color: #ff4bb0;
|
||||
}
|
||||
|
||||
#drafting-board .trip-right {
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
margin-left: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
Reference in New Issue
Block a user