betaflight-configurator/tabs/landing.css

268 lines
3.8 KiB
CSS
Executable File

.tab-landing {
margin:0px;
padding:0px;
background-color:#436c2c;
}
.tab-landing {
margin:0px;
padding:0px;
width:100%;
position:absolute;
}
.tab-landing .content_top {
float:left;
width:100%;
background-color:#59aa29;
height:240px;
height:35%;
height:190px;
}
.tab-landing .content_mid {
float:left;
width:100%;
background-color:#eaeaea;
}
.tab-landing .content_foot {
float:left;
width:100%;
}
.tab-landing .logowrapper {
float:both;
margin-left:auto;
margin-right:auto;
width:450px;
color:white;
margin-top:3%;
font-size:14px;
font-family: 'open_sanslight', Arial;
}
.tab-landing .logowrapper img {
width:420px;
margin:5px;
}
.tab-landing .logowrapper span {
font-size:22px;
font-family: 'open_sanslight', Arial;
}
.tab-landing .content_wrapper {
margin:0px;
padding:0px;
width: calc(100% - 0px);
height: 100%;
}
.tab-landing .left {
width: 60%;
position: relative;
}
.tab-landing .right {
float: left;
margin-left: 10px;
width: calc(40% - 10px);
position: relative;
}
.contributing li {
list-style-type: disc;
list-style-position: initial;
margin-left: 20px;
}
#changelog_bt {
height: 84px;
width:30px;
background-color:black;
margin-left:-30px;
margin-top:30px;
position:absolute;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
#changelog_button {
display:block;
color:white;
height:100px;
transform: rotate(90deg);
transform-origin: left top 0;
margin-left: 23px;
margin-top: 10px;
}
.changelog_wrapper {
right:0px;
width:30px;
height: 100%;
position: fixed;
}
.changelog {
height:calc(100% - 0px);
right:0px;
width:0px;
background-color:#363736;
position:absolute;
color:#ccc;
}
.changelog .title {
line-height: 20px;
text-align:left;
padding-left:10px;
font-weight: bold;
color: #56AC1D;
text-transform:uppercase;
}
.changelog .changewrapper {
height:calc(100% - 40px);
padding: 10px;
overflow-y: hidden;
overflow-x: hidden;
-webkit-user-select: text;
opacity:0;
}
.changelog .changewrapper.active {
overflow-y: scroll;
opacity:0;
}
.changelog .changewrapper span {
font-weight: bold;
line-height:22px;
}
.changelog .changewrapper ul {
margin-bottom:10px;
line-height:15px;
}
.changelog .changewrapper ul span {
font-weight: bold;
color:#fff;
}
.changelog .changewrapper li {
font-weight: normal;
margin-left: 0px;
border-top:1px solid #656565;
padding-top:4px;
padding-bottom:4px;
}
.changelog .changewrapper p {
margin-bottom: 5px;
}
.text2 ul {
margin-bottom:0px;
line-height:15px;
}
.text2 li {
font-weight: normal;
margin-left: 0px;
border-top:1px solid #ccc;
padding-top:4px;
padding-bottom:4px !important;
}
.sponsors .title {
text-transform:uppercase;
font-size:10px;
}
.sponsors {
float:both;
margin-left:auto;
margin-right:auto;
width:825px;
text-align:center;
color:rgba(255,255,255,0.50);
margin-top:2%; }
.sponsors ul {
margin-top:10px;
float:left;
}
.sponsors li {
float:left;
margin-right:10px;
display:block;
}
.sponsors li a {
border-radius:3px;
padding:2px;
padding-left:4px;
padding-right:4px;
font-size:13px;
line-height:10px;
color:white;
font-weight:normal;
font-family: 'open_sanslight', Arial;
}
.sponsors li a:hover {
background-color:rgba(255,255,255,0.30);
color:#fff;
}
.text1, .text2, .text3 {
margin-top:15px;
margin-bottom:15px;
font-weight:normal;
font-family: 'open_sansregular', Arial;
font-size:12px;
}
.text3 {
font-size:11px;
}
.mid_head {
font-size:13px;
line-height:10px;
color:#000;
font-weight:bold;
margin-bottom:10px;
line-height: 16px;
}
.donate {
float:left;
margin-top:15px;
width:100%;
text-align:center;
margin-bottom: -5px;
}
.text1 a:hover, .text2 a:hover, .text3 a:hover {
color:#59aa29;
}