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 %} + + + + + +
+
+
+

{{ site.name }}

+

{{ site.description }}

+ +
+ + View on GitHub +
+
+
+ +
+
+
+
+

{{ page.title }}

+
+ {% if page.toc %} + + {% endif %} + {{ content }} +
+
+ +
Loading Google+ comments...
+
+
+ + + + + + 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 %} + + + + + +
+
+
+

{{ site.name }}

+

{{ site.description }}

+ +
+ + View on GitHub +
+
+
+ +
+
+
+
+

{{ page.title }}

+
+ {% if page.toc %} + + {% endif %} + {{ content }} +
+
+ +
Loading Google+ comments...
+
+
+ + + + + + 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.