mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2025-01-13 16:50:29 +08:00
updating pygments
This commit is contained in:
parent
1d0c32f2c8
commit
640c15a6ae
@ -9,7 +9,7 @@
|
||||
<div class="well well-large well-transparent lead">
|
||||
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
||||
{% endhighlight %}
|
||||
<p class="alert alert-info">
|
||||
|
@ -14,7 +14,7 @@
|
||||
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
|
||||
of them in any combination to get lots of new possibilities.
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
|
||||
Use a few of the new styles together ... lots of new possibilities.
|
||||
{% endhighlight %}
|
||||
@ -24,7 +24,7 @@ Use a few of the new styles together ... lots of new possibilities.
|
||||
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
|
||||
of them in any combination to get lots of new possibilities.
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<i class="icon-flag icon-4x pull-left icon-border"></i>
|
||||
Use a few of the new styles together ... lots of new possibilities.
|
||||
{% endhighlight %}
|
||||
|
@ -15,7 +15,7 @@
|
||||
</div>
|
||||
<div class="span9">
|
||||
<p>Easily replace individual bullets.</p>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<ul class="icons-ul">
|
||||
<li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
|
||||
<li><i class="icon-li icon-ok"></i>Buttons</li>
|
||||
|
@ -16,7 +16,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="span9">
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<div class="btn-group open">
|
||||
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
|
||||
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
|
@ -12,7 +12,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<div class="btn-group">
|
||||
<a class="btn" href="#"><i class="icon-align-left"></i></a>
|
||||
<a class="btn" href="#"><i class="icon-align-center"></i></a>
|
||||
|
@ -34,7 +34,7 @@
|
||||
Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
|
||||
<code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
|
||||
</p>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-repeat"></i> Reload</a>
|
||||
<a class="btn btn-success" href="#">
|
||||
|
@ -14,7 +14,7 @@
|
||||
</form>
|
||||
</div>
|
||||
<div class="span9">
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<form>
|
||||
<div class="input-prepend">
|
||||
<span class="add-on"><i class="icon-envelope"></i></span>
|
||||
|
@ -10,7 +10,7 @@
|
||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||
</div>
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||
{% endhighlight %}
|
||||
<div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
|
||||
|
@ -20,7 +20,7 @@
|
||||
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
|
||||
</div>
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
|
||||
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
|
||||
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
|
||||
|
@ -13,7 +13,7 @@
|
||||
</div>
|
||||
<div class="span9">
|
||||
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<ul class="nav nav-list">
|
||||
<li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
|
||||
<li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
|
||||
|
@ -13,7 +13,7 @@
|
||||
<i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
|
||||
<i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<i class="icon-shield"></i> normal<br>
|
||||
<i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
|
||||
<i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
|
||||
|
@ -23,7 +23,7 @@
|
||||
</span>
|
||||
icon-terminal on icon-sign-blank
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<span class="icon-stack">
|
||||
<i class="icon-check-empty icon-stack-base"></i>
|
||||
<i class="icon-twitter"></i>
|
||||
|
@ -13,7 +13,7 @@
|
||||
<ol>
|
||||
<li>
|
||||
Paste the following code into the <code><head></code> section of your site's HTML.
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version }}/css/font-awesome.css" rel="stylesheet">
|
||||
{% endhighlight %}
|
||||
@ -38,7 +38,7 @@
|
||||
<li>Copy the <code>font-awesome</code> directory into your project.</li>
|
||||
<li>
|
||||
In the <code><head></code> of your html, reference the location to your font-awesome.min.css.
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||
{% endhighlight %}
|
||||
@ -55,7 +55,7 @@
|
||||
<li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
|
||||
<li>
|
||||
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
@FontAwesomePath: "../font";
|
||||
{% endhighlight %}
|
||||
<p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
|
||||
@ -84,7 +84,7 @@
|
||||
<li>Copy font-awesome-ie7.min.css into your project.</li>
|
||||
<li>
|
||||
In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css.
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||
<!--[if IE 7]>
|
||||
|
@ -21,7 +21,7 @@
|
||||
================================================== -->
|
||||
|
||||
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/site.css">
|
||||
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/prettify.css">
|
||||
<link rel="stylesheet" href="{{ page.relative_path }}assets/css/pygments.css">
|
||||
<link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome.css">
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="{{ page.relative_path }}assets/font-awesome/css/font-awesome-ie7.css">
|
||||
@ -57,7 +57,7 @@
|
||||
<script src="{{ page.relative_path }}assets/js/jquery-1.7.1.min.js"></script>
|
||||
<script src="{{ page.relative_path }}assets/js/underscore.min.js"></script>
|
||||
<script src="{{ page.relative_path }}assets/js/backbone.min.js"></script>
|
||||
<script src="{{ page.relative_path }}assets/js/prettify.min.js"></script>
|
||||
<!--<script src="{{ page.relative_path }}assets/js/prettify.min.js"></script>-->
|
||||
<script src="{{ page.relative_path }}assets/js/bootstrap-2.3.1.min.js"></script>
|
||||
<script src="{{ page.relative_path }}assets/js/site.js"></script>
|
||||
|
||||
|
@ -45,7 +45,7 @@ relative_path: ../../
|
||||
<i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }}
|
||||
</div>
|
||||
</div>
|
||||
{% highlight html %}
|
||||
{% highlight html linenos %}
|
||||
<i class="icon-{{ page.icon['id'] }}"></i> icon-{{ page.icon['id'] }}
|
||||
{% endhighlight %}
|
||||
<br>
|
||||
|
71
build/assets/css/pygments.css
Normal file
71
build/assets/css/pygments.css
Normal file
@ -0,0 +1,71 @@
|
||||
.hll { background-color: #ffffcc }
|
||||
/*{ background: #f0f3f3; }*/
|
||||
.c { color: #999; } /* Comment */
|
||||
.err { color: #AA0000; background-color: #FFAAAA } /* Error */
|
||||
.k { color: #006699; } /* Keyword */
|
||||
.o { color: #555555 } /* Operator */
|
||||
.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
|
||||
.cp { color: #009999 } /* Comment.Preproc */
|
||||
.c1 { color: #999; } /* Comment.Single */
|
||||
.cs { color: #999; } /* Comment.Special */
|
||||
.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
|
||||
.ge { font-style: italic } /* Generic.Emph */
|
||||
.gr { color: #FF0000 } /* Generic.Error */
|
||||
.gh { color: #003300; } /* Generic.Heading */
|
||||
.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
|
||||
.go { color: #AAAAAA } /* Generic.Output */
|
||||
.gp { color: #000099; } /* Generic.Prompt */
|
||||
.gs { } /* Generic.Strong */
|
||||
.gu { color: #003300; } /* Generic.Subheading */
|
||||
.gt { color: #99CC66 } /* Generic.Traceback */
|
||||
.kc { color: #006699; } /* Keyword.Constant */
|
||||
.kd { color: #006699; } /* Keyword.Declaration */
|
||||
.kn { color: #006699; } /* Keyword.Namespace */
|
||||
.kp { color: #006699 } /* Keyword.Pseudo */
|
||||
.kr { color: #006699; } /* Keyword.Reserved */
|
||||
.kt { color: #007788; } /* Keyword.Type */
|
||||
.m { color: #FF6600 } /* Literal.Number */
|
||||
.s { color: #d44950 } /* Literal.String */
|
||||
.na { color: #4f9fcf } /* Name.Attribute */
|
||||
.nb { color: #336666 } /* Name.Builtin */
|
||||
.nc { color: #00AA88; } /* Name.Class */
|
||||
.no { color: #336600 } /* Name.Constant */
|
||||
.nd { color: #9999FF } /* Name.Decorator */
|
||||
.ni { color: #999999; } /* Name.Entity */
|
||||
.ne { color: #CC0000; } /* Name.Exception */
|
||||
.nf { color: #CC00FF } /* Name.Function */
|
||||
.nl { color: #9999FF } /* Name.Label */
|
||||
.nn { color: #00CCFF; } /* Name.Namespace */
|
||||
.nt { color: #2f6f9f; } /* Name.Tag */
|
||||
.nv { color: #003333 } /* Name.Variable */
|
||||
.ow { color: #000000; } /* Operator.Word */
|
||||
.w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.mf { color: #FF6600 } /* Literal.Number.Float */
|
||||
.mh { color: #FF6600 } /* Literal.Number.Hex */
|
||||
.mi { color: #FF6600 } /* Literal.Number.Integer */
|
||||
.mo { color: #FF6600 } /* Literal.Number.Oct */
|
||||
.sb { color: #CC3300 } /* Literal.String.Backtick */
|
||||
.sc { color: #CC3300 } /* Literal.String.Char */
|
||||
.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
|
||||
.s2 { color: #CC3300 } /* Literal.String.Double */
|
||||
.se { color: #CC3300; } /* Literal.String.Escape */
|
||||
.sh { color: #CC3300 } /* Literal.String.Heredoc */
|
||||
.si { color: #AA0000 } /* Literal.String.Interpol */
|
||||
.sx { color: #CC3300 } /* Literal.String.Other */
|
||||
.sr { color: #33AAAA } /* Literal.String.Regex */
|
||||
.s1 { color: #CC3300 } /* Literal.String.Single */
|
||||
.ss { color: #FFCC33 } /* Literal.String.Symbol */
|
||||
.bp { color: #336666 } /* Name.Builtin.Pseudo */
|
||||
.vc { color: #003333 } /* Name.Variable.Class */
|
||||
.vg { color: #003333 } /* Name.Variable.Global */
|
||||
.vi { color: #003333 } /* Name.Variable.Instance */
|
||||
.il { color: #FF6600 } /* Literal.Number.Integer.Long */
|
||||
|
||||
.css .o,
|
||||
.css .o + .nt,
|
||||
.css .nt + .nt { color: #999; }
|
||||
|
||||
pre {
|
||||
background-color: #fafafa;
|
||||
padding: 8px 15px;
|
||||
}
|
@ -5,8 +5,8 @@ $(function() {
|
||||
});
|
||||
|
||||
// make code pretty
|
||||
$('pre').addClass('prettyprint');
|
||||
window.prettyPrint && prettyPrint();
|
||||
// $('pre').addClass('prettyprint');
|
||||
// window.prettyPrint && prettyPrint();
|
||||
|
||||
// Disable links with href="#" inside <section>, so users can click on them
|
||||
// to preview :active state without being scrolled up to the top of the page.
|
||||
|
Loading…
Reference in New Issue
Block a user