Test Waka
This commit is contained in:
Khoa Le
63
css/code/github.css
Normal file
63
css/code/github.css
Normal file
@@ -0,0 +1,63 @@
|
||||
pre code { color: black; }
|
||||
pre.highlight { background-color: #F9F9F9; border: 0; }
|
||||
.highlight .hll { background-color: #ffffcc; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { color: #000000; font-weight: bold } /* Keyword */
|
||||
.highlight .o { color: #000000; font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* 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 .ge { color: #000000; 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 .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d01040 } /* 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 .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
|
||||
.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 .nl { color: #990000; font-weight: bold } /* Name.Label */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* 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: #d01040 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d01040 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d01040 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d01040 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d01040 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d01040 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d01040 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d01040 } /* 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 */
|
||||
64
css/code/monokai.css
Normal file
64
css/code/monokai.css
Normal file
@@ -0,0 +1,64 @@
|
||||
pre code { color: white; }
|
||||
pre.highlight { background-color: #272822; border: 0; }
|
||||
.highlight .hll { background-color: #272822; }
|
||||
.highlight .c { color: #75715e } /* Comment */
|
||||
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
|
||||
.highlight .k { color: #66d9ef } /* Keyword */
|
||||
.highlight .l { color: #ae81ff } /* Literal */
|
||||
.highlight .n { color: #f8f8f2 } /* Name */
|
||||
.highlight .o { color: #f92672 } /* Operator */
|
||||
.highlight .p { color: #f8f8f2 } /* Punctuation */
|
||||
.highlight .cm { color: #75715e } /* Comment.Multiline */
|
||||
.highlight .cp { color: #75715e } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #75715e } /* Comment.Single */
|
||||
.highlight .cs { color: #75715e } /* Comment.Special */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
|
||||
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #66d9ef } /* Keyword.Type */
|
||||
.highlight .ld { color: #e6db74 } /* Literal.Date */
|
||||
.highlight .m { color: #ae81ff } /* Literal.Number */
|
||||
.highlight .s { color: #e6db74 } /* Literal.String */
|
||||
.highlight .na { color: #a6e22e } /* Name.Attribute */
|
||||
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
|
||||
.highlight .nc { color: #a6e22e } /* Name.Class */
|
||||
.highlight .no { color: #66d9ef } /* Name.Constant */
|
||||
.highlight .nd { color: #a6e22e } /* Name.Decorator */
|
||||
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
|
||||
.highlight .ne { color: #a6e22e } /* Name.Exception */
|
||||
.highlight .nf { color: #a6e22e } /* Name.Function */
|
||||
.highlight .nl { color: #f8f8f2 } /* Name.Label */
|
||||
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
|
||||
.highlight .nx { color: #a6e22e } /* Name.Other */
|
||||
.highlight .py { color: #f8f8f2 } /* Name.Property */
|
||||
.highlight .nt { color: #f92672 } /* Name.Tag */
|
||||
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
|
||||
.highlight .ow { color: #f92672 } /* Operator.Word */
|
||||
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
|
||||
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
|
||||
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
|
||||
.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
|
||||
.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
|
||||
.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
|
||||
35
css/code/vs.css
Normal file
35
css/code/vs.css
Normal file
@@ -0,0 +1,35 @@
|
||||
pre code { color: black; }
|
||||
pre.highlight { background-color: #F9F9F9; border: 0; }
|
||||
.highlight .hll { background-color: #ffffcc }
|
||||
.highlight .c { color: #008000 } /* Comment */
|
||||
.highlight .err { border: 1px solid #FF0000 } /* Error */
|
||||
.highlight .k { color: #0000ff } /* Keyword */
|
||||
.highlight .cm { color: #008000 } /* Comment.Multiline */
|
||||
.highlight .cp { color: #0000ff } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #008000 } /* Comment.Single */
|
||||
.highlight .cs { color: #008000 } /* Comment.Special */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gh { font-weight: bold } /* Generic.Heading */
|
||||
.highlight .gp { font-weight: bold } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { font-weight: bold } /* Generic.Subheading */
|
||||
.highlight .kc { color: #0000ff } /* Keyword.Constant */
|
||||
.highlight .kd { color: #0000ff } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #0000ff } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #0000ff } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #0000ff } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #2b91af } /* Keyword.Type */
|
||||
.highlight .s { color: #a31515 } /* Literal.String */
|
||||
.highlight .nc { color: #2b91af } /* Name.Class */
|
||||
.highlight .ow { color: #0000ff } /* Operator.Word */
|
||||
.highlight .sb { color: #a31515 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #a31515 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #a31515 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #a31515 } /* Literal.String.Double */
|
||||
.highlight .se { color: #a31515 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #a31515 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #a31515 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #a31515 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #a31515 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #a31515 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #a31515 } /* Literal.String.Symbol */
|
||||
126
css/layout.scss
Normal file
126
css/layout.scss
Normal file
@@ -0,0 +1,126 @@
|
||||
---
|
||||
---
|
||||
|
||||
$nav-width: 250px;
|
||||
|
||||
html {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
width: $nav-width;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
min-height: 100%;
|
||||
|
||||
h1, h2, ul, ol {
|
||||
padding-left: 28px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
h2 {
|
||||
hr {
|
||||
margin-bottom: 0;
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.inline li, ol.inline li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.fa {
|
||||
padding: 0 8px 0 8px;
|
||||
margin-left: -8px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.scroll {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-left: $nav-width + 1;
|
||||
width:auto;
|
||||
float: none;
|
||||
min-height: 100%;
|
||||
text-align: justify;
|
||||
|
||||
h1, h2, h3, ul, ol, & > p, blockquote, pre, hr {
|
||||
max-width: 800px;
|
||||
margin-left: 40px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
#contribute {
|
||||
padding: 40px 40px 0px 40px;
|
||||
text-align: right;
|
||||
a {
|
||||
max-width: 800px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
margin: 40px 0 0 $nav-width;
|
||||
padding: 40px 0 40px 40px;
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and(max-width: 650px) {
|
||||
|
||||
nav {
|
||||
float: none;
|
||||
position: static;
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
|
||||
h1 {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
hr {
|
||||
max-width: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
float: none;
|
||||
position: static;
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
border-width: 1px 0;
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
float: none;
|
||||
position: static;
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
padding: 0 0 15px 15px;
|
||||
}
|
||||
|
||||
div.wrapper {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
52
css/main.scss
Normal file
52
css/main.scss
Normal file
@@ -0,0 +1,52 @@
|
||||
---
|
||||
---
|
||||
|
||||
@import url(themes/{{ site.themes.general }}/theme.css);
|
||||
@import url(layout.css);
|
||||
@import url(themes/{{ site.themes.general }}/overrides.css);
|
||||
@import url(code/{{ site.themes.code }}.css);
|
||||
|
||||
html {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.clear-all {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
img.inline {
|
||||
margin-bottom: -8px;
|
||||
}
|
||||
|
||||
nav {
|
||||
background: #fff;
|
||||
border-right: 1px solid #dddddd;
|
||||
|
||||
.fa {
|
||||
font-size: 14px;
|
||||
color: #2B404A;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color:#323232;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#555;
|
||||
}
|
||||
|
||||
li a {
|
||||
color:#14a1c8;
|
||||
line-height:28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and(max-width: 650px) {
|
||||
section {
|
||||
border: none;
|
||||
}
|
||||
|
||||
nav {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
63
css/themes/minimal/overrides.scss
Normal file
63
css/themes/minimal/overrides.scss
Normal file
@@ -0,0 +1,63 @@
|
||||
---
|
||||
---
|
||||
|
||||
nav {
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 40px;
|
||||
font-size: 18px;
|
||||
a, a:visited {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
hr {
|
||||
display: block;
|
||||
color: #EBF4F9;
|
||||
background-color: #EBF4F9;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
a {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding-bottom: 10px;
|
||||
|
||||
#contribute {
|
||||
a {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
header {
|
||||
float: none;
|
||||
position: inherit;
|
||||
width: 100%;
|
||||
|
||||
h1 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
274
css/themes/minimal/theme.css
Normal file
274
css/themes/minimal/theme.css
Normal file
@@ -0,0 +1,274 @@
|
||||
/*
|
||||
Original theme by Orderlist
|
||||
https://github.com/orderedlist/minimal
|
||||
|
||||
Creative Commons Attribution-ShareAlike 3.0 Unported License.
|
||||
http://creativecommons.org/licenses/by-sa/3.0/
|
||||
|
||||
Modified:
|
||||
- larger layout
|
||||
- footer on the section part
|
||||
- no subpixel treatment
|
||||
|
||||
*/
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700italic,700);
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
padding:50px;
|
||||
font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
color:#727272;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#39c;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#069;
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
margin-top:-0.3em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
a:hover small {
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid #e5e5e5;
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: #f8f8f8;
|
||||
border-radius:5px;
|
||||
border:1px solid #e5e5e5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#444;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#444;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
header ul {
|
||||
list-style:none;
|
||||
height:40px;
|
||||
padding:0;
|
||||
background: #f4f4f4;
|
||||
border-radius:5px;
|
||||
border:1px solid #e0e0e0;
|
||||
width:270px;
|
||||
}
|
||||
|
||||
header li {
|
||||
width:89px;
|
||||
float:left;
|
||||
border-right:1px solid #e0e0e0;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
header li:first-child a {
|
||||
border-radius:5px 0 0 5px;
|
||||
}
|
||||
|
||||
header li:last-child a {
|
||||
border-radius:0 5px 5px 0;
|
||||
}
|
||||
|
||||
header ul a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:34px;
|
||||
}
|
||||
|
||||
header ul a:hover {
|
||||
color:#999;
|
||||
}
|
||||
|
||||
header ul a:active {
|
||||
background-color:#f0f0f0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header ul li + li + li {
|
||||
border-right:none;
|
||||
width:89px;
|
||||
}
|
||||
|
||||
header ul a strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#222;
|
||||
}
|
||||
|
||||
section {
|
||||
width:500px;
|
||||
float:right;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#e5e5e5;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 650px) {
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid #e5e5e5;
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 640px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
header ul {
|
||||
width:99%;
|
||||
}
|
||||
|
||||
header li, header ul li + li + li {
|
||||
width:33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
165
css/themes/wakanda/button.scss
Normal file
165
css/themes/wakanda/button.scss
Normal file
@@ -0,0 +1,165 @@
|
||||
---
|
||||
---
|
||||
|
||||
section {
|
||||
.btn {
|
||||
font-size: 12px;
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
padding: 8px 15px;
|
||||
background-color: #e3e5e6;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
margin: 5px 5px 0 0;
|
||||
transition: all .15s ease-in;
|
||||
font-weight: 400;
|
||||
color: white;
|
||||
background-color: #4ab19d;
|
||||
}
|
||||
|
||||
a.action {
|
||||
display: block;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
color: black;
|
||||
font-size: 15px;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
color:gray;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
line-height: inherit;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
a.transparent {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
a.blue {
|
||||
color: white;
|
||||
background-color: #44515e;
|
||||
}
|
||||
|
||||
a.green {
|
||||
color: white;
|
||||
background-color: #4ab19d;
|
||||
}
|
||||
|
||||
a.error {
|
||||
color: white;
|
||||
background-color: #c9302c;
|
||||
}
|
||||
|
||||
.button.success {
|
||||
color: white;
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
text-decoration: none;
|
||||
background-color: #52687e;
|
||||
color:white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.transparent:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
a.float-left {
|
||||
display: block;
|
||||
width: auto;
|
||||
padding: 5px 25px 5px 20px;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
.home-button {
|
||||
text-align: center;
|
||||
display: block;
|
||||
width: 250px;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
padding: 10px 10px 20px;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 8px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.home-button figure {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.home-button span {
|
||||
display: block;
|
||||
color: #e1e1e1;
|
||||
font-size: 15px;
|
||||
line-height: 120%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.dark.home-button {
|
||||
background: #4e4e4e;
|
||||
}
|
||||
|
||||
.dark.home-button figure {
|
||||
background: url('../images/ios.png');
|
||||
height: 91px;
|
||||
width: 91px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
.dark.home-button:hover figure {
|
||||
background: url('../images/iosHover.png');
|
||||
}
|
||||
|
||||
.green.home-button {
|
||||
background: #45b29d;
|
||||
}
|
||||
|
||||
.green.home-button figure {
|
||||
background: url('../images/android.png');
|
||||
height: 93px;
|
||||
width: 79px;
|
||||
text-indent: -9999px;
|
||||
}
|
||||
|
||||
.green.home-button:hover figure {
|
||||
background: url('../images/androidHover.png');
|
||||
}
|
||||
|
||||
.green.home-button span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.home-button:hover span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
175
css/themes/wakanda/home.scss
Normal file
175
css/themes/wakanda/home.scss
Normal file
@@ -0,0 +1,175 @@
|
||||
---
|
||||
---
|
||||
|
||||
header.home {
|
||||
position: relative;
|
||||
background: url(../../../img/circle.png) no-repeat center center, url(../../../img/background.png) repeat;
|
||||
background-color:#eeeded;
|
||||
width: 100%;
|
||||
height: 257px;
|
||||
text-align: center;
|
||||
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -75px;
|
||||
margin-left: -167px;
|
||||
padding: 5px 19px;
|
||||
font-weight: 100;
|
||||
font-size: 46px;
|
||||
color: #fff;
|
||||
max-width: 100%;
|
||||
background-color: #ffb800;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
top:105px;
|
||||
left:50%;
|
||||
margin-left: -202px;
|
||||
}
|
||||
}
|
||||
|
||||
.home-container {
|
||||
padding:0;
|
||||
margin: 0 8px 40px 8px;
|
||||
justify-content: center;
|
||||
|
||||
h2 {
|
||||
clear: both;
|
||||
margin: 18px 0 0 10px;
|
||||
color: #A2A2A2;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
hr {
|
||||
clear: both;
|
||||
color: white;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.home-container > div {
|
||||
width: 25%;
|
||||
float: left;
|
||||
background-color: #fafafa;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 15px;
|
||||
border-style: solid;
|
||||
border-color: #fff;
|
||||
border-width: 16px 8px 0 8px;
|
||||
height:268px;
|
||||
&:hover {
|
||||
border-bottom:3px solid #ffb800;
|
||||
|
||||
&:hover .head {
|
||||
background-color: #ffb800;
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
color:#323232;
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
background-color: #f3f3f3;
|
||||
font-size: 18px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.head .label {
|
||||
font-size: 10px;
|
||||
background-color: white;
|
||||
border-radius: 5px;
|
||||
color: #545454;
|
||||
padding: 4px 8px 4px 8px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
a.action {
|
||||
.stepPic {
|
||||
height: 96px;
|
||||
width: 96px;
|
||||
background-position: 0 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 20px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&.model {
|
||||
background-image: url(../../../img/pic_model.png);
|
||||
}
|
||||
&.prototype {
|
||||
background-image: url(../../../img/pic_prototype.png);
|
||||
}
|
||||
&.webApp {
|
||||
background-image: url(../../../img/pic_webApp.png);
|
||||
}
|
||||
&.mobileApp {
|
||||
background-image: url(../../../img/pic_mobileApp.png);
|
||||
}
|
||||
&.circle {
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid white;
|
||||
}
|
||||
&.deploy {
|
||||
background-image: url(../../../img/icon-deploy.png);
|
||||
}
|
||||
&.connect {
|
||||
background-image: url(../../../img/icon-connect.png);
|
||||
}
|
||||
}
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: #555555;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
text-align:center;
|
||||
&:hover {
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section .blocks {
|
||||
float: left;
|
||||
width: 420px;
|
||||
}
|
||||
|
||||
#home {
|
||||
#contribute, #chapter {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and(max-width: 1060px) {
|
||||
section {
|
||||
.getting-started {
|
||||
margin-top:5px;
|
||||
width: 360px;
|
||||
}
|
||||
.step {
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
.home {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.home-container > div {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
31
css/themes/wakanda/mailing.scss
Normal file
31
css/themes/wakanda/mailing.scss
Normal file
@@ -0,0 +1,31 @@
|
||||
---
|
||||
---
|
||||
|
||||
#mc_embed_signup{
|
||||
padding: 0 0 22px 22px;
|
||||
color:#555;
|
||||
|
||||
h2 {
|
||||
padding: 0 0 4px 0;
|
||||
font-size: 15px;
|
||||
}
|
||||
.mc-field-group {
|
||||
font-size:11px;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.mce_inline_error {
|
||||
color: #df5a49 !important;
|
||||
background-color: white !important;
|
||||
}
|
||||
.email, .mc-inline-error {
|
||||
padding: 5px 3px;
|
||||
width: 123px;
|
||||
}
|
||||
.button {
|
||||
background-color:#fbb500;
|
||||
padding:7px 8px;
|
||||
border:none;
|
||||
color:#fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
114
css/themes/wakanda/overrides.scss
Normal file
114
css/themes/wakanda/overrides.scss
Normal file
@@ -0,0 +1,114 @@
|
||||
---
|
||||
---
|
||||
|
||||
@import url(button.css);
|
||||
@import url(home.css);
|
||||
@import url(mailing.css);
|
||||
@import url(search.css);
|
||||
|
||||
nav {
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 10px 0;
|
||||
font-size: 18px;
|
||||
padding: 20px 10px 10px 26px;
|
||||
a, a:visited {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
hr {
|
||||
display: block;
|
||||
color: #EBF4F9;
|
||||
background-color: #EBF4F9;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
&.active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding-bottom: 10px;
|
||||
|
||||
h1 {
|
||||
border-bottom: solid 1px #e5e5e5;
|
||||
margin: -27px 0px 40px 0;
|
||||
padding: 0 200px 13px 40px;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#contribute {
|
||||
padding: 7px 15px 0px 40px;
|
||||
font-size: 13px;
|
||||
|
||||
a:after {
|
||||
content: "Contribute to this page";
|
||||
}
|
||||
}
|
||||
|
||||
#chapter {
|
||||
padding: 10px 0 0 40px;
|
||||
color: #A2A2A2;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
height: 33px;
|
||||
}
|
||||
|
||||
header {
|
||||
float: none;
|
||||
position: inherit;
|
||||
width: 100%;
|
||||
|
||||
h1 {
|
||||
margin-top: -20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and(max-width: 830px) {
|
||||
|
||||
section {
|
||||
|
||||
h1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
#contribute a:after {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
li {
|
||||
pre.highlight {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
267
css/themes/wakanda/search.scss
Normal file
267
css/themes/wakanda/search.scss
Normal file
File diff suppressed because one or more lines are too long
281
css/themes/wakanda/theme.scss
Normal file
281
css/themes/wakanda/theme.scss
Normal file
@@ -0,0 +1,281 @@
|
||||
---
|
||||
---
|
||||
|
||||
/*
|
||||
|
||||
Original theme by Orderlist
|
||||
https://github.com/orderedlist/minimal
|
||||
|
||||
Creative Commons Attribution-ShareAlike 3.0 Unported License.
|
||||
http://creativecommons.org/licenses/by-sa/3.0/
|
||||
|
||||
Forked by Wakanda SAS
|
||||
|
||||
Modified:
|
||||
- default font
|
||||
- larger layout
|
||||
- footer on the section part
|
||||
- no subpixel treatment
|
||||
|
||||
*/
|
||||
|
||||
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,100);
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
padding:50px;
|
||||
font: 14px/1.5 'Roboto', sans-serif;
|
||||
color: #535353;
|
||||
font-weight:400;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color:#222;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
p, ul, ol, table, pre, dl {
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
line-height:1.1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color:#393939;
|
||||
}
|
||||
|
||||
h3, h4, h5, h6 {
|
||||
color:#494949;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#14a1c8;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#069;
|
||||
}
|
||||
|
||||
a small {
|
||||
font-size:11px;
|
||||
color:#777;
|
||||
margin-top:-0.3em;
|
||||
display:block;
|
||||
}
|
||||
|
||||
a:hover small {
|
||||
color:#777;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left:1px solid #e5e5e5;
|
||||
margin:0;
|
||||
padding:0 0 0 20px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
|
||||
color:#333;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding:8px 15px;
|
||||
background: #f8f8f8;
|
||||
border-radius:5px;
|
||||
border:1px solid #e5e5e5;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
width:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align:left;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
dt {
|
||||
color:#444;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
th {
|
||||
color:#444;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
header {
|
||||
width:270px;
|
||||
float:left;
|
||||
position:fixed;
|
||||
}
|
||||
|
||||
header ul {
|
||||
list-style:none;
|
||||
height:40px;
|
||||
padding:0;
|
||||
background: #f4f4f4;
|
||||
border-radius:5px;
|
||||
border:1px solid #e0e0e0;
|
||||
width:270px;
|
||||
}
|
||||
|
||||
header li {
|
||||
width:89px;
|
||||
float:left;
|
||||
border-right:1px solid #e0e0e0;
|
||||
height:40px;
|
||||
}
|
||||
|
||||
header li:first-child a {
|
||||
border-radius:5px 0 0 5px;
|
||||
}
|
||||
|
||||
header li:last-child a {
|
||||
border-radius:0 5px 5px 0;
|
||||
}
|
||||
|
||||
header ul a {
|
||||
line-height:1;
|
||||
font-size:11px;
|
||||
color:#999;
|
||||
display:block;
|
||||
text-align:center;
|
||||
padding-top:6px;
|
||||
height:34px;
|
||||
}
|
||||
|
||||
header ul a:hover {
|
||||
color:#999;
|
||||
}
|
||||
|
||||
header ul a:active {
|
||||
background-color:#f0f0f0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color:#222;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
header ul li + li + li {
|
||||
border-right:none;
|
||||
width:89px;
|
||||
}
|
||||
|
||||
header ul a strong {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#222;
|
||||
}
|
||||
|
||||
section {
|
||||
width:500px;
|
||||
float:right;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border:0;
|
||||
background:#e5e5e5;
|
||||
height:1px;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 650px) {
|
||||
|
||||
div.wrapper {
|
||||
width:auto;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
header, section, footer {
|
||||
float:none;
|
||||
position:static;
|
||||
width:auto;
|
||||
}
|
||||
|
||||
header {
|
||||
padding-right:320px;
|
||||
}
|
||||
|
||||
section {
|
||||
border:1px solid #e5e5e5;
|
||||
border-width:1px 0;
|
||||
padding:20px 0;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
|
||||
header a small {
|
||||
display:inline;
|
||||
}
|
||||
|
||||
header ul {
|
||||
position:absolute;
|
||||
right:50px;
|
||||
top:52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 720px) {
|
||||
body {
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
header {
|
||||
padding:0;
|
||||
}
|
||||
|
||||
header ul, header p.view {
|
||||
position:static;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
word-wrap:normal;
|
||||
}
|
||||
}
|
||||
|
||||
@media print, screen and (max-width: 640px) {
|
||||
body {
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
header ul {
|
||||
width:99%;
|
||||
}
|
||||
|
||||
header li, header ul li + li + li {
|
||||
width:33%;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding:0.4in;
|
||||
font-size:12pt;
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user