diff --git a/assets/css/override.css b/assets/css/override.css index 5adba9e..e7b3657 100644 --- a/assets/css/override.css +++ b/assets/css/override.css @@ -17,7 +17,9 @@ .content { background: #121212; - box-shadow: 0 0.7rem 2.3rem 0 rgba(255,255,255,0.3); + border: solid; + border-width: 1px; + border-color: white; } .card-container { @@ -42,6 +44,10 @@ .blog-card { background: #121212; color: white; + border: solid; + border-color: white; + border-width: 2px; + } .blog-card h2{ diff --git a/assets/css/print.css b/assets/css/print.css index 5b8f8f5..d23b19a 100644 --- a/assets/css/print.css +++ b/assets/css/print.css @@ -42,6 +42,7 @@ text-align: justify; margin: 0; max-width: none; + box-shadow: none; } @@ -60,11 +61,23 @@ } footer { - color: black; font-size: 1em; + padding: 1em; } footer::after { - content: "Printed from https://n07070.xyz" + content: "Printed from https://n07070.xyz"; + font-size: 1em; + font-weight: bolder; + display: flex; + justify-content: center; + } + + footer small { + display: none; + } + + footer sup { + display: none; } } diff --git a/assets/css/style.css b/assets/css/style.css index eda34a1..8e0784f 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -16,7 +16,7 @@ body { font-family: Avenir, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - color: #454545; + /* color: #454545; */ font-size: 1.1em; /* background: linear-gradient(90deg, #000 21px, transparent 1%) center, linear-gradient(#000 21px, transparent 1%) center, white; */ background-size: 22px 22px; @@ -27,14 +27,13 @@ body { width: 100%; box-sizing: border-box; word-break: break-word; - - } } p { margin: 1.5em 0; } + .home-header { min-height: 26rem; max-width: 50rem; @@ -82,6 +81,7 @@ p { /* display: flex; */ justify-content: space-between; align-items: center; + border-color: black; } .nav-header { margin: 0; @@ -168,8 +168,12 @@ p { /* border-radius: 1.2rem; */ z-index: 2; transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); - box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); + + border: solid; + border-width: 1px; + border-color: black; } + .list-header { margin: 1em; text-align: center; @@ -190,21 +194,22 @@ p { line-height: 1.6em; } .card-container { - max-width: 48rem; } /* .card-container > a:first-of-type { margin-top: 5em; } */ .card { display: block; - margin: 3rem 0; + /* margin: 3rem 0; */ + width: 100%; + max-width: 50rem; box-sizing: border-box; background-color: white; text-decoration: none; /* border-radius: 1.2rem; */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: transform 0.2s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,1); - box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); + /* box-shadow: 0 0.7rem 2.3rem 0 rgba(0,0,0,0.3); */ } .home-card { padding: 0.8em; @@ -217,9 +222,15 @@ p { } .blog-card { display: flex; + + border: solid; + border-color: grey; + border-width: 3px; + flex-direction: column; align-items: stretch; - border-style: solid; + border-style: none; + margin: 1em; } .bc-next { margin-top: 0; @@ -280,7 +291,6 @@ p { } .end-nav { width: 100%; - max-width: 48rem; z-index: 2; } .pagination-nav { @@ -288,9 +298,12 @@ p { width: 100%; max-width: 47rem; } -/* .pagination-text { - font-family: 'LatoLatinWebMedium'; -} */ + +.pagination-text { + font-weight: bold; + color: inherit; +} + .pagination-newer { float:left; } @@ -510,6 +523,9 @@ footer h3 { .blog-card { flex-direction: row; align-items: stretch; + border: solid; + border-color: grey; + border-width: 3px; } .card-img { margin: 0; @@ -518,7 +534,7 @@ footer h3 { width: 16em; } .card-img-overlay { - border-radius: 0.8rem 0.8rem 0 0; + /* border-radius: 0.8rem 0.8rem 0 0; */ } .card-body { margin: 1.3em 1.7em;