betaflight-configurator/tabs/receiver.css

114 lines
2.5 KiB
CSS
Raw Normal View History

.tab-receiver {
}
2014-01-23 22:47:14 +00:00
.tab-receiver input[type="number"]::-webkit-inner-spin-button {
border: 0;
}
.tab-receiver .bars {
float: left;
}
.tab-receiver .bars ul {
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
.tab-receiver .bars li {
float: left;
}
.tab-receiver .bars .name {
width: 80px;
}
.tab-receiver .bars .meter meter {
width: 200px;
height: 20px;
border: 1px solid silver;
}
.tab-receiver .bars .value {
width: 50px;
padding-left: 20px;
}
.tab-receiver .tunings {
float: right;
}
.tab-receiver .tunings table {
border-collapse: collapse;
2014-01-04 10:13:59 +00:00
}
.tab-receiver .tunings .throttle {
margin-bottom: 22px;
}
.tab-receiver .tunings table, .tab-receiver .tunings table th, .tab-receiver .tunings table td {
2014-01-04 10:13:59 +00:00
padding: 4px;
border: 1px solid #8b8b8b;
}
2014-01-04 10:13:59 +00:00
.tab-receiver .tunings table th {
width: 118px;
}
.tab-receiver .tunings table td {
padding: 1px;
}
.tab-receiver .tunings table tr:nth-child(odd) {
background-color: #ececec;
}
.tab-receiver .tunings table input {
2014-01-04 10:13:59 +00:00
width: 116px;
height: 20px;
line-height: 20px;
padding: 0 5px 0 5px;
text-align: right;
}
.tab-receiver #RX_plot {
margin: auto;
margin-top: 20px;
width: 880px;
height: 200px;
}
.tab-receiver .curves {
float: right;
}
.tab-receiver .throttle_curve {
2014-01-03 09:22:22 +00:00
margin: 0 10px 10px 0;
width: 220px;
height: 58px;
border: 1px solid silver;
}
.tab-receiver .pitch_roll_curve {
2014-01-03 09:22:22 +00:00
margin: 0 10px 0 0;
width: 220px;
height: 58px;
border: 1px solid silver;
2014-01-04 10:13:59 +00:00
}
.tab-receiver .update,
.tab-receiver .refresh {
2014-01-04 10:13:59 +00:00
display: block;
float: right;
margin-top: 22px;
height: 28px;
line-height: 28px;
padding: 0 15px 0 15px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
.tab-receiver .refresh {
margin-right: 10px;
}
.tab-receiver .update:hover,
.tab-receiver .refresh:hover {
2014-01-04 10:13:59 +00:00
background-color: #dedcdc;
}
.tab-receiver .update.success {
border: 1px solid #43c84d;
}