betaflight-configurator/tabs/setup.css

206 lines
2.6 KiB
CSS

.model-and-info {
float: left;
}
.tab_setup {
}
/*
*/
#interactive_block {
position: absolute;
width: calc(75% - 35px);
height: calc(100% - 245px);
background-color:#f5f5f5;
border-radius: 5px;
border:1px solid #e4e4e4;
margin-bottom:10px;
min-height:404px;
}
.attitude_info {
position: absolute;
top:10px;
left:10px;
width:120px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}
.attitude_info dl {
width:100%;
}
.attitude_info dt {
width:50%;
float:left;
}
.attitude_info dd {
width:50%;
float:left;
}
#interactive_block a.reset {
position: absolute;
display: block;
top: 10px;
right:10px;
z-index:10;
border-radius:3px;
bottom: 10px;
right: 10px;
height: 28px;
line-height: 28px;
padding: 0 15px 0 15px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
border-radius: 3px:
z-index: 100;
}
#interactive_block a.reset:hover {
background-color: #dedcdc;
}
#canvas_wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.gui_box grey .block_wrapper {
font-size: 0;
}
/**/
.gui_box grey .block {
float: left;
display: block;
margin-left: 10px;
border: 1px solid silver;
}
.gui_box grey .block .head {
display: block;
text-align: center;
line-height: 20px;
font-weight: bold;
border-bottom: 1px solid silver;
background-color: #ececec;
}
.gui_box grey .block.info {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
font-size: 12px;
border: 1px solid silver;
}
.tab-setup .block.info .fields {
padding: 5px 5px 3px 5px;
}
.tab-setup .block.info dt {
float: left;
width: 99px;
height: 20px;
line-height: 20px;
}
.tab-setup .block.info dd {
width: 76px;
height: 20px;
line-height: 20px;
margin-left: 99px;
}
.tab-setup .block.gps {
width: 185px;
margin-bottom: 10px;
}
.tab-setup .block.gps .fields {
padding: 5px 5px 3px 5px;
}
.tab-setup .block.gps dt {
float: left;
width: 85px;
height: 20px;
margin-bottom: 2px;
line-height: 20px;
}
.block.instruments {
width: 285px;
align-content:center;
text-align:center;
ma
}
.buttons {
bottom: 20px;
}
.update {
display: block;
float: right;
height: 28px;
line-height: 28px;
padding: 0 15px 0 15px;
text-align: center;
font-weight: bold;
border: 1px solid silver;
background-color: #ececec;
}
.tab-setup .update:hover {
background-color: #dedcdc;
}
.cell_setup {
border-bottom: solid 1px #ddd;
padding-bottom:8px;
padding-top:7px;
}