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;
+}