Mirror/betaflight
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight.git synced 2025-07-25 01:05:27 +03:00
Code Issues Wiki Activity

css3 compass O.o

Browse source
This commit is contained in:
cTn 2013-04-11 20:03:44 +02:00
parent a8c76cf278
commit e1c1522da5
5 changed files with 109 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

90
css/style.css
View file

@ -350,6 +350,96 @@ a:hover {
padding: 5px;
line-height: 18px;
}
.tab-initial_setup .compass-wrapper {
float: left;
margin-top: 100px;
margin-left: 80px;
border: 1px solid silver;
border-radius: 50%;
}
.tab-initial_setup #compass {
position: relative;
width: 150px;
height: 150px;
border: 6px dashed silver;
border-radius: 50%;
}
.tab-initial_setup #compass span {
position: absolute;
font-weight: bold;
}
.tab-initial_setup #compass span:nth-child(1) {
left: 70px;
top: 5px;
}
.tab-initial_setup #compass span:nth-child(2) {
right: 5px;
top: 70px;
}
.tab-initial_setup #compass span:nth-child(3) {
left: 70px;
bottom: 5px;
}
.tab-initial_setup #compass span:nth-child(4) {
left: 5px;
top: 70px;
}
.tab-initial_setup #compass .pointer {
position: absolute;
height: 150px;
width: 150px;
-webkit-transform: rotate(0deg);
}
.tab-initial_setup #compass .pointer .tip {
position: absolute;
margin-top: 14px;
margin-left: -6px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 30px solid red;
}
.tab-initial_setup #compass .pointer .stick {
position: absolute;
display: block;
margin-top: -22px;
margin-right: 69px;
width: 4px;
height: 30px;
background-color: black;
}
.tab-initial_setup #compass .value {
position: relative;
top: 75px;
left: 53px;
width: 40px;
height: 16px;
line-height: 16px;
text-align: center;
background-color: #f2f2f2;
border: 1px solid silver;
}
.tab-pid_tuning table {
width: 100%;
border-collapse: collapse;