.tab-motor_outputs { } .tab-motor_outputs .right.servos { margin-right: -10px; } .tab-motor_outputs .titles { height: 20px; } .tab-motor_outputs .titles li { float: left; width: 42px; margin-right: 10px; text-align: center; } .tab-motor_outputs .titles .active { color: green; } .tab-motor_outputs .m-block { float: left; width: 40px; height: 220px; margin-right: 10px; border: 1px solid silver; background-color: #e9e9e9; } .tab-motor_outputs .indicator { position: absolute; margin-top: 330px; width: 40px; height: 0px; } .tab-motor_outputs p { margin-top: 20px; padding: 5px; border: 1px dotted silver; } .tab-motor_outputs .motor_testing { display: none; } .tab-motor_outputs .motor_testing .sliders { margin-top: 20px; } .tab-motor_outputs .motor_testing .sliders input { -webkit-appearance: slider-vertical; width: 48px; } .tab-motor_outputs .motor_testing .values { margin-top: 5px; } .tab-motor_outputs .motor_testing .values li { float: left; width: 51px; text-align: center; } .tab-motor_outputs .motor_testing .notice { float: right; width: 440px; margin-top: 20px; padding: 5px; border: 1px dotted silver; } .tab-motor_outputs .motor_testing .notice input[type="number"] { margin: 0 10px 0 5px; width: 45px; height: 20px; padding: 0 5px 0 5px; line-height: 20px; border: 1px solid silver; } .tab-motor_outputs .motor_testing .notice input[type="checkbox"] { margin-left: 5px; vertical-align: middle; }