* {box-sizing: border-box;
}
html{
//background-image: repeating-linear-gradient(45deg, rgb(85, 85, 85)0em, rgb(74, 74, 74)0.55em, rgb(175, 175, 175)0.7em);
background-color: rgba(85, 85, 85,1);
height: 100%;
}
.mainArea{
width: 1100px;
min-width: 900px;
height: 680px;
margin: 2em auto;
Border-radius: 10px;
color: rgba(25, 25, 25, 1);
z-index: 1;
top: 0%;
border-radius: 10px;
box-shadow: 0px 0px 60px 25px rgba(0, 0, 0, 0.57);
background-color: rgb(200, 200, 200);
}
.enable{
display: none; /*visible / hidden*/
height: auto;
}
.headerOne{
font-size: 50pt;
font-family: arial;
color: rgba(100, 100, 100, 1);
margin: 0px auto;
padding-top: 60px;
width: 400px;
text-align: center;
}
.timeLabel{
font-size: 150pt;
font-family: arial;
color: rgba(100, 100, 100, 1);
margin: 80px auto 0px auto;
width: 850px;
border: solid rgba(100, 100, 100, 1) 0px;
border-radius: 10px;
text-align: center;
}
.timeMarkLabel{
font-size: 20pt;
font-family: arial;
color: rgba(75, 75, 75, 1);
margin: 0px auto 50px auto;
width: 850px;
border: solid rgba(100, 100, 100, 1) 0px;
border-radius: 10px;
text-align: center;
}
.cotrolArea{
margin: 0px auto;
width:480px;
border: solid lime 0px;
padding: 40px 0px;
}
.clickButton{
font-size: 30pt;
font-family: arial;
color: rgba(55, 55, 55, 1);
padding: 0px 5px;
width: 150px;
border: solid rgba(25, 25, 25, 1) 2px;
border-radius: 5px;
text-align: center;
}
.clickButton:active{
color: white;
border-radius: 8px;
}
.bgStart{
border: solid rgb(0, 120, 0,1) 3px; /*#4aae71*/
display: inline-block;
}
.bgStart:active{
background-color: rgba(0, 100, 0, 1);
}
.bgStop{
border: solid rgb(200, 0, 0,1) 3px;
display: none;
}
.bgStop:active{
background-color: rgba(200, 0, 0, 1);
}
.bgClear{
border: solid rgb(255, 140, 0,1) 3px;
display: inline-block;
}
.bgClear:active{
background-color: rgba(255, 140, 0, 1);
}
.bgRound{
border: solid rgb(0, 128, 191,1) 3px;
display: None;
}
.bgRound:active{
background-color: rgba(0, 128, 191, 1);
}
.bgSet{
border: solid rgb(0, 128, 191,1) 3px;
display: inline-Block;
}
.bgSet:active{
background-color: rgba(0, 128, 191, 1);
}
.bgDeaktiv{
color: rgba(250, 250, 250, 1);
border: solid rgb(190, 190, 190,1) 3px;
background-color: rgba(190, 190, 190, 1);
display: inline-Block;
}
.timeTable{
margin: 0px auto;
padding: 30px 0px;;
width: 60%;
min-width: 700px;
text-align: left;
border: 0px solid lime;
}
.timeTable td{
width: 100px;
border: 0px solid blue;
}
.timeTable tbody{
font-size: 16pt;
}