You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
iot/projects/WebApp/wwwroot/css/app.css

164 lines
2.3 KiB

body, html {
height: 100%;
background-color: #f8f8f8
}
#app {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.weui-btn_primary:hover {
color: #fff;
}
.item {
padding: 10px 0
}
.item__title {
margin-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
color: #999;
font-weight: 400;
font-size: 14px
}
.item__ctn {
padding: 0 15px
}
.page_feedback {
padding: 15px;
overflow: auto;
background-color: #fff
}
label > * {
pointer-events: none
}
/*header*/
.weui-toptips {
top: 0;
left: 0;
right: 0;
border-radius: unset;
}
/*bootstrap4+weui*/
.row {
margin-left: auto;
margin-right: auto;
}
.col {
padding-left: initial;
padding-right: initial;
}
[class^="col-"] {
padding-left:0;
padding-right:0;
}
.card-header{
line-height:27px;
}
.card-header,.card-body {
box-sizing:border-box;
padding: 10px;
}
[class^="weui"] {
box-sizing: initial;
}
p[class^="weui"] {
margin-bottom: 0;
}
a:hover {
text-decoration: none;
}
label, h1 {
margin-bottom: initial;
}
img {
margin: auto;
}
.img.icon {
width: 48px;
height: 48px;
}
.img.button {
width: 48px;
height: 48px;
cursor: pointer;
}
.ir .weui-tab__content {
width: 100%;
}
.ir table {
border-collapse: separate;
margin: 5px auto;
border: 1px solid #ddd;
border-radius: 5px;
}
.ir table td {
text-align: center;
}
.ir table button{
line-height:30px;
}
.weui-grid__icon {
width: 48px;
height: 48px;
margin: 5px auto;
}
.card .weui-bar__item_on {
background-color: #eee;
}
/*
.wxinlineplayer + div {
position:absolute;
height:30px;
left:0;
right:0;
bottom:0;
background-color:#333;
display: none;
}
.wxinlineplayer:hover+div{
display:block;
}
.wxinlineplayer + div:hover {
display: block;
}*/
.control input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: transparent;
height: 12px;
width: 12px;
border: 6px solid rgba(230,230,230,0.8);
border-radius: 50%;
}
.camera img{
width:32px;
margin:0 auto;
}
.camera td {
padding:2px 0;
text-align: center;
}
.video-container:-webkit-full-screen{
width: 100vw!important;
height: 100vh!important;
max-height: 100vh;
}