Last active
December 1, 2016 06:30
-
-
Save octonyat/437577775e3c183a142c3f7111d7e6d4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* See Kobito.app/Contents/Resources/markdown.css for predefined style. */ | |
/* ============================================================================= | |
Markdown styles | |
========================================================================== */ | |
body { | |
color: #f8f8f2; | |
background-color: #000C00; /* default #222222 */ | |
background-image: url("markdown_background.png"); | |
/*font-family: Source Han Code JP, "Monaco", monospace, Helvetica Neue, Helvetica, "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, Arial, Meiryo, sans-serif;*/ | |
font-family: "Monaco", monospace, Helvetica Neue, Helvetica, "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, Arial, Meiryo, sans-serif; | |
line-height: 1.6; | |
position: relative; | |
font-size: 12px; | |
} | |
body::before { | |
position: fixed; | |
right: 0; | |
bottom: 0; | |
content: '🐑'; | |
font-size: 20em; | |
opacity: 0.2; | |
line-height: 1; | |
} | |
body:hover::before { | |
animation: shake 0.12s linear 15; | |
} | |
/* | |
アニメーション参考 | |
https://css-tricks.com/snippets/css/shake-css-keyframe-animation/ | |
*/ | |
@keyframes shake { | |
10%, 90% { | |
transform: translate3d(-1px, 0, 0); | |
} | |
20%, 80% { | |
transform: translate3d(2px, 0, 0); | |
} | |
30%, 50%, 70% { | |
transform: translate3d(-4px, 0, 0); | |
} | |
40%, 60% { | |
transform: translate3d(4px, 0, 0); | |
} | |
} | |
h1, h2, h3, h4, h5, h6 { | |
color: #fd971f; | |
font-weight: bold; | |
} | |
h1, h2 { | |
border-bottom: 1px dashed #fd971f; | |
} | |
h1::before { | |
content: '🎁'; | |
margin-right: 0.4em; | |
} | |
h2::before { | |
content: '🌲'; | |
margin-right: 0.4em; | |
} | |
blockquote { | |
font-style: italic; | |
color: #66d9ef; | |
border-left: 1px solid #66d9ef; | |
} | |
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { | |
color: #fd971f; | |
} | |
em { | |
font-style: italic; | |
color: #e42e70; | |
} | |
hr { | |
border: 0; | |
height: 1px; | |
background-color: #fd971f; | |
} | |
b, strong, ins { | |
font-weight: bold; | |
color: #f92672; | |
} | |
img { | |
max-width: 100%; | |
} | |
a { | |
text-decoration: underline; | |
color: #a6e22e; | |
border: none; | |
} | |
a:link, a:visited, a:hover { | |
color: #a6e22e; | |
border-radius: 0; | |
box-shadow: none; | |
background: none; | |
text-decoration: underline; | |
text-shadow: none; | |
} | |
a:hover { | |
text-decoration: none; | |
border: 1px solid transparent; | |
} | |
table { | |
margin: 0; | |
border: 0; | |
color: #f92672; | |
border-left: solid 1px #f92672; | |
border-top: none; | |
} | |
table thead td, table th { | |
padding: 8px 10px; | |
font-weight: bold; | |
border-right: solid 1px #f92672; | |
border-bottom: dashed 1px #f92672; | |
} | |
table tbody tr:nth-child(odd) { | |
background: none; | |
} | |
table tbody tr:last-child td { | |
border-bottom: none; | |
} | |
table td { | |
word-wrap: break-word; | |
border-right: solid 1px #f92672; | |
border-bottom: solid 1px #f92672; | |
} | |
code { | |
border-radius: 0; | |
border: 1px solid transparent; | |
background-color: #49483e; | |
color: #f8f8f2; | |
font-family: "Monaco", monospace, "Courier", "Inconsolata", "Bitstream Vera Sans Mono"; | |
} | |
.code-frame { | |
border-radius: 0; | |
border: none; | |
line-height: 0; | |
background-color: transparent; | |
} | |
.code-frame .code-lang { | |
border-bottom-right-radius: 0; | |
color: #222222; | |
display: inline-block; | |
background-color: #fd971f; | |
border: none; | |
} | |
.code-frame pre { | |
border: 1px solid transparent; | |
} | |
.code-frame pre code { | |
color: #f8f8f2; | |
} | |
/* ------------------------------ | |
* syntax hightlight for Kobito | |
* inspired by https://github.com/richleland/pygments-css/blob/master/monokai.css | |
* ------------------------------ */ | |
/*.highlight { background: #ffffff; }*/ | |
.highlight { background-color: #49483e } | |
.highlight .c { color: #75715e } /* Comment */ | |
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ | |
.highlight .k { color: #66d9ef } /* Keyword */ | |
.highlight .l { color: #ae81ff } /* Literal */ | |
.highlight .n { color: #f8f8f2 } /* Name */ | |
.highlight .o { color: #f92672 } /* Operator */ | |
.highlight .p { color: #f8f8f2 } /* Punctuation */ | |
.highlight .cm { color: #75715e } /* Comment.Multiline */ | |
.highlight .cp { color: #75715e } /* Comment.Preproc */ | |
.highlight .c1 { color: #75715e } /* Comment.Single */ | |
.highlight .cs { color: #75715e } /* Comment.Special */ | |
.highlight .ge { font-style: italic } /* Generic.Emph */ | |
.highlight .gs { font-weight: bold } /* Generic.Strong */ | |
.highlight .kc { color: #66d9ef } /* Keyword.Constant */ | |
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ | |
.highlight .kn { color: #f92672 } /* Keyword.Namespace */ | |
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ | |
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ | |
.highlight .kt { color: #66d9ef } /* Keyword.Type */ | |
.highlight .ld { color: #e6db74 } /* Literal.Date */ | |
.highlight .m { color: #ae81ff } /* Literal.Number */ | |
.highlight .s { color: #e6db74 } /* Literal.String */ | |
.highlight .na { color: #a6e22e } /* Name.Attribute */ | |
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ | |
.highlight .nc { color: #a6e22e } /* Name.Class */ | |
.highlight .no { color: #66d9ef } /* Name.Constant */ | |
.highlight .nd { color: #a6e22e } /* Name.Decorator */ | |
.highlight .ni { color: #f8f8f2 } /* Name.Entity */ | |
.highlight .ne { color: #a6e22e } /* Name.Exception */ | |
.highlight .nf { color: #a6e22e } /* Name.Function */ | |
.highlight .nl { color: #f8f8f2 } /* Name.Label */ | |
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ | |
.highlight .nx { color: #a6e22e } /* Name.Other */ | |
.highlight .py { color: #f8f8f2 } /* Name.Property */ | |
.highlight .nt { color: #f92672 } /* Name.Tag */ | |
.highlight .nv { color: #f8f8f2 } /* Name.Variable */ | |
.highlight .ow { color: #f92672 } /* Operator.Word */ | |
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ | |
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ | |
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ | |
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ | |
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ | |
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ | |
.highlight .sc { color: #e6db74 } /* Literal.String.Char */ | |
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ | |
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ | |
.highlight .se { color: #ae81ff } /* Literal.String.Escape */ | |
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ | |
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ | |
.highlight .sx { color: #e6db74 } /* Literal.String.Other */ | |
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ | |
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ | |
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ | |
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ | |
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ | |
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ | |
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ | |
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ | |
.highlight .gh { } /* Generic Heading & Diff Header */ | |
.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ | |
.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ | |
.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment