Reorganize media queries and h1-6 headings
This commit is contained in:
parent
5d32e9200b
commit
79ec9b8dfd
|
@ -1,6 +1,196 @@
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
||||||
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
|
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
|
||||||
|
|
||||||
|
h1,h2,h3,h4,h5,h6,legend{
|
||||||
|
margin-top:0;
|
||||||
|
font-weight:700;
|
||||||
|
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
font-size:175%}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
font-size:150%}
|
||||||
|
|
||||||
|
h3{
|
||||||
|
font-size:125%}
|
||||||
|
|
||||||
|
h4{
|
||||||
|
font-size:115%}
|
||||||
|
|
||||||
|
h5{
|
||||||
|
font-size:110%}
|
||||||
|
|
||||||
|
h6{
|
||||||
|
font-size:100%}
|
||||||
|
|
||||||
|
p{
|
||||||
|
line-height:24px;
|
||||||
|
margin:0;
|
||||||
|
font-size:16px;
|
||||||
|
margin-bottom:24px}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
.codeblock,pre.src{
|
||||||
|
white-space:pre.src-wrap}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
html,body,section{
|
||||||
|
background:none !important}
|
||||||
|
|
||||||
|
*{
|
||||||
|
box-shadow:none !important;
|
||||||
|
text-shadow:none !important;
|
||||||
|
filter:none !important;
|
||||||
|
-ms-filter:none !important}
|
||||||
|
|
||||||
|
a,a:visited{
|
||||||
|
text-decoration:underline}
|
||||||
|
|
||||||
|
pre.src,blockquote{
|
||||||
|
page-break-inside:avoid}
|
||||||
|
|
||||||
|
thead{
|
||||||
|
display:table-header-group}
|
||||||
|
|
||||||
|
tr,img{
|
||||||
|
page-break-inside:avoid}
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width:100% !important}
|
||||||
|
|
||||||
|
@page{
|
||||||
|
margin:0.5cm}
|
||||||
|
|
||||||
|
p,h2,h3{
|
||||||
|
orphans:3;
|
||||||
|
widows:3}
|
||||||
|
|
||||||
|
h2,h3{
|
||||||
|
page-break-after:avoid}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
#copyright,footer,.wy-nav-side{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
margin-left:0}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.wy-tray-container{
|
||||||
|
bottom:auto;
|
||||||
|
top:0;
|
||||||
|
width:100%}
|
||||||
|
|
||||||
|
.wy-tray-container li{
|
||||||
|
width:100%}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px){
|
||||||
|
.wy-form label{
|
||||||
|
margin-bottom:0.3em;
|
||||||
|
display:block}
|
||||||
|
|
||||||
|
.wy-form .wy-help-inline,.wy-form-message-inline,.wy-form-message{
|
||||||
|
display:block;
|
||||||
|
font-size:80%;
|
||||||
|
padding:6px 0}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.tablet-hide{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
.mobile-hide{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
.wy-breadcrumbs-extra{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.wy-body-for-nav{
|
||||||
|
background:#fcfcfc}
|
||||||
|
|
||||||
|
.wy-nav-top{
|
||||||
|
display:block}
|
||||||
|
|
||||||
|
.wy-nav-side{
|
||||||
|
left:-300px}
|
||||||
|
|
||||||
|
.wy-nav-side.shift{
|
||||||
|
width:85%;
|
||||||
|
left:0}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
margin-left:0}
|
||||||
|
|
||||||
|
#content #content{
|
||||||
|
padding:1.618em}
|
||||||
|
|
||||||
|
#content.shift{
|
||||||
|
position:fixed;
|
||||||
|
min-width:100%;
|
||||||
|
left:85%;
|
||||||
|
top:0;
|
||||||
|
height:100%;
|
||||||
|
overflow:hidden}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1400px){
|
||||||
|
#content{
|
||||||
|
background:rgba(0,0,0,0.05)}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
background:#fcfcfc}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
#copyright{
|
||||||
|
width:85%;
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
#copyright.shift{
|
||||||
|
display:block}
|
||||||
|
|
||||||
|
img{
|
||||||
|
width:100%;
|
||||||
|
height:auto}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
#content .sidebar{
|
||||||
|
width:100%}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
*{
|
*{
|
||||||
-webkit-box-sizing:border-box;
|
-webkit-box-sizing:border-box;
|
||||||
-moz-box-sizing:border-box;
|
-moz-box-sizing:border-box;
|
||||||
|
@ -20,11 +210,6 @@ audio:not([controls]){
|
||||||
[hidden]{
|
[hidden]{
|
||||||
display:none}
|
display:none}
|
||||||
|
|
||||||
*{
|
|
||||||
-webkit-box-sizing:border-box;
|
|
||||||
-moz-box-sizing:border-box;
|
|
||||||
box-sizing:border-box}
|
|
||||||
|
|
||||||
html{
|
html{
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
-webkit-text-size-adjust:100%;
|
-webkit-text-size-adjust:100%;
|
||||||
|
@ -100,12 +285,6 @@ pre.src,example{
|
||||||
white-space:pre;
|
white-space:pre;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media print{
|
|
||||||
.codeblock,pre.src{
|
|
||||||
white-space:pre.src-wrap}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
q{
|
q{
|
||||||
quotes:none}
|
quotes:none}
|
||||||
|
|
||||||
|
@ -211,46 +390,6 @@ td{
|
||||||
.relative{
|
.relative{
|
||||||
position:relative}
|
position:relative}
|
||||||
|
|
||||||
@media print{
|
|
||||||
html,body,section{
|
|
||||||
background:none !important}
|
|
||||||
|
|
||||||
*{
|
|
||||||
box-shadow:none !important;
|
|
||||||
text-shadow:none !important;
|
|
||||||
filter:none !important;
|
|
||||||
-ms-filter:none !important}
|
|
||||||
|
|
||||||
a,a:visited{
|
|
||||||
text-decoration:underline}
|
|
||||||
|
|
||||||
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
|
|
||||||
content:""}
|
|
||||||
|
|
||||||
pre.src,blockquote{
|
|
||||||
page-break-inside:avoid}
|
|
||||||
|
|
||||||
thead{
|
|
||||||
display:table-header-group}
|
|
||||||
|
|
||||||
tr,img{
|
|
||||||
page-break-inside:avoid}
|
|
||||||
|
|
||||||
img{
|
|
||||||
max-width:100% !important}
|
|
||||||
|
|
||||||
@page{
|
|
||||||
margin:0.5cm}
|
|
||||||
|
|
||||||
p,h2,h3{
|
|
||||||
orphans:3;
|
|
||||||
widows:3}
|
|
||||||
|
|
||||||
h2,h3{
|
|
||||||
page-break-after:avoid}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.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{
|
.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}
|
-webkit-font-smoothing:antialiased}
|
||||||
|
|
||||||
|
@ -333,12 +472,6 @@ td{
|
||||||
.pull-left{
|
.pull-left{
|
||||||
float:left}
|
float:left}
|
||||||
|
|
||||||
/* .fa.pull-left,#content .pull-left.admonition-title,#content h1 .pull-left.headerlink,#content h2 .pull-left.headerlink,#content h3 .pull-left.headerlink,#content h4 .pull-left.headerlink,#content h5 .pull-left.headerlink,#content h6 .pull-left.headerlink,#content dl dt .pull-left.headerlink,.pull-left.icon{ */
|
|
||||||
/* margin-right:.3em} */
|
|
||||||
/* */
|
|
||||||
/* .fa.pull-right,#content .pull-right.admonition-title,#content h1 .pull-right.headerlink,#content h2 .pull-right.headerlink,#content h3 .pull-right.headerlink,#content h4 .pull-right.headerlink,#content h5 .pull-right.headerlink,#content h6 .pull-right.headerlink,#content dl dt .pull-right.headerlink,.pull-right.icon{ */
|
|
||||||
/* margin-left:.3em} */
|
|
||||||
|
|
||||||
.fa-spin{
|
.fa-spin{
|
||||||
-webkit-animation:spin 2s infinite linear;
|
-webkit-animation:spin 2s infinite linear;
|
||||||
-moz-animation:spin 2s infinite linear;
|
-moz-animation:spin 2s infinite linear;
|
||||||
|
@ -560,17 +693,6 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background:#f29f97}
|
background:#f29f97}
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
|
||||||
.wy-tray-container{
|
|
||||||
bottom:auto;
|
|
||||||
top:0;
|
|
||||||
width:100%}
|
|
||||||
|
|
||||||
.wy-tray-container li{
|
|
||||||
width:100%}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
button{
|
button{
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
margin:0;
|
margin:0;
|
||||||
|
@ -984,30 +1106,6 @@ select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[re
|
||||||
-o-transform:scaleX(-1) rotate(270deg);
|
-o-transform:scaleX(-1) rotate(270deg);
|
||||||
transform:scaleX(-1) rotate(270deg)}
|
transform:scaleX(-1) rotate(270deg)}
|
||||||
|
|
||||||
@media only screen and (max-width: 480px){
|
|
||||||
.wy-form label{
|
|
||||||
margin-bottom:0.3em;
|
|
||||||
display:block}
|
|
||||||
|
|
||||||
.wy-form .wy-help-inline,.wy-form-message-inline,.wy-form-message{
|
|
||||||
display:block;
|
|
||||||
font-size:80%;
|
|
||||||
padding:6px 0}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
|
||||||
.tablet-hide{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
|
||||||
.mobile-hide{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.float-left{
|
.float-left{
|
||||||
float:left}
|
float:left}
|
||||||
|
|
||||||
|
@ -1143,35 +1241,6 @@ a.wy-text-danger:hover{
|
||||||
a.wy-text-neutral:hover{
|
a.wy-text-neutral:hover{
|
||||||
color:#595959 !important}
|
color:#595959 !important}
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6,legend{
|
|
||||||
margin-top:0;
|
|
||||||
font-weight:700;
|
|
||||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
|
|
||||||
|
|
||||||
p{
|
|
||||||
line-height:24px;
|
|
||||||
margin:0;
|
|
||||||
font-size:16px;
|
|
||||||
margin-bottom:24px}
|
|
||||||
|
|
||||||
h1{
|
|
||||||
font-size:175%}
|
|
||||||
|
|
||||||
h2{
|
|
||||||
font-size:150%}
|
|
||||||
|
|
||||||
h3{
|
|
||||||
font-size:125%}
|
|
||||||
|
|
||||||
h4{
|
|
||||||
font-size:115%}
|
|
||||||
|
|
||||||
h5{
|
|
||||||
font-size:110%}
|
|
||||||
|
|
||||||
h6{
|
|
||||||
font-size:100%}
|
|
||||||
|
|
||||||
hr{
|
hr{
|
||||||
display:block;
|
display:block;
|
||||||
height:1px;
|
height:1px;
|
||||||
|
@ -1255,21 +1324,6 @@ code.code-large,#content tt.code-large{
|
||||||
font-size:80%;
|
font-size:80%;
|
||||||
display:inline-block}
|
display:inline-block}
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
|
||||||
.wy-breadcrumbs-extra{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print{
|
|
||||||
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.wy-affix{
|
.wy-affix{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:1.618em}
|
top:1.618em}
|
||||||
|
@ -1490,54 +1544,6 @@ footer{
|
||||||
footer p{
|
footer p{
|
||||||
margin-bottom:12px}
|
margin-bottom:12px}
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
|
||||||
.wy-body-for-nav{
|
|
||||||
background:#fcfcfc}
|
|
||||||
|
|
||||||
.wy-nav-top{
|
|
||||||
display:block}
|
|
||||||
|
|
||||||
.wy-nav-side{
|
|
||||||
left:-300px}
|
|
||||||
|
|
||||||
.wy-nav-side.shift{
|
|
||||||
width:85%;
|
|
||||||
left:0}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
margin-left:0}
|
|
||||||
|
|
||||||
#content #content{
|
|
||||||
padding:1.618em}
|
|
||||||
|
|
||||||
#content.shift{
|
|
||||||
position:fixed;
|
|
||||||
min-width:100%;
|
|
||||||
left:85%;
|
|
||||||
top:0;
|
|
||||||
height:100%;
|
|
||||||
overflow:hidden}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1400px){
|
|
||||||
#content{
|
|
||||||
background:rgba(0,0,0,0.05)}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
background:#fcfcfc}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print{
|
|
||||||
#copyright,footer,.wy-nav-side{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
margin-left:0}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
nav.stickynav{
|
nav.stickynav{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:0}
|
top:0}
|
||||||
|
@ -1585,20 +1591,6 @@ nav.stickynav{
|
||||||
color:#27AE60;
|
color:#27AE60;
|
||||||
*zoom:1}
|
*zoom:1}
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
|
||||||
#copyright{
|
|
||||||
width:85%;
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
#copyright.shift{
|
|
||||||
display:block}
|
|
||||||
|
|
||||||
img{
|
|
||||||
width:100%;
|
|
||||||
height:auto}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#content img{
|
#content img{
|
||||||
max-width:100%;
|
max-width:100%;
|
||||||
height:auto !important}
|
height:auto !important}
|
||||||
|
@ -1733,12 +1725,6 @@ blockquote{
|
||||||
display:block;
|
display:block;
|
||||||
float:right}
|
float:right}
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
|
||||||
#content .sidebar{
|
|
||||||
width:100%}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
span[id*='MathJax-Span']{
|
span[id*='MathJax-Span']{
|
||||||
color:#404040}
|
color:#404040}
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,12 @@
|
||||||
|
|
||||||
|
|
||||||
* CSS
|
|
||||||
|
* Overview
|
||||||
|
|
||||||
|
Get the lowdown on the key pieces of ReadTheOrg's infrastructure, including our
|
||||||
|
approach to better HTML export.
|
||||||
|
|
||||||
|
* Typography
|
||||||
:PROPERTIES:
|
:PROPERTIES:
|
||||||
:tangle: css/readtheorg.css
|
:tangle: css/readtheorg.css
|
||||||
:END:
|
:END:
|
||||||
|
@ -8,7 +14,268 @@
|
||||||
#+begin_src css
|
#+begin_src css
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
||||||
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
|
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
** Headings
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
h1,h2,h3,h4,h5,h6,legend{
|
||||||
|
margin-top:0;
|
||||||
|
font-weight:700;
|
||||||
|
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
font-size:175%}
|
||||||
|
|
||||||
|
h2{
|
||||||
|
font-size:150%}
|
||||||
|
|
||||||
|
h3{
|
||||||
|
font-size:125%}
|
||||||
|
|
||||||
|
h4{
|
||||||
|
font-size:115%}
|
||||||
|
|
||||||
|
h5{
|
||||||
|
font-size:110%}
|
||||||
|
|
||||||
|
h6{
|
||||||
|
font-size:100%}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
** Body
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
p{
|
||||||
|
line-height:24px;
|
||||||
|
margin:0;
|
||||||
|
font-size:16px;
|
||||||
|
margin-bottom:24px}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
** Blockquotes
|
||||||
|
|
||||||
|
* Media queries
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media print{
|
||||||
|
.codeblock,pre.src{
|
||||||
|
white-space:pre.src-wrap}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
html,body,section{
|
||||||
|
background:none !important}
|
||||||
|
|
||||||
|
*{
|
||||||
|
box-shadow:none !important;
|
||||||
|
text-shadow:none !important;
|
||||||
|
filter:none !important;
|
||||||
|
-ms-filter:none !important}
|
||||||
|
|
||||||
|
a,a:visited{
|
||||||
|
text-decoration:underline}
|
||||||
|
|
||||||
|
pre.src,blockquote{
|
||||||
|
page-break-inside:avoid}
|
||||||
|
|
||||||
|
thead{
|
||||||
|
display:table-header-group}
|
||||||
|
|
||||||
|
tr,img{
|
||||||
|
page-break-inside:avoid}
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width:100% !important}
|
||||||
|
|
||||||
|
@page{
|
||||||
|
margin:0.5cm}
|
||||||
|
|
||||||
|
p,h2,h3{
|
||||||
|
orphans:3;
|
||||||
|
widows:3}
|
||||||
|
|
||||||
|
h2,h3{
|
||||||
|
page-break-after:avoid}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
#copyright,footer,.wy-nav-side{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
margin-left:0}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.wy-tray-container{
|
||||||
|
bottom:auto;
|
||||||
|
top:0;
|
||||||
|
width:100%}
|
||||||
|
|
||||||
|
.wy-tray-container li{
|
||||||
|
width:100%}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media only screen and (max-width: 480px){
|
||||||
|
.wy-form label{
|
||||||
|
margin-bottom:0.3em;
|
||||||
|
display:block}
|
||||||
|
|
||||||
|
.wy-form .wy-help-inline,.wy-form-message-inline,.wy-form-message{
|
||||||
|
display:block;
|
||||||
|
font-size:80%;
|
||||||
|
padding:6px 0}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.tablet-hide{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
.mobile-hide{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
.wy-breadcrumbs-extra{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
.wy-body-for-nav{
|
||||||
|
background:#fcfcfc}
|
||||||
|
|
||||||
|
.wy-nav-top{
|
||||||
|
display:block}
|
||||||
|
|
||||||
|
.wy-nav-side{
|
||||||
|
left:-300px}
|
||||||
|
|
||||||
|
.wy-nav-side.shift{
|
||||||
|
width:85%;
|
||||||
|
left:0}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
margin-left:0}
|
||||||
|
|
||||||
|
#content #content{
|
||||||
|
padding:1.618em}
|
||||||
|
|
||||||
|
#content.shift{
|
||||||
|
position:fixed;
|
||||||
|
min-width:100%;
|
||||||
|
left:85%;
|
||||||
|
top:0;
|
||||||
|
height:100%;
|
||||||
|
overflow:hidden}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1400px){
|
||||||
|
#content{
|
||||||
|
background:rgba(0,0,0,0.05)}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
background:#fcfcfc}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media screen and (max-width: 768px){
|
||||||
|
#copyright{
|
||||||
|
width:85%;
|
||||||
|
display:none}
|
||||||
|
|
||||||
|
#copyright.shift{
|
||||||
|
display:block}
|
||||||
|
|
||||||
|
img{
|
||||||
|
width:100%;
|
||||||
|
height:auto}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
|
@media screen and (max-width: 480px){
|
||||||
|
#content .sidebar{
|
||||||
|
width:100%}
|
||||||
|
|
||||||
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
|
* Code
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* Tables
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* Forms
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* Buttons
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* Images
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* Helper classes
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* Responsive utilities
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
* CSS
|
||||||
|
:PROPERTIES:
|
||||||
|
:tangle: css/readtheorg.css
|
||||||
|
:END:
|
||||||
|
|
||||||
|
#+begin_src css
|
||||||
*{
|
*{
|
||||||
-webkit-box-sizing:border-box;
|
-webkit-box-sizing:border-box;
|
||||||
-moz-box-sizing:border-box;
|
-moz-box-sizing:border-box;
|
||||||
|
@ -28,11 +295,6 @@ audio:not([controls]){
|
||||||
[hidden]{
|
[hidden]{
|
||||||
display:none}
|
display:none}
|
||||||
|
|
||||||
*{
|
|
||||||
-webkit-box-sizing:border-box;
|
|
||||||
-moz-box-sizing:border-box;
|
|
||||||
box-sizing:border-box}
|
|
||||||
|
|
||||||
html{
|
html{
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
-webkit-text-size-adjust:100%;
|
-webkit-text-size-adjust:100%;
|
||||||
|
@ -107,13 +369,9 @@ pre.src,example{
|
||||||
padding:12px;
|
padding:12px;
|
||||||
white-space:pre;
|
white-space:pre;
|
||||||
}
|
}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media print{
|
#+begin_src css
|
||||||
.codeblock,pre.src{
|
|
||||||
white-space:pre.src-wrap}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
q{
|
q{
|
||||||
quotes:none}
|
quotes:none}
|
||||||
|
|
||||||
|
@ -218,47 +476,9 @@ td{
|
||||||
|
|
||||||
.relative{
|
.relative{
|
||||||
position:relative}
|
position:relative}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media print{
|
#+begin_src css
|
||||||
html,body,section{
|
|
||||||
background:none !important}
|
|
||||||
|
|
||||||
*{
|
|
||||||
box-shadow:none !important;
|
|
||||||
text-shadow:none !important;
|
|
||||||
filter:none !important;
|
|
||||||
-ms-filter:none !important}
|
|
||||||
|
|
||||||
a,a:visited{
|
|
||||||
text-decoration:underline}
|
|
||||||
|
|
||||||
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{
|
|
||||||
content:""}
|
|
||||||
|
|
||||||
pre.src,blockquote{
|
|
||||||
page-break-inside:avoid}
|
|
||||||
|
|
||||||
thead{
|
|
||||||
display:table-header-group}
|
|
||||||
|
|
||||||
tr,img{
|
|
||||||
page-break-inside:avoid}
|
|
||||||
|
|
||||||
img{
|
|
||||||
max-width:100% !important}
|
|
||||||
|
|
||||||
@page{
|
|
||||||
margin:0.5cm}
|
|
||||||
|
|
||||||
p,h2,h3{
|
|
||||||
orphans:3;
|
|
||||||
widows:3}
|
|
||||||
|
|
||||||
h2,h3{
|
|
||||||
page-break-after:avoid}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.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{
|
.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}
|
-webkit-font-smoothing:antialiased}
|
||||||
|
|
||||||
|
@ -341,12 +561,6 @@ td{
|
||||||
.pull-left{
|
.pull-left{
|
||||||
float:left}
|
float:left}
|
||||||
|
|
||||||
/* .fa.pull-left,#content .pull-left.admonition-title,#content h1 .pull-left.headerlink,#content h2 .pull-left.headerlink,#content h3 .pull-left.headerlink,#content h4 .pull-left.headerlink,#content h5 .pull-left.headerlink,#content h6 .pull-left.headerlink,#content dl dt .pull-left.headerlink,.pull-left.icon{ */
|
|
||||||
/* margin-right:.3em} */
|
|
||||||
/* */
|
|
||||||
/* .fa.pull-right,#content .pull-right.admonition-title,#content h1 .pull-right.headerlink,#content h2 .pull-right.headerlink,#content h3 .pull-right.headerlink,#content h4 .pull-right.headerlink,#content h5 .pull-right.headerlink,#content h6 .pull-right.headerlink,#content dl dt .pull-right.headerlink,.pull-right.icon{ */
|
|
||||||
/* margin-left:.3em} */
|
|
||||||
|
|
||||||
.fa-spin{
|
.fa-spin{
|
||||||
-webkit-animation:spin 2s infinite linear;
|
-webkit-animation:spin 2s infinite linear;
|
||||||
-moz-animation:spin 2s infinite linear;
|
-moz-animation:spin 2s infinite linear;
|
||||||
|
@ -567,18 +781,9 @@ a .fa,a #content .admonition-title,#content a .admonition-title{
|
||||||
#content .admonition-title.error,#content .admonition-title.danger{
|
#content .admonition-title.error,#content .admonition-title.danger{
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background:#f29f97}
|
background:#f29f97}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
#+begin_src css
|
||||||
.wy-tray-container{
|
|
||||||
bottom:auto;
|
|
||||||
top:0;
|
|
||||||
width:100%}
|
|
||||||
|
|
||||||
.wy-tray-container li{
|
|
||||||
width:100%}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
button{
|
button{
|
||||||
font-size:100%;
|
font-size:100%;
|
||||||
margin:0;
|
margin:0;
|
||||||
|
@ -991,31 +1196,9 @@ select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[re
|
||||||
-ms-transform:scaleX(-1) rotate(270deg);
|
-ms-transform:scaleX(-1) rotate(270deg);
|
||||||
-o-transform:scaleX(-1) rotate(270deg);
|
-o-transform:scaleX(-1) rotate(270deg);
|
||||||
transform:scaleX(-1) rotate(270deg)}
|
transform:scaleX(-1) rotate(270deg)}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media only screen and (max-width: 480px){
|
#+begin_src css
|
||||||
.wy-form label{
|
|
||||||
margin-bottom:0.3em;
|
|
||||||
display:block}
|
|
||||||
|
|
||||||
.wy-form .wy-help-inline,.wy-form-message-inline,.wy-form-message{
|
|
||||||
display:block;
|
|
||||||
font-size:80%;
|
|
||||||
padding:6px 0}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
|
||||||
.tablet-hide{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
|
||||||
.mobile-hide{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.float-left{
|
.float-left{
|
||||||
float:left}
|
float:left}
|
||||||
|
|
||||||
|
@ -1150,36 +1333,9 @@ a.wy-text-danger:hover{
|
||||||
|
|
||||||
a.wy-text-neutral:hover{
|
a.wy-text-neutral:hover{
|
||||||
color:#595959 !important}
|
color:#595959 !important}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
h1,h2,h3,h4,h5,h6,legend{
|
#+begin_src css
|
||||||
margin-top:0;
|
|
||||||
font-weight:700;
|
|
||||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif}
|
|
||||||
|
|
||||||
p{
|
|
||||||
line-height:24px;
|
|
||||||
margin:0;
|
|
||||||
font-size:16px;
|
|
||||||
margin-bottom:24px}
|
|
||||||
|
|
||||||
h1{
|
|
||||||
font-size:175%}
|
|
||||||
|
|
||||||
h2{
|
|
||||||
font-size:150%}
|
|
||||||
|
|
||||||
h3{
|
|
||||||
font-size:125%}
|
|
||||||
|
|
||||||
h4{
|
|
||||||
font-size:115%}
|
|
||||||
|
|
||||||
h5{
|
|
||||||
font-size:110%}
|
|
||||||
|
|
||||||
h6{
|
|
||||||
font-size:100%}
|
|
||||||
|
|
||||||
hr{
|
hr{
|
||||||
display:block;
|
display:block;
|
||||||
height:1px;
|
height:1px;
|
||||||
|
@ -1262,22 +1418,9 @@ code.code-large,#content tt.code-large{
|
||||||
color:#b3b3b3;
|
color:#b3b3b3;
|
||||||
font-size:80%;
|
font-size:80%;
|
||||||
display:inline-block}
|
display:inline-block}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
#+begin_src css
|
||||||
.wy-breadcrumbs-extra{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print{
|
|
||||||
.wy-breadcrumbs li.wy-breadcrumbs-aside{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.wy-affix{
|
.wy-affix{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:1.618em}
|
top:1.618em}
|
||||||
|
@ -1497,55 +1640,9 @@ footer{
|
||||||
|
|
||||||
footer p{
|
footer p{
|
||||||
margin-bottom:12px}
|
margin-bottom:12px}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
#+begin_src css
|
||||||
.wy-body-for-nav{
|
|
||||||
background:#fcfcfc}
|
|
||||||
|
|
||||||
.wy-nav-top{
|
|
||||||
display:block}
|
|
||||||
|
|
||||||
.wy-nav-side{
|
|
||||||
left:-300px}
|
|
||||||
|
|
||||||
.wy-nav-side.shift{
|
|
||||||
width:85%;
|
|
||||||
left:0}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
margin-left:0}
|
|
||||||
|
|
||||||
#content #content{
|
|
||||||
padding:1.618em}
|
|
||||||
|
|
||||||
#content.shift{
|
|
||||||
position:fixed;
|
|
||||||
min-width:100%;
|
|
||||||
left:85%;
|
|
||||||
top:0;
|
|
||||||
height:100%;
|
|
||||||
overflow:hidden}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1400px){
|
|
||||||
#content{
|
|
||||||
background:rgba(0,0,0,0.05)}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
background:#fcfcfc}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print{
|
|
||||||
#copyright,footer,.wy-nav-side{
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
margin-left:0}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
nav.stickynav{
|
nav.stickynav{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top:0}
|
top:0}
|
||||||
|
@ -1592,21 +1689,9 @@ nav.stickynav{
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
color:#27AE60;
|
color:#27AE60;
|
||||||
*zoom:1}
|
*zoom:1}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media screen and (max-width: 768px){
|
#+begin_src css
|
||||||
#copyright{
|
|
||||||
width:85%;
|
|
||||||
display:none}
|
|
||||||
|
|
||||||
#copyright.shift{
|
|
||||||
display:block}
|
|
||||||
|
|
||||||
img{
|
|
||||||
width:100%;
|
|
||||||
height:auto}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#content img{
|
#content img{
|
||||||
max-width:100%;
|
max-width:100%;
|
||||||
height:auto !important}
|
height:auto !important}
|
||||||
|
@ -1740,13 +1825,9 @@ blockquote{
|
||||||
#content .viewcode-back{
|
#content .viewcode-back{
|
||||||
display:block;
|
display:block;
|
||||||
float:right}
|
float:right}
|
||||||
|
#+end_src
|
||||||
|
|
||||||
@media screen and (max-width: 480px){
|
#+begin_src css
|
||||||
#content .sidebar{
|
|
||||||
width:100%}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
span[id*='MathJax-Span']{
|
span[id*='MathJax-Span']{
|
||||||
color:#404040}
|
color:#404040}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue