betaflight-configurator/tabs/receiver.css

142 lines
2.9 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;
2014-03-29 18:21:13 +00:00
font-weight: bold;
}
.tab-receiver .bars ul {
margin-bottom: 5px;
}
.tab-receiver .bars li {
float: left;
2014-03-29 18:21:13 +00:00
height: 22px;
line-height: 20px;
}
.tab-receiver .bars .name {
2014-03-29 18:21:13 +00:00
width: 60px;
}
.tab-receiver .bars .meter meter {
2014-03-29 18:21:13 +00:00
margin-top: 4px;
width: 200px;
2014-03-29 18:21:13 +00:00
height: 14px;
2014-03-08 05:25:15 +00:00
border: 1px solid silver;
}
.tab-receiver .bars .value {
width: 50px;
2014-03-29 18:21:13 +00:00
margin-left: 10px;
}
.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;
2014-03-08 05:25:15 +00:00
}
.tab-receiver .tunings table input {
2014-01-04 10:13:59 +00:00
width: 116px;
height: 20px;
line-height: 20px;
2014-03-08 05:25:15 +00:00
padding: 0 5px 0 5px;
text-align: right;
}
.tab-receiver #RX_plot {
2014-03-29 18:21:13 +00:00
margin-left: 5px;
2014-03-08 05:25:15 +00:00
height: 200px;
}
.tab-receiver .curves {
float: right;
}
.tab-receiver .throttle_curve {
2014-01-03 09:22:22 +00:00
margin: 0 10px 10px 0;
2014-03-08 05:25:15 +00:00
width: 220px;
height: 58px;
2014-03-08 05:25:15 +00:00
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;
2014-03-08 05:25:15 +00:00
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;
2014-03-08 05:25:15 +00:00
2014-01-04 10:13:59 +00:00
margin-top: 22px;
2014-03-08 05:25:15 +00:00
2014-01-04 10:13:59 +00:00
height: 28px;
line-height: 28px;
2014-03-08 05:25:15 +00:00
2014-01-04 10:13:59 +00:00
padding: 0 15px 0 15px;
2014-03-08 05:25:15 +00:00
2014-01-04 10:13:59 +00:00
text-align: center;
font-weight: bold;
2014-03-08 05:25:15 +00:00
2014-01-04 10:13:59 +00:00
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;
}
.tab-receiver select[name="rx_refresh_rate"] {
float: right;
2014-03-29 18:21:13 +00:00
margin-top: 30px;
margin-right: 13px;
2014-03-08 05:25:15 +00:00
border: 1px solid silver;
2014-03-29 18:21:13 +00:00
}
/* SVG classes*/
.tab-receiver .grid .tick {
stroke: silver;
shape-rendering: crispEdges;
}
.tab-receiver .line {
stroke-width: 2px;
fill: none;
}
.tab-receiver .grid path {
stroke-width: 0;
}
.tab-receiver .axis path, .axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}