betaflight-configurator/tabs/servos.css

134 lines
2.6 KiB
CSS
Raw Normal View History

.tab-servos {
}
2014-01-23 22:47:14 +00:00
.tab-servos input[type="number"]::-webkit-inner-spin-button {
border: 0;
}
2014-03-08 05:25:15 +00:00
.tab-servos .supported_wrapper,
2013-12-18 20:58:01 +00:00
.tab-servos .direction_wrapper {
display: none;
}
.tab-servos .title {
margin-top: 10px;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #8b8b8b;
border-bottom: 0;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
background-color: #ececec;
}
.tab-servos table.directions td.direction select {
height: 19px;
line-height: 19px;
}
2014-03-08 05:25:15 +00:00
.tab-servos table {
2013-12-18 20:58:01 +00:00
width: 100%;
2014-03-08 05:25:15 +00:00
border-collapse: collapse;
2013-12-18 20:58:01 +00:00
}
.tab-servos table th {
line-height: 20px;
text-align: center;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
border: 1px solid #8b8b8b;
}
2014-01-04 16:58:44 +00:00
.tab-servos table td {
padding: 1px;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
border: 1px solid #8b8b8b;
}
.tab-servos table .main {
font-weight: bold;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
text-align: center;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
background-color: #ececec;
}
2014-04-02 13:47:34 +00:00
.tab-servos table .channel {
width: 40px;
text-align: center;
}
.tab-servos table .channel input {
vertical-align: middle;
}
2014-03-08 05:25:15 +00:00
.tab-servos table input[type="number"] {
2014-05-06 21:57:57 +00:00
display: block;
width: calc(100% - 5px);
2013-12-18 20:58:01 +00:00
height: 20px;
2014-03-08 05:25:15 +00:00
2014-01-23 22:47:14 +00:00
padding-right: 5px;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
line-height: 20px;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
text-align: right;
}
.tab-servos table .direction {
}
.tab-servos .direction .name {
float: left;
display: block;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
width: 60px;
}
.tab-servos .direction .alternate {
float: left;
display: block;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
width: 60px;
}
.tab-servos .direction .first {
float: left;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
margin: 2px 10px 0 20px;
}
.tab-servos .direction .second {
float: left;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
margin: 2px 10px 0 0;
}
.tab-servos .direction .rate {
width: 200px;
height: 20px;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
text-align: center;
}
.tab-servos .live {
float: left;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
margin-top: 10px;
}
.tab-servos .live span {
float: left;
}
.tab-servos .live input {
float: left;
margin: 0 0 0 5px;
}
.tab-servos .buttons {
width: calc(100% - 20px);
position: absolute;
bottom: 10px;
}
2013-12-18 20:58:01 +00:00
.tab-servos .update {
display: block;
float: right;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
margin-top: 10px;
2014-03-08 05:25:15 +00:00
2014-01-03 09:35:57 +00:00
height: 28px;
line-height: 28px;
2014-03-08 05:25:15 +00:00
2014-01-03 09:35:57 +00:00
padding: 0 15px 0 15px;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
text-align: center;
2014-01-03 09:35:57 +00:00
font-weight: bold;
2014-03-08 05:25:15 +00:00
2013-12-18 20:58:01 +00:00
border: 1px solid silver;
2014-01-03 09:35:57 +00:00
background-color: #ececec;
2013-12-18 20:58:01 +00:00
}
.tab-servos .update:hover {
2014-01-03 09:35:57 +00:00
background-color: #dedcdc;
2013-12-18 20:58:01 +00:00
}