Last update before using external repo for CSS/JS
This commit is contained in:
@@ -3,24 +3,29 @@
|
||||
|
||||
h1,h2,h3,h4,h5,h6,legend{
|
||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
|
||||
font-weight:700;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:175%;
|
||||
}
|
||||
margin-bottom: 1em;
|
||||
font-weight:700;
|
||||
text-align: center;
|
||||
|
||||
.subtitle{
|
||||
font-size:95%; /* of h1 */
|
||||
.subtitle{
|
||||
font-size:95%;
|
||||
font-weight:700;
|
||||
}
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:150%;
|
||||
margin-bottom: 1em;
|
||||
font-weight:700;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:125%;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
h4{
|
||||
@@ -35,7 +40,7 @@ h6{
|
||||
font-size:100%;
|
||||
}
|
||||
|
||||
h4,h5,h6{
|
||||
h4, h5, h6{
|
||||
color:#2980B9;
|
||||
font-weight:300;
|
||||
}
|
||||
@@ -75,7 +80,8 @@ p{
|
||||
}
|
||||
|
||||
b,strong{
|
||||
font-weight:bold}
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
background-color: #F0F0F0;
|
||||
@@ -83,19 +89,16 @@ blockquote{
|
||||
font-style:italic;
|
||||
line-height:24px;
|
||||
margin:0px 0px 24px 0px;
|
||||
/* margin-left:24px; */
|
||||
padding: 6px 20px;
|
||||
}
|
||||
|
||||
ul,ol,dl{
|
||||
line-height:24px;
|
||||
list-style-image:none;
|
||||
/* list-style:none; */
|
||||
margin:0px 0px 24px 0px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
td{
|
||||
vertical-align:top;
|
||||
}
|
||||
@@ -105,11 +108,10 @@ li{
|
||||
}
|
||||
|
||||
dd{
|
||||
margin:0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Inline Code */
|
||||
|
||||
code {
|
||||
background:#fff;
|
||||
border:solid 1px #e1e4e5;
|
||||
@@ -188,69 +190,6 @@ dl dd{
|
||||
margin:0 0 12px 24px;
|
||||
}
|
||||
|
||||
@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: 768px){
|
||||
#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%;
|
||||
}
|
||||
}
|
||||
|
||||
.rotate-90{
|
||||
-webkit-transform:rotate(90deg);
|
||||
-moz-transform:rotate(90deg);
|
||||
@@ -267,59 +206,6 @@ dl dd{
|
||||
transform:rotate(270deg);
|
||||
}
|
||||
|
||||
#toggle-sidebar,
|
||||
#table-of-contents .close-sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#table-of-contents {
|
||||
display: none;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#table-of-contents h2 a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#table-of-contents:target {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#copyright, #postamble {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toggle-sidebar {
|
||||
display: block;
|
||||
margin-bottom: 1.6em;
|
||||
padding: 0.6em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#toggle-sidebar h2 {
|
||||
background-color:#2980B9;
|
||||
width:100%;
|
||||
height:50px;
|
||||
left:0;
|
||||
top:0;
|
||||
color: white;
|
||||
font-size: 100%;
|
||||
line-height: 50px;
|
||||
position:fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
#table-of-contents .close-sidebar {
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
display: inline-block;
|
||||
margin: 0px 10px 0px 45px;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
*{
|
||||
-webkit-box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
@@ -370,6 +256,10 @@ svg:not(:root){
|
||||
|
||||
label{
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
margin:0 0 0.3125em 0;
|
||||
color:#333;
|
||||
font-size:90%;
|
||||
}
|
||||
|
||||
legend{
|
||||
@@ -377,49 +267,35 @@ legend{
|
||||
margin-left:-7px;
|
||||
padding:0;
|
||||
white-space:normal;
|
||||
display:block;
|
||||
width:100%;
|
||||
padding:0;
|
||||
white-space:normal;
|
||||
margin-bottom:24px;
|
||||
font-size:150%;
|
||||
}
|
||||
|
||||
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
legend{
|
||||
display:block;
|
||||
width:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
white-space:normal;
|
||||
margin-bottom:24px;
|
||||
font-size:150%;
|
||||
*margin-left:-7px;
|
||||
}
|
||||
|
||||
label{
|
||||
display:block;
|
||||
margin:0 0 0.3125em 0;
|
||||
color:#333;
|
||||
font-size:90%;
|
||||
}
|
||||
|
||||
a{
|
||||
color:#2980B9;
|
||||
text-decoration:none;
|
||||
cursor:pointer;
|
||||
|
||||
&:hover{
|
||||
outline:0;
|
||||
color:#3091d1;
|
||||
}
|
||||
|
||||
&:visited{
|
||||
outline:0;
|
||||
color:#9B59B6;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a:hover,a:active{
|
||||
outline:0;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color:#3091d1;
|
||||
}
|
||||
|
||||
a:visited{
|
||||
color:#9B59B6;
|
||||
}
|
||||
|
||||
.left{
|
||||
text-align:left;
|
||||
}
|
||||
@@ -443,10 +319,10 @@ hr{
|
||||
|
||||
footer{
|
||||
color:#999;
|
||||
}
|
||||
|
||||
footer p{
|
||||
margin-bottom:12px;
|
||||
p {
|
||||
margin-bottom:12px;
|
||||
}
|
||||
}
|
||||
|
||||
#content img{
|
||||
@@ -485,6 +361,8 @@ footer p{
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#content .sidebar{
|
||||
float:right;
|
||||
width:40%;
|
||||
@@ -493,26 +371,27 @@ footer p{
|
||||
padding:24px;
|
||||
background:#f3f6f6;
|
||||
border:solid 1px #e1e4e5;
|
||||
|
||||
p, ul, dl{
|
||||
font-size:90%;
|
||||
}
|
||||
|
||||
.last{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.sidebar-title{
|
||||
display:block;
|
||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
|
||||
font-weight:bold;
|
||||
background:#e1e4e5;
|
||||
padding:6px 12px;
|
||||
margin:-24px;
|
||||
margin-bottom:24px;
|
||||
font-size:100%;
|
||||
}
|
||||
}
|
||||
|
||||
#content .sidebar p,#content .sidebar ul,#content .sidebar dl{
|
||||
font-size:90%;
|
||||
}
|
||||
|
||||
#content .sidebar .last{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
#content .sidebar .sidebar-title{
|
||||
display:block;
|
||||
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
|
||||
font-weight:bold;
|
||||
background:#e1e4e5;
|
||||
padding:6px 12px;
|
||||
margin:-24px;
|
||||
margin-bottom:24px;
|
||||
font-size:100%;
|
||||
}
|
||||
|
||||
#content .highlighted{
|
||||
background:#F1C40F;
|
||||
@@ -526,6 +405,7 @@ footer p{
|
||||
font-size:90%;
|
||||
}
|
||||
|
||||
|
||||
span[id*='MathJax-Span']{
|
||||
color:#404040;
|
||||
}
|
||||
@@ -569,6 +449,7 @@ h2.footnotes{
|
||||
/* display: inline; */
|
||||
}
|
||||
|
||||
|
||||
.todo{
|
||||
background-color: #f29f97;
|
||||
padding: 0px 4px;
|
||||
|
111
css/partials/_media.scss
Normal file
111
css/partials/_media.scss
Normal file
@@ -0,0 +1,111 @@
|
||||
@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: 768px){
|
||||
#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%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
#table-of-contents {
|
||||
display: none;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#table-of-contents h2 a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#table-of-contents:target {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#copyright, #postamble {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toggle-sidebar {
|
||||
display: block;
|
||||
margin-bottom: 1.6em;
|
||||
padding: 0.6em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#toggle-sidebar h2 {
|
||||
background-color:#2980B9;
|
||||
width:100%;
|
||||
height:50px;
|
||||
left:0;
|
||||
top:0;
|
||||
color: white;
|
||||
font-size: 100%;
|
||||
line-height: 50px;
|
||||
position:fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity:0.7;
|
||||
}
|
||||
|
||||
#table-of-contents .close-sidebar {
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
display: inline-block;
|
||||
margin: 0px 10px 0px 45px;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
35
css/partials/_reset.scss
Normal file
35
css/partials/_reset.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline; }
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote {
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
content: none; } }
|
||||
|
||||
q {
|
||||
&:before, &:after {
|
||||
content: '';
|
||||
content: none; } }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
@@ -55,6 +55,10 @@
|
||||
|
||||
}
|
||||
|
||||
.close-sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header {
|
||||
height:32px;
|
||||
display:inline-block;
|
||||
@@ -194,3 +198,7 @@ ul.nav li.active a {
|
||||
ul.nav > li.active > a {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
#toggle-sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
1404
css/style.css
1404
css/style.css
File diff suppressed because it is too large
Load Diff
@@ -1,3 +1,5 @@
|
||||
@import 'partials/_reset.scss';
|
||||
|
||||
@import 'partials/_base.scss';
|
||||
@import 'partials/_nagivation.scss';
|
||||
@import 'partials/_toc.scss';
|
||||
@@ -11,3 +13,5 @@
|
||||
@import 'partials/_tables.scss';
|
||||
@import 'partials/_video.scss';
|
||||
@import 'partials/_details.scss';
|
||||
|
||||
@import 'partials/_media.scss';
|
||||
|
Reference in New Issue
Block a user