book/es6tutorial
1
0
Fork 0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-24 18:32:22 +00:00
Code Issues Releases Wiki Activity

edit css

Browse Source
This commit is contained in:
ruanyf 2014-04-22 07:37:46 +08:00
parent 688c10ac7a
commit 712c63c65c
1 changed files with 32 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
css/app.css
View File

@ -133,7 +133,6 @@ body {
} }
#content code { #content code {
padding-left: 5px;
padding-right: 5px; padding-right: 5px;
color: #FFF; color: #FFF;
@ -275,13 +274,15 @@ body {
} }
/** /**
* prism.js Funky theme * okaidia theme for JavaScript, CSS and HTML
* Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/ * Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author Lea Verou * @author ocodia
*/ */
code[class*="language-"], code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
color: #f8f8f2;
text-shadow: 0 1px rgba(0,0,0,0.3);
font-family: Consolas, Monaco, 'Andale Mono', monospace; font-family: Consolas, Monaco, 'Andale Mono', monospace;
direction: ltr; direction: ltr;
text-align: left; text-align: left;
@ -301,35 +302,32 @@ pre[class*="language-"] {
/* Code blocks */ /* Code blocks */
pre[class*="language-"] { pre[class*="language-"] {
padding: .4em .8em; padding: 1em;
margin: .5em 0; margin: .5em 0;
overflow: auto; overflow: auto;
background: url('data:image/svg+xml;charset=utf-8,<svg%20version%3D"1.1"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"100"%20height%3D"100"%20fill%3D"rgba(0%2C0%2C0%2C.2)">%0D%0A<polygon%20points%3D"0%2C50%2050%2C0%200%2C0"%20%2F>%0D%0A<polygon%20points%3D"0%2C100%2050%2C100%20100%2C50%20100%2C0"%20%2F>%0D%0A<%2Fsvg>'); border-radius: 0.3em;
background-size: 1em 1em;
} }
code[class*="language-"] { :not(pre) > code[class*="language-"],
background: black; pre[class*="language-"] {
color: white; background: #272822;
box-shadow: -.3em 0 0 .3em black, .3em 0 0 .3em black;
} }
/* Inline code */ /* Inline code */
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
padding: .2em; padding: .1em;
border-radius: .3em; border-radius: .3em;
box-shadow: none;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: #aaa; color: slategray;
} }
.token.punctuation { .token.punctuation {
color: #999; color: #f8f8f2;
} }
.namespace { .namespace {
@ -338,38 +336,47 @@ code[class*="language-"] {
.token.property, .token.property,
.token.tag, .token.tag,
.token.boolean,
.token.number,
.token.constant, .token.constant,
.token.symbol { .token.symbol {
color: #0cf; color: #f92672;
}
.token.boolean,
.token.number{
color: #ae81ff;
} }
.token.selector, .token.selector,
.token.attr-name, .token.attr-name,
.token.string, .token.string,
.token.builtin { .token.builtin {
color: yellow; color: #a6e22e;
} }
.token.operator, .token.operator,
.token.entity, .token.entity,
.token.url, .token.url,
.language-css .token.string, .language-css .token.string,
.toke.variable { .style .token.string,
color: yellowgreen; .token.variable {
color: #f8f8f2;
} }
.token.atrule, .token.atrule,
.token.attr-value, .token.attr-value
.token.keyword { {
color: deeppink; color: #e6db74;
} }
.token.keyword{
color: #66d9ef;
}
.token.regex, .token.regex,
.token.important { .token.important {
color: orange; color: #fd971f;
} }
.token.important { .token.important {