diff options
author | Rodion Goritskov <rodion.goritskov@gmail.com> | 2024-05-22 23:29:04 +0400 |
---|---|---|
committer | Rodion Goritskov <rodion.goritskov@gmail.com> | 2024-05-22 23:29:04 +0400 |
commit | b6f6afc0adc88b92d2c99ce9598ddd578bc93653 (patch) | |
tree | 38a5e87526fd672a44f8f0695d4b54725e2326f9 /baldeagle/css |
baldeagle: Initial commit
Diffstat (limited to 'baldeagle/css')
-rw-r--r-- | baldeagle/css/stylesheet.css | 235 |
1 files changed, 235 insertions, 0 deletions
diff --git a/baldeagle/css/stylesheet.css b/baldeagle/css/stylesheet.css new file mode 100644 index 0000000..1e60f30 --- /dev/null +++ b/baldeagle/css/stylesheet.css @@ -0,0 +1,235 @@ +html { + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; + font-size: 17px; + font-weight: 400; + line-height: 1.7; +} + +body { + display: block; + color: #333; + background-color: #fff; + + word-break: normal; + word-wrap: break-word; + + max-width: 800px; + + hyphens: auto; + margin: auto; + + padding-top: env(safe-area-inset-top); + padding-right: env(safe-area-inset-right); + padding-bottom: env(safe-area-inset-bottom); + padding-left: env(safe-area-inset-left); +} + +p { + color: #444; +} + +.title, +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 700; + line-height: 1.3; + padding-bottom: .3em; + border-bottom: 1px solid #eee; + color: #444; +} + +.title { + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; + font-size: 26px; +} + +h1 { + font-size: 26px; +} + +h2 { + font-size: 24px; +} + +h3 { + font-size: 22px; +} + +h4 { + font-size: 20px; +} + +h5 { + font-size: 18px; +} + +h6 { + font-size: 16px; +} + +blockquote, +q { + quotes: none; + margin: 0; +} + +mark { + background-color: rgba(12, 242, 143, .2); + padding-left: .15em; + padding-right: .15em; + border-radius: 3px; +} + +code, +tt, +kbd, +samp { + font-family: Menlo, Consolas, 'Liberation Mono', monospace; + font-weight: 400; + font-size: 90%; +} + +pre { + display: block; + line-height: 1.45; + text-align: left; + font-size: 13.6px; + margin: 0; + padding: 12px 15px; + + word-break: normal; + word-wrap: normal; + white-space: pre; + + border-radius: 3px; + border: 1px solid #eee; + + -o-tab-size: 4; + -moz-tab-size: 4; + tab-size: 4; + + overflow: auto; +} + +code, +kbd, +tt, +samp { + color: #d14; +} + +pre code, +pre kbd, +pre tt, +pre samp { + display: inline; + font-size: inherit; + color: inherit; + background-color: rgba(0, 0, 0, 0); +} + +table { + border-spacing: 0; + border-collapse: collapse; +} + +td, +th { + padding: 0; +} + +a { + color: #007aff; + text-decoration: none; + -webkit-tap-highlight-color: transparent; + -webkit-text-decoration-skip: objects; + -moz-text-decoration-skip: objects; + text-decoration-skip: objects; +} + +a:hover { + text-decoration: underline; +} + +del { + opacity: 0.5; +} + +abbr, +acronym { + cursor: help; +} + +img.inline { + width: 500px; + max-width: 100%; +} + +img.logo { + background-color: #878d11; + border-radius: 3px; + height: 96px; +} + +.article.date { + color: #999; + font-size: 14px; +} + +.site.header { + padding-top: 20px; + padding-bottom: 20px; + min-height: 64px; +} + +.header.wrap { + text-align: justify; + font-size: 1px; +} + +.header.wrap::after { + display: inline-block; + content: ""; + width: 100%; +} + +.header.wrap, +.nav.wrap { + margin-top: -5px; +} + +.header.wrap>*, +.nav.wrap>* { + margin-top: 5px; +} + +.header.left-side, +.header.right-side { + display: inline-block; + font-size: 17px; + text-align: initial; +} + +.site.home:hover { + opacity: 0.5; + text-decoration: none; +} + +.site.logo { + height: 96px; + border-radius: 3px; + vertical-align: middle; + margin-right: 10px; + background-color: #878d11; +} + +.site.name { + color: #333; + font-weight: 700; +} |