summaryrefslogtreecommitdiff
path: root/baldeagle/css
diff options
context:
space:
mode:
Diffstat (limited to 'baldeagle/css')
-rw-r--r--baldeagle/css/stylesheet.css235
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;
+}