betaflight-configurator/tabs/setup.css

173 lines
2.9 KiB
CSS
Raw Normal View History

.tab_setup .model-and-info {
float: left;
2015-10-27 15:41:44 +00:00
}
2015-10-25 21:04:33 +00:00
.tab_setup .default_btn {
margin-bottom: 10px;
2015-10-25 21:04:33 +00:00
}
2015-10-28 10:30:24 +00:00
#interactive_block {
2015-10-27 15:41:44 +00:00
position: absolute;
width: calc(75% - 30px);
height: calc(100% - 245px);
background-color: #f9f9f9;
border-radius: 5px;
border: 1px solid #e4e4e4;
margin-bottom: 10px;
/* min-height:400px; */
2015-10-27 15:41:44 +00:00
}
2015-10-27 15:56:54 +00:00
.attitude_info {
2015-10-27 15:41:44 +00:00
position: absolute;
top: 10px;
left: 10px;
width: 120px;
2015-10-27 15:56:54 +00:00
margin: 0px 0px 0px 0px;
font-weight: normal;
color: #616161;
2015-10-27 15:41:44 +00:00
}
2015-10-25 21:04:33 +00:00
2015-10-27 15:56:54 +00:00
.attitude_info dl {
width: 100%;
}
2015-10-25 21:04:33 +00:00
2015-10-27 15:56:54 +00:00
.attitude_info dt {
width: 50%;
float: left;
2015-10-25 21:04:33 +00:00
}
2015-10-27 15:56:54 +00:00
.attitude_info dd {
width: 50%;
float: left;
2015-10-25 21:04:33 +00:00
}
2015-10-27 15:41:44 +00:00
#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;
}
2015-10-27 15:41:44 +00:00
#interactive_block a.reset:hover {
background-color: #dedcdc;
}
2015-11-08 15:52:07 +00:00
2015-10-27 15:41:44 +00:00
#canvas_wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../images/paper.jpg);
background-size: 100%;
background-position: center;
}
2015-10-27 15:41:44 +00:00
2015-10-28 17:12:49 +00:00
.gui_box grey .block_wrapper {
font-size: 0;
}
2015-10-28 17:12:49 +00:00
/**/
.gui_box grey .block {
float: left;
display: block;
margin-left: 10px;
border: 1px solid silver;
}
2015-10-28 17:12:49 +00:00
.gui_box grey .block .head {
display: block;
text-align: center;
line-height: 20px;
font-weight: bold;
border-bottom: 1px solid silver;
background-color: #ececec;
}
2015-10-28 17:12:49 +00:00
.gui_box grey .block.info {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
font-size: 12px;
border: 1px solid silver;
}
2015-10-28 17:12:49 +00:00
.block.info .fields {
padding: 5px 5px 3px 5px;
}
.block.info dt {
float: left;
width: 99px;
height: 20px;
line-height: 20px;
}
.block.info dd {
width: 76px;
height: 20px;
line-height: 20px;
margin-left: 99px;
}
.block.gps {
width: 185px;
2015-02-19 20:39:57 +00:00
margin-bottom: 10px;
}
.block.gps .fields {
padding: 5px 5px 3px 5px;
}
.block.gps dt {
float: left;
width: 85px;
height: 20px;
margin-bottom: 2px;
line-height: 20px;
}
2015-10-27 15:41:44 +00:00
.block.instruments {
width: 285px;
align-content: center;
text-align: center;
2015-02-19 20:39:57 +00:00
}
2015-10-27 15:41:44 +00:00
.buttons {
2015-10-28 17:12:49 +00:00
bottom: 20px;
}
2015-10-27 15:41:44 +00:00
.cell_setup {
border-bottom: solid 1px #ddd;
padding-bottom: 8px;
padding-top: 7px;
}
@media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) {
.block.instrument .attitude {
width: 50px !important;
height: 50px !important;
}
.block.instrument .heading {
width: 50px;
height: 50px;
}
#interactive_block {
position: absolute;
width: calc(75% - 20px);
min-height: 300px;
height: calc(100% - 218px);
}
}