Improve reordering of code and example

This commit is contained in:
Fabrice Niessen 2015-05-02 10:29:23 +02:00
parent 762b02d320
commit 5d70a66172
2 changed files with 176 additions and 600 deletions

View File

@ -219,6 +219,83 @@ ul,ol,dl{
}
code{
background:#fff;
border:solid 1px #e1e4e5;
/* color:#000; for clickable code */
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:75%;
max-width:100%;
overflow-x:auto;
padding:0 5px;
white-space:nowrap;
}
.codeblock-example{
border:1px solid #e1e4e5;
border-bottom:none;
padding:24px;
padding-top:48px;
font-weight:500;
background:#fff;
position:relative}
.codeblock-example:after{
content:"Example";
position:absolute;
top:0px;
left:0px;
background:#9B59B6;
color:#fff;
padding:6px 12px}
.codeblock-example.prettyprint-example-only{
border:1px solid #e1e4e5;
margin-bottom:24px}
.codeblock,pre.src,#content .literal-block{
border:1px solid #e1e4e5;
padding:12px;
overflow-x:auto;
background:#fff;
margin:1px 0 24px 0}
pre.src{
/* color:#404040; */
display:block;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:12px;
line-height:1.5;
margin:1px 0px 24px 0px;
overflow:auto;
padding:12px;
white-space:pre;
}
.example{
background:#f3f6f6;
border:1px solid #e1e4e5;
color:#404040;
font-size: 12px;
line-height: 1.5;
margin-bottom:24px;
padding:12px;
}
.rotate-90{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)}
.rotate-270{
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)}
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
@ -252,47 +329,6 @@ mark{
font-style:italic;
font-weight:bold}
.codeblock-example{
border:1px solid #e1e4e5;
border-bottom:none;
padding:24px;
padding-top:48px;
font-weight:500;
background:#fff;
position:relative}
.codeblock-example:after{
content:"Example";
position:absolute;
top:0px;
left:0px;
background:#9B59B6;
color:#fff;
padding:6px 12px}
.codeblock-example.prettyprint-example-only{
border:1px solid #e1e4e5;
margin-bottom:24px}
.codeblock,pre.src,#content .literal-block{
border:1px solid #e1e4e5;
padding:12px;
overflow-x:auto;
background:#fff;
margin:1px 0 24px 0}
pre.src,example{
/* color:#404040; */
display:block;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:12px;
line-height:1.5;
margin:1px 0px 24px 0px;
overflow:auto;
padding:12px;
white-space:pre;
}
q{
quotes:none}
@ -352,7 +388,7 @@ label{
legend{
border:0;
*margin-left:-7px;
margin-left:-7px;
padding:0;
white-space:normal}
@ -363,47 +399,9 @@ table{
td{
vertical-align:top}
.hidden{
display:none !important;
visibility:hidden}
.visuallyhidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto}
.invisible{
visibility:hidden}
.relative{
position:relative}
.fa:before,#content .admonition-title:before,#content h1 .headerlink:before,#content h2 .headerlink:before,#content h3 .headerlink:before,#content h4 .headerlink:before,#content h5 .headerlink:before,#content h6 .headerlink:before,#content dl dt .headerlink:before,.icon:before,.wy-dropdown .caret:before,.wy-inline-validate.wy-inline-validate-success .wy-input-context:before,.wy-inline-validate.wy-inline-validate-danger .wy-input-context:before,.wy-inline-validate.wy-inline-validate-warning .wy-input-context:before,.wy-inline-validate.wy-inline-validate-info .wy-input-context:before,.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo,.btn,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,#table-of-contents li.on a,#table-of-contents li.current>a,.wy-side-nav-search>a,.wy-side-nav-search .wy-dropdown>a,.wy-nav-top a{
-webkit-font-smoothing:antialiased}
.clearfix{
*zoom:1}
.clearfix:before,.clearfix:after{
display:table;
content:""}
.clearfix:after{
clear:both}
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
@ -618,13 +616,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
/* background:#e7f2fa; */
}
.example{
padding:12px;
font-size: 12px;
line-height: 1.5;
margin-bottom:24px;
}
.wy-alert-title,#content .admonition-title{
color:#fff;
font-weight:bold;
@ -663,15 +654,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
#content .note,#content .seealso{
background:#e7f2fa}
#content .neutral{
color:#404040;
background:#e1e4e5}
#content .example{
color:#404040;
border:1px solid #e1e4e5;
background:#f3f6f6}
.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
margin-bottom:0}
@ -897,147 +879,6 @@ input,select,textarea{
margin-top:0.3125em;
font-style:italic}
input{
line-height:normal}
input[type="button"],input[type="reset"],input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
*overflow:visible}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"]{
-webkit-appearance:none;
padding:6px;
display:inline-block;
border:1px solid #ccc;
font-size:80%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
box-shadow:inset 0 1px 3px #ddd;
border-radius:0;
-webkit-transition:border 0.3s linear;
-moz-transition:border 0.3s linear;
transition:border 0.3s linear}
input[type="datetime-local"]{
padding:0.34375em 0.625em}
input[disabled]{
cursor:default}
input[type="checkbox"],input[type="radio"]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
margin-right:0.3125em;
*height:13px;
*width:13px}
input[type="search"]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus{
outline:0;
outline:thin dotted \9;
border-color:#333}
input.no-focus:focus{
border-color:#ccc !important}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{
outline:thin dotted #333;
outline:1px auto #129FEA}
input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled]{
cursor:not-allowed;
background-color:#f3f6f6;
color:#cad2d3}
input:focus:invalid,textarea:focus:invalid,select:focus:invalid{
color:#E74C3C;
border:1px solid #E74C3C}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{
border-color:#E74C3C}
input[type="file"]:focus:invalid:focus,input[type="radio"]:focus:invalid:focus,input[type="checkbox"]:focus:invalid:focus{
outline-color:#E74C3C}
input.wy-input-large{
padding:12px;
font-size:100%}
textarea{
overflow:auto;
vertical-align:top;
width:100%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif}
select,textarea{
padding:0.5em 0.625em;
display:inline-block;
border:1px solid #ccc;
font-size:80%;
box-shadow:inset 0 1px 3px #ddd;
-webkit-transition:border 0.3s linear;
-moz-transition:border 0.3s linear;
transition:border 0.3s linear}
select{
border:1px solid #ccc;
background-color:#fff}
select[multiple]{
height:auto}
select:focus,textarea:focus{
outline:0}
select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{
cursor:not-allowed;
background-color:#fff;
color:#cad2d3;
border-color:transparent}
.wy-checkbox,.wy-radio{
margin:6px 0;
color:#404040;
display:block}
.wy-checkbox input,.wy-radio input{
vertical-align:baseline}
.wy-form-message-inline{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle}
.wy-input-prefix,.wy-input-suffix{
white-space:nowrap;
padding:6px}
.wy-input-prefix .wy-input-context,.wy-input-suffix .wy-input-context{
line-height:27px;
padding:0 8px;
display:inline-block;
font-size:80%;
background-color:#f3f6f6;
border:solid 1px #ccc;
color:#999}
.wy-input-suffix .wy-input-context{
border-left:0}
.wy-input-prefix .wy-input-context{
border-right:0}
.wy-inline-validate{
white-space:nowrap}
@ -1058,55 +899,6 @@ select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[re
.wy-inline-validate.wy-inline-validate-info .wy-input-context{
color:#2980B9}
.rotate-90{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)}
.rotate-180{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)}
.rotate-270{
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)}
.mirror{
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-ms-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1)}
.mirror.rotate-90{
-webkit-transform:scaleX(-1) rotate(90deg);
-moz-transform:scaleX(-1) rotate(90deg);
-ms-transform:scaleX(-1) rotate(90deg);
-o-transform:scaleX(-1) rotate(90deg);
transform:scaleX(-1) rotate(90deg)}
.mirror.rotate-180{
-webkit-transform:scaleX(-1) rotate(180deg);
-moz-transform:scaleX(-1) rotate(180deg);
-ms-transform:scaleX(-1) rotate(180deg);
-o-transform:scaleX(-1) rotate(180deg);
transform:scaleX(-1) rotate(180deg)}
.mirror.rotate-270{
-webkit-transform:scaleX(-1) rotate(270deg);
-moz-transform:scaleX(-1) rotate(270deg);
-ms-transform:scaleX(-1) rotate(270deg);
-o-transform:scaleX(-1) rotate(270deg);
transform:scaleX(-1) rotate(270deg)}
.float-left{
float:left}
@ -1250,20 +1042,6 @@ hr{
margin:24px 0;
padding:0}
code,#content tt{
white-space:nowrap;
max-width:100%;
background:#fff;
border:solid 1px #e1e4e5;
font-size:75%;
padding:0 5px;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
/* color:#000; */ /* for clickable code */
overflow-x:auto}
code.code-large,#content tt.code-large{
font-size:90%}
.wy-plain-list-disc,#content .section ul,#content .toctree-wrapper ul,article ul{
list-style:disc;
line-height:24px;

View File

@ -290,6 +290,81 @@ ul,ol,dl{
:tangle: css/readtheorg.css
:END:
** Inline
#+begin_src css
code{
background:#fff;
border:solid 1px #e1e4e5;
/* color:#000; for clickable code */
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:75%;
max-width:100%;
overflow-x:auto;
padding:0 5px;
white-space:nowrap;
}
#+end_src
** Basic block
#+begin_src css
.codeblock-example{
border:1px solid #e1e4e5;
border-bottom:none;
padding:24px;
padding-top:48px;
font-weight:500;
background:#fff;
position:relative}
.codeblock-example:after{
content:"Example";
position:absolute;
top:0px;
left:0px;
background:#9B59B6;
color:#fff;
padding:6px 12px}
.codeblock-example.prettyprint-example-only{
border:1px solid #e1e4e5;
margin-bottom:24px}
.codeblock,pre.src,#content .literal-block{
border:1px solid #e1e4e5;
padding:12px;
overflow-x:auto;
background:#fff;
margin:1px 0 24px 0}
pre.src{
/* color:#404040; */
display:block;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:12px;
line-height:1.5;
margin:1px 0px 24px 0px;
overflow:auto;
padding:12px;
white-space:pre;
}
#+end_src
** Sample output
#+begin_src css
.example{
background:#f3f6f6;
border:1px solid #e1e4e5;
color:#404040;
font-size: 12px;
line-height: 1.5;
margin-bottom:24px;
padding:12px;
}
#+end_src
* Tables
:PROPERTIES:
:tangle: css/readtheorg.css
@ -315,6 +390,22 @@ ul,ol,dl{
:tangle: css/readtheorg.css
:END:
#+begin_src css
.rotate-90{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)}
.rotate-270{
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)}
#+end_src
* Responsive utilities
:PROPERTIES:
:tangle: css/readtheorg.css
@ -360,47 +451,6 @@ mark{
color:#000;
font-style:italic;
font-weight:bold}
.codeblock-example{
border:1px solid #e1e4e5;
border-bottom:none;
padding:24px;
padding-top:48px;
font-weight:500;
background:#fff;
position:relative}
.codeblock-example:after{
content:"Example";
position:absolute;
top:0px;
left:0px;
background:#9B59B6;
color:#fff;
padding:6px 12px}
.codeblock-example.prettyprint-example-only{
border:1px solid #e1e4e5;
margin-bottom:24px}
.codeblock,pre.src,#content .literal-block{
border:1px solid #e1e4e5;
padding:12px;
overflow-x:auto;
background:#fff;
margin:1px 0 24px 0}
pre.src,example{
/* color:#404040; */
display:block;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
font-size:12px;
line-height:1.5;
margin:1px 0px 24px 0px;
overflow:auto;
padding:12px;
white-space:pre;
}
#+end_src
#+begin_src css
@ -432,7 +482,9 @@ sub{
list-style:none;
margin-left: 0px;
}
#+end_src
#+begin_src css
li {
margin-left: 24px;
}
@ -465,60 +517,24 @@ label{
legend{
border:0;
*margin-left:-7px;
margin-left:-7px;
padding:0;
white-space:normal}
#+end_src
#+begin_src css
table{
border-collapse:collapse;
border-spacing:0}
td{
vertical-align:top}
.hidden{
display:none !important;
visibility:hidden}
.visuallyhidden{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto}
.invisible{
visibility:hidden}
.relative{
position:relative}
#+end_src
#+begin_src css
.fa:before,#content .admonition-title:before,#content h1 .headerlink:before,#content h2 .headerlink:before,#content h3 .headerlink:before,#content h4 .headerlink:before,#content h5 .headerlink:before,#content h6 .headerlink:before,#content dl dt .headerlink:before,.icon:before,.wy-dropdown .caret:before,.wy-inline-validate.wy-inline-validate-success .wy-input-context:before,.wy-inline-validate.wy-inline-validate-danger .wy-input-context:before,.wy-inline-validate.wy-inline-validate-warning .wy-input-context:before,.wy-inline-validate.wy-inline-validate-info .wy-input-context:before,.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo,.btn,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,#table-of-contents li.on a,#table-of-contents li.current>a,.wy-side-nav-search>a,.wy-side-nav-search .wy-dropdown>a,.wy-nav-top a{
-webkit-font-smoothing:antialiased}
.clearfix{
*zoom:1}
.clearfix:before,.clearfix:after{
display:table;
content:""}
.clearfix:after{
clear:both}
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
@ -733,13 +749,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
/* background:#e7f2fa; */
}
.example{
padding:12px;
font-size: 12px;
line-height: 1.5;
margin-bottom:24px;
}
.wy-alert-title,#content .admonition-title{
color:#fff;
font-weight:bold;
@ -778,15 +787,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
#content .note,#content .seealso{
background:#e7f2fa}
#content .neutral{
color:#404040;
background:#e1e4e5}
#content .example{
color:#404040;
border:1px solid #e1e4e5;
background:#f3f6f6}
.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{
margin-bottom:0}
@ -1014,147 +1014,6 @@ input,select,textarea{
margin-top:0.3125em;
font-style:italic}
input{
line-height:normal}
input[type="button"],input[type="reset"],input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
*overflow:visible}
input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"]{
-webkit-appearance:none;
padding:6px;
display:inline-block;
border:1px solid #ccc;
font-size:80%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
box-shadow:inset 0 1px 3px #ddd;
border-radius:0;
-webkit-transition:border 0.3s linear;
-moz-transition:border 0.3s linear;
transition:border 0.3s linear}
input[type="datetime-local"]{
padding:0.34375em 0.625em}
input[disabled]{
cursor:default}
input[type="checkbox"],input[type="radio"]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
margin-right:0.3125em;
*height:13px;
*width:13px}
input[type="search"]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus{
outline:0;
outline:thin dotted \9;
border-color:#333}
input.no-focus:focus{
border-color:#ccc !important}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{
outline:thin dotted #333;
outline:1px auto #129FEA}
input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled]{
cursor:not-allowed;
background-color:#f3f6f6;
color:#cad2d3}
input:focus:invalid,textarea:focus:invalid,select:focus:invalid{
color:#E74C3C;
border:1px solid #E74C3C}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{
border-color:#E74C3C}
input[type="file"]:focus:invalid:focus,input[type="radio"]:focus:invalid:focus,input[type="checkbox"]:focus:invalid:focus{
outline-color:#E74C3C}
input.wy-input-large{
padding:12px;
font-size:100%}
textarea{
overflow:auto;
vertical-align:top;
width:100%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif}
select,textarea{
padding:0.5em 0.625em;
display:inline-block;
border:1px solid #ccc;
font-size:80%;
box-shadow:inset 0 1px 3px #ddd;
-webkit-transition:border 0.3s linear;
-moz-transition:border 0.3s linear;
transition:border 0.3s linear}
select{
border:1px solid #ccc;
background-color:#fff}
select[multiple]{
height:auto}
select:focus,textarea:focus{
outline:0}
select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{
cursor:not-allowed;
background-color:#fff;
color:#cad2d3;
border-color:transparent}
.wy-checkbox,.wy-radio{
margin:6px 0;
color:#404040;
display:block}
.wy-checkbox input,.wy-radio input{
vertical-align:baseline}
.wy-form-message-inline{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle}
.wy-input-prefix,.wy-input-suffix{
white-space:nowrap;
padding:6px}
.wy-input-prefix .wy-input-context,.wy-input-suffix .wy-input-context{
line-height:27px;
padding:0 8px;
display:inline-block;
font-size:80%;
background-color:#f3f6f6;
border:solid 1px #ccc;
color:#999}
.wy-input-suffix .wy-input-context{
border-left:0}
.wy-input-prefix .wy-input-context{
border-right:0}
.wy-inline-validate{
white-space:nowrap}
@ -1174,55 +1033,6 @@ select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[re
.wy-inline-validate.wy-inline-validate-info .wy-input-context{
color:#2980B9}
.rotate-90{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg)}
.rotate-180{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)}
.rotate-270{
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg)}
.mirror{
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-ms-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1)}
.mirror.rotate-90{
-webkit-transform:scaleX(-1) rotate(90deg);
-moz-transform:scaleX(-1) rotate(90deg);
-ms-transform:scaleX(-1) rotate(90deg);
-o-transform:scaleX(-1) rotate(90deg);
transform:scaleX(-1) rotate(90deg)}
.mirror.rotate-180{
-webkit-transform:scaleX(-1) rotate(180deg);
-moz-transform:scaleX(-1) rotate(180deg);
-ms-transform:scaleX(-1) rotate(180deg);
-o-transform:scaleX(-1) rotate(180deg);
transform:scaleX(-1) rotate(180deg)}
.mirror.rotate-270{
-webkit-transform:scaleX(-1) rotate(270deg);
-moz-transform:scaleX(-1) rotate(270deg);
-ms-transform:scaleX(-1) rotate(270deg);
-o-transform:scaleX(-1) rotate(270deg);
transform:scaleX(-1) rotate(270deg)}
#+end_src
#+begin_src css
@ -1370,21 +1180,9 @@ hr{
border-top:1px solid #e1e4e5;
margin:24px 0;
padding:0}
#+end_src
code,#content tt{
white-space:nowrap;
max-width:100%;
background:#fff;
border:solid 1px #e1e4e5;
font-size:75%;
padding:0 5px;
font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
/* color:#000; */ /* for clickable code */
overflow-x:auto}
code.code-large,#content tt.code-large{
font-size:90%}
#+begin_src css
.wy-plain-list-disc,#content .section ul,#content .toctree-wrapper ul,article ul{
list-style:disc;
line-height:24px;