book/es6tutorial
1
0
Fork 0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-29 05:42:20 +00:00
Code Issues Releases Wiki Activity

edit css

Browse Source
This commit is contained in:
ruanyf 2014-04-22 07:29:02 +08:00
parent 158bd4539d
commit 688c10ac7a
2 changed files with 25 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
css/app.css
View File

@ -275,15 +275,13 @@ body {
} }
/** /**
* okaidia theme for JavaScript, CSS and HTML * prism.js Funky theme
* Loosely based on Monokai textmate theme by http://www.monokai.nl/ * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
* @author ocodia * @author Lea Verou
*/ */
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;
@ -303,32 +301,35 @@ pre[class*="language-"] {
/* Code blocks */ /* Code blocks */
pre[class*="language-"] { pre[class*="language-"] {
padding: 1em; padding: .4em .8em;
margin: .5em 0; margin: .5em 0;
overflow: auto; overflow: auto;
border-radius: 0.3em; 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>');
background-size: 1em 1em;
} }
:not(pre) > code[class*="language-"], code[class*="language-"] {
pre[class*="language-"] { background: black;
background: #272822; color: white;
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: .1em; padding: .2em;
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: slategray; color: #aaa;
} }
.token.punctuation { .token.punctuation {
color: #f8f8f2; color: #999;
} }
.namespace { .namespace {
@ -337,47 +338,38 @@ pre[class*="language-"] {
.token.property, .token.property,
.token.tag, .token.tag,
.token.boolean,
.token.number,
.token.constant, .token.constant,
.token.symbol { .token.symbol {
color: #f92672; color: #0cf;
}
.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: #a6e22e; color: yellow;
} }
.token.operator, .token.operator,
.token.entity, .token.entity,
.token.url, .token.url,
.language-css .token.string, .language-css .token.string,
.style .token.string, .toke.variable {
.token.variable { color: yellowgreen;
color: #f8f8f2;
} }
.token.atrule, .token.atrule,
.token.attr-value .token.attr-value,
{ .token.keyword {
color: #e6db74; color: deeppink;
} }
.token.keyword{
color: #66d9ef;
}
.token.regex, .token.regex,
.token.important { .token.important {
color: #fd971f; color: orange;
} }
.token.important { .token.important {

1
index.html
View File

@ -10,6 +10,7 @@
<script src="js/marked.js"></script> <script src="js/marked.js"></script>
<script src="js/ditto.js"></script> <script src="js/ditto.js"></script>
<script src="js/prism.js"></script> <script src="js/prism.js"></script>
<link rel="stylesheet" href="app/bower_components/normalize-css/normalize.css">
<link rel="stylesheet" href="css/app.css"> <link rel="stylesheet" href="css/app.css">
<title>ECMAScript 6入门</title> <title>ECMAScript 6入门</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">