update topbar style

This commit is contained in:
xmcp
2018-08-21 00:03:26 +08:00
parent a7d548fbb9
commit 35e6a08ec9
9 changed files with 165 additions and 121 deletions

View File

@@ -1,19 +1,37 @@
.title {
.title-bar {
z-index: 1;
position: sticky;
top: 0;
top: -6em;
left: 0;
width: 100%;
height: 2em;
line-height: 2em;
font-size: 1.5em;
height: 9em;
background-color: rgba(255,255,255,.8);
padding: 0 50px;
box-shadow: 0 0 25px #999;
margin-bottom: 1em;
}
.title-links {
float: right;
display: inline-block;
font-size: .7em;
.title {
font-size: 2em;
line-height: 3em;
text-align: center;
}
.control-bar {
display: flex;
margin-top: .5em;
line-height: 2em;
}
.control-bar .refresh-btn {
flex: 0 0 100px;
color: black;
background-color: rgba(255,255,255,.5);
border-radius: 5px;
text-align: center;
border: 1px solid black;
}
.control-bar input {
flex: auto;
color: black;
background-color: rgba(255,255,255,.5);
}