diff --git a/_config/css/styles.css b/_config/css/styles.css index a7059f3..8f6ae31 100644 --- a/_config/css/styles.css +++ b/_config/css/styles.css @@ -24,6 +24,10 @@ a { transition: all 0.3s linear; } +h1,h5 { + margin: 0; +} + .github-corner { z-index: 5; } @@ -88,7 +92,7 @@ section.cover.show ~ .sidebar-toggle { position: fixed; display: flex; align-items: center; - background: #ffffff; + /* background: #ffffff; */ bottom: 0; left: 0; /* width: 100%; */ @@ -168,28 +172,25 @@ section.cover.show ~ .sidebar-toggle { z-index: 1; } -@media (max-width: 850px) { - section.cover ul { - grid-template-columns: 100%; - padding: 0; - } - - section.cover ul li { - text-align: center; - } +.cover-main .buttons a.disabled { + cursor: not-allowed; } -@media (max-width: 450px) { - section.cover ul li { - white-space: normal; - } - - .cover-main .buttons a { - width: 100%; - margin: 0.2rem 0; - } +.cover-main .buttons a.disabled:after { +background-color: #ccc; } +.cover-main .buttons a.disabled:hover { + box-shadow: none; +} + +.cover-main .buttons a.disabled:after { + border-color: #ccc; +} + + + + /****** Sidebar ******/ .sidebar .app-name-link img { height: 100px; @@ -473,8 +474,25 @@ body .sidebar-toggle span:nth-child(3) { content: '\e900'; } -.skying-video { - width: 30%; +.luckday-video { + display: flex; + justify-content: center; + align-items: center; + margin: 0 10%; +} + +/* .luckday-video-skying { + text-align: end; + margin-right: 4%; +} + +.luckday-video-screen { + text-align: start; + margin-left: 4%; +} */ + +.skying-video, .screen-video { + width: 70%; border-radius: 12px; margin: 24px auto; } @@ -486,13 +504,95 @@ body .sidebar-toggle span:nth-child(3) { padding: 20px 10%; } -.doc { +/* .doc { position: fixed; top: 8%; right: 8%; -} +} */ .doc img { - width: 20px; + width: 20px !important; height: 20px; + margin-left: 12px; +} + +.skying-title,.screen-title { + color: var(--theme-color); +} + +@media (max-width: 850px) { + section.cover ul { + grid-template-columns: 100%; + padding: 0; + } + + section.cover ul li { + text-align: center; + } + + .luckday-video { + flex-direction: column; + } + + .skying-video, + .screen-video { + width: 100%; + } + + .buttons { + display: flex; + justify-content: space-around; + } + + .buttons a { + width: 50%; + } + .footer { + margin-bottom: 20%; + padding: 0 2%; + } + + .liu-logo { + background: #ffffff; + width: 100%; + padding: 40px; + } +} + +@media (max-width: 450px) { + section.cover ul li { + white-space: normal; + } + + .cover-main .buttons a { + width: 50%; + margin: 0.2rem 1rem; + } + + .luckday-video { + flex-direction: column; + } + + .skying-video, + .screen-video { + width: 100%; + } + + .buttons { + display: flex; + justify-content: space-around; + } + + .buttons a { + width: 50%; + } + .footer { + margin-bottom: 20%; + padding: 0 2%; + } + .liu-logo { + background: #ffffff; + width: 100%; + padding: 40px; + } } \ No newline at end of file diff --git a/_coverpage.md b/_coverpage.md index 179f2c0..5abd1af 100644 --- a/_coverpage.md +++ b/_coverpage.md @@ -3,11 +3,11 @@