Write.as CSS for micro.jason.re

writeas.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

#post .alert,
#post article,
body#collection article,
body#subpage #wrapper h1,
body#subpage article, pre {
    max-width: 45rem;
}

#blog-title {
    font-size: 2.75rem !important;
    color: #333 !important;
}

body#collection header,
body#post header,
body#subpage header {
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    padding: 0 1em !important;
}

body#subpage #wrapper > h1 {
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform: capitalize;
    color: #333;
}

body#collection h2.post-title a,
body#subpage h2.post-title a {
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    /* color: #24292f; */
    color: #ab296a;
}

body#collection h2.post-title + time,
body#subpage h2.post-title +time {
    font-size: unset !important;
    color: #676767 !important;
    font-weight: bold !important;
}

#post article.norm,
.font.norm,
body#collection article.norm,
body#subpage article.norm,
input#title.norm,
pre.norm,
span.norm,
textarea.norm {
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body#post header nav a:first-child,
body#subpage header nav a:first-child {
    margin: 0;
}

body#post header,
body#subpage header {
    text-align: center;
    max-width: 50em;
    margin: 3em auto 4em;
    opacity: 1 !important;
}

body#post header:hover,
body#subpage header:hover {
    opacity: unset !important;
}

header p.description {
    font-style: italic;
    font-size: 1.25em !important;
    margin-top: 0.25em !important;
}

body#collection header nav,
body#post header nav,
body#subpage header nav {
    font-size: 1.1em;
}

body#post header nav,
body#post header h1,
body#subpage header nav,
body#subpage header h1 {
    display: block !important;
}

body#post header nav,
body#subpage header nav {
    margin: 1em 0;
}

body#collection #wrapper time,
body#subpage #wrapper time {
    font-size: 24px;
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body#post article time.dt-published,
body#subpage article time.dt-published {
    font-weight: 700 !important;
    font-size: 24px;
    /* color: #24292f; */
    color: #ab296a;
    line-height: 36px;
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin-bottom: unset;
}

body #post blockquote,
body#collection blockquote,
body#post blockquote,
body#subpage blockquote {
    border-left: .25em solid #d0d7de !important;
}

body #post article code,
body #post article h1,
body #post article h2,
body #post article h3,
body #post article h4,
body #post article h5,
body #post article h6,
body #post article ol,
body #post article p,
body #post article ul,
body#post article code,
body#post article h1,
body#post article h2,
body#post article h3,
body#post article h4,
body#post article h5,
body#post article h6,
body#post article ol,
body#post article p,
body#post article ul,
body#collection article.norm .e-content p {
    margin: 1em 0;
    display: block !important;
}

.e-content img {
    width: 100%;
}

#post article.norm,
#post article.sans,
#post article.wrap,
body#collection article p.norm,
body#collection article p.sans,
body#collection article p.wrap,
body#collection article.norm p,
body#subpage article p.norm,
body#subpage article p.sans,
body#subpage article p.wrap,
body#subpage article.norm p,
input#title.norm,
input#title.sans,
input#title.wrap,
pre.norm,
pre.sans,
pre.wrap,
textarea.norm,
textarea.sans,
textarea.wrap {
    white-space: unset !important;
    word-wrap: unset !important;
}

body#collection #wrapper time a,
body#subpage #wrapper time a,
body#subpage h2#title,
body#post h2#title {
    /* color: #24292f !important; */
    color: #ab296a !important;
}

body#subpage h2#title,
body#post h2#title {
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 36px;
}

h2#title.dated {
    margin-bottom: unset !important;
}

h2#title.dated + time,
body#subpage h2.post-title + time {
    font-size: unset !important;
    color: #676767 !important;
    margin-bottom: 2rem !important;
}

.p-category {
    color: #999;
}

body #post pre,
body#collection pre,
body#post pre,
body#subpage pre {
    border: none !important;
    padding: 0 !important;
}

body#collection #wrapper .e-content,
body#post article {
    font-size: 1em;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
body#collection #wrapper .e-content,
body#subpage article,
body#post article {
    font-size: 1.1em;
}
}

iframe.embedly-embed {
    width: 100% !important;
}

body #post blockquote > p,
body#collection blockquote > p,
body#post blockquote > p,
body#subpage blockquote > p {
    margin: 0.5rem 0 !important;
    color: #57606a;
}

a {
    color: #0969da;
}

a:active {
    color: #0969da;
}

#paging > a {
    'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body#collection #paging, body#subpage #paging {
    padding: 1em 2em 0;
    font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


/* Tomorrow Night Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */

/* Tomorrow Comment */
.hljs-comment,
.hljs-quote {
  color: #969896 !important;
}

/* Tomorrow Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: #cc6666 !important;
}

/* Tomorrow Orange */
.hljs-number,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
  color: #de935f !important;
}

/* Tomorrow Yellow */
.hljs-attribute {
  color: #f0c674 !important;
}

/* Tomorrow Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #b5bd68 !important;
}

/* Tomorrow Blue */
.hljs-title,
.hljs-section {
  color: #81a2be !important;
}

/* Tomorrow Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #b294bb !important;
}

.hljs {
  display: block !important;
  overflow-x: auto !important;
  background: #1d1f21 !important;
  color: #c5c8c6 !important;
  padding: 0.5em !important;
}

.hljs-emphasis {
  font-style: italic !important;
}

.hljs-strong {
  font-weight: bold !important;
}