From abe5d26170504102370f9c416d4723f3cea25f68 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Fri, 2 Feb 2024 13:11:47 -0500 Subject: Initial commit to new cgit platform --- style.css | 125 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 125 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..cf11699 --- /dev/null +++ b/style.css @@ -0,0 +1,125 @@ +* { + box-sizing: border-box; +} + +html { + line-height: 1.4; + -webkit-text-size-adjust: 100%; +} + +body { + background: white; + color: #444; + font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 18px; + margin: 0; + padding: 0 20px; +} +h1 { + align-items: center; + display: flex; + margin-top: 10px; +} +h1 img { + margin-right: 10px; + padding-top: 2px; + width: 30px; +} +h2 { + align-items: center; + background: #DDEAF0; + border-left: 10px solid #21759b; + color: #21759b; + display: flex; + justify-content: space-between; + margin-bottom: 40px; + padding: 10px 15px; + line-height: 1; +} +h2 svg { + height: 30px; +} +h2 svg path { + fill: #21759b; +} + +a,a:visited { + color: #21759b; +} +a:hover { + color: black; +} + +ul li, ol li { + margin-bottom: 10px; +} + +header, main, footer { + display: block; + margin: 0 auto 80px; + max-width: 720px; +} +header { + padding-top: 40px; +} +main section { + margin-bottom: 80px; +} +main section article { + margin-bottom: 60px; + padding-left: 10px; +} + +input[type="checkbox"] { + opacity: 0; + position: absolute; + z-index: -1; +} +input[type="checkbox"] + label { + cursor: pointer; + display: inline-block; + font-weight: bold; + padding-left: 36px; + position: relative; + user-select: none; + width: 100%; +} +input[type="checkbox"] + label:before { + background: white; + border: 3px solid lightgrey; + content:''; + height: 20px; + left: 0; + position: absolute; + top: calc(50% - 13px); + width: 20px; +} +input[type="checkbox"]:checked + label:before { + background-color: #21759b; + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjAyOTY4IC00MC4wOTAzIDI2IDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdGVkIGJ5IElKU1ZHIChodHRwczovL2dpdGh1Yi5jb20vaWNvbmphci9JSlNWRyktLT48cGF0aCBkPSJNMjcuOTc0MywtMzYuMTI3MmMwLDAuNDQ2NDI4IC0wLjE1NjI1LDAuODI1ODkzIC0wLjQ2ODc1LDEuMTM4MzlsLTEyLjEyMDUsMTIuMTIwNWwtMi4yNzY3OSwyLjI3Njc5Yy0wLjMxMjUsMC4zMTI1IC0wLjY5MTk2NCwwLjQ2ODc1IC0xLjEzODM5LDAuNDY4NzVjLTAuNDQ2NDI4LDAgLTAuODI1ODkzLC0wLjE1NjI1IC0xLjEzODM5LC0wLjQ2ODc1bC0yLjI3Njc5LC0yLjI3Njc5bC02LjA2MDI3LC02LjA2MDI3Yy0wLjMxMjUsLTAuMzEyNSAtMC40Njg3NSwtMC42OTE5NjUgLTAuNDY4NzUsLTEuMTM4MzljMCwtMC40NDY0MjkgMC4xNTYyNSwtMC44MjU4OTMgMC40Njg3NSwtMS4xMzgzOWwyLjI3Njc5LC0yLjI3Njc5YzAuMzEyNSwtMC4zMTI1IDAuNjkxOTY1LC0wLjQ2ODc1IDEuMTM4MzksLTAuNDY4NzVjMC40NDY0MjksMCAwLjgyNTg5MywwLjE1NjI1IDEuMTM4MzksMC40Njg3NWw0LjkyMTg4LDQuOTM4NjJsMTAuOTgyMSwtMTAuOTk4OWMwLjMxMjUsLTAuMzEyNSAwLjY5MTk2NCwtMC40Njg3NSAxLjEzODM5LC0wLjQ2ODc1YzAuNDQ2NDI4LDAgMC44MjU4OTMsMC4xNTYyNSAxLjEzODM5LDAuNDY4NzVsMi4yNzY3OCwyLjI3Njc5YzAuMzEyNSwwLjMxMjUgMC40Njg3NSwwLjY5MTk2NCAwLjQ2ODc1LDEuMTM4MzlaIiB0cmFuc2Zvcm09InNjYWxlKDEuMDAxOTgpIiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+"); + background-repeat: no-repeat; + background-position: center; + background-size: 12px; + border-color: #21759b; +} +input[type="checkbox"]:focus + label:before { + border-color: #21759b; +} + +.skip-content { + background: #21759b; + color: white !important; + left: -9999px; + padding: 0.5rem; + position: absolute; + top: 0; +} +.skip-content:focus { + left: 1rem; +} + +footer { + border-top: 1px solid lightgrey; + padding-top: 20px; +} + -- cgit v1.2.3-54-g00ecf