wcx/wolegca.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bug fixed

Browse Source
This commit is contained in:
wolegca 2019-09-13 23:15:55 +08:00
parent 3ef158502b
commit f36b93d6bb
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
myui.css
View File

@ -13,9 +13,9 @@ html {
} }
body { body {
background: black url(bg.jpg) no-repeat center; background: black url(bg.jpg) repeat-y center;
background-size: cover; background-size: cover;
width: 200%; width: 100%;
z-index: 0 z-index: 0
} }
@ -23,11 +23,6 @@ body {
display: none display: none
} }
#menu-control:checked~label.content-mask {
opacity: 1;
visibility: visible
}
#blog-title { #blog-title {
color: white; color: white;
white-space: nowrap; white-space: nowrap;
@ -38,7 +33,7 @@ body {
font-size: 24px; font-size: 24px;
background-color: rgba(25, 25, 25, .9); background-color: rgba(25, 25, 25, .9);
width: 100%; width: 100%;
z-index: 2; z-index: 4;
cursor: default cursor: default
} }
@ -53,8 +48,8 @@ body {
padding-top: 50px; padding-top: 50px;
transition: all .2s ease; transition: all .2s ease;
overflow: hidden; overflow: hidden;
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.5);
z-index: 1; z-index: 2;
box-shadow: 2px 0px 8px black box-shadow: 2px 0px 8px black
} }
@ -107,7 +102,7 @@ body {
width: 50px; width: 50px;
height: 30px; height: 30px;
cursor: pointer !important; cursor: pointer !important;
z-index: 3; z-index: 4;
} }
[for=menu-control].menu-button-container:hover span { [for=menu-control].menu-button-container:hover span {
@ -116,17 +111,22 @@ body {
[for=menu-control].content-mask { [for=menu-control].content-mask {
display: block; display: block;
position: relative; position: absolute;
width: 50%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, .5); background-color: rgba(0, 0, 0, .5);
float: left; float: left;
z-index: 1; z-index: 1;
transition: all .5s ease; transition: all .2s ease;
opacity: 0; opacity: 0;
visibility: hidden visibility: hidden
} }
#menu-control:checked~label.content-mask {
opacity: 1;
visibility: visible
}
.menu-button span { .menu-button span {
width: 44px; width: 44px;
height: 3px; height: 3px;
@ -298,12 +298,6 @@ body {
} }
} }
@media screen and (max-width:480px) {
.msg-container {
max-width: 250px;
}
}
@media screen and (max-width:700px) { @media screen and (max-width:700px) {
body { body {
width: 100% width: 100%
@ -339,3 +333,9 @@ body {
} }
} }
@media screen and (max-width:480px) {
.msg-container {
max-width: 250px;
}
}