Skip to content

Commit

Permalink
Updated Aug 23 2023
Browse files Browse the repository at this point in the history
  • Loading branch information
jerrylovescheese committed Aug 23, 2023
1 parent 0f219f2 commit 5f33f8d
Show file tree
Hide file tree
Showing 2,112 changed files with 174 additions and 160 deletions.
162 changes: 2 additions & 160 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,166 +2,8 @@

<head>
<title></title>
<link rel="stylesheet" href="./iconfont library/fontawesome-free-6.1.2-web/css/all.css">
<style>
/* work by Jerry */
body {
width: 100%;
height: 100%;
background-image: url(./Aug\ 21\ 2023\ CSS_画板\ 1.png);
background-size: cover;
background-repeat: no-repeat;
margin: 0;
}

.navigation-bar {
width: 100px;
height: 100px;
background-color: #f7f7f7c1;
background-image: url(./资源\ 1.png);
background-size: 80px 80px;
background-repeat: no-repeat;
background-position: 10px 10px;
border-radius: 15px;
backdrop-filter: blur(12px);
position: fixed;
top: 30px;
left: 30px;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition-delay: 0.3s;
overflow: hidden;
word-break: keep-all;
}

.navigation-bar:focus-within {
top: 0;
left: 0;
width: 360px;
height: 100vh;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
background-position: 40px 40px;
}

#link-list-1 {
list-style: none;
margin-top: 140px;
}

#link-list-1>li {
display: block;
width: fit-content;
padding: 10px;
padding-left: 12px;
padding-right: 12px;
background-color: #e5e5e592;
border: solid 2px #cfcfcf;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
}

#link-list-2 {
list-style: none;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
font-size: 25px;
}

#link-list-2>li {
line-height: 40px;
transition: all 0.3s;
}

#link-list-2>li:hover {
color: gray;
}

.sublist {
font-size: 18px;
font-weight: normal;
list-style: none;
line-height: 33px;
position: absolute;
left: 150px;
top: 375px;
color: #00000000;
transition: all 0.2s;
transition-delay: 0.3s;
}

#sublist-2 {
top: 405px;
}

#sublist-3 {
top: 445px;
}

#sublist-4 {
top: 485px;
}

#sublist-5 {
top: 525px;
}

#sublist-6 {
top: 565px;
}

#sublist-7 {
top: 605px;
}

#sublist-8 {
top: 545px;
}

#sublist-9 {
top: 560px;
}

#link-list-2-item-2:hover #sublist-1 {
color: black;
}

#link-list-2-item-3:hover #sublist-2 {
color: black;
}

#link-list-2-item-4:hover #sublist-3 {
color: black;
}

#link-list-2-item-5:hover #sublist-4 {
color: black;
}

#link-list-2-item-6:hover #sublist-5 {
color: black;
}

#link-list-2-item-7:hover #sublist-6 {
color: black;
}

#link-list-2-item-8:hover #sublist-7 {
color: black;
}

#link-list-2-item-9:hover #sublist-8 {
color: black;
}

#link-list-2-item-10:hover #sublist-9 {
color: black;
}
</style>
<link rel="stylesheet" href="./static/iconfont library/fontawesome-free-6.1.2-web/css/all.min.css">
<link rel="stylesheet" href="./static/css/style.css">
</head>

<body>
Expand Down
172 changes: 172 additions & 0 deletions static/css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
/* work by Jerry */
body {
width: 100%;
height: 100%;
background-image: url(../img/Aug\ 21\ 2023\ CSS_画板\ 1.png);
background-size: cover;
background-repeat: no-repeat;
margin: 0;
}

@media (max-height: 820px) {
/* #link-list-2 {
font-size: 20px !important;
}
#link-list-2>li {
line-height: 30px !important;
} */
#link-list-2{
overflow: scroll !important;
}
}

.navigation-bar {
width: 100px;
height: 100px;
background-color: #f7f7f7c1;
background-image: url(../img/资源\ 1.png);
background-size: 80px 80px;
background-repeat: no-repeat;
background-position: 10px 10px;
border-radius: 15px;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
-moz-backdrop-filter: blur(12px);
position: fixed;
top: 30px;
left: 30px;
transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition-delay: 0.3s;
overflow: hidden;
word-break: keep-all;
}

.navigation-bar:focus-within {
top: 0;
left: 0;
width: 360px;
height: 100vh;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
background-position: 40px 40px;
}

#link-list-1 {
list-style: none;
margin-top: 140px;
}

#link-list-1>li {
display: block;
width: fit-content;
padding: 10px;
padding-left: 12px;
padding-right: 12px;
background-color: #e5e5e592;
border: solid 2px #cfcfcf;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
}

#link-list-2 {
list-style: none;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
font-size: 25px;
}

#link-list-2>li {
line-height: 40px;
transition: all 0.3s;
}

#link-list-2>li:hover {
color: gray;
}

.sublist {
font-size: 18px;
font-weight: normal;
list-style: none;
line-height: 33px;
position: absolute;
left: 150px;
top: 375px;
color: #00000000;
transition: all 0.2s;
transition-delay: 0.3s;
}

#sublist-2 {
top: 405px;
}

#sublist-3 {
top: 445px;
}

#sublist-4 {
top: 485px;
}

#sublist-5 {
top: 525px;
}

#sublist-6 {
top: 565px;
}

#sublist-7 {
top: 605px;
}

#sublist-8 {
top: 545px;
}

#sublist-9 {
top: 560px;
}

#link-list-2-item-2:hover #sublist-1 {
color: black;
}

#link-list-2-item-3:hover #sublist-2 {
color: black;
}

#link-list-2-item-4:hover #sublist-3 {
color: black;
}

#link-list-2-item-5:hover #sublist-4 {
color: black;
}

#link-list-2-item-6:hover #sublist-5 {
color: black;
}

#link-list-2-item-7:hover #sublist-6 {
color: black;
}

#link-list-2-item-8:hover #sublist-7 {
color: black;
}

#link-list-2-item-9:hover #sublist-8 {
color: black;
}

#link-list-2-item-10:hover #sublist-9 {
color: black;
}
File renamed without changes.
Loading

0 comments on commit 5f33f8d

Please sign in to comment.