diff --git a/_layouts/bright.html b/_layouts/bright.html
new file mode 100644
index 0000000..583b387
--- /dev/null
+++ b/_layouts/bright.html
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ page.title }} :: {{ site.name }}
+
+
+ {% if page.toc %}
+
+ {% endif %}
+
+
+
+
+
+
+
+
{{ page.title }}
+
+ {% if page.toc %}
+
+ {% endif %}
+ {{ content }}
+
+
+
+
+
+
+
+
+
diff --git a/_layouts/dark.html b/_layouts/dark.html
new file mode 100644
index 0000000..8d65383
--- /dev/null
+++ b/_layouts/dark.html
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ page.title }} :: {{ site.name }}
+
+
+ {% if page.toc %}
+
+ {% endif %}
+
+
+
+
+
+
+
+
{{ page.title }}
+
+ {% if page.toc %}
+
+ {% endif %}
+ {{ content }}
+
+
+
+
+
+
+
+
+
diff --git a/_layouts/default.html b/_layouts/default.html
index a90bc8c..583b387 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,9 +4,10 @@
-
+
+
{{ page.title }} :: {{ site.name }}
diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 0000000..08f088c
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,74 @@
+#headerleft, #headerright {
+ display: inline-block;
+}
+
+#headerright {
+ width: 400px;
+ vertical-align: top;
+ padding-left: 100px;
+}
+
+.noteclassic, .noteimportant, .notewarning, .notetip {
+ margin: 2em;
+ margin-left: auto;
+ margin-right: auto;
+ width: 70% !important;
+ min-height: 40px;
+ clear: both;
+ text-align: justify;
+ vertical-align: middle;
+ border-collapse: collapse;
+ padding: 15px 20px 15px 80px;
+ background-position: 20px 50%;
+ background-repeat: no-repeat;
+ -moz-border-radius: 20px;
+ -khtml-border-radius: 20px;
+ border-radius: 20px;
+}
+
+.noteclassic {
+ border: 2px solid #99d;
+ background-color: rgba(153, 153, 221, 0.1);
+ /*background-color: #eef;*/
+ background-image: url(../images/note.png);
+}
+
+.noteimportant {
+ border: 2px solid #ff0;
+ background-color: rgba(255, 255, 0, 0.1);
+ /*background-color: #ffc;*/
+ background-image: url(../images/important.png);
+}
+
+.notewarning {
+ border: 2px solid #d99;
+ background-color: rgba(221, 153, 153, 0.1);
+ /*background-color: #fdd;*/
+ background-image: url(../images/warning.png);
+}
+
+.notetip {
+ border: 2px solid #9d9;
+ background-color: rgba(153, 221, 153, 0.1);
+ /*background-color: #dfd;*/
+ background-image: url(../images/tip.png);
+}
+
+kbd {
+ color: #333;
+ background-color: white;
+ text-align: center;
+ border-left: 1px solid #cfcfcf;
+ border-top: 1px solid #cfcfcf;
+ border-right: 2px solid #666;
+ border-bottom: 2px solid #666;
+ -moz-border-radius: 4px 4px 4px 4px;
+ padding-left: 1px;
+ padding-top: 0px;
+ padding-right: 2px;
+ padding-bottom: 0px;
+ margin-left: 2px;
+ margin-right: 2px;
+ vertical-align: top;
+ font-family: sans-serif;
+}
diff --git a/css/layout-bright.css b/css/layout-bright.css
new file mode 100644
index 0000000..11a5544
--- /dev/null
+++ b/css/layout-bright.css
@@ -0,0 +1,269 @@
+body {
+ margin: 0;
+ padding: 0;
+ background: #eaeaea url("../images/bkg-white.png") 0 0;
+ color: #151515;
+ font: 16px;
+ line-height: 1.5;
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+}
+
+/* General & 'Reset' Stuff */
+
+.container {
+ width: 90%;
+ max-width: 900px;
+ margin: 0 auto;
+}
+
+section {
+ display: block;
+ margin: 0 0 20px 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0 0 20px;
+}
+
+li {
+ line-height: 1.4 ;
+}
+
+/* Header,
+ header - container
+ h1 - project name
+ h2 - project description
+*/
+
+header {
+ background: rgba(0, 0, 0, 0.1);
+ width: 100%;
+ border-bottom: 1px dashed #93c631;
+ padding: 20px 0;
+ margin: 0 0 40px 0;
+}
+
+header h1, #pagetitle {
+ font-size: 30px;
+ line-height: 1.5;
+ font-weight: bold;
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ color: #93c631;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
+ 0 0 5px rgba(181, 232, 83, 0.1),
+ 0 0 10px rgba(181, 232, 83, 0.1);
+ -webkit-font-smoothing: antialiased;
+}
+
+header h1 {
+ letter-spacing: -1px;
+ margin: 0 0 0 -40px;
+}
+
+header h1:before {
+ content: "./ ";
+ font-size: 24px;
+}
+
+header h2 {
+ font-size: 18px;
+ font-weight: 300;
+ color: #666;
+}
+
+#downloads .btn {
+ display: inline-block;
+ text-align: center;
+ margin: 0;
+}
+
+/* Main Content */
+
+#main_content {
+ width: 100%;
+ -webkit-font-smoothing: antialiased;
+}
+section img {
+ max-width: 100%
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: normal;
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ color: #93c631;
+ letter-spacing: -0.03em;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
+ 0 0 5px rgba(181, 232, 83, 0.1),
+ 0 0 10px rgba(181, 232, 83, 0.1);
+}
+
+#main_content h1 {
+ font-size: 28px;
+}
+
+#main_content h2 {
+ font-size: 24px;
+}
+
+#main_content h3 {
+ font-size: 18px;
+}
+
+#main_content h4 {
+ font-size: 14px;
+}
+
+#main_content h5 {
+ font-size: 12px;
+ text-transform: uppercase;
+ margin: 0 0 5px 0;
+}
+
+#main_content h6 {
+ font-size: 12px;
+ text-transform: uppercase;
+ color: #999;
+ margin: 0 0 5px 0;
+}
+
+dt {
+ font-style: italic;
+ font-weight: bold;
+}
+
+ul li {
+ list-style: none;
+}
+
+ul li:before {
+ content: ">>";
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ font-size: 13px;
+ color: #93c631;
+ margin-left: -37px;
+ margin-right: 21px;
+ line-height: 16px;
+}
+
+blockquote {
+ color: #aaa;
+ padding-left: 10px;
+ border-left: 1px dotted #666;
+}
+
+code {
+ padding: 3px;
+ white-space: nowrap;
+}
+
+pre {
+ padding: 10px;
+}
+
+pre, code {
+ background: rgba(0, 0, 0, 0.1);
+ border: 1px solid rgba(255, 255, 255, 0.85);
+ font-size: 14px;
+ color: #93c631;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ text-wrap: normal;
+ overflow: auto;
+ overflow-y: hidden;
+}
+
+pre > code {
+ background: none;
+}
+
+/* Reset styles if code is inside pre
+ (This is what you get from re-using CSS!)
+*/
+pre > code {
+ border: 0 none;
+ white-space: pre;
+ padding: 0;
+}
+
+table {
+/* width: 100%; */
+ margin: 0 0 20px 0;
+}
+
+th {
+ text-align: left;
+ border-bottom: 1px dashed #93c631;
+ padding: 5px 10px;
+}
+
+td {
+ padding: 5px 10px;
+}
+
+hr {
+ height: 0;
+ border: 0;
+ border-bottom: 1px dashed #93c631;
+ color: #93c631;
+}
+
+/* Buttons */
+
+.btn {
+ display: inline-block;
+ background: -webkit-linear-gradient(top, rgba(215, 215, 215, 0.3), rgba(220, 220, 220, 0.3) 50%, rgba(245, 245, 245, 0.3) 50%, rgba(255, 255, 255, 0.3));
+ padding: 8px 18px;
+ border-radius: 50px;
+ border: 2px solid rgba(255, 255, 255, 0.7);
+ border-bottom: 2px solid rgba(255, 255, 255, 0.7);
+ border-top: 2px solid rgba(255, 255, 255, 1);
+ color: rgba(40, 40, 40, 0.8);
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ font-size: 13px;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
+}
+
+.btn:hover {
+ background: -webkit-linear-gradient(top, rgba(215, 215, 215, 0.6), rgba(220, 220, 220, 0.6) 50%, rgba(245, 245, 245, 0.8) 50%, rgba(255, 255, 255, 0.8));
+}
+
+.btn .icon {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ margin: 1px 8px 0 0;
+ float: left;
+}
+
+.btn-github .icon {
+ opacity: 0.6;
+ background: url("../images/blacktocat.png") 0 0 no-repeat;
+}
+
+/* Links
+ a, a:hover, a:visited
+*/
+
+a {
+ color: #41a0d3;
+ text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
+}
+
+/* Clearfix */
+
+.cf:before, .cf:after {
+ content:"";
+ display:table;
+}
+
+.cf:after {
+ clear:both;
+}
+
+.cf {
+ zoom:1;
+}
diff --git a/css/stylesheet.css b/css/layout-dark.css
similarity index 75%
rename from css/stylesheet.css
rename to css/layout-dark.css
index e8909d9..52bff8e 100644
--- a/css/stylesheet.css
+++ b/css/layout-dark.css
@@ -16,16 +16,6 @@ body {
margin: 0 auto;
}
-#headerleft, #headerright {
- display: inline-block;
-}
-
-#headerright {
- width: 400px;
- vertical-align: top;
- padding-left: 100px;
-}
-
section {
display: block;
margin: 0 0 20px 0;
@@ -273,64 +263,3 @@ a {
.cf {
zoom:1;
}
-
-.noteclassic, .noteimportant, .notewarning, .notetip {
- margin: 2em;
- margin-left: auto;
- margin-right: auto;
- width: 70% !important;
- min-height: 40px;
- clear: both;
- text-align: justify;
- vertical-align: middle;
- border-collapse: collapse;
- padding: 15px 20px 15px 80px;
- background-position: 20px 50%;
- background-repeat: no-repeat;
- -moz-border-radius: 20px;
- -khtml-border-radius: 20px;
- border-radius: 20px;
-}
-
-.noteclassic {
- border: 2px solid #99D;
- /*background-color: #eef;*/
- background-image: url(../images/note.png);
-}
-
-.noteimportant {
- border: 2px solid #ff0;
- /*background-color: #ffc;*/
- background-image: url(../images/important.png);
-}
-
-.notewarning {
- border: 2px solid #d99;
- /*background-color: #fdd;*/
- background-image: url(../images/warning.png);
-}
-
-.notetip {
- border: 2px solid #9d9;
- /*background-color: #dfd;*/
- background-image: url(../images/tip.png);
-}
-
-kbd {
- color: #333;
- background-color: white;
- text-align: center;
- border-left: 1px solid #cfcfcf;
- border-top: 1px solid #cfcfcf;
- border-right: 2px solid #666;
- border-bottom: 2px solid #666;
- -moz-border-radius: 4px 4px 4px 4px;
- padding-left: 1px;
- padding-top: 0px;
- padding-right: 2px;
- padding-bottom: 0px;
- margin-left: 2px;
- margin-right: 2px;
- vertical-align: top;
- font-family: sans-serif;
-}
diff --git a/images/bkg-white.png b/images/bkg-white.png
new file mode 100644
index 0000000..56d354d
Binary files /dev/null and b/images/bkg-white.png differ
diff --git a/index.md b/index.md
index f1cfb32..f7a90fa 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,6 @@
---
title: Welcome to the Wiki
-layout: default
+layout: bright
---
### Welcome to GitHub Pages.