diff options
-rw-r--r-- | .github/workflows/autoprefixer.yml | 2 | ||||
-rw-r--r-- | .github/workflows/draft-release.yml | 2 | ||||
-rw-r--r-- | static/css/layouts/main.css | 111 | ||||
-rw-r--r-- | static/css/layouts/single.css | 137 |
4 files changed, 121 insertions, 131 deletions
diff --git a/.github/workflows/autoprefixer.yml b/.github/workflows/autoprefixer.yml index 512e346..68765a7 100644 --- a/.github/workflows/autoprefixer.yml +++ b/.github/workflows/autoprefixer.yml @@ -2,7 +2,7 @@ name: Autoprefixer on: push: branches: - - master + - main jobs: autoprefixer: runs-on: ubuntu-latest diff --git a/.github/workflows/draft-release.yml b/.github/workflows/draft-release.yml index 21c26d5..ebe6ae0 100644 --- a/.github/workflows/draft-release.yml +++ b/.github/workflows/draft-release.yml @@ -3,7 +3,7 @@ name: Release Drafter on: push: branches: - - master + - main jobs: update_release_draft: diff --git a/static/css/layouts/main.css b/static/css/layouts/main.css index 5a219de..2ee8882 100644 --- a/static/css/layouts/main.css +++ b/static/css/layouts/main.css @@ -83,11 +83,11 @@ a:hover { color: #e5e9f2 !important; } -.btn-link{ +.btn-link { color: #248aaa; } -.btn-link:hover{ +.btn-link:hover { color: #207089; } @@ -169,6 +169,60 @@ img.right { } /* ====== codeblocks ====== */ +table { + border-radius: 0.1rem; + background: #e5e9f2; + border: 1px solid #c0ccda; + padding: 0.1rem; +} + +table tr { + height: 40px !important; +} + +table th, +td { + padding: 0.5rem; + border-left: 1px solid #8392a5; + border-bottom: 1px solid #8392a5; +} + +table thead tr { + background: #248aaa; + color: #e5e9f2; +} + +tbody tr:nth-child(odd) { + background-color: #e5e9f2; +} + +tbody tr:hover { + background: #c0ccda; +} + +figure { + border: 1px solid #c0ccda; + height: -webkit-fit-content; + height: -moz-fit-content; + height: fit-content; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + align-self: center; + margin: auto; +} + +img { + max-width: 100%; +} + +caption, +figcaption { + caption-side: bottom; + text-align: center; + color: #8392a5; +} + pre { margin: 5px; } @@ -177,6 +231,46 @@ pre > code { padding: 10px !important; } +a.header-anchor { + text-decoration: none; + color: #1c2d41; +} + +a.header-anchor i { + font-size: 10pt; + color: #3c4858; + display: none; + margin-left: 0.5rem; +} +a.header-anchor:hover i { + display: inline-block; +} +a.header-anchor code { + color: #e83e8c; +} + +.navbar-toggler { + display: none; +} + +.content ul > ol, +.content ol > ul, +.content ul > ul, +.content ol > ol, +.content li > ol, +.content li > ul { + -webkit-padding-start: 1rem; + padding-inline-start: 1rem; +} + +kbd { + background-color: #248aaa !important; + color: #f9fafc; +} + +mark { + background-color: #ffc21280; +} /* ======= Paginator ========= */ .paginator { @@ -282,6 +376,12 @@ pre > code { background-color: #f9fafc; box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16); } + pre { + margin: 0px; + } + code { + padding: 0px; + } } /* Large devices (desktops, 992px and up) */ @@ -315,6 +415,13 @@ pre > code { padding-left: 0; padding-right: 0; } + + pre { + margin: 0px; + } + code { + padding: 0px; + } } /* iPhoneX, iPhone 6,7,8 */ diff --git a/static/css/layouts/single.css b/static/css/layouts/single.css index a72e93a..e5b535a 100644 --- a/static/css/layouts/single.css +++ b/static/css/layouts/single.css @@ -117,7 +117,7 @@ body { height: 120px; width: 120px; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; background-color: #f9fafc; padding: 5px; } @@ -158,109 +158,6 @@ h6 { margin-bottom: 0.5rem; } -table { - border-radius: 0.1rem; - background: #e5e9f2; - border: 1px solid #c0ccda; - padding: 0.1rem; -} - -table tr { - height: 40px !important; -} - -table th, -td { - padding: 0.5rem; - border-left: 1px solid #8392a5; - border-bottom: 1px solid #8392a5; -} - -table thead tr { - background: #248aaa; - color: #e5e9f2; -} - -tbody tr:nth-child(odd) { - background-color: #e5e9f2; -} - -tbody tr:hover { - background: #c0ccda; -} - -figure { - border: 1px solid #c0ccda; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - width: -webkit-fit-content; - width: -moz-fit-content; - width: fit-content; - align-self: center; - margin: auto; -} - -img { - max-width: 100%; -} - -caption, -figcaption { - caption-side: bottom; - text-align: center; - color: #8392a5; -} - -pre { - margin: 5px; -} - -pre > code { - padding: 10px !important; -} - -a.header-anchor { - text-decoration: none; - color: #1c2d41; -} - -a.header-anchor i { - font-size: 10pt; - color: #3c4858; - display: none; - margin-left: 0.5rem; -} -a.header-anchor:hover i { - display: inline-block; -} -a.header-anchor code { - color: #e83e8c; -} - -.navbar-toggler { - display: none; -} - -.content ul > ol, -.content ol > ul, -.content ul > ul, -.content ol > ol, -.content li > ol, -.content li > ul { - -webkit-padding-start: 1rem; - padding-inline-start: 1rem; -} - -kbd { - background-color: #248aaa !important; - color: #f9fafc; -} - -mark { - background-color: #ffc21280; -} - .next-prev-navigator { padding-left: 10px; padding-right: 10px; @@ -295,7 +192,7 @@ mark { transition: all 0.3s ease-out; } -.next-prev-navigator .next-prev-text{ +.next-prev-navigator .next-prev-text { white-space: break-spaces; } @@ -313,32 +210,31 @@ mark { text-align: right; } -.languageSelector{ +.languageSelector { display: none; } - -#scroll-to-top{ +#scroll-to-top { position: fixed; bottom: 0rem; right: 1rem; - color:#248aaa; + color: #248aaa; font-size: 24pt; z-index: 900000; visibility: hidden; } -#scroll-to-top i{ +#scroll-to-top i { box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16); background-color: #f9f9f9; border-radius: 50%; } -#scroll-to-top:hover{ +#scroll-to-top:hover { color: #2098d1; } -#scroll-to-top.show{ +#scroll-to-top.show { visibility: visible; } @@ -410,7 +306,7 @@ mark { display: none; } - .languageSelector{ + .languageSelector { display: block; } @@ -423,13 +319,6 @@ mark { padding: 0px; } - pre { - margin: 0px; - } - code { - padding: 0px; - } - .btn-improve-page { margin-right: 1rem; } @@ -448,7 +337,7 @@ mark { /* Medium devices (tablets, 768px and up) */ @media only screen and (max-width: 768px) { - #scroll-to-top{ + #scroll-to-top { right: 8rem; } } @@ -520,12 +409,6 @@ mark { padding: 0px; } - pre { - margin: 0px; - } - code { - padding: 0px; - } .next-prev-navigator .previous-article { text-align: center; margin: 5px; |