Initial commit
This commit is contained in:
commit
b7d90b9afe
16245 files changed
+3396666
No files matched your search
+238
@@ -0,0 +1,238 @@
|
||||
body {
|
||||
height: 100%;
|
||||
width: 98%;
|
||||
background-color: rgb(139, 139, 139);
|
||||
}
|
||||
|
||||
hr{
|
||||
width: 100%;
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#headerTable {
|
||||
position: relative;
|
||||
width: auto;
|
||||
display: block;
|
||||
table-layout: fixed;
|
||||
padding: 8px;
|
||||
height: 10%;
|
||||
}
|
||||
|
||||
#headerTable td{
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
#ipadresse, #partId {
|
||||
width: 150px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#port {
|
||||
width: 50px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/* Selection */
|
||||
|
||||
#selects {
|
||||
background-color: lightgrey;
|
||||
float: right;
|
||||
height: 850px;
|
||||
width: 18%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#tableTimer{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: 3%;
|
||||
}
|
||||
|
||||
#eventSelects {
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
border-radius: 10px;
|
||||
height: 75%;
|
||||
top: 0.5%;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
border: 1px solid rgb(221, 221, 221);
|
||||
background-color: rgb(243, 243, 243);
|
||||
width: 95%;
|
||||
border-radius: 10px;
|
||||
line-height: 45px;
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
.checkbox:hover {
|
||||
background-color: rgb(243, 243, 243, 0.5);
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/* Request Button */
|
||||
|
||||
#requestButton {
|
||||
position: relative;
|
||||
height: 9%;
|
||||
width: 96%;
|
||||
top: 1.5%;
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
/* Vertical header */
|
||||
|
||||
.rowHeader {
|
||||
position: relative;
|
||||
float: left;
|
||||
background-color: grey;
|
||||
width: 3%;
|
||||
top: 1.5%;
|
||||
left: 0.5%;
|
||||
height: 32%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.rowHeaderText {
|
||||
transform: rotate(90deg);
|
||||
position: relative;
|
||||
color: white;
|
||||
top: 40%;
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
/* Display events */
|
||||
|
||||
#displayDiv{
|
||||
|
||||
background-color: lightgray;
|
||||
border-radius: 10px;
|
||||
height: 850px;
|
||||
width: 81%;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
}
|
||||
|
||||
.listElement {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white;
|
||||
display: inline-block;
|
||||
width: 10%;
|
||||
left: 1%;
|
||||
top: 3%;
|
||||
margin-right: 1%;
|
||||
border-radius: 10px;
|
||||
height: 94%;
|
||||
background-color: rgb(139, 139, 139);
|
||||
}
|
||||
|
||||
.tableRow {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow-y: auto;
|
||||
width: 95%;
|
||||
left: 1%;
|
||||
height: 32%;
|
||||
margin-bottom: 0.3%;
|
||||
top: 1.5%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.heading {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
background-color: rgb(57, 57, 57);
|
||||
width: 95%;
|
||||
left: 2.5%;
|
||||
font-size: 0.8vw;
|
||||
line-height: 40px;
|
||||
top: 3%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.eventType{
|
||||
position: relative;
|
||||
width: 8%;
|
||||
height: 5%;
|
||||
top: 75%;
|
||||
left: 85%;
|
||||
}
|
||||
|
||||
.infoDiv {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white;
|
||||
height: 7%;
|
||||
width: 90%;
|
||||
left: 5%;
|
||||
background-color: rgb(100, 100, 100);
|
||||
top: 1%;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 2%;
|
||||
line-height: 14px;
|
||||
font-size: 0.7vw;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.infoTitleDiv {
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
background-color: rgb(80, 80, 80);
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
||||
.infoInfoDiv {
|
||||
float: right;
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.positionInfoDiv {
|
||||
color: white;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
height: 7%;
|
||||
left: 5%;
|
||||
border-radius: 10px;
|
||||
top: 1%;
|
||||
width: 65%;
|
||||
background-color: rgb(80, 80, 80);
|
||||
line-height: 14px;
|
||||
font-size: 0.7vw;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.posParam {
|
||||
position: relative;
|
||||
float: left;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
height: 100%;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.actualPosition {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 70%;
|
||||
float: right;
|
||||
background-color: rgb(100, 100, 100);
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user