* {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; }