From a0f28ac4d2e4e129fed706567686e1078fd82ae4 Mon Sep 17 00:00:00 2001 From: yuma14 Date: Thu, 9 Nov 2023 15:32:47 +0900 Subject: [PATCH] remove footer bg color --- src/pages/style.css | 49 ++++++++++++++++++++++++++------------------- 1 file changed, 28 insertions(+), 21 deletions(-) diff --git a/src/pages/style.css b/src/pages/style.css index 9fe52bf..2d5eb5a 100644 --- a/src/pages/style.css +++ b/src/pages/style.css @@ -2,6 +2,7 @@ /*--primary-color: #afc2e0;*/ --primary-color: #b8fdc4; --bg-color: #fafafa; + --bg-color2: #b8fdc4; --text-color: black; --link-color: #464646; --link-hover-color: black; @@ -14,6 +15,7 @@ body.dark { --primary-color: #2a6334; /*--bg-color: #0d1117;*/ --bg-color: #323236; + --bg-color2: #2a6334; --text-color: #c9d1d9; --link-color: rbga(255, 255, 255, 0.7); --link-hover-color: white; @@ -27,26 +29,28 @@ body.light { } body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, + sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; padding: 0; margin: 0; background: var(--bg-color); color: var(--text-color); } -a:link, a:visited { +a:link, +a:visited { color: var(--link-color); } a:hover { color: var(--link-hover-color); } -a[target="_blank"]::after { - content: "\e89e"; - font-family: 'Material Symbols Rounded'; - font-weight: normal; - font-style: normal; - line-height: 1; +a[target='_blank']::after { + content: '\e89e'; + font-family: 'Material Symbols Rounded'; + font-weight: normal; + font-style: normal; + line-height: 1; font-size: 70%; } @@ -64,7 +68,7 @@ select { .header { display: flex; flex-direction: row; - background: var(--primary-color); + background: var(--bg-color2); height: 56px; } @@ -118,7 +122,7 @@ select { height: 100%; background: var(--text-color); opacity: 0; - transition: .3s ease-in-out; + transition: 0.3s ease-in-out; } /*メニュー*/ @@ -132,7 +136,7 @@ select { max-width: 330px; height: 100%; background: #fff; - transition: .3s ease-in-out; + transition: 0.3s ease-in-out; -webkit-transform: translateX(-105%); transform: translateX(-105%); } @@ -146,13 +150,13 @@ select { /*チェックがついたら表示させる*/ #drawer-checkbox:checked ~ #drawer-close-area { display: block; - opacity: .5; + opacity: 0.5; } #drawer-checkbox:checked ~ #drawer-menu { -webkit-transform: translateX(0%); transform: translateX(0%); - box-shadow: 6px 0 25px rgba(0,0,0,.15); + box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15); } /*メニューの中身*/ @@ -160,7 +164,8 @@ select { background: var(--primary-color); padding-top: 1em; } - #drawer-menu > a:link, #drawer-menu > a:visited { + #drawer-menu > a:link, + #drawer-menu > a:visited { display: block; width: 100%; text-align: center; @@ -229,7 +234,8 @@ select { /* see: https://searchfox.org/mozilla-central/source/layout/style/res/html.css */ .markdown { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, + sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 16px; line-height: 1.5; overflow-wrap: break-word; @@ -238,14 +244,14 @@ select { .markdown h1 { font-size: 2em; font-weight: bold; - margin-block-start: .67em; - margin-block-end: .67em; + margin-block-start: 0.67em; + margin-block-end: 0.67em; } .markdown h2 { font-size: 1.5em; font-weight: bold; - margin-block-start: .83em; - margin-block-end: .83em; + margin-block-start: 0.83em; + margin-block-end: 0.83em; } .markdown h3 { font-size: 1.17em; @@ -285,7 +291,8 @@ select { } .markdown code, .markdown tt { - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, + monospace; font-size: 85%; padding: 0.2em 0.4em; margin: 0; @@ -294,7 +301,7 @@ select { } .footer { - background: var(--primary-color); + background: var(--bg-color); padding: 3px; }