org-theme/scss/partials/_base.scss
2020-11-26 13:41:19 +01:00

476 lines
9.7 KiB
SCSS

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
h1,h2,h3,h4,h5,h6,legend{
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
}
h1{
font-size:175%;
margin-bottom: 1em;
font-weight:700;
text-align: center;
.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{
font-size:115%;
}
h5{
font-size:110%;
}
h6{
font-size:100%;
}
h4, h5, h6{
color:#2980B9;
font-weight:300;
}
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
font-size:100%;
height:100%;
overflow-x:hidden;
}
body{
background:#edf0f2;
color:#404040;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
font-weight:normal;
margin:0;
min-height:100%;
overflow-x:hidden;
}
#content{
background:#fcfcfc;
height:100%;
margin-left:300px;
/* margin:auto; */
max-width:1200px;
min-height:100%;
padding:1.618em 3.236em;
}
p{
font-size:16px;
line-height:24px;
margin:0px 0px 24px 0px;
}
b,strong{
font-weight:bold;
}
i{
font-style: italic;
}
.underline {
text-decoration: underline;
}
/* Inline Code */
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;
}
blockquote{
background-color: #F0F0F0;
border-left:5px solid #CCCCCC;
font-style:italic;
line-height:24px;
margin:0px 0px 24px 0px;
padding: 6px 20px;
}
// .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;
// box-sizing:border-box;
// }
ins{
background:#ff9;
color:#000;
text-decoration:none;
}
mark{
background:#ff0;
color:#000;
font-style:italic;
font-weight:bold;
}
small{
font-size:85%;
}
// Links to Footnotes
sub{
font-size:0.5em;
line-height:0;
position:relative;
vertical-align:baseline;
bottom:-0.25em;
}
img{
-ms-interpolation-mode:bicubic;
vertical-align:middle;
max-width:100%;
}
svg:not(:root){
overflow:hidden;
}
label{
cursor:pointer;
display:block;
margin:0 0 0.3125em 0;
color:#333;
font-size:90%;
}
legend{
border:0;
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;
}
a{
color:#2980B9;
text-decoration:none;
cursor:pointer;
&:hover{
outline:0;
color:#3091d1;
}
&:visited{
outline:0;
color:#9B59B6;
}
}
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #e1e4e5;
margin:24px 0;
padding:0;
}
footer{
color:#999;
p {
margin-bottom:12px;
}
}
#content img{
max-width:100%;
}
#content .section>img,#content .section>a>img{
margin-bottom:24px;
}
.verse{
border-left:5px solid #6AB0DE;
background-color: #E7F2FA;
padding: 6px 20px;
font-style:italic;
}
#content .section ol p,#content .section ul p{
margin-bottom:12px;
}
#content h1 .headerlink,#content h2 .headerlink,#content h3 .headerlink,#content h4 .headerlink,#content h5 .headerlink,#content h6 .headerlink,#content dl dt .headerlink{
display:none;
visibility:hidden;
font-size:14px;
}
#content h1 .headerlink:after,#content h2 .headerlink:after,#content h3 .headerlink:after,#content h4 .headerlink:after,#content h5 .headerlink:after,#content h6 .headerlink:after,#content dl dt .headerlink:after{
visibility:visible;
content:"";
font-family:FontAwesome;
display:inline-block;
}
#content h1:hover .headerlink,#content h2:hover .headerlink,#content h3:hover .headerlink,#content h4:hover .headerlink,#content h5:hover .headerlink,#content h6:hover .headerlink,#content dl dt:hover .headerlink{
display:inline-block;
}
#content .sidebar{
float:right;
width:40%;
display:block;
margin:0 0 24px 24px;
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 .highlighted{
background:#F1C40F;
display:inline-block;
font-weight:bold;
padding:0 6px;
}
#content .footnote-reference,#content .citation-reference{
vertical-align:super;
font-size:90%;
}
span[id*='MathJax-Span']{
color:#404040;
}
.math{
text-align:center;
}
.footnum, .footref{
color: #2980b9;
font-size: 170%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
}
.footnum:before, .footref:before{
content:"[";
}
.footnum:after, .footref:after{
content:"]";
}
.footpara {
color: #999;
font-size: 90%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
line-height: 1.25em;
/* display: inline; */
}
.todo{
background-color: #f29f97;
padding: 0px 4px;
color: #fff;
}
.WAIT, .nilWAIT{
background-color: #6AB097;
}
.done{
background-color: #6ab0de;
padding: 0px 4px;
color: #fff;
}
.tag span {
background-color: #EDEDED;
border: 1px solid #EDEDED;
color: #939393;
cursor: pointer;
display: block;
float: right;
font-size: 80%;
font-weight: normal;
margin: 0 3px;
padding: 1px 2px;
border-radius: 10px;
}
.tag .FLAGGED {
background-color: #DB2D27;
border: 1px solid #DB2D27;
color: white;
font-weight: bold;
}
.timestamp {
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: 90%;
color: navy;
}
.nav .timestamp {
color: inherit;
}
.inlinetask {
background: #FFF9E3; /* url(dialog-todo.png) no-repeat 10px 8px; */
border: 3px solid #FFEB8E;
/* border-right-style: none; */
/* border-left-style: none; */
/* padding: 10px 20px 10px 60px; */
padding: 9px 12px;
margin-bottom: 24px;
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
}
// Font Awesome
.fa: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,.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;
}
/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{
font-family:'FontAwesome';
src:url("../fonts/fontawesome-webfont.eot?v=4.1.0");
src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
font-weight:normal;
font-style:normal;
}
.fa,.icon{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.fa-ul{
padding-left:0;
margin-left:2.14286em;
list-style-type:none;
}
.fa-ul>li{
position:relative;
}
.fa-li{
position:absolute;
left:-2.14286em;
width:2.14286em;
top:0.14286em;
text-align:center;
}
.fa-li.fa-lg{
left:-1.85714em;
}
.fa-border{
padding:.2em .25em .15em;
border:solid 0.08em #eee;
border-radius:.1em;
}