color-schemes/prettyprint/otakon.html
2014-02-09 15:13:42 +00:00

104 lines
3.2 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Otakon</title>
<style>
/* ------ START OF THEME ------ */
/*
* Otakon
* Prettify CSS Theme.
*
* Copyright (c) 2014 Dayle Rees
*/
pre.theme-otakon {
background-color: #171417;
padding: 2em;
font-size:.7em;
color: #f9f3f9;
}
pre.theme-otakon code {
font-family: 'Source Code Pro', Monaco, Consolas, "Lucida Console", monospace;
}
pre.theme-otakon .pln {
color: #f9f3f9;
}
pre.theme-otakon .str {
color: #9eb2d9;
}
pre.theme-otakon .kwd {
color: #B1A6CA;
}
pre.theme-otakon .com {
color: #515166;
}
pre.theme-otakon .typ {
color: #F6E6EB;
}
pre.theme-otakon .lit {
color: #E484B2;
}
pre.theme-otakon .pun,
pre.theme-otakon .opn,
pre.theme-otakon .clo {
color: #f9f3f9;
}
pre.theme-otakon .tag {
color: #B1A6CA;
}
pre.theme-otakon .atn {
color: #F6E6EB;
}
pre.theme-otakon .atv {
color: #E484B2;
}
pre.theme-otakon .dec,
pre.theme-otakon .var {
color: #9eb2d9;
}
pre.theme-otakon .fun {
color: #B1A6CA;
}
/* ------- END OF THEME ------- */
</style>
</head>
<body>
<h1>PrettyPrint</h1>
<p>This theme is for <a href="https://code.google.com/p/google-code-prettify/">Google Code Prettify</a> which can be used to syntax highlight code within a &ltpre&gt; tag.</p>
<p>To use, simply copy and paste the CSS from the source of this document into your project, and use with an existing code prettify setup. You can either add the 'theme-otakon' class each &ltpre&gt; element, or just remove it from the CSS to style all of them.</p>
<p>Enjoy!</p>
<pre class="theme-otakon"><code><span class="pun">&lt;?</span><span class="pln">php
</span><span class="com">// app/controllers/ArticleController.php</span><span class="pln">
</span><span class="kwd">class</span><span class="pln"> </span><span class="typ">ArticleController</span><span class="pln"> </span><span class="kwd">extends</span><span class="pln"> </span><span class="typ">BaseController</span><span class="pln">
</span><span class="pun">{</span><span class="pln">
</span><span class="kwd">public</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> showIndex</span><span class="pun">()</span><span class="pln">
</span><span class="pun">{</span><span class="pln">
</span><span class="kwd">return</span><span class="pln"> </span><span class="typ">View</span><span class="pun">::</span><span class="pln">make</span><span class="pun">(</span><span class="str">'index'</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="kwd">public</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> showSingle</span><span class="pun">(</span><span class="pln">$articleId</span><span class="pun">)</span><span class="pln">
</span><span class="pun">{</span><span class="pln">
</span><span class="kwd">return</span><span class="pln"> </span><span class="typ">View</span><span class="pun">::</span><span class="pln">make</span><span class="pun">(</span><span class="str">'single'</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">}</span></code></pre>
</body>
</html>