Content directory
This commit is contained in:
Pantonshire committed
1 parent
2d131e1568
commit
207032382d
12 files changed
+1
-1
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 846 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
@@ -0,0 +1,3 @@
|
||||
User-agent: *
|
||||
Disallow: /static/
|
||||
Disallow: /article_media/
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
@@ -0,0 +1,344 @@
|
||||
.cb_code {
|
||||
color: #323232;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.cb_comment {
|
||||
color: #969896;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_string {
|
||||
color: #183691;
|
||||
}
|
||||
|
||||
.cb_regexp-operator {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.cb_string.cb_regexp.cb_characterclass .cb_punctuation.cb_definition.cb_string.cb_begin,
|
||||
.cb_string.cb_regexp.cb_characterclass .cb_punctuation.cb_definition.cb_string.cb_end {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.cb_constant.cb_numeric {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_constant.cb_language {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_constant.cb_character,
|
||||
.cb_constant.cb_other,
|
||||
.cb_variable.cb_other.cb_constant {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_variable {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_keyword {
|
||||
color: #a71d5d;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_bitwise-operator {
|
||||
color: #a71d5d;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_storage {
|
||||
color: #a71d5d;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_storage.cb_type {
|
||||
color: #a71d5d;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_class {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_entity.cb_other.cb_inherited-class {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_function {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_variable.cb_parameter {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_tag {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.cb_entity.cb_other.cb_attribute-name {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.cb_support.cb_function {
|
||||
color: #62a35c;
|
||||
}
|
||||
|
||||
.cb_support.cb_constant {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_support.cb_type,
|
||||
.cb_support.cb_class {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_support.cb_other.cb_variable {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_invalid,
|
||||
.cb_invalid.cb_illegal,
|
||||
.cb_invalid.cb_deprecated {
|
||||
color: #b52a1d;
|
||||
background-color: #f5f5f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_filename.cb_find-in-files {
|
||||
color: #323232;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_constant.cb_numeric.cb_line-number.cb_find-in-files,
|
||||
.cb_constant.cb_numeric.cb_line-number.cb_match.cb_find-in-files {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
|
||||
.cb_meta.cb_diff.cb_header {
|
||||
color: #969896;
|
||||
background-color: #ffffff;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_meta.cb_diff.cb_header .cb_punctuation.cb_definition.cb_from-file.cb_diff {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_meta.cb_diff.cb_header .cb_punctuation.cb_definition.cb_to-file.cb_diff {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_meta.cb_diff.cb_range {
|
||||
color: #969896;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_markup.cb_deleted {
|
||||
background-color: #ffecec;
|
||||
}
|
||||
|
||||
.cb_markup.cb_deleted .cb_punctuation.cb_definition.cb_inserted {
|
||||
color: #bd2c00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_markup.cb_inserted {
|
||||
background-color: #eaffea;
|
||||
}
|
||||
|
||||
.cb_markup.cb_inserted .cb_punctuation.cb_definition.cb_inserted {
|
||||
color: #55a532;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_markup.cb_deleted.cb_git_gutter {
|
||||
color: #bd2c00;
|
||||
}
|
||||
|
||||
.cb_markup.cb_inserted.cb_git_gutter {
|
||||
color: #55a532;
|
||||
}
|
||||
|
||||
.cb_markup.cb_changed.cb_git_gutter {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_markup.cb_ignored.cb_git_gutter {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
|
||||
.cb_markup.cb_untracked.cb_git_gutter {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
|
||||
.cb_source.cb_css .cb_punctuation.cb_definition.cb_entity {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_source.cb_css .cb_entity.cb_other.cb_attribute-name.cb_pseudo-class,
|
||||
.cb_source.cb_css .cb_entity.cb_other.cb_attribute-name.cb_pseudo-element {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.cb_source.cb_css .cb_meta.cb_value,
|
||||
.cb_source.cb_css .cb_support.cb_constant,
|
||||
.cb_source.cb_css .cb_support.cb_function {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_source.cb_css .cb_constant.cb_other.cb_color {
|
||||
color: #ed6a43;
|
||||
}
|
||||
|
||||
.cb_source.cb_scss .cb_punctuation.cb_definition.cb_entity {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_source.cb_scss .cb_entity.cb_other.cb_attribute-name.cb_pseudo-class,
|
||||
.cb_source.cb_scss .cb_entity.cb_other.cb_attribute-name.cb_pseudo-element {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.cb_source.cb_scss .cb_support.cb_constant.cb_property-value,
|
||||
.cb_source.cb_scss .cb_support.cb_function {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_source.cb_scss .cb_variable {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.cb_variable.cb_language.cb_this.cb_js {
|
||||
color: #ed6a43;
|
||||
}
|
||||
|
||||
.cb_source.cb_js .cb_entity.cb_name.cb_function {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_source.cb_js .cb_meta.cb_function .cb_entity.cb_name.cb_function,
|
||||
.cb_source.cb_js .cb_entity.cb_name.cb_function .cb_meta.cb_function {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_type.cb_new.cb_js {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.cb_variable.cb_language.cb_prototype.cb_js {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_source.cb_js .cb_support.cb_function {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.cb_support.cb_type.cb_object.cb_console.cb_js {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.cb_source.cb_python .cb_keyword {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_source.cb_python .cb_storage {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_source.cb_python .cb_storage.cb_type {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_source.cb_python .cb_entity.cb_name.cb_function {
|
||||
color: #323232;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_source.cb_php .cb_entity.cb_name.cb_type.cb_class {
|
||||
color: #323232;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_variable.cb_language.cb_ruby {
|
||||
color: #ed6a43;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_type.cb_module.cb_ruby {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_entity.cb_name.cb_type.cb_class.cb_ruby {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_entity.cb_other.cb_inherited-class.cb_ruby {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_punctuation.cb_definition {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_meta.cb_separator {
|
||||
color: #b3b3b3;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_heading {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_raw.cb_block {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_raw.cb_inline {
|
||||
color: #323232;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_meta.cb_link,
|
||||
.cb_text.cb_html.cb_markdown .cb_meta.cb_image {
|
||||
color: #4183c4;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_underline.cb_link,
|
||||
.cb_text.cb_html.cb_markdown .cb_constant.cb_other.cb_reference {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_list {
|
||||
color: #ed6a43;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_bold .cb_markup.cb_italic {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.cb_text.cb_html.cb_markdown .cb_markup.cb_italic .cb_markup.cb_bold {
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
@@ -0,0 +1,404 @@
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local(''),
|
||||
url('/static/fonts/rubik-v20-latin-300.woff2') format('woff2'),
|
||||
url('/static/fonts/rubik-v20-latin-300.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local(''),
|
||||
url('/static/fonts/rubik-v20-latin-700.woff2') format('woff2'),
|
||||
url('/static/fonts/rubik-v20-latin-700.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: local(''),
|
||||
url('/static/fonts/rubik-v20-latin-800.woff2') format('woff2'),
|
||||
url('/static/fonts/rubik-v20-latin-800.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local(''),
|
||||
url('/static/fonts/rubik-v20-latin-300italic.woff2') format('woff2'),
|
||||
url('/static/fonts/rubik-v20-latin-300italic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local(''),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-regular.woff2') format('woff2'),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-regular.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local(''),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-700.woff2') format('woff2'),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-700.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local(''),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-italic.woff2') format('woff2'),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-italic.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local(''),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-700italic.woff2') format('woff2'),
|
||||
url('/static/fonts/jetbrains-mono-v12-latin-700italic.woff') format('woff');
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
"main"
|
||||
"footer";
|
||||
grid-template-columns: 100%;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Rubik, sans-serif;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 300;
|
||||
background-color: #94BFBE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
figure {
|
||||
width: fit-content;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
text-align: center;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
figcaption a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #0960BA;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #72109B;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#page_header {
|
||||
background-color: #94BFBE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#page_nav {
|
||||
padding: 1rem 1rem;
|
||||
margin: 0 auto;
|
||||
max-width: 60rem;
|
||||
}
|
||||
|
||||
#page_nav #title_box {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 800;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#page_nav #right_nav_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#page_nav ul {
|
||||
list-style-type: none;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, auto);
|
||||
grid-template-rows: 100%;
|
||||
column-gap: 1rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
font-size: 1.2rem;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#page_nav li {
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#page_nav a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#page_main {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#page_footer {
|
||||
background-color: #94BFBE;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#page_footer_content {
|
||||
padding: 1rem 1rem;
|
||||
margin: 0 auto;
|
||||
max-width: 60rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#page_footer_content ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(3, auto);
|
||||
row-gap: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
#page_footer_content li {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#page_footer_content a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.sticky_header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.offwhite {
|
||||
background-color: white;
|
||||
padding: 2rem 8rem;
|
||||
}
|
||||
|
||||
.textsection {
|
||||
background-color: #F5F5F0;
|
||||
padding: 1rem 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 0 auto;
|
||||
padding: 1rem 1rem 2rem 1rem;
|
||||
max-width: 60rem;
|
||||
}
|
||||
|
||||
.content_section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.quiet {
|
||||
color: #898989;
|
||||
}
|
||||
|
||||
.quiet a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
ul.articles_list {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.articles_list li {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.article_list_subtitle {
|
||||
margin-top: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.article_list_published_date {
|
||||
color: #898989;
|
||||
font-size: 1rem;
|
||||
margin-top: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.article_header {
|
||||
padding-bottom: 1rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 2rem;
|
||||
border-bottom: 2px solid #94BFBE;
|
||||
}
|
||||
|
||||
.article_title {
|
||||
font-size: 2rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.article_subtitle {
|
||||
font-size: 1.2rem;
|
||||
margin-top: 0.25rem;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.article_published_date {
|
||||
color: #898989;
|
||||
font-size: 1rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.codeblock {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
background-color: #FAF9F6;
|
||||
border-radius: 5px;
|
||||
box-shadow: 3px 3px 10px #C9C9C9;
|
||||
}
|
||||
|
||||
.codeblock_banner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-top-left-radius: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-top: 0.3rem;
|
||||
padding-bottom: 0.3rem;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.codeblock_code {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
margin: 0;
|
||||
font-size: 0.9rem;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.codeblock_code code {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
}
|
||||
|
||||
.inline_code {
|
||||
background-color: #F0F0F0;
|
||||
padding-left: 0.2rem;
|
||||
padding-right: 0.2rem;
|
||||
border-radius: 5px;
|
||||
font-size: 1rem;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
}
|
||||
|
||||
.codeblock_banner {
|
||||
background-color: #94BFBE;
|
||||
}
|
||||
|
||||
.article_content img {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 5px;
|
||||
box-shadow: 3px 3px 10px #C9C9C9;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 22em) {
|
||||
#page_nav #title_box {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.article_title {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.codeblock_code {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 40em) {
|
||||
#page_nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#page_nav #title_box {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#page_footer_content ul {
|
||||
grid-template-columns: repeat(3, auto);
|
||||
grid-template-rows: 100%;
|
||||
column-gap: 1rem;
|
||||
row-gap: 0;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 2rem 1rem 4rem 1rem;
|
||||
}
|
||||
|
||||
.article_title {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 50rem) {
|
||||
#page_nav ul {
|
||||
column-gap: 1.5rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user