Browse files

merge

  • Loading branch information...
2 parents 8dabc21 + b033ad6 commit aeaf9c616b05181556b3c267c4fe65d04f452bdf @annavester committed Mar 2, 2013
View
BIN images/body-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/download-button.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/github-button.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/header-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/highlight-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/sidebar-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
126 index.html
@@ -1,63 +1,89 @@
-<!doctype html>
+<!DOCTYPE html>
<html>
<head>
- <meta charset="utf-8">
+ <meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
- <title>JsTooltip by annavester</title>
- <link rel="stylesheet" href="stylesheets/styles.css">
- <link rel="stylesheet" href="stylesheets/pygment_trac.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="javascripts/main.js"></script>
- <link rel="stylesheet" href="tooltip.css" media="screen" />
- <style>
- body{font:14px/1.2em 'Helvetica','Calibri','Arial',sans-serif;position:relative;padding:0;margin:0;}
- body > div {width:500px;margin: 20px auto;}
- .hide{display:none;}
- h1{font-size:1.2em;line-height:1.6em;margin:0;}
- h2{font-size:1.1em;line-height:1.4em;margin:0;}
- p{margin:10px 0 0 0;}
- </style>
- <!--[if lt IE 9]>
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+ <link rel="stylesheet" href="tooltip.css" media="screen" />
+ <style>
+ body{font:14px/1.2em 'Helvetica','Calibri','Arial',sans-serif;position:relative;padding:0;margin:0;}
+ body > div {width:500px;margin: 20px auto;}
+ .hide{display:none;}
+ h1{font-size:1.2em;line-height:1.6em;margin:0;}
+ h2{font-size:1.1em;line-height:1.4em;margin:0;}
+ p{margin:10px 0 0 0;}
+ </style>
+
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' 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" />
+ <title>JsTooltip by annavester</title>
</head>
- <body>
- <header>
+ <body>
+ <header>
+ <div class="inner">
<h1>JsTooltip</h1>
- <p>A simple javascript tooltip widget</p>
- </header>
-
- <div id="banner">
- <span id="logo"></span>
-
- <a href="https://github.com/annavester/jstooltip" class="button fork"><strong>View On GitHub</strong></a>
- <div class="downloads">
- <span>Downloads:</span>
- <ul>
- <li><a href="https://github.com/annavester/jstooltip/zipball/master" class="button">ZIP</a></li>
- <li><a href="https://github.com/annavester/jstooltip/tarball/master" class="button">TAR</a></li>
- </ul>
- </div>
- </div><!-- end banner -->
-
- <div class="wrapper">
- <nav>
- <ul></ul>
- </nav>
- <section>
- <h3>JS Tooltip.</h3>
+ <h2>A simple javascript tooltip widget</h2>
+ <a href="https://github.com/annavester/jstooltip" class="button"><small>View project on</small>GitHub</a>
+ </div>
+ </header>
+
+ <div id="content-wrapper">
+ <div class="inner clearfix">
+ <section id="main-content">
+ <h1>JS Tooltip.</h1>
<p>No extra libraries required.</p>
- </section>
- <footer>
- <p>Project maintained by <a href="https://github.com/annavester">annavester</a></p>
- <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a></small></p>
- </footer>
+
+<h2>Two ways to make it work:</h2>
+
+<h3>Example 1:</h3>
+
+<p>This is a <a title="Text Tooltip
+Content">tooltip</a>.</p>
+
+<div class="highlight"><pre><span class="nt">&lt;p&gt;</span>This is a <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"tooltip"</span> <span class="na">data-tt-type=</span><span class="s">"attr"</span> <span class="na">title=</span><span class="s">"Text Tooltip </span>
+<span class="s">Content"</span><span class="nt">&gt;</span>tooltip<span class="nt">&lt;/a&gt;</span>.<span class="nt">&lt;/p&gt;</span>
+</pre></div>
+
+<p>Example 2:</p>
+
+<p>This is a <a>tooltip</a>.</p>
+
+<div>
+ <h2>HTML Tooltip Content</h2>
+ <p>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla
+ipsum at orci blandit tristique.</p>
+</div>
+
+<div class="highlight"><pre><span class="nt">&lt;p&gt;</span>This is a <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"tooltip"</span> <span class="na">data-tt-type=</span><span class="s">"element"</span><span class="nt">&gt;</span>tooltip<span class="nt">&lt;/a&gt;</span>.<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"hide"</span><span class="nt">&gt;</span>
+ <span class="nt">&lt;h2&gt;</span>HTML Tooltip Content<span class="nt">&lt;/h2&gt;</span>
+ <span class="nt">&lt;p&gt;</span>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla
+ipsum at orci blandit tristique.<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;/div&gt;</span>
+</pre></div>
+ </section>
+
+ <aside id="sidebar">
+ <a href="https://github.com/annavester/jstooltip/zipball/master" class="button">
+ <small>Download</small>
+ .zip file
+ </a>
+ <a href="https://github.com/annavester/jstooltip/tarball/master" class="button">
+ <small>Download</small>
+ .tar.gz file
+ </a>
+
+ <p class="repo-owner"><a href="https://github.com/annavester/jstooltip"></a> is maintained by <a href="https://github.com/annavester">annavester</a>.</p>
+
+ <p>This page was generated by <a href="pages.github.com">GitHub Pages</a> using the Architect theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.</p>
+ </aside>
+ </div>
</div>
- <!--[if !IE]><script>fixScale(document);</script><![endif]-->
<script src="tooltip.js"></script>
<script>
window.onload = function() {
View
54 javascripts/main.js
@@ -1,53 +1 @@
-var sectionHeight = function() {
- var total = $(window).height(),
- $section = $('section').css('height','auto');
-
- if ($section.outerHeight(true) < total) {
- var margin = $section.outerHeight(true) - $section.height();
- $section.height(total - margin - 20);
- } else {
- $section.css('height','auto');
- }
-}
-
-$(window).resize(sectionHeight);
-
-$(document).ready(function(){
- $("section h1, section h2").each(function(){
- $("nav ul").append("<li class='tag-" + this.nodeName.toLowerCase() + "'><a href='#" + $(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,'') + "'>" + $(this).text() + "</a></li>");
- $(this).attr("id",$(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,''));
- $("nav ul li:first-child a").parent().addClass("active");
- });
-
- $("nav ul li").on("click", "a", function(event) {
- var position = $($(this).attr("href")).offset().top - 190;
- $("html, body").animate({scrollTop: position}, 400);
- $("nav ul li a").parent().removeClass("active");
- $(this).parent().addClass("active");
- event.preventDefault();
- });
-
- sectionHeight();
-
- $('img').load(sectionHeight);
-});
-
-fixScale = function(doc) {
-
- var addEvent = 'addEventListener',
- type = 'gesturestart',
- qsa = 'querySelectorAll',
- scales = [1, 1],
- meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
-
- function fix() {
- meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
- doc.removeEventListener(type, fix, true);
- }
-
- if ((meta = meta[meta.length - 1]) && addEvent in doc) {
- fix();
- scales = [.25, 1.6];
- doc[addEvent](type, fix, true);
- }
-};
+console.log('This would be the main JS file.');
View
2 params.json
@@ -1 +1 @@
-{"name":"JsTooltip","tagline":"A simple javascript tooltip widget","body":"### JS Tooltip.\r\nNo extra libraries required.","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
+{"name":"JsTooltip","tagline":"A simple javascript tooltip widget","body":"# JS Tooltip.\r\nNo extra libraries required.\r\n\r\n## Two ways to make it work:\r\n\r\n### Example 1:\r\n<p>This is a <a class=\"tooltip\" data-tt-type=\"attr\" title=\"Text Tooltip \r\nContent\">tooltip</a>.</p>\r\n\r\n\r\n````html \r\n<p>This is a <a class=\"tooltip\" data-tt-type=\"attr\" title=\"Text Tooltip \r\nContent\">tooltip</a>.</p>\r\n````\r\n\r\nExample 2:\r\n<p>This is a <a class=\"tooltip\" data-tt-type=\"element\">tooltip</a>.</p>\r\n<div class=\"hide\">\r\n <h2>HTML Tooltip Content</h2>\r\n <p>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla \r\nipsum at orci blandit tristique.</p>\r\n</div>\r\n\r\n````html \r\n<p>This is a <a class=\"tooltip\" data-tt-type=\"element\">tooltip</a>.</p>\r\n<div class=\"hide\">\r\n <h2>HTML Tooltip Content</h2>\r\n <p>Pellentesque erat hendrerit eu. Nam et justo nunc. Mauris fringilla \r\nipsum at orci blandit tristique.</p>\r\n</div>\r\n````","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
View
226 stylesheets/print.css
@@ -0,0 +1,226 @@
+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
137 stylesheets/pygment_trac.css
@@ -1,70 +1,69 @@
-.highlight .hll { background-color: #404040 }
-.highlight { color: #d0d0d0 }
-.highlight .c { color: #999999; font-style: italic } /* Comment */
+.highlight { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .g { color: #d0d0d0 } /* Generic */
-.highlight .k { color: #6ab825; font-weight: normal } /* Keyword */
-.highlight .l { color: #d0d0d0 } /* Literal */
-.highlight .n { color: #d0d0d0 } /* Name */
-.highlight .o { color: #d0d0d0 } /* Operator */
-.highlight .x { color: #d0d0d0 } /* Other */
-.highlight .p { color: #d0d0d0 } /* Punctuation */
-.highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #cd2828; font-weight: normal } /* Comment.Preproc */
-.highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #e50808; font-weight: normal; background-color: #520000 } /* Comment.Special */
-.highlight .gd { color: #d22323 } /* Generic.Deleted */
-.highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #d22323 } /* Generic.Error */
-.highlight .gh { color: #ffffff; font-weight: normal } /* Generic.Heading */
-.highlight .gi { color: #589819 } /* Generic.Inserted */
-.highlight .go { color: #cccccc } /* Generic.Output */
-.highlight .gp { color: #aaaaaa } /* Generic.Prompt */
-.highlight .gs { color: #d0d0d0; font-weight: normal } /* Generic.Strong */
-.highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
-.highlight .gt { color: #d22323 } /* Generic.Traceback */
-.highlight .kc { color: #6ab825; font-weight: normal } /* Keyword.Constant */
-.highlight .kd { color: #6ab825; font-weight: normal } /* Keyword.Declaration */
-.highlight .kn { color: #6ab825; font-weight: normal } /* Keyword.Namespace */
-.highlight .kp { color: #6ab825 } /* Keyword.Pseudo */
-.highlight .kr { color: #6ab825; font-weight: normal } /* Keyword.Reserved */
-.highlight .kt { color: #6ab825; font-weight: normal } /* Keyword.Type */
-.highlight .ld { color: #d0d0d0 } /* Literal.Date */
-.highlight .m { color: #3677a9 } /* Literal.Number */
-.highlight .s { color: #ff8 } /* Literal.String */
-.highlight .na { color: #bbbbbb } /* Name.Attribute */
-.highlight .nb { color: #24909d } /* Name.Builtin */
-.highlight .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
-.highlight .no { color: #40ffff } /* Name.Constant */
-.highlight .nd { color: #ffa500 } /* Name.Decorator */
-.highlight .ni { color: #d0d0d0 } /* Name.Entity */
-.highlight .ne { color: #bbbbbb } /* Name.Exception */
-.highlight .nf { color: #447fcf } /* Name.Function */
-.highlight .nl { color: #d0d0d0 } /* Name.Label */
-.highlight .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
-.highlight .nx { color: #d0d0d0 } /* Name.Other */
-.highlight .py { color: #d0d0d0 } /* Name.Property */
-.highlight .nt { color: #6ab825;} /* Name.Tag */
-.highlight .nv { color: #40ffff } /* Name.Variable */
-.highlight .ow { color: #6ab825; font-weight: normal } /* Operator.Word */
-.highlight .w { color: #666666 } /* Text.Whitespace */
-.highlight .mf { color: #3677a9 } /* Literal.Number.Float */
-.highlight .mh { color: #3677a9 } /* Literal.Number.Hex */
-.highlight .mi { color: #3677a9 } /* Literal.Number.Integer */
-.highlight .mo { color: #3677a9 } /* Literal.Number.Oct */
-.highlight .sb { color: #ff8 } /* Literal.String.Backtick */
-.highlight .sc { color: #ff8 } /* Literal.String.Char */
-.highlight .sd { color: #ff8 } /* Literal.String.Doc */
-.highlight .s2 { color: #ff8 } /* Literal.String.Double */
-.highlight .se { color: #ff8 } /* Literal.String.Escape */
-.highlight .sh { color: #ff8 } /* Literal.String.Heredoc */
-.highlight .si { color: #ff8 } /* Literal.String.Interpol */
-.highlight .sx { color: #ffa500 } /* Literal.String.Other */
-.highlight .sr { color: #ff8 } /* Literal.String.Regex */
-.highlight .s1 { color: #ff8 } /* Literal.String.Single */
-.highlight .ss { color: #ff8 } /* Literal.String.Symbol */
-.highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #40ffff } /* Name.Variable.Class */
-.highlight .vg { color: #40ffff } /* Name.Variable.Global */
-.highlight .vi { color: #40ffff } /* Name.Variable.Instance */
-.highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */
+.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 .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 .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 .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 */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }
View
652 stylesheets/stylesheet.css
@@ -1,14 +1,7 @@
-/*******************************************************************************
-Slate Theme for GitHub Pages
-by Jason Costello, @jsncostello
-*******************************************************************************/
-
-@import url(pygment_trac.css);
-
-/*******************************************************************************
-MeyerWeb Reset
-*******************************************************************************/
-
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@@ -18,414 +11,469 @@ 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: inherit;
- vertical-align: baseline;
+ 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,
+article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
- display: block;
+ display: block;
+}
+body {
+ line-height: 1;
}
-
ol, ul {
- list-style: none;
+ list-style: none;
}
-
blockquote, q {
+ quotes: none;
}
-
-table {
- border-collapse: collapse;
- border-spacing: 0;
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
}
-
-a:focus {
- outline: none;
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
}
-/*******************************************************************************
-Theme Styles
-*******************************************************************************/
-
+/* LAYOUT 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;
-}
-
-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;
-}
-
-h1 {
- font-size: 36px;
- font-weight: 700;
+ font-size: 15px;
+ line-height: 1.5;
+ background: #fafafa url(../images/body-bg.jpg) 0 0 repeat;
+ font-family: 'Helvetica Neue', Helvetica, Arial, serif;
+ font-weight: 400;
+ color: #666;
}
-h2 {
- padding-bottom: 10px;
- font-size: 32px;
- background: url('../images/bg_hr.png') repeat-x bottom;
+a {
+ color: #2879d0;
}
-
-h3 {
- font-size: 24px;
+a:hover {
+ color: #2268b2;
}
-h4 {
- font-size: 21px;
-}
-
-h5 {
- font-size: 18px;
+header {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x;
+ border-bottom: solid 1px #275da1;
}
-h6 {
- font-size: 16px;
+header h1 {
+ letter-spacing: -1px;
+ font-size: 72px;
+ color: #fff;
+ line-height: 1;
+ margin-bottom: 0.2em;
+ width: 540px;
}
-p {
- margin: 10px 0 15px 0;
+header h2 {
+ font-size: 26px;
+ color: #9ddcff;
+ font-weight: normal;
+ line-height: 1.3;
+ width: 540px;
+ letter-spacing: 0;
}
-footer p {
- color: #f2f2f2;
+.inner {
+ position: relative;
+ width: 940px;
+ margin: 0 auto;
}
-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;
+#content-wrapper {
+ border-top: solid 1px #fff;
+ padding-top: 30px;
}
-#main_content a:hover {
- color: #0069ba;
- text-shadow: #0090ff 0px 0px 2px;
+#main-content {
+ width: 690px;
+ float: left;
}
-footer a:hover {
- color: #43adff;
- text-shadow: #0090ff 0px 0px 2px;
+#main-content img {
+ max-width: 100%;
}
-em {
- font-style: italic;
+aside#sidebar {
+ width: 200px;
+ padding-left: 20px;
+ min-height: 504px;
+ float: right;
+ background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
+ font-size: 12px;
+ line-height: 1.3;
}
-strong {
+aside#sidebar p.repo-owner,
+aside#sidebar p.repo-owner a {
font-weight: bold;
}
-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;
+#downloads {
+ margin-bottom: 40px;
}
-pre, code {
- width: 100%;
- color: #222;
- background-color: #fff;
-
- font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
- font-size: 14px;
-
- border-radius: 2px;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
-
-
-
+a.button {
+ width: 134px;
+ height: 58px;
+ line-height: 1.2;
+ font-size: 23px;
+ color: #fff;
+ padding-left: 68px;
+ padding-top: 22px;
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
}
-
-pre {
- width: 100%;
- padding: 10px;
- box-shadow: 0 0 10px rgba(0,0,0,.1);
- overflow: auto;
+a.button small {
+ display: block;
+ font-size: 11px;
}
-
-code {
- padding: 3px;
- margin: 0 3px;
- box-shadow: 0 0 10px rgba(0,0,0,.1);
+header a.button {
+ position: absolute;
+ right: 0;
+ top: 0;
+ background: transparent url(../images/github-button.png) 0 0 no-repeat;
}
-
-pre code {
+aside a.button {
+ width: 138px;
+ padding-left: 64px;
display: block;
- box-shadow: none;
-}
-
-blockquote {
- color: #666;
+ background: transparent url(../images/download-button.png) 0 0 no-repeat;
margin-bottom: 20px;
- padding: 0 0 0 20px;
- border-left: 3px solid #bbb;
+ font-size: 21px;
}
-ul, ol, dl {
- margin-bottom: 15px
+code, pre {
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ color: #222;
+ margin-bottom: 30px;
+ font-size: 13px;
}
-ul li {
- list-style: inside;
- padding-left: 20px;
+code {
+ background-color: #f2f8fc;
+ border: solid 1px #dbe7f3;
+ padding: 0 3px;
}
-ol li {
- list-style: decimal inside;
- padding-left: 20px;
+pre {
+ padding: 20px;
+ background: #fff;
+ text-shadow: none;
+ overflow: auto;
+ border: solid 1px #f2f2f2;
}
-
-dl dt {
- font-weight: bold;
+pre code {
+ color: #2879d0;
+ background-color: #fff;
+ border: none;
+ padding: 0;
}
-dl dd {
- padding-left: 20px;
- font-style: italic;
+ul, ol, dl {
+ margin-bottom: 20px;
}
-dl p {
- padding-left: 20px;
- font-style: italic;
-}
+
+/* COMMON STYLES */
hr {
height: 1px;
- margin-bottom: 5px;
+ line-height: 1px;
+ margin-top: 1em;
+ padding-bottom: 1em;
border: none;
- background: url('../images/bg_hr.png') repeat-x center;
+ background: transparent url('../images/hr.png') 0 0 no-repeat;
}
table {
- border: 1px solid #373737;
- margin-bottom: 20px;
- text-align: left;
- }
+ width: 100%;
+ border: 1px solid #ebebeb;
+}
th {
- font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- padding: 10px;
- background: #373737;
- color: #fff;
- }
+ font-weight: 500;
+}
td {
- padding: 10px;
- border: 1px solid #373737;
- }
+ border: 1px solid #ebebeb;
+ text-align: center;
+ font-weight: 300;
+}
form {
background: #f2f2f2;
padding: 20px;
+
}
-img {
- width: 100%;
- max-width: 100%;
-}
-/*******************************************************************************
-Full-Width Styles
-*******************************************************************************/
+/* GENERAL ELEMENT TYPE STYLES */
-.outer {
- width: 100%;
-}
+#main-content h1 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 2.8em;
+ letter-spacing: -1px;
+ color: #474747;
+}
-.inner {
- position: relative;
- max-width: 640px;
- padding: 20px 10px;
- margin: 0 auto;
+#main-content h1:before {
+ content: "/";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -0.9em;
}
-#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;
-}
+#main-content h2 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 22px;
+ font-weight: bold;
+ margin-bottom: 8px;
+ color: #474747;
+}
+#main-content h2:before {
+ content: "//";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -1.5em;
+}
+
+#main-content h3 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 18px;
+ font-weight: bold;
+ margin-top: 24px;
+ margin-bottom: 8px;
+ color: #474747;
+}
+
+#main-content h3:before {
+ content: "///";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -2em;
+}
+
+#main-content h4 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 15px;
+ font-weight: bold;
+ color: #474747;
+}
-#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);
+h4:before {
+ content: "////";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -2.8em;
}
-#header_wrap .inner {
- padding: 50px 10px 30px 10px;
+#main-content h5 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 14px;
+ color: #474747;
+}
+h5:before {
+ content: "/////";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -3.2em;
+}
+
+#main-content h6 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: .8em;
+ color: #474747;
+}
+h6:before {
+ content: "//////";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -3.7em;
}
-#project_title {
- margin: 0;
- color: #fff;
- font-size: 42px;
- font-weight: 700;
- text-shadow: #111 0px 0px 10px;
+p {
+ margin-bottom: 20px;
}
-
-#project_tagline {
- color: #fff;
- font-size: 24px;
- font-weight: 300;
- background: none;
- text-shadow: #111 0px 0px 10px;
+
+a {
+ text-decoration: none;
}
-#downloads {
- position: absolute;
- width: 210px;
- z-index: 10;
- bottom: -40px;
- right: 0;
- height: 70px;
- background: url('../images/icon_download.png') no-repeat 0% 90%;
+p a {
+ font-weight: 400;
}
-.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;
+blockquote {
+ font-size: 1.6em;
+ border-left: 10px solid #e9e9e9;
+ margin-bottom: 20px;
+ padding: 0 0 0 30px;
}
-.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;
+ul li {
+ list-style: disc inside;
+ padding-left: 20px;
}
-.zip_download_link:hover {
- background: url(../images/sprite_download.png) no-repeat top left;
+ol li {
+ list-style: decimal inside;
+ padding-left: 3px;
}
-.tar_download_link:hover {
- background: url(../images/sprite_download.png) no-repeat top right;
+dl dd {
+ font-style: italic;
+ font-weight: 100;
}
-#main_content_wrap {
- background: #f2f2f2;
- border-top: 1px solid #111;
- border-bottom: 1px solid #111;
+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 {
- padding-top: 40px;
+footer a {
+ color: #666;
+}
+footer a:hover {
+ color: #444;
}
-#footer_wrap {
- background: #212121;
+/* MISC */
+.clearfix:after {
+ clear: both;
+ content: '.';
+ display: block;
+ visibility: hidden;
+ height: 0;
}
+.clearfix {display: inline-block;}
+* html .clearfix {height: 1%;}
+.clearfix {display: block;}
+/* #Media Queries
+================================================== */
-/*******************************************************************************
-Small Device Styles
-*******************************************************************************/
+/* Smaller than standard 960 (devices and browsers) */
+@media only screen and (max-width: 959px) {}
-@media screen and (max-width: 480px) {
- body {
- font-size:14px;
+/* Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+ .inner {
+ width: 740px;
}
-
- #downloads {
- display: none;
+ header h1, header h2 {
+ width: 340px;
+ }
+ header h1 {
+ font-size: 60px;
+ }
+ header h2 {
+ font-size: 30px;
+ }
+ #main-content {
+ width: 490px;
+ }
+ #main-content h1:before,
+ #main-content h2:before,
+ #main-content h3:before,
+ #main-content h4:before,
+ #main-content h5:before,
+ #main-content h6:before {
+ content: none;
+ padding-right: 0;
+ margin-left: 0;
}
+}
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
.inner {
- min-width: 320px;
- max-width: 480px;
+ width: 93%;
}
-
- #project_title {
- font-size: 32px;
+ header {
+ padding: 20px 0;
}
-
- h1 {
- font-size: 28px;
+ header .inner {
+ position: relative;
}
-
- h2 {
+ header h1, header h2 {
+ width: 100%;
+ }
+ header h1 {
+ font-size: 48px;
+ }
+ header h2 {
font-size: 24px;
}
-
- h3 {
- font-size: 21px;
+ header a.button {
+ background-image: none;
+ width: auto;
+ height: auto;
+ display: inline-block;
+ margin-top: 15px;
+ padding: 5px 10px;
+ position: relative;
+ text-align: center;
+ font-size: 13px;
+ line-height: 1;
+ background-color: #9ddcff;
+ color: #2879d0;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
}
-
- h4 {
- font-size: 18px;
+ header a.button small {
+ font-size: 13px;
+ display: inline;
}
-
- h5 {
- font-size: 14px;
+ #main-content,
+ aside#sidebar {
+ float: none;
+ width: 100% ! important;
}
-
- h6 {
- font-size: 12px;
+ aside#sidebar {
+ background-image: none;
+ margin-top: 20px;
+ border-top: solid 1px #ddd;
+ padding: 20px 0;
+ min-height: 0;
}
-
- code, pre {
- min-width: 320px;
- max-width: 480px;
- font-size: 11px;
+ aside#sidebar a.button {
+ display: none;
+ }
+ #main-content h1:before,
+ #main-content h2:before,
+ #main-content h3:before,
+ #main-content h4:before,
+ #main-content h5:before,
+ #main-content h6:before {
+ content: none;
+ padding-right: 0;
+ margin-left: 0;
}
-
}
+
+/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {}
+
+/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
+@media only screen and (max-width: 479px) {}

0 comments on commit aeaf9c6

Please sign in to comment.