Last update before using external repo for CSS/JS

This commit is contained in:
2020-11-27 11:15:13 +01:00
parent a6da7b3e66
commit e14d2f8b8a
13 changed files with 2953 additions and 770 deletions

View File

@@ -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
View 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
View 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; }

View File

@@ -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;
}

File diff suppressed because it is too large Load Diff

View File

@@ -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';