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.
76 lines
1.5 KiB
76 lines
1.5 KiB
.audit { |
|
width: 100%; |
|
height: 100%; |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
|
|
.title { |
|
width: 100%; |
|
height: 64px; |
|
box-sizing: border-box; |
|
padding: 0 28px; |
|
margin: 13px 0; |
|
position: relative; |
|
|
|
.titlebox { |
|
width: 100%; |
|
height: 100%; |
|
display: flex; |
|
align-items: center; |
|
|
|
img { |
|
width: 65px; |
|
height: 65px; |
|
} |
|
|
|
.nav { |
|
flex: 1; |
|
height: 48px; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
// background-image: linear-gradient(to right, #002147, #033565, #064e8e, #064e8e, #033565, #002147); |
|
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.32) 50%, rgba(35, 153, 255, 0) 100%); |
|
|
|
.navitem { |
|
width: 100%; |
|
height: 32px; |
|
display: flex; |
|
align-items: center; |
|
// background-image: linear-gradient(to right, #002147, #0f5ca0, #1c88e6, #1c88e6, #0f5ca0, #002147); |
|
background: linear-gradient(270deg, rgba(35, 153, 255, 0) 0%, rgba(35, 153, 255, 0.8) 50%, rgba(35, 153, 255, 0) 100%); |
|
|
|
span { |
|
margin-left: 25px; |
|
color: #bce0ff; |
|
font-size: 20px; |
|
font-family: titlefont; |
|
cursor: pointer; |
|
} |
|
|
|
span:nth-child(1) { |
|
margin-left: 12px; |
|
} |
|
|
|
.grey { |
|
color: #68829F; |
|
} |
|
} |
|
|
|
} |
|
} |
|
|
|
.packup { |
|
position: absolute; |
|
right: 33px; |
|
top: 16px; |
|
cursor: pointer; |
|
} |
|
} |
|
|
|
.content { |
|
flex: 1; |
|
box-sizing: border-box; |
|
padding: 0 40px 20px 40px; |
|
}
|
|
|