CSS => SCSS

This commit is contained in:
Thomas Dehaeze 2020-11-25 12:10:23 +01:00
parent 5b3d3de5be
commit 6999490e1b
17 changed files with 1592 additions and 1968 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
.sass-cache/
*.css.map

View File

@ -1,110 +0,0 @@
/* Figures */
.figure p {
text-align: center;
}
.figure img {
max-width:100%;
display: block;
margin: auto;
}
.figure .figure-number {
font-weight: bold;
color: #343131;
}
/* Tables */
table {
margin-left: auto;
margin-right: auto;
}
table .table-number {
font-weight: bold;
color: #343131;
}
/* Source Blocks */
.org-src-container > pre.src:before {
display: inline;
position: absolute;
color: #808080;
background-color: white;
top: -10px;
left: 10px;
padding: 0px 4px;
border: 1px solid #d0d0d0;
font-size: 80%;
}
.org-src-container > pre {
margin-top: 1.5em;
position: relative;
overflow: visible;
}
.org-src-container > pre > code.src:before {
display: inline;
position: absolute;
color: #808080;
background-color: white;
top: -10px;
left: 10px;
padding: 0px 4px;
border: 1px solid #d0d0d0;
font-size: 80%;
}
.org-src-container > pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
.org-src-container > pre.src-elisp:before { content: 'Emacs Lisp'; }
.org-src-container > pre.src-sh:before { content: 'shell'; }
.org-src-container > pre.src-bash:before { content: 'bash'; }
.org-src-container > pre.src-org:before { content: 'Org mode'; }
.org-src-container > pre.src-python:before { content: 'Python'; }
.org-src-container > pre.src-matlab:before { content: 'Matlab'; }
/* Results blocks */
pre.example {
position: relative;
}
pre.example:before {
content: 'Result';
display: inline;
position: absolute;
color: #808080;
background-color: white;
top: -10px;
left: 10px;
padding: 0px 4px;
border: 1px solid #d0d0d0;
font-size: 80%;
}
/* Navigation Buttons */
#org-div-home-and-up {
text-align: right;
max-width: 1200px;
margin-left: 300px;
}
@media screen and (max-width: 768px) {
#org-div-home-and-up {
position: fixed;
z-index: 10;
margin: 10px;
right: 0;
}
#org-div-home-and-up > a {
color: black;
}
}
/* Center Youtube Videos */
iframe {
display: block;
margin: auto;
}

View File

@ -95,6 +95,11 @@ ul,ol,dl{
padding:0;
}
td{
vertical-align:top;
}
li{
margin-left: 24px;
}
@ -103,6 +108,20 @@ dd{
margin:0;
}
/* 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;
}
#content .section ul,#content .toctree-wrapper ul,article ul{
list-style:disc;
line-height:24px;
@ -169,83 +188,6 @@ dl dd{
margin:0 0 12px 24px;
}
@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{
#postamble{
display:none;
}
#content{
margin-left:0;
}
}
@media print{
#table-of-contents{
display:none;
}
@page{
size: auto;
margin: 25mm 25mm 25mm 25mm;;
}
body {
margin: 0px;;
}
}
@media screen and (max-width: 768px){
}
@media only screen and (max-width: 480px){
}
@media screen and (max-width: 768px){
.tablet-hide{
display:none;
@ -258,9 +200,6 @@ dl dd{
}
}
@media screen and (max-width: 480px){
}
@media screen and (max-width: 768px){
#content{
margin-left:0;
@ -312,120 +251,6 @@ dl dd{
}
}
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;
}
table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin-bottom:24px;
border-bottom:1px solid #e1e4e5;
}
td{
vertical-align:top;
}
table td,table th{
font-size:90%;
margin:0;
overflow:visible;
padding:8px 16px;
background-color:white;
border:1px solid #e1e4e5;
}
table thead th{
font-weight:bold;
border-top:3px solid #e1e4e5;
border-bottom:1px solid #e1e4e5;
}
table caption{
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
}
table tr:nth-child(2n-1) td{
background-color:#f3f6f6;
}
table tr:nth-child(2n) td{
background-color:white;
}
.figure p{
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
}
.rotate-90{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
@ -501,10 +326,6 @@ table tr:nth-child(2n) td{
box-sizing:border-box;
}
figcaption,figure,footer,header,hgroup,nav{
display:block;
}
ins{
background:#ff9;
color:#000;
@ -547,10 +368,6 @@ svg:not(:root){
overflow:hidden;
}
figure{
margin:0;
}
label{
cursor:pointer;
}
@ -562,77 +379,6 @@ legend{
white-space:normal;
}
.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 .summary,#content .hint,#content .important,#content .tip,#content .warning,#content .question,#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;
}
/*!
* 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,#content .admonition-title,.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;
}
.fa,#content .admonition-title{
font-family:inherit;
}
.fa:before,#content .admonition-title:before{
font-family:"FontAwesome";
display:inline-block;
font-style:normal;
font-weight:normal;
line-height:1;
text-decoration:inherit;
}
a .fa,a #content .admonition-title,#content a .admonition-title{
display:inline-block;
text-decoration:inherit;
}
.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{
display:inline;
}
@ -778,209 +524,6 @@ hr{
padding:0;
}
#table-of-contents li{
list-style:none;
margin-left: 0px;
}
#table-of-contents header{
height:32px;
display:inline-block;
line-height:32px;
padding:0 1.618em;
display:block;
font-weight:bold;
text-transform:uppercase;
font-size:80%;
color:#2980B9;
white-space:nowrap;
}
#table-of-contents ul{
margin-bottom:0;
}
#table-of-contents li.divide-top{
border-top:solid 1px #404040;
}
#table-of-contents li.divide-bottom{
border-bottom:solid 1px #404040;
}
#table-of-contents li.current{
background:#e3e3e3;
}
#table-of-contents li.current a{
color:gray;
border-right:solid 1px #c9c9c9;
padding:0.4045em 2.427em;
}
#table-of-contents li.current a:hover{
background:#d6d6d6;
}
#table-of-contents li a{
/* color:#404040; */
padding:0.4045em 1.618em;
position:relative;
/* background:#fcfcfc; */
border:none;
/* border-bottom:solid 1px #c9c9c9; */
/* border-top:solid 1px #c9c9c9; */
padding-left:1.618em -4px;
}
#table-of-contents li.on a:hover,#table-of-contents li.current>a:hover{
background:#fcfcfc;
}
#table-of-contents li ul li a{
/* background:#c9c9c9; */
padding:0.4045em 2.427em;
}
#table-of-contents li ul li ul li a{
padding:0.4045em 3.236em;
}
#table-of-contents li.current ul{
display:block;
}
/* #table-of-contents li ul{ */
/* margin-bottom:0; */
/* display:none} */
#table-of-contents .local-toc li ul{
display:block;
}
#table-of-contents li ul li a{
margin-bottom:0;
color:#b3b3b3;
font-weight:normal;
}
#table-of-contents a{
display:inline-block;
line-height:18px;
padding:0.4045em 1.618em;
display:block;
position:relative;
font-size:90%;
color:#b3b3b3;
direction: ltr;
}
#table-of-contents a:hover{
background-color:#4e4a4a;
cursor:pointer;
}
/* #text-table-of-contents { */
/* overflow:scroll; */
/* } */
#table-of-contents{
position:fixed;
top:0;
left:0;
width:300px;
overflow-x:hidden;
overflow-y:scroll;
height:100%;
background:#343131;
z-index:200;
scrollbar-base-color: #1F1D1D;
scrollbar-arrow-color: #b3b3b3;
scrollbar-shadow-color: #1F1D1D;
scrollbar-track-color : #343131;
}
#table-of-contents h2{
z-index:200;
background-color:#2980B9;
text-align:center;
padding:0.809em;
display:block;
color:#fcfcfc;
font-size: 100%;
margin-bottom:0.809em;
}
ul.nav li ul li {
display: none;
}
ul.nav li ul li ul li {
display: none;
}
ul.nav li.active ul li {
display: inline;
}
ul.nav li.active ul li ul li {
display: inline;
}
ul.nav li.active ul li a {
background-color: #E3E3E3;
color: #8099B0;
border-right:solid 1px #c9c9c9 !important;
}
ul.nav li.active ul li.active a {
background-color: #C9C9C9;
color: black !important;
font-weight: bold !important;
}
ul.nav li.active ul li.active ul li.active a {
color: black !important;
font-weight: bold !important;
display: block !important;
}
ul.nav li.active ul li.active ul li a {
color: #808080 !important;
font-weight: normal !important;
display: block !important;
}
ul.nav li.active ul li ul li a {
display: none !important;
}
/* ul.nav li ul li ul li { */
/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */
/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */
/* } */
ul.nav li ul li ul li ul li {
display: none !important; /* as long as nav is on multiple levels of ul */
/* display: none; /* as long as nav is on multiple levels of ul *\/ */
}
ul.nav li.active > a {
border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */
border-right:solid 1px #c9c9c9 !important;
}
ul.nav li.active a {
color: gray !important;
font-weight:bold;
background-color: white;
border-right:solid 0px white !important;
}
ul.nav > li.active > a {
color: black !important;
}
footer{
color:#999;
}
@ -989,63 +532,10 @@ footer p{
margin-bottom:12px;
}
#copyright, #postamble{
position:fixed;
bottom:0;
left:0;
width:300px;
color:#fcfcfc;
background:#1f1d1d;
border-top:solid 10px #343131;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
font-size: 90%;
z-index:400;
padding:12px;
}
#postamble .author {
font-size: 100%;
margin-bottom: 0px;
}
#postamble .date {
font-size: 90%;
margin-bottom: 0px;
color: #27AE60;
}
#postamble .creator,#postamble .validation {
display:none;
}
#copyright a{
color:#2980B9;
text-decoration:none;
}
#copyright .rst-current-version{
padding:12px;
background-color:#272525;
display:block;
text-align:right;
font-size:90%;
cursor:pointer;
color:#27AE60;
*zoom:1;
}
#content img{
max-width:100%;
}
#content div.figure{
margin-bottom:24px;
}
#content div.figure.align-center{
text-align:center;
}
#content .section>img,#content .section>a>img{
margin-bottom:24px;
}
@ -1227,3 +717,76 @@ h2.footnotes{
margin-bottom: 24px;
font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
}
// Font Awesome
.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 .summary,#content .hint,#content .important,#content .tip,#content .warning,#content .question,#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;
}
/*!
* 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;
}
.fa,#content .admonition-title{
font-family:inherit;
}
.fa:before,#content .admonition-title:before{
font-family:"FontAwesome";
display:inline-block;
font-style:normal;
font-weight:normal;
line-height:1;
text-decoration:inherit;
}
a .fa,a #content .admonition-title,#content a .admonition-title{
display:inline-block;
text-decoration:inherit;
}

88
css/partials/_codes.scss Normal file
View File

@ -0,0 +1,88 @@
.org-src-container {
> pre {
margin-top: 1.5em;
position: relative;
overflow: visible;
border:1px solid #e1e4e5;
background:#fff;
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;
padding:12px;
white-space:pre;
&.src:before {
display: inline;
position: absolute;
color: #808080;
background-color: white;
top: -10px;
left: 10px;
padding: 0px 4px;
border: 1px solid #d0d0d0;
font-size: 80%;
}
&.src-emacs-lisp:before { content: 'Emacs Lisp'; }
&.src-elisp:before { content: 'Emacs Lisp'; }
&.src-sh:before { content: 'shell'; }
&.src-bash:before { content: 'bash'; }
&.src-org:before { content: 'Org mode'; }
&.src-python:before { content: 'Python'; }
&.src-matlab:before { content: 'Matlab'; }
}
}
/* Results blocks */
pre {
&.example {
position: relative;
background:#f3f6f6;
border:1px solid #e1e4e5;
color:#404040;
font-size: 12px;
line-height: 1.5;
margin-bottom:24px;
padding:12px;
&:before {
content: 'Result';
display: inline;
position: absolute;
color: #808080;
background-color: white;
top: -10px;
left: 10px;
padding: 0px 4px;
border: 1px solid #d0d0d0;
font-size: 80%;
}
}
}
.org-type {
color: #228b22;
}
.org-comment {
color: #999988; font-style: italic;
}
.org-comment-delimiter {
color: #999988; font-style: italic;
}
.org-string {
color: #dd1144;
}
.org-matlab-cellbreak {
text-decoration: underline;
text-decoration-color: #999988;
}
.org-constant {
color: #008b8b;
}
.org-variable-name {
color: teal;
}

View File

@ -0,0 +1,28 @@
#copyright {
position:fixed;
bottom:0;
left:0;
width:300px;
color:#fcfcfc;
background:#1f1d1d;
border-top:solid 10px #343131;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
font-size: 90%;
z-index:400;
padding:12px;
a{
color:#2980B9;
text-decoration:none;
}
.rst-current-version{
padding:12px;
background-color:#272525;
display:block;
text-align:right;
font-size:90%;
cursor:pointer;
color:#27AE60;
*zoom:1;
}
}

View File

@ -0,0 +1,27 @@
/* Figures */
.figure {
margin-bottom:24px;
p {
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
text-align: center;
margin: 0;
}
img {
max-width:100%;
display: block;
margin: auto;
}
.figure-number {
font-weight: bold;
color: #343131;
}
}
figcaption,figure,footer,header,hgroup,nav{
display:block;
}

View File

@ -46,12 +46,6 @@
.org-comint-highlight-prompt {
color: #00008b;
}
.org-comment {
color: #999988; font-style: italic;
}
.org-comment-delimiter {
color: #999988; font-style: italic;
}
.org-completions-annotations {
font-style: italic;
}
@ -61,9 +55,6 @@
.org-completions-first-difference {
font-weight: bold;
}
.org-constant {
color: #008b8b;
}
.org-diary {
color: #ff0000;
}
@ -391,9 +382,6 @@
.org-show-paren-mismatch {
color: #ffffff; background-color: #a020f0;
}
.org-string {
color: #dd1144;
}
.org-tool-bar {
color: #000000; background-color: #bfbfbf;
}
@ -403,15 +391,9 @@
.org-trailing-whitespace {
background-color: #ff0000;
}
.org-type {
color: #228b22;
}
.org-underline {
text-decoration: underline;
}
.org-variable-name {
color: teal;
}
.org-warning {
color: #ff0000; font-weight: bold;
}

View File

@ -0,0 +1,15 @@
#org-div-home-and-up {
text-align: right;
max-width: 1200px;
margin-left: 300px;
@media screen and (max-width: 768px) {
position: fixed;
z-index: 10;
margin: 10px;
right: 0;
> a {
color: black;
}
}
}

View File

@ -0,0 +1,28 @@
#postamble{
position:fixed;
bottom:0;
left:0;
width:300px;
color:#fcfcfc;
background:#1f1d1d;
border-top:solid 10px #343131;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
font-size: 90%;
z-index:400;
padding:12px;
.author {
font-size: 100%;
margin-bottom: 0px;
}
.date {
font-size: 90%;
margin-bottom: 0px;
color: #27AE60;
}
.creator, .validation {
display:none;
}
}

70
css/partials/_print.scss Normal file
View File

@ -0,0 +1,70 @@
@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{
#postamble{
display:none;
}
#content{
margin-left:0;
}
}
@media print{
#table-of-contents{
display:none;
}
@page{
size: auto;
margin: 25mm 25mm 25mm 25mm;;
}
body {
margin: 0px;;
}
}

43
css/partials/_tables.scss Normal file
View File

@ -0,0 +1,43 @@
table {
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
margin-bottom:24px;
border-bottom:1px solid #e1e4e5;
.table-number {
font-weight: bold;
color: #343131;
}
td,th{
font-size:90%;
margin:0;
overflow:visible;
padding:8px 16px;
background-color:white;
border:1px solid #e1e4e5;
}
thead th{
font-weight:bold;
border-top:3px solid #e1e4e5;
border-bottom:1px solid #e1e4e5;
}
caption{
color:#000;
font:italic 85%/1 arial,sans-serif;
padding:1em 0;
}
tr:nth-child(2n-1) td{
background-color:#f3f6f6;
}
tr:nth-child(2n) td{
background-color:white;
}
}

196
css/partials/_toc.scss Normal file
View File

@ -0,0 +1,196 @@
#table-of-contents {
position:fixed;
top:0;
left:0;
width:300px;
overflow-x:hidden;
overflow-y:scroll;
height:100%;
background:#343131;
z-index:200;
scrollbar-base-color: #1F1D1D;
scrollbar-arrow-color: #b3b3b3;
scrollbar-shadow-color: #1F1D1D;
scrollbar-track-color : #343131;
li {
list-style:none;
margin-left: 0px;
&.divide-top {
border-top:solid 1px #404040;
}
&.divide-bottom {
border-bottom:solid 1px #404040;
}
&.current {
background:#e3e3e3;
a {
color:gray;
border-right:solid 1px #c9c9c9;
padding:0.4045em 2.427em;
&:hover{
background:#d6d6d6;
}
}
}
a {
padding:0.4045em 1.618em;
position:relative;
border:none;
padding-left:1.618em -4px;
}
&.on a:hover {
background:#fcfcfc;
}
&.current>a:hover{
background:#fcfcfc;
}
}
header {
height:32px;
display:inline-block;
line-height:32px;
padding:0 1.618em;
display:block;
font-weight:bold;
text-transform:uppercase;
font-size:80%;
color:#2980B9;
white-space:nowrap;
}
ul {
margin-bottom:0;
}
li ul li a{
padding:0.4045em 2.427em;
}
li ul li ul li a{
padding:0.4045em 3.236em;
}
li.current ul{
display:block;
}
.local-toc li ul{
display:block;
}
li ul li a{
margin-bottom:0;
color:#b3b3b3;
font-weight:normal;
}
a {
display:inline-block;
line-height:18px;
padding:0.4045em 1.618em;
display:block;
position:relative;
font-size:90%;
color:#b3b3b3;
direction: ltr;
&:hover{
background-color:#4e4a4a;
cursor:pointer;
}
}
h2 {
z-index:200;
background-color:#2980B9;
text-align:center;
padding:0.809em;
display:block;
color:#fcfcfc;
font-size: 100%;
margin-bottom:0.809em;
}
}
ul.nav li ul li {
display: none;
}
ul.nav li ul li ul li {
display: none;
}
ul.nav li.active ul li {
display: inline;
}
ul.nav li.active ul li ul li {
display: inline;
}
ul.nav li.active ul li a {
background-color: #E3E3E3;
color: #8099B0;
border-right:solid 1px #c9c9c9 !important;
}
ul.nav li.active ul li.active a {
background-color: #C9C9C9;
color: black !important;
font-weight: bold !important;
}
ul.nav li.active ul li.active ul li.active a {
color: black !important;
font-weight: bold !important;
display: block !important;
}
ul.nav li.active ul li.active ul li a {
color: #808080 !important;
font-weight: normal !important;
display: block !important;
}
ul.nav li.active ul li ul li a {
display: none !important;
}
ul.nav li ul li ul li ul li {
display: none !important;
}
ul.nav li.active > a {
border-bottom:solid 1px #c9c9c9 !important;
border-right:solid 1px #c9c9c9 !important;
}
ul.nav li.active a {
color: gray !important;
font-weight:bold;
background-color: white;
border-right:solid 0px white !important;
}
ul.nav > li.active > a {
color: black !important;
}

13
css/partials/_video.scss Normal file
View File

@ -0,0 +1,13 @@
/* Center Youtube Videos */
iframe {
display: block;
margin: auto;
max-width: 100%;
}
/* Video */
video {
max-width: 100%;
}

File diff suppressed because it is too large Load Diff

11
css/style.scss Normal file
View File

@ -0,0 +1,11 @@
@import 'partials/_base.scss';
@import 'partials/_nagivation.scss';
@import 'partials/_toc.scss';
@import 'partials/_copyright.scss';
@import 'partials/_postamble.scss';
@import 'partials/_print.scss';
@import 'partials/_codes.scss';
@import 'partials/_figures.scss';
@import 'partials/_tables.scss';
@import 'partials/_video.scss';

View File

@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2020-11-20 ven. 10:45 -->
<!-- 2020-11-24 mar. 22:25 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Research Pages</title>
<meta name="generator" content="Org mode" />
@ -27,12 +27,12 @@
Welcome to my research pages.
</p>
<div id="outline-container-org3cbb028" class="outline-2">
<h2 id="org3cbb028"><span class="section-number-2">1</span> Papers</h2>
<div id="outline-container-orga3daae8" class="outline-2">
<h2 id="orga3daae8"><span class="section-number-2">1</span> Papers</h2>
<div class="outline-text-2" id="text-1">
</div>
<div id="outline-container-org28544b6" class="outline-3">
<h3 id="org28544b6"><span class="section-number-3">1.1</span> Conference Papers</h3>
<div id="outline-container-org2af5456" class="outline-3">
<h3 id="org2af5456"><span class="section-number-3">1.1</span> Conference Papers</h3>
<div class="outline-text-3" id="text-1-1">
<ul class="org-ul">
<li>Dehaeze, T., Mattenet, M. M., &amp; Collette, C., <b>Sample Stabilization For Tomography Experiments In Presence Of Large Plant Uncertainty</b>, In MEDSI&rsquo;18 (pp. 153157) (2018). Geneva, Switzerland: JACoW Publishing. (<a href="dehaeze18_sampl_stabil_for_tomog_exper/index.html">link</a>)</li>
@ -42,8 +42,8 @@ Welcome to my research pages.
</div>
</div>
<div id="outline-container-org2b7b0d3" class="outline-3">
<h3 id="org2b7b0d3"><span class="section-number-3">1.2</span> Journal Papers</h3>
<div id="outline-container-org4076036" class="outline-3">
<h3 id="org4076036"><span class="section-number-3">1.2</span> Journal Papers</h3>
<div class="outline-text-3" id="text-1-2">
<ul class="org-ul">
<li>Verma, M., Dehaeze, T., Zhao, G., Watchi, J., &amp; Collette, C., <b>Virtual sensor fusion for high precision control, Mechanical Systems and Signal Processing</b>, 150, 107241 (2020). <a href="http://dx.doi.org/10.1016/j.ymssp.2020.107241">http://dx.doi.org/10.1016/j.ymssp.2020.107241</a> (<a href="personnal-papers/verma20_virtual_sensor_fusion_high_precis_contr.pdf">pdf</a>)</li>
@ -53,12 +53,12 @@ Welcome to my research pages.
</div>
</div>
<div id="outline-container-orgff32e11" class="outline-2">
<h2 id="orgff32e11"><span class="section-number-2">2</span> Useful Pages / Tutorials</h2>
<div id="outline-container-org13c8a4f" class="outline-2">
<h2 id="org13c8a4f"><span class="section-number-2">2</span> Useful Pages / Tutorials</h2>
<div class="outline-text-2" id="text-2">
</div>
<div id="outline-container-org7647346" class="outline-3">
<h3 id="org7647346"><span class="section-number-3">2.1</span> General Mechatronics</h3>
<div id="outline-container-org61e7105" class="outline-3">
<h3 id="org61e7105"><span class="section-number-3">2.1</span> General Mechatronics</h3>
<div class="outline-text-3" id="text-2-1">
<p>
<a href="spectral-analysis/index.html">Spectral Analysis</a>
@ -87,8 +87,8 @@ Several types of linear filters (low pass, high pass, notch, lead, etc.) are pre
</div>
</div>
<div id="outline-container-orga16145e" class="outline-3">
<h3 id="orga16145e"><span class="section-number-3">2.2</span> System Modeling using Simscape</h3>
<div id="outline-container-org0b67d11" class="outline-3">
<h3 id="org0b67d11"><span class="section-number-3">2.2</span> System Modeling using Simscape</h3>
<div class="outline-text-3" id="text-2-2">
<p>
<a href="simscape-fem/index.html">Finite Element Models with Simscape</a>
@ -113,12 +113,12 @@ In order to start the simulation at equilibrium, few measured can be employed th
</div>
</div>
<div id="outline-container-orgb294da4" class="outline-2">
<h2 id="orgb294da4"><span class="section-number-2">3</span> Test Benches / Experiments</h2>
<div id="outline-container-org187284f" class="outline-2">
<h2 id="org187284f"><span class="section-number-2">3</span> Test Benches / Experiments</h2>
<div class="outline-text-2" id="text-3">
</div>
<div id="outline-container-org6dddf9d" class="outline-3">
<h3 id="org6dddf9d"><span class="section-number-3">3.1</span> Intrumentation Related</h3>
<div id="outline-container-org1a3a6ed" class="outline-3">
<h3 id="org1a3a6ed"><span class="section-number-3">3.1</span> Intrumentation Related</h3>
<div class="outline-text-3" id="text-3-1">
<p>
<a href="test-bench-piezo-amplifiers/index.html">Voltage Amplifiers for Piezoelectric Actuators</a>
@ -142,8 +142,8 @@ Its noise characteristics as well as non-linearities are measured.
</div>
</div>
<div id="outline-container-org7a64e63" class="outline-3">
<h3 id="org7a64e63"><span class="section-number-3">3.2</span> Amplified Piezoelecric Actuator</h3>
<div id="outline-container-orgffbeac0" class="outline-3">
<h3 id="orgffbeac0"><span class="section-number-3">3.2</span> Amplified Piezoelecric Actuator</h3>
<div class="outline-text-3" id="text-3-2">
<p>
<a href="test-bench-apa/index.html">Amplified Piezoelectric Actuator - Test bench and Finite Element Model</a>
@ -189,8 +189,8 @@ The goal is to form a <i>super sensor</i> that has better noise characteristics
</div>
</div>
<div id="outline-container-orga52101e" class="outline-2">
<h2 id="orga52101e"><span class="section-number-2">4</span> PhD Project - Nano Active Stabilization System</h2>
<div id="outline-container-org1536315" class="outline-2">
<h2 id="org1536315"><span class="section-number-2">4</span> PhD Project - Nano Active Stabilization System</h2>
<div class="outline-text-2" id="text-4">
<p>
<a href="nass-report-2020/index.html">NASS - Report 2020</a>
@ -241,8 +241,8 @@ First experimental results are presented.
</div>
</div>
<div id="outline-container-org0f9951b" class="outline-2">
<h2 id="org0f9951b"><span class="section-number-2">5</span> Notes</h2>
<div id="outline-container-org0c43451" class="outline-2">
<h2 id="org0c43451"><span class="section-number-2">5</span> Notes</h2>
<div class="outline-text-2" id="text-5">
<p>
<a href="euspen_2020_notes/notes.html">EUSPEN - 2020 - Notes</a>

View File

@ -34,7 +34,7 @@ Then add a new submodule with the updated url.
#+end_src
#+begin_src bash :results none
cd css && cat readtheorg.css htmlize.css custom.css > style.css
sass css/style.scss css/style.css
#+end_src
* Papers