133 lines
1.8 KiB
CSS
133 lines
1.8 KiB
CSS
|
|
.index-header{
|
|
width:100%;
|
|
position:fixed;
|
|
z-index:99;
|
|
background: #E9BE2B;
|
|
font-size:1.5rem;
|
|
}
|
|
.index-header .icon-con{
|
|
width: 2.5rem;
|
|
height:100%;
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.index-header .content{
|
|
display: flex;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
padding:0 0.67rem;
|
|
margin:0;
|
|
height: 3.67rem;
|
|
position: relative;
|
|
}
|
|
.project-picker {
|
|
font-size: 1.25rem;
|
|
padding: 0.5rem;
|
|
}
|
|
.header-container {
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.index-header .user img{
|
|
height:2.4rem;
|
|
}
|
|
.user img:active{
|
|
opacity:0.5;
|
|
filter:alpha(opacity=50);
|
|
}
|
|
#pr-name-con{
|
|
text-align:center;
|
|
}
|
|
|
|
#pr-name{
|
|
display:none;
|
|
padding:0 1.6rem 0 0.8rem;
|
|
background:url("../../image/arrow.png");
|
|
background-position:right;
|
|
background-repeat:no-repeat;
|
|
background-size:1.2rem;
|
|
}
|
|
|
|
#pr-arrow{
|
|
width:0.9rem;
|
|
height:0.5rem;
|
|
}
|
|
|
|
footer{
|
|
height:4.08rem;
|
|
background:#1b1708;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
position:absolute;
|
|
bottom:0;
|
|
color:white;
|
|
width: 100%;
|
|
align-items:center;
|
|
font-size: 0.83rem;
|
|
overflow: hidden;
|
|
/*box-sizing: border-box;*/
|
|
}
|
|
|
|
footer>div{
|
|
flex-grow: 1;
|
|
text-align:center;
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
footer>div img{
|
|
width: 2.4rem;
|
|
height:2.4rem;
|
|
display:block;
|
|
margin:auto;
|
|
}
|
|
|
|
footer .active{
|
|
color:#e9be2b;
|
|
opacity: 1;
|
|
}
|
|
|
|
.nav-item{
|
|
position: relative;
|
|
}
|
|
|
|
.badge{
|
|
position:absolute;
|
|
right:1.5rem;
|
|
top:0rem;
|
|
min-width:12px;
|
|
height:12px;
|
|
line-height:12px;
|
|
text-align:center;
|
|
padding:1px;
|
|
color:#FFFFFF;
|
|
font-size:8px;
|
|
border-radius:7px;
|
|
background:#ff0000;
|
|
display: none;
|
|
-webkit-transform: scale(1);
|
|
}
|
|
|
|
.litlle-badge{
|
|
position:absolute;
|
|
right:2rem;
|
|
top:0.5rem;
|
|
min-width:6px;
|
|
height:6px;
|
|
line-height:12px;
|
|
text-align:center;
|
|
padding:1px;
|
|
color:#FFFFFF;
|
|
font-size:8px;
|
|
border-radius:7px;
|
|
background:#ff0000;
|
|
display: none;
|
|
}
|
|
|
|
#inspectionFrame, #systemOrderFrame {
|
|
display: none;
|
|
}
|