betaflight-configurator/tabs/servos.css

138 lines
3.0 KiB
CSS

.tab-servos {
}
.tab-servos .spinner {
float: right;
width: 15px;
height: 20px;
background-image: url('../images/arrows.png');
background-repeat: no-repeat;
}
.tab-servos .spinner .up {
height: 10px;
}
.tab-servos .spinner .down {
height: 10px;
}
.tab-servos .supported_wrapper,
.tab-servos .direction_wrapper {
display: none;
}
.tab-servos .title {
margin-top: 10px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #8b8b8b;
border-bottom: 0;
background-color: #ececec;
}
.tab-servos table.directions td.direction select {
height: 19px;
line-height: 19px;
}
.tab-servos table {
width: 100%;
border-collapse: collapse;
}
.tab-servos table th {
line-height: 20px;
text-align: center;
border: 1px solid #8b8b8b;
}
.tab-servos table td {
padding: 1px;
border: 1px solid #8b8b8b;
}
.tab-servos table .main {
font-weight: bold;
text-align: center;
background-color: #ececec;
}
.tab-servos table input[type="number"] {
width: 65px;
height: 20px;
line-height: 20px;
text-align: right;
}
.tab-servos table .channel input[type="checkbox"]:first-child {
margin-left: 24px;
}
.tab-servos table .channel input[type="checkbox"] {
margin-top: 4px;
margin-right: 21px;
}
.tab-servos table .direction {
}
.tab-servos .direction .name {
float: left;
display: block;
width: 60px;
}
.tab-servos .direction .alternate {
float: left;
display: block;
width: 60px;
}
.tab-servos .direction .first {
float: left;
margin: 2px 10px 0 20px;
}
.tab-servos .direction .second {
float: left;
margin: 2px 10px 0 0;
}
.tab-servos .direction .rate {
width: 200px;
height: 20px;
text-align: center;
}
.tab-servos .live {
float: left;
margin-top: 10px;
}
.tab-servos .live span {
float: left;
}
.tab-servos .live input {
float: left;
margin: 0 0 0 5px;
}
.tab-servos .update {
display: block;
float: right;
margin-top: 10px;
height: 28px;
line-height: 28px;
padding: 0 15px 0 15px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
.tab-servos .update:hover {
background-color: #dedcdc;
}
.tab-servos .update.success {
border: 1px solid #43c84d;
}