diff --git a/index.html b/index.html index 2ce391e..23fa77c 100644 --- a/index.html +++ b/index.html @@ -161,6 +161,87 @@ margin-top: 20px; font-weight: 700; } + + .school-list { + list-style: none; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-size: 26px; + font-weight: bold; + padding: 0; + } + + .school-list>li { + display: block; + padding: 15px; + border: solid 2px gray; + border-radius: 10px; + margin-bottom: 10px; + transition: all 0.2s; + position: relative; + color: white; + } + + .school-list>li:hover { + background-color: #fff !important; + } + + #school-list-1 { + background-color: rgba(0, 84, 161); + border-color: #0054a1; + } + + #school-list-1:hover { + color: rgba(0, 84, 161); + } + + #school-list-2 { + background-color: rgba(0, 84, 161, 0.9); + border: solid 2px rgba(0, 84, 161, 0.9); + } + + #school-list-2:hover { + color: rgba(0, 84, 161, 0.9); + } + + #school-list-3 { + background-color: rgba(0, 84, 161, 0.8); + border: solid 2px rgba(0, 84, 161, 0.8); + } + + #school-list-3:hover { + color: rgba(0, 84, 161, 0.8); + } + + #school-list-4 { + background-color: rgba(0, 84, 161, 0.7); + border: solid 2px rgba(0, 84, 161, 0.7); + } + + #school-list-4:hover { + color: rgba(0, 84, 161, 0.7); + } + + #school-list-5 { + background-color: rgba(0, 84, 161, 0.6); + border: solid 2px rgba(0, 84, 161, 0.6); + } + + #school-list-5:hover { + color: rgba(0, 84, 161, 0.6); + } + + #school-list-6 { + background-color: rgba(0, 84, 161, 0.5); + border: solid 2px rgba(0, 84, 161, 0.5); + } + + #school-list-6:hover { + color: rgba(0, 84, 161, 0.5); + } + + #my-page:hover{ + text-decoration: underline; + } @@ -306,15 +387,22 @@

二附一心

- +