Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Create gh-pages branch via GitHub

  • Loading branch information...
commit c967e611ce9d8fd44ef60cc1b96bea5e63982c1a 1 parent abb6d66
@pyrated pyrated authored
View
BIN  images/bg_hr.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/blacktocat.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/body-bg.png
Deleted file not rendered
View
BIN  images/highlight-bg.jpg
Deleted file not rendered
View
BIN  images/hr.png
Deleted file not rendered
View
BIN  images/icon_download.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/octocat-icon.png
Deleted file not rendered
View
BIN  images/sprite_download.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/tar-gz-icon.png
Deleted file not rendered
View
BIN  images/zip-icon.png
Deleted file not rendered
View
322 index.html
@@ -1,37 +1,37 @@
<!DOCTYPE html>
<html>
+
<head>
- <meta charset='utf-8'>
- <meta http-equiv="X-UA-Compatible" content="chrome=1">
- <link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
- <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
- <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
- <!--[if lt IE 9]>
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <title>Hkl by hkl</title>
+ <meta charset='utf-8' />
+ <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+ <meta name="description" content="Hkl : The hkl language" />
+
+ <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
+
+ <title>Hkl</title>
</head>
<body>
- <div id="container">
- <div class="inner">
- <header>
- <h1>Hkl</h1>
- <h2>The hkl language</h2>
- </header>
+ <!-- HEADER -->
+ <div id="header_wrap" class="outer">
+ <header class="inner">
+ <a id="forkme_banner" href="https://github.com/hkl/hkl">View on GitHub</a>
- <section id="downloads" class="clearfix">
- <a href="https://github.com/hkl/hkl/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a>
- <a href="https://github.com/hkl/hkl/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a>
- <a href="https://github.com/hkl/hkl" id="view-on-github" class="button"><span>View on GitHub</span></a>
- </section>
+ <h1 id="project_title">Hkl</h1>
+ <h2 id="project_tagline">The hkl language</h2>
- <hr>
+ <section id="downloads">
+ <a class="zip_download_link" href="https://github.com/hkl/hkl/zipball/master">Download this project as a .zip file</a>
+ <a class="tar_download_link" href="https://github.com/hkl/hkl/tarball/master">Download this project as a tar.gz file</a>
+ </section>
+ </header>
+ </div>
- <section id="main_content">
- <h1>The hkl language - ( /ˈhekəl/ )</h1>
+ <!-- MAIN CONTENT -->
+ <div id="main_content_wrap" class="outer">
+ <section id="main_content" class="inner">
+ <h1>The hkl language - ( /ˈhekəl/ )</h1>
<p>To build right now: </p>
@@ -43,16 +43,272 @@
<p><code>$ make</code></p>
-<h1>How to hkl</h1>
- </section>
+<h2>How to hkl</h2>
+
+<h3>Hello, hekəl</h3>
+
+<h6>what we type in:</h6>
+
+<div class="highlight"><pre><span class="n">puts</span> <span class="s2">"</span><span class="s">Hello, hekəl"</span>
+</pre></div>
+
+<h6>what comes out:</h6>
+
+<pre><code>Hello, hekəl
+</code></pre>
+
+<p>hkl is simple. A hello world can't get much simpler than this.</p>
+
+<h3>Let's make things weird</h3>
+
+<p>We will begin by calculating a big prime number.</p>
+
+<h6>what we type in:</h6>
+
+<div class="highlight"><pre><span class="o">//</span> <span class="c1">-- Load only the sqrt function --</span>
+<span class="n">sqrt</span> <span class="o">=</span> <span class="n">interface</span> <span class="s2">"</span><span class="s">math"</span> <span class="n">sqrt</span><span class="p">:</span> <span class="n">cfunc</span> <span class="k">end</span>
+
+<span class="n">isprime</span> <span class="o">=</span> <span class="k">function</span><span class="p">(</span><span class="n">n</span><span class="p">)</span>
+ <span class="n">sqn</span> <span class="o">=</span> <span class="n">sqrt</span><span class="p">(</span><span class="n">n</span><span class="p">)</span>
+ <span class="n">ok</span> <span class="o">=</span> <span class="kc">true</span>
+ <span class="n">m</span> <span class="o">=</span> <span class="mi">2</span> <span class="k">while</span> <span class="n">m</span> <span class="o">&lt;=</span> <span class="n">sqn</span> <span class="k">if</span> <span class="n">n</span> <span class="o">%</span> <span class="n">m</span> <span class="o">==</span> <span class="mi">0</span> <span class="n">ok</span> <span class="o">=</span> <span class="kc">false</span> <span class="k">break</span> <span class="k">end</span>
+ <span class="n">m</span> <span class="o">=</span> <span class="n">m</span> <span class="o">+</span> <span class="mi">1</span>
+ <span class="k">end</span>
+ <span class="k">return</span> <span class="n">ok</span>
+<span class="k">end</span>
+
+<span class="n">j</span> <span class="o">=</span> <span class="mi">2</span>
+<span class="n">prime</span> <span class="o">=</span> <span class="mi">0</span> <span class="k">while</span> <span class="n">prime</span> <span class="o">&lt;</span> <span class="mi">10001</span>
+ <span class="k">if</span> <span class="n">isprime</span><span class="p">(</span><span class="n">j</span><span class="p">)</span>
+ <span class="n">prime</span> <span class="o">=</span> <span class="n">prime</span> <span class="o">+</span> <span class="mi">1</span>
+ <span class="k">end</span>
+ <span class="n">j</span> <span class="o">=</span> <span class="n">j</span> <span class="o">+</span> <span class="mi">1</span>
+<span class="k">end</span>
+
+<span class="n">puts</span> <span class="p">(</span><span class="n">j</span> <span class="o">-</span> <span class="mi">1</span><span class="p">)</span>
+</pre></div>
+
+<h6>what comes out:</h6>
+
+<pre><code>104743
+</code></pre>
+
+<h3>Well that escalated quickly. What just happened?</h3>
+
+<p>If all went well, we just calculated the 10001st prime number.</p>
+
+<p>Now lets take a look at whats going on here. We'll start with that function:</p>
+
+<div class="highlight"><pre><span class="n">isprime</span> <span class="o">=</span> <span class="k">function</span><span class="p">(</span><span class="n">n</span><span class="p">)</span>
+ <span class="o">...</span>
+<span class="k">end</span>
+</pre></div>
+
+<p>This is most explicit way to make a function in hkl. In this case, we created
+a function called <strong>isprime</strong>, the thing being handed to the function is obviously a
+number <strong>n</strong>.</p>
+
+<p>hkl doesn't really care how you write things so there are many valid ways to
+write a function.</p>
+
+<div class="highlight"><pre><span class="k">function</span><span class="p">()</span> <span class="k">end</span>
+</pre></div>
+
+<p>This is all that is required to make a function in hkl. Note that functions must be
+closed off with a trailing <strong>end</strong> keyword. Everything in between that <strong>)</strong> and
+<strong>end</strong> is called a <strong>scope</strong>. The scope is the body of a function.</p>
+
+<p>I mentioned that hkl doesn't <em>really</em> care how you write things, but there are some
+exceptions:</p>
+
+<p>You cannot create a function without explicitly writing <strong>"function"</strong>.</p>
+
+<div class="highlight"><pre><span class="n">some_function</span> <span class="o">=</span> <span class="n">Function</span><span class="p">(</span><span class="n">parameter</span><span class="p">,</span> <span class="n">another</span><span class="p">)</span>
+ <span class="o">//</span> <span class="c1">-- Not Valid. hkl is case-sensitive --</span>
+<span class="k">end</span>
+</pre></div>
+
+<p>Not using commas in the parameter list.</p>
+
+<div class="highlight"><pre><span class="n">some_function</span> <span class="o">=</span> <span class="k">function</span><span class="p">(</span><span class="n">parameter</span> <span class="n">another</span><span class="p">)</span>
+ <span class="o">//</span> <span class="c1">-- Not Valid. --</span>
+<span class="k">end</span>
+</pre></div>
+
+<p>You also cannot create a function with a space in it's name.</p>
+
+<div class="highlight"><pre><span class="n">some</span> <span class="k">function</span> <span class="err">=</span> <span class="nf">function</span><span class="p">(</span><span class="n">parameter</span><span class="p">,</span> <span class="n">another</span><span class="p">)</span>
+ <span class="o">//</span> <span class="c1">-- Not Valid. (Hint: not entirely true) --</span>
+<span class="k">end</span>
+</pre></div>
+
+<p>This is valid however, but probably not the nicest to look at.</p>
+
+<div class="highlight"><pre><span class="n">some_function</span>
+
+<span class="o">=</span><span class="k">function</span>
+ <span class="p">(</span>
+ <span class="n">parameter</span><span class="p">,</span>
+ <span class="n">another</span>
+ <span class="p">)</span>
+<span class="k">end</span>
+</pre></div>
+
+<h3>The "types" of hkl</h3>
+
+<p>hkl has a small set of essential data types you can use. Together they
+make up 99% of all you would ever need.</p>
+
+<h6>what we type in:</h6>
+
+<div class="highlight"><pre><span class="n">my_int</span> <span class="o">=</span> <span class="mi">12</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_int</span>
+
+<span class="n">my_real</span> <span class="o">=</span> <span class="mf">3e99</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_real</span>
- <footer>
- Hkl is maintained by <a href="https://github.com/hkl">hkl</a><br>
- This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.
- </footer>
+<span class="n">my_string</span> <span class="o">=</span> <span class="s2">"</span><span class="s">hello"</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_string</span>
-
- </div>
+<span class="n">my_type</span> <span class="o">=</span> <span class="n">cdata</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_type</span>
+
+<span class="n">my_array</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">]</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_array</span>
+
+<span class="n">my_hash</span> <span class="o">=</span> <span class="p">{</span> <span class="n">hkl</span><span class="p">:</span> <span class="s2">"</span><span class="s">awesome"</span> <span class="p">}</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_hash</span>
+
+<span class="n">my_function</span> <span class="o">=</span> <span class="k">function</span><span class="p">()</span> <span class="k">end</span>
+<span class="n">puts</span> <span class="n">typeof</span> <span class="n">my_function</span>
+</pre></div>
+
+<h6>what comes out:</h6>
+
+<pre><code>int
+real
+string
+type
+array
+hash
+func
+</code></pre>
+
+<h3>Creating Variables</h3>
+
+<p>What use is a programming language without a way to store data.
+In hkl, data is stored in variables. Variables are identified by a single word.
+Below are some examples of variable declarations:</p>
+
+<p>I want a number</p>
+
+<div class="highlight"><pre><span class="n">number</span> <span class="o">=</span> <span class="mi">1000</span>
+</pre></div>
+
+<p>I want some text</p>
+
+<div class="highlight"><pre><span class="n">text</span> <span class="o">=</span> <span class="s2">"</span><span class="s">Hey there, buddy"</span>
+</pre></div>
+
+<p>Give me a table</p>
+
+<div class="highlight"><pre><span class="n">my_strings</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"</span><span class="s">oh"</span><span class="p">,</span> <span class="s2">"</span><span class="s">why"</span><span class="p">,</span> <span class="s2">"</span><span class="s">is"</span><span class="p">,</span> <span class="s2">"</span><span class="s">hkl"</span><span class="p">,</span> <span class="s2">"</span><span class="s">so"</span><span class="p">,</span> <span class="s2">"</span><span class="s">neat?"</span><span class="p">}</span>
+</pre></div>
+
+<p>Tell me the truth</p>
+
+<div class="highlight"><pre><span class="n">awesome</span> <span class="o">=</span> <span class="kc">true</span>
+</pre></div>
+
+<p>What about a function?</p>
+
+<div class="highlight"><pre><span class="n">some_function</span> <span class="o">=</span> <span class="k">function</span><span class="p">(</span><span class="n">arg1</span><span class="p">,</span> <span class="n">arg2</span><span class="p">)</span> <span class="k">end</span>
+</pre></div>
+
+<p>Assigning a value from another variable, so easy!</p>
+
+<div class="highlight"><pre><span class="n">Nothing</span> <span class="o">=</span> <span class="n">could_be_anything</span>
+</pre></div>
+
+<p>Variables created inside a scope are called <strong>local</strong> variables.
+They can only be used inside the scope they are declared.</p>
+
+<h6>what we type in:</h6>
+
+<div class="highlight"><pre><span class="nb">print</span> <span class="o">=</span> <span class="k">function</span><span class="p">()</span>
+ <span class="n">text</span> <span class="o">=</span> <span class="s2">"</span><span class="s">Hello from inside print!"</span>
+ <span class="n">puts</span> <span class="n">text</span>
+<span class="k">end</span>
+
+<span class="nb">print</span><span class="p">()</span>
+<span class="n">puts</span> <span class="n">text</span>
+</pre></div>
+
+<h6>what comes out:</h6>
+
+<pre><code>Hello from inside print!
+nil
+</code></pre>
+
+<p>Since the variable text was declared within the scope of print
+only, we can't use it when we are outside of print. Not too odd.
+But what if text was declared before it was declared in print?</p>
+
+<h6>what we type in:</h6>
+
+<div class="highlight"><pre><span class="n">text</span> <span class="o">=</span> <span class="s2">"</span><span class="s">What is going to happen?"</span>
+
+<span class="nb">print</span> <span class="o">=</span> <span class="k">function</span><span class="p">()</span>
+ <span class="n">text</span> <span class="o">=</span> <span class="s2">"</span><span class="s">Hello from inside print!"</span>
+ <span class="n">puts</span> <span class="n">text</span>
+<span class="k">end</span>
+
+<span class="nb">print</span><span class="p">()</span>
+<span class="n">puts</span> <span class="n">text</span>
+</pre></div>
+
+<h6>what comes out:</h6>
+
+<pre><code>Hello from inside print!
+Hello from inside print!
+</code></pre>
+
+<p>Is that what you expected? Since text was already declared when we declared
+print, text retained it's value after the function was finished.</p>
+
+<h3>Loops</h3>
+
+<p>hkl relies primarily on the most underrated of control structures, the <em>while-loop</em></p>
+
+<h6>what we type in:</h6>
+
+<div class="highlight"><pre><span class="n">i</span> <span class="o">=</span> <span class="mi">0</span>
+<span class="k">while</span> <span class="n">i</span> <span class="o">&lt;</span> <span class="mi">5</span>
+ <span class="n">i</span> <span class="o">=</span> <span class="n">i</span> <span class="o">+</span> <span class="mi">1</span>
+ <span class="n">puts</span> <span class="n">i</span> <span class="n">as</span> <span class="n">string</span> <span class="o">*</span> <span class="mi">3</span>
+<span class="k">end</span>
+</pre></div>
+
+<h6>what comes out:</h6>
+
+<pre><code>111
+222
+333
+444
+555
+</code></pre>
+ </section>
+ </div>
+
+ <!-- FOOTER -->
+ <div id="footer_wrap" class="outer">
+ <footer class="inner">
+ <p class="copyright">Hkl maintained by <a href="https://github.com/hkl">hkl</a></p>
+ <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
+ </footer>
</div>
+
+
+
</body>
-</html>
+</html>
View
2  params.json
@@ -1 +1 @@
-{"body":"The hkl language - ( /ˈhekəl/ )\r\n===\r\n\r\nTo build right now: \r\n\r\nYou _should_ only have to do this once.\r\n\r\n`$ ./auto-build-env`\r\n\r\nThen as normal:\r\n\r\n`$ make`\r\n\r\n\r\nHow to hkl\r\n===\r\n\r\n\r\n\r\n","tagline":"The hkl language","google":"","note":"Don't delete this file! It's used internally to help with page regeneration.","name":"Hkl"}
+{"tagline":"The hkl language","body":"The hkl language - ( /ˈhekəl/ )\r\n===\r\n\r\nTo build right now: \r\n\r\nYou _should_ only have to do this once.\r\n\r\n`$ ./auto-build-env`\r\n\r\nThen as normal:\r\n\r\n`$ make`\r\n\r\n##How to hkl\r\n\r\n###Hello, hekəl\r\n######what we type in:\r\n```lua\r\nputs \"Hello, hekəl\"\r\n```\r\n######what comes out:\r\n```\r\nHello, hekəl\r\n```\r\nhkl is simple. A hello world can't get much simpler than this.\r\n\r\n###Let's make things weird\r\nWe will begin by calculating a big prime number.\r\n######what we type in:\r\n```lua\r\n// -- Load only the sqrt function --\r\nsqrt = interface \"math\" sqrt: cfunc end\r\n\r\nisprime = function(n)\r\n sqn = sqrt(n)\r\n ok = true\r\n m = 2 while m <= sqn if n % m == 0 ok = false break end\r\n m = m + 1\r\n end\r\n return ok\r\nend\r\n\r\nj = 2\r\nprime = 0 while prime < 10001\r\n if isprime(j)\r\n prime = prime + 1\r\n end\r\n j = j + 1\r\nend\r\n\r\nputs (j - 1)\r\n```\r\n######what comes out:\r\n```\r\n104743\r\n```\r\n\r\n###Well that escalated quickly. What just happened?\r\nIf all went well, we just calculated the 10001st prime number.\r\n\r\nNow lets take a look at whats going on here. We'll start with that function:\r\n```lua\r\nisprime = function(n)\r\n ...\r\nend\r\n```\r\nThis is most explicit way to make a function in hkl. In this case, we created\r\na function called **isprime**, the thing being handed to the function is obviously a\r\nnumber **n**.\r\n\r\nhkl doesn't really care how you write things so there are many valid ways to\r\nwrite a function.\r\n```lua\r\nfunction() end\r\n```\r\nThis is all that is required to make a function in hkl. Note that functions must be\r\nclosed off with a trailing **end** keyword. Everything in between that **)** and\r\n**end** is called a **scope**. The scope is the body of a function.\r\n\r\nI mentioned that hkl doesn't *really* care how you write things, but there are some\r\nexceptions:\r\n\r\nYou cannot create a function without explicitly writing **\"function\"**.\r\n```lua\r\nsome_function = Function(parameter, another)\r\n // -- Not Valid. hkl is case-sensitive --\r\nend\r\n```\r\n\r\nNot using commas in the parameter list.\r\n```lua\r\nsome_function = function(parameter another)\r\n // -- Not Valid. --\r\nend\r\n```\r\n\r\nYou also cannot create a function with a space in it's name.\r\n```lua\r\nsome function = function(parameter, another)\r\n // -- Not Valid. (Hint: not entirely true) --\r\nend\r\n```\r\n\r\nThis is valid however, but probably not the nicest to look at.\r\n```lua\r\nsome_function\r\n\r\n=function\r\n (\r\n parameter,\r\n another\r\n )\r\nend\r\n```\r\n\r\n###The \"types\" of hkl\r\nhkl has a small set of essential data types you can use. Together they\r\nmake up 99% of all you would ever need.\r\n\r\n######what we type in:\r\n```lua\r\nmy_int = 12\r\nputs typeof my_int\r\n\r\nmy_real = 3e99\r\nputs typeof my_real\r\n\r\nmy_string = \"hello\"\r\nputs typeof my_string\r\n\r\nmy_type = cdata\r\nputs typeof my_type\r\n\r\nmy_array = [1, 2]\r\nputs typeof my_array\r\n\r\nmy_hash = { hkl: \"awesome\" }\r\nputs typeof my_hash\r\n\r\nmy_function = function() end\r\nputs typeof my_function\r\n```\r\n######what comes out:\r\n```\r\nint\r\nreal\r\nstring\r\ntype\r\narray\r\nhash\r\nfunc\r\n```\r\n\r\n\r\n###Creating Variables\r\nWhat use is a programming language without a way to store data.\r\nIn hkl, data is stored in variables. Variables are identified by a single word.\r\nBelow are some examples of variable declarations:\r\n\r\nI want a number\r\n```lua\r\nnumber = 1000\r\n```\r\nI want some text\r\n```lua\r\ntext = \"Hey there, buddy\"\r\n```\r\nGive me a table\r\n```lua\r\nmy_strings = {\"oh\", \"why\", \"is\", \"hkl\", \"so\", \"neat?\"}\r\n```\r\nTell me the truth\r\n```lua\r\nawesome = true\r\n```\r\nWhat about a function?\r\n```lua\r\nsome_function = function(arg1, arg2) end\r\n```\r\nAssigning a value from another variable, so easy!\r\n```lua\r\nNothing = could_be_anything\r\n```\r\n\r\nVariables created inside a scope are called **local** variables.\r\nThey can only be used inside the scope they are declared.\r\n######what we type in:\r\n```lua\r\nprint = function()\r\n text = \"Hello from inside print!\"\r\n puts text\r\nend\r\n\r\nprint()\r\nputs text\r\n```\r\n######what comes out:\r\n```\r\nHello from inside print!\r\nnil\r\n```\r\n\r\nSince the variable text was declared within the scope of print\r\nonly, we can't use it when we are outside of print. Not too odd.\r\nBut what if text was declared before it was declared in print?\r\n######what we type in:\r\n```lua\r\ntext = \"What is going to happen?\"\r\n\r\nprint = function()\r\n text = \"Hello from inside print!\"\r\n puts text\r\nend\r\n\r\nprint()\r\nputs text\r\n```\r\n######what comes out:\r\n```\r\nHello from inside print!\r\nHello from inside print!\r\n```\r\n\r\nIs that what you expected? Since text was already declared when we declared\r\nprint, text retained it's value after the function was finished.\r\n\r\n###Loops\r\nhkl relies primarily on the most underrated of control structures, the *while-loop*\r\n######what we type in:\r\n```lua\r\ni = 0\r\nwhile i < 5\r\n i = i + 1 \r\n puts i as string * 3\r\nend\r\n```\r\n######what comes out:\r\n```\r\n111\r\n222\r\n333\r\n444\r\n555\r\n```","note":"Don't delete this file! It's used internally to help with page regeneration.","google":"","name":"Hkl"}
View
226 stylesheets/print.css
@@ -1,226 +0,0 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display: block;
-}
-body {
- line-height: 1;
-}
-ol, ul {
- list-style: none;
-}
-blockquote, q {
- quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
-}
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-body {
- font-size: 13px;
- line-height: 1.5;
- font-family: 'Helvetica Neue', Helvetica, Arial, serif;
- color: #000;
-}
-
-a {
- color: #d5000d;
- font-weight: bold;
-}
-
-header {
- padding-top: 35px;
- padding-bottom: 10px;
-}
-
-header h1 {
- font-weight: bold;
- letter-spacing: -1px;
- font-size: 48px;
- color: #303030;
- line-height: 1.2;
-}
-
-header h2 {
- letter-spacing: -1px;
- font-size: 24px;
- color: #aaa;
- font-weight: normal;
- line-height: 1.3;
-}
-#downloads {
- display: none;
-}
-#main_content {
- padding-top: 20px;
-}
-
-code, pre {
- font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
- color: #222;
- margin-bottom: 30px;
- font-size: 12px;
-}
-
-code {
- padding: 0 3px;
-}
-
-pre {
- border: solid 1px #ddd;
- padding: 20px;
- overflow: auto;
-}
-pre code {
- padding: 0;
-}
-
-ul, ol, dl {
- margin-bottom: 20px;
-}
-
-
-/* COMMON STYLES */
-
-table {
- width: 100%;
- border: 1px solid #ebebeb;
-}
-
-th {
- font-weight: 500;
-}
-
-td {
- border: 1px solid #ebebeb;
- text-align: center;
- font-weight: 300;
-}
-
-form {
- background: #f2f2f2;
- padding: 20px;
-
-}
-
-
-/* GENERAL ELEMENT TYPE STYLES */
-
-h1 {
- font-size: 2.8em;
-}
-
-h2 {
- font-size: 22px;
- font-weight: bold;
- color: #303030;
- margin-bottom: 8px;
-}
-
-h3 {
- color: #d5000d;
- font-size: 18px;
- font-weight: bold;
- margin-bottom: 8px;
-}
-
-h4 {
- font-size: 16px;
- color: #303030;
- font-weight: bold;
-}
-
-h5 {
- font-size: 1em;
- color: #303030;
-}
-
-h6 {
- font-size: .8em;
- color: #303030;
-}
-
-p {
- font-weight: 300;
- margin-bottom: 20px;
-}
-
-a {
- text-decoration: none;
-}
-
-p a {
- font-weight: 400;
-}
-
-blockquote {
- font-size: 1.6em;
- border-left: 10px solid #e9e9e9;
- margin-bottom: 20px;
- padding: 0 0 0 30px;
-}
-
-ul li {
- list-style: disc inside;
- padding-left: 20px;
-}
-
-ol li {
- list-style: decimal inside;
- padding-left: 3px;
-}
-
-dl dd {
- font-style: italic;
- font-weight: 100;
-}
-
-footer {
- margin-top: 40px;
- padding-top: 20px;
- padding-bottom: 30px;
- font-size: 13px;
- color: #aaa;
-}
-
-footer a {
- color: #666;
-}
-
-/* MISC */
-.clearfix:after {
- clear: both;
- content: '.';
- display: block;
- visibility: hidden;
- height: 0;
-}
-
-.clearfix {display: inline-block;}
-* html .clearfix {height: 1%;}
-.clearfix {display: block;}
View
117 stylesheets/pygment_trac.css
@@ -1,64 +1,65 @@
-.highlight { background: #ffffff; }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { font-weight: bold } /* Keyword */
-.highlight .o { font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .hll { background-color: #ffffcc }
+.highlight { background: #f0f3f3; }
+.highlight .c { color: #0099FF; font-style: italic } /* Comment */
+.highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */
+.highlight .k { color: #006699; font-weight: bold } /* Keyword */
+.highlight .o { color: #555555 } /* Operator */
+.highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #009999 } /* Comment.Preproc */
+.highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */
+.highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
+.highlight .go { color: #AAAAAA } /* Generic.Output */
+.highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { font-weight: bold } /* Keyword.Constant */
-.highlight .kd { font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #99CC66 } /* Generic.Traceback */
+.highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #006699 } /* Keyword.Pseudo */
+.highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #FF6600 } /* Literal.Number */
+.highlight .s { color: #CC3300 } /* Literal.String */
+.highlight .na { color: #330099 } /* Name.Attribute */
+.highlight .nb { color: #336666 } /* Name.Builtin */
+.highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */
+.highlight .no { color: #336600 } /* Name.Constant */
+.highlight .nd { color: #9999FF } /* Name.Decorator */
+.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #CC00FF } /* Name.Function */
+.highlight .nl { color: #9999FF } /* Name.Label */
+.highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #003333 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+.highlight .mf { color: #FF6600 } /* Literal.Number.Float */
+.highlight .mh { color: #FF6600 } /* Literal.Number.Hex */
+.highlight .mi { color: #FF6600 } /* Literal.Number.Integer */
+.highlight .mo { color: #FF6600 } /* Literal.Number.Oct */
+.highlight .sb { color: #CC3300 } /* Literal.String.Backtick */
+.highlight .sc { color: #CC3300 } /* Literal.String.Char */
+.highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #CC3300 } /* Literal.String.Double */
+.highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
+.highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */
+.highlight .si { color: #AA0000 } /* Literal.String.Interpol */
+.highlight .sx { color: #CC3300 } /* Literal.String.Other */
+.highlight .sr { color: #33AAAA } /* Literal.String.Regex */
+.highlight .s1 { color: #CC3300 } /* Literal.String.Single */
+.highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */
+.highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #003333 } /* Name.Variable.Class */
+.highlight .vg { color: #003333 } /* Name.Variable.Global */
+.highlight .vi { color: #003333 } /* Name.Variable.Instance */
+.highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */
.type-csharp .highlight .k { color: #0000FF }
.type-csharp .highlight .kt { color: #0000FF }
View
570 stylesheets/stylesheet.css
@@ -1,7 +1,14 @@
-/* http://meyerweb.com/eric/tools/css/reset/
- v2.0 | 20110126
- License: none (public domain)
-*/
+/*******************************************************************************
+Slate Theme for GitHub Pages
+by Jason Costello, @jsncostello
+*******************************************************************************/
+
+@import url(pygment_trac.css);
+
+/*******************************************************************************
+MeyerWeb Reset
+*******************************************************************************/
+
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@@ -11,361 +18,414 @@ b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: inherit;
+ vertical-align: baseline;
}
+
/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
+article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
- display: block;
-}
-body {
- line-height: 1;
+ display: block;
}
+
ol, ul {
- list-style: none;
+ list-style: none;
}
+
blockquote, q {
- quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
}
+
table {
- border-collapse: collapse;
- border-spacing: 0;
+ border-collapse: collapse;
+ border-spacing: 0;
}
-/* LAYOUT STYLES */
-body {
- font-size: 1em;
- line-height: 1.5;
- background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat;
- font-family: 'Helvetica Neue', Helvetica, Arial, serif;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
- color: #6d6d6d;
+a:focus {
+ outline: none;
}
-a {
- color: #d5000d;
+/*******************************************************************************
+Theme Styles
+*******************************************************************************/
+
+body {
+ box-sizing: border-box;
+ color:#373737;
+ background: #212121;
+ font-size: 16px;
+ font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ -webkit-font-smoothing: antialiased;
}
-a:hover {
- color: #c5000c;
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 10px 0;
+ font-weight: 700;
+ color:#222222;
+ font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
+ letter-spacing: -1px;
}
-header {
- padding-top: 35px;
- padding-bottom: 25px;
+h1 {
+ font-size: 36px;
+ font-weight: 700;
}
-header h1 {
- font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900;
- letter-spacing: -1px;
- font-size: 48px;
- color: #303030;
- line-height: 1.2;
+h2 {
+ padding-bottom: 10px;
+ font-size: 32px;
+ background: url('../images/bg_hr.png') repeat-x bottom;
}
-header h2 {
- letter-spacing: -1px;
+h3 {
font-size: 24px;
- color: #aaa;
- font-weight: normal;
- line-height: 1.3;
}
-#container {
- background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat;
- min-height: 595px;
+h4 {
+ font-size: 21px;
}
-.inner {
- width: 620px;
- margin: 0 auto;
+h5 {
+ font-size: 18px;
}
-#container .inner img {
- max-width: 100%;
+h6 {
+ font-size: 16px;
}
-#downloads {
- margin-bottom: 40px;
-}
-
-a.button {
- -moz-border-radius: 30px;
- -webkit-border-radius: 30px;
- border-radius: 30px;
- border-top: solid 1px #cbcbcb;
- border-left: solid 1px #b7b7b7;
- border-right: solid 1px #b7b7b7;
- border-bottom: solid 1px #b3b3b3;
- color: #303030;
- line-height: 25px;
- font-weight: bold;
- font-size: 15px;
- padding: 12px 8px 12px 8px;
- display: block;
- float: left;
- width: 179px;
- margin-right: 14px;
- background: #fdfdfd; /* Old browsers */
- background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */
- background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
- -webkit-box-shadow: 10px 10px 5px #888;
- -moz-box-shadow: 10px 10px 5px #888;
- box-shadow: 0px 1px 5px #e8e8e8;
-}
-a.button:hover {
- border-top: solid 1px #b7b7b7;
- border-left: solid 1px #b3b3b3;
- border-right: solid 1px #b3b3b3;
- border-bottom: solid 1px #b3b3b3;
- background: #fafafa; /* Old browsers */
- background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */
- background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
-}
-
-a.button span {
- padding-left: 50px;
- display: block;
- height: 23px;
+p {
+ margin: 10px 0 15px 0;
}
-#download-zip span {
- background: transparent url(../images/zip-icon.png) 12px 50% no-repeat;
+footer p {
+ color: #f2f2f2;
}
-#download-tar-gz span {
- background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat;
+
+a {
+ text-decoration: none;
+ color: #007edf;
+ text-shadow: none;
+
+ transition: color 0.5s ease;
+ transition: text-shadow 0.5s ease;
+ -webkit-transition: color 0.5s ease;
+ -webkit-transition: text-shadow 0.5s ease;
+ -moz-transition: color 0.5s ease;
+ -moz-transition: text-shadow 0.5s ease;
+ -o-transition: color 0.5s ease;
+ -o-transition: text-shadow 0.5s ease;
+ -ms-transition: color 0.5s ease;
+ -ms-transition: text-shadow 0.5s ease;
}
-#view-on-github span {
- background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat;
+
+#main_content a:hover {
+ color: #0069ba;
+ text-shadow: #0090ff 0px 0px 2px;
}
-#view-on-github {
- margin-right: 0;
+
+footer a:hover {
+ color: #43adff;
+ text-shadow: #0090ff 0px 0px 2px;
+}
+
+em {
+ font-style: italic;
+}
+
+strong {
+ font-weight: bold;
}
-code, pre {
- font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
+img {
+ position: relative;
+ margin: 0 auto;
+ max-width: 739px;
+ padding: 5px;
+ margin: 10px 0 10px 0;
+ border: 1px solid #ebebeb;
+
+ box-shadow: 0 0 5px #ebebeb;
+ -webkit-box-shadow: 0 0 5px #ebebeb;
+ -moz-box-shadow: 0 0 5px #ebebeb;
+ -o-box-shadow: 0 0 5px #ebebeb;
+ -ms-box-shadow: 0 0 5px #ebebeb;
+}
+
+pre, code {
+ width: 100%;
color: #222;
- margin-bottom: 30px;
+ background-color: #fff;
+
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-size: 14px;
-}
-code {
- background-color: #f2f2f2;
- border: solid 1px #ddd;
- padding: 0 3px;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+
+
+
}
pre {
- padding: 20px;
- background: #303030;
- color: #f2f2f2;
- text-shadow: none;
+ width: 100%;
+ padding: 10px;
+ box-shadow: 0 0 10px rgba(0,0,0,.1);
overflow: auto;
}
+
+code {
+ padding: 3px;
+ margin: 0 3px;
+ box-shadow: 0 0 10px rgba(0,0,0,.1);
+}
+
pre code {
- color: #f2f2f2;
- background-color: #303030;
- border: none;
- padding: 0;
+ display: block;
+ box-shadow: none;
}
-ul, ol, dl {
+blockquote {
+ color: #666;
margin-bottom: 20px;
+ padding: 0 0 0 20px;
+ border-left: 3px solid #bbb;
}
+ul, ol, dl {
+ margin-bottom: 15px
+}
-/* COMMON STYLES */
+ul li {
+ list-style: inside;
+ padding-left: 20px;
+}
-hr {
- height: 1px;
- line-height: 1px;
- margin-top: 1em;
- padding-bottom: 1em;
- border: none;
- background: transparent url('../images/hr.png') 50% 0 no-repeat;
+ol li {
+ list-style: decimal inside;
+ padding-left: 20px;
}
-strong {
+dl dt {
font-weight: bold;
}
-em {
+dl dd {
+ padding-left: 20px;
font-style: italic;
}
-table {
- width: 100%;
- border: 1px solid #ebebeb;
+dl p {
+ padding-left: 20px;
+ font-style: italic;
}
-th {
- font-weight: 500;
+hr {
+ height: 1px;
+ margin-bottom: 5px;
+ border: none;
+ background: url('../images/bg_hr.png') repeat-x center;
}
+table {
+ border: 1px solid #373737;
+ margin-bottom: 20px;
+ text-align: left;
+ }
+
+th {
+ font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ padding: 10px;
+ background: #373737;
+ color: #fff;
+ }
+
td {
- border: 1px solid #ebebeb;
- text-align: center;
- font-weight: 300;
-}
+ padding: 10px;
+ border: 1px solid #373737;
+ }
form {
background: #f2f2f2;
padding: 20px;
-
}
+img {
+ width: 100%;
+ max-width: 100%;
+}
-/* GENERAL ELEMENT TYPE STYLES */
-
-h1 {
- font-size: 32px;
-}
-
-h2 {
- font-size: 22px;
- font-weight: bold;
- color: #303030;
- margin-bottom: 8px;
-}
-
-h3 {
- color: #d5000d;
- font-size: 18px;
- font-weight: bold;
- margin-bottom: 8px;
-}
-
-h4 {
- font-size: 16px;
- color: #303030;
- font-weight: bold;
-}
+/*******************************************************************************
+Full-Width Styles
+*******************************************************************************/
-h5 {
- font-size: 1em;
- color: #303030;
-}
+.outer {
+ width: 100%;
+}
-h6 {
- font-size: .8em;
- color: #303030;
-}
+.inner {
+ position: relative;
+ max-width: 640px;
+ padding: 20px 10px;
+ margin: 0 auto;
+}
-p {
+#forkme_banner {
+ display: block;
+ position: absolute;
+ top:0;
+ right: 10px;
+ z-index: 10;
+ padding: 10px 50px 10px 10px;
+ color: #fff;
+ background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
+ font-weight: 700;
+ box-shadow: 0 0 10px rgba(0,0,0,.5);
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+#header_wrap {
+ background: #212121;
+ background: -moz-linear-gradient(top, #373737, #212121);
+ background: -webkit-linear-gradient(top, #373737, #212121);
+ background: -ms-linear-gradient(top, #373737, #212121);
+ background: -o-linear-gradient(top, #373737, #212121);
+ background: linear-gradient(top, #373737, #212121);
+}
+
+#header_wrap .inner {
+ padding: 50px 10px 30px 10px;
+}
+
+#project_title {
+ margin: 0;
+ color: #fff;
+ font-size: 42px;
+ font-weight: 700;
+ text-shadow: #111 0px 0px 10px;
+}
+
+#project_tagline {
+ color: #fff;
+ font-size: 24px;
font-weight: 300;
- margin-bottom: 20px;
-}
-
-a {
- text-decoration: none;
+ background: none;
+ text-shadow: #111 0px 0px 10px;
}
-p a {
- font-weight: 400;
+#downloads {
+ position: absolute;
+ width: 210px;
+ z-index: 10;
+ bottom: -40px;
+ right: 0;
+ height: 70px;
+ background: url('../images/icon_download.png') no-repeat 0% 90%;
}
-blockquote {
- font-size: 1.6em;
- border-left: 10px solid #e9e9e9;
- margin-bottom: 20px;
- padding: 0 0 0 30px;
+.zip_download_link {
+ display: block;
+ float: right;
+ width: 90px;
+ height:70px;
+ text-indent: -5000px;
+ overflow: hidden;
+ background: url(../images/sprite_download.png) no-repeat bottom left;
}
-ul li {
- list-style: disc inside;
- padding-left: 20px;
+.tar_download_link {
+ display: block;
+ float: right;
+ width: 90px;
+ height:70px;
+ text-indent: -5000px;
+ overflow: hidden;
+ background: url(../images/sprite_download.png) no-repeat bottom right;
+ margin-left: 10px;
}
-ol li {
- list-style: decimal inside;
- padding-left: 3px;
+.zip_download_link:hover {
+ background: url(../images/sprite_download.png) no-repeat top left;
}
-dl dt {
- color: #303030;
+.tar_download_link:hover {
+ background: url(../images/sprite_download.png) no-repeat top right;
}
-footer {
- background: transparent url('../images/hr.png') 0 0 no-repeat;
- margin-top: 40px;
- padding-top: 20px;
- padding-bottom: 30px;
- font-size: 13px;
- color: #aaa;
+#main_content_wrap {
+ background: #f2f2f2;
+ border-top: 1px solid #111;
+ border-bottom: 1px solid #111;
}
-footer a {
- color: #666;
-}
-footer a:hover {
- color: #444;
+#main_content {
+ padding-top: 40px;
}
-/* MISC */
-.clearfix:after {
- clear: both;
- content: '.';
- display: block;
- visibility: hidden;
- height: 0;
+#footer_wrap {
+ background: #212121;
}
-.clearfix {display: inline-block;}
-* html .clearfix {height: 1%;}
-.clearfix {display: block;}
-/* #Media Queries
-================================================== */
-/* Smaller than standard 960 (devices and browsers) */
-@media only screen and (max-width: 959px) {}
+/*******************************************************************************
+Small Device Styles
+*******************************************************************************/
-/* Tablet Portrait size to standard 960 (devices and browsers) */
-@media only screen and (min-width: 768px) and (max-width: 959px) {}
-
-/* All Mobile Sizes (devices and browser) */
-@media only screen and (max-width: 767px) {
- header {
- padding-top: 10px;
- padding-bottom: 10px;
+@media screen and (max-width: 480px) {
+ body {
+ font-size:14px;
}
+
#downloads {
- margin-bottom: 25px;
- }
- #download-zip, #download-tar-gz {
display: none;
}
+
.inner {
- width: 94%;
- margin: 0 auto;
+ min-width: 320px;
+ max-width: 480px;
+ }
+
+ #project_title {
+ font-size: 32px;
+ }
+
+ h1 {
+ font-size: 28px;
+ }
+
+ h2 {
+ font-size: 24px;
+ }
+
+ h3 {
+ font-size: 21px;
}
-}
-/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
-@media only screen and (min-width: 480px) and (max-width: 767px) {}
+ h4 {
+ font-size: 18px;
+ }
+
+ h5 {
+ font-size: 14px;
+ }
-/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
-@media only screen and (max-width: 479px) {}
+ h6 {
+ font-size: 12px;
+ }
+
+ code, pre {
+ min-width: 320px;
+ max-width: 480px;
+ font-size: 11px;
+ }
+
+}
Please sign in to comment.
Something went wrong with that request. Please try again.