css-le-botlan/Y/ystyle2.css
2021-02-24 16:42:19 +01:00

1816 lines
29 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*** FONTS ***/
/*@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One|Libre+Baskerville:400,400italic); */
@font-face {
font-family: 'Julius Sans One';
font-style: normal;
font-weight: 400;
src: local('Julius Sans One'), local('JuliusSansOne-Regular'), url("julius.ttf") format('truetype');
}
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 400;
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url("baskerville.ttf") format('truetype');
}
@font-face {
font-family: 'Libre Baskerville';
font-style: italic;
font-weight: 400;
src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'), url("baskerville-italic.ttf") format('truetype');
}
/* SECTION #1 */
main > section.yfold:not(.card):nth-of-type(1) {
/* background: #C0FDF7 ;*/
border-top: 2px solid #40E0D0 ;
}
section.yfold:not(.card):nth-of-type(1) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(1) > .yfold-content section.card {
background: #C0FDF7 ;
}
section.yfold:not(.card):nth-of-type(1) section.card > h3,
section.yfold:not(.card):nth-of-type(1) > .yfold-title > span.arrow {
background: #40E0D0 ;
}
section.yfold:not(.card):nth-of-type(1) h4 {
color: #40E0D0 ;
}
section.yfold:not(.card):nth-of-type(1) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(1) > .yfold-content.shown {
/* border-bottom: 2px solid #40E0D0 ; */
}
section.yfold:not(.card):nth-of-type(1) .lbutton {
background: linear-gradient(#40E0D0,#C0FDF7) ;
}
/* SECTION #2 */
main > section.yfold:not(.card):nth-of-type(2) {
/* background: #FFF36D ;*/
border-top: 2px solid #FFA500 ;
}
section.yfold:not(.card):nth-of-type(2) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(2) > .yfold-content section.card {
background: #FFF36D ;
}
section.yfold:not(.card):nth-of-type(2) section.card > h3,
section.yfold:not(.card):nth-of-type(2) > .yfold-title > span.arrow {
background: #FFA500 ;
}
section.yfold:not(.card):nth-of-type(2) h4 {
color: #FFA500 ;
}
section.yfold:not(.card):nth-of-type(2) .lbutton {
background: linear-gradient(#FFA500,#FFF36D) ;
}
section.yfold:not(.card):nth-of-type(2) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(2) > .yfold-content.shown {
/* border-bottom: 2px solid #FFA500 ; */
}
/* SECTION #9 */
main > section.yfold:not(.card):nth-of-type(9) {
/* background: #FFF36D ;*/
border-top: 2px solid #FFA500 ;
}
section.yfold:not(.card):nth-of-type(9) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(9) > .yfold-content section.card {
background: #FFF36D ;
}
section.yfold:not(.card):nth-of-type(9) section.card > h3,
section.yfold:not(.card):nth-of-type(9) > .yfold-title > span.arrow {
background: #FFA500 ;
}
section.yfold:not(.card):nth-of-type(9) h4 {
color: #FFA500 ;
}
section.yfold:not(.card):nth-of-type(9) .lbutton {
background: linear-gradient(#FFA500,#FFF36D) ;
}
section.yfold:not(.card):nth-of-type(9) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(9) > .yfold-content.shown {
/* border-bottom: 2px solid #FFA500 ; */
}
/* SECTION #3 */
main > section.yfold:not(.card):nth-of-type(3) {
/* background: #D6BDD5 ; */
border-top: 2px solid #982395 ;
}
section.yfold:not(.card):nth-of-type(3) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(3) > .yfold-content section.card {
background: #D6BDD5 ;
}
section.yfold:not(.card):nth-of-type(3) section.card > h3,
section.yfold:not(.card):nth-of-type(3) > .yfold-title > span.arrow {
background: #982395 ;
color: white ;
}
section.yfold:not(.card):nth-of-type(3) h4 {
color: #982395 ;
}
section.yfold:not(.card):nth-of-type(3) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(3) > .yfold-content.shown {
/* border-bottom: 2px solid #982395 ; */
}
section.yfold:not(.card):nth-of-type(3) .lbutton {
background: linear-gradient(#982395,#D6BDD5) ;
}
/* SECTION #10 */
main > section.yfold:not(.card):nth-of-type(10) {
/* background: #D6BDD5 ; */
border-top: 2px solid #982395 ;
}
section.yfold:not(.card):nth-of-type(10) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(10) > .yfold-content section.card {
background: #D6BDD5 ;
}
section.yfold:not(.card):nth-of-type(10) section.card > h3,
section.yfold:not(.card):nth-of-type(10) > .yfold-title > span.arrow {
background: #982395 ;
color: white ;
}
section.yfold:not(.card):nth-of-type(10) h4 {
color: #982395 ;
}
section.yfold:not(.card):nth-of-type(10) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(10) > .yfold-content.shown {
/* border-bottom: 2px solid #982395 ; */
}
section.yfold:not(.card):nth-of-type(10) .lbutton {
background: linear-gradient(#982395,#D6BDD5) ;
}
/* SECTION #4 */
main > section.yfold:not(.card):nth-of-type(4) {
/* background: #80FF80 ; */
border-top: 2px solid #32CD32 ;
}
section.yfold:not(.card):nth-of-type(4) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(4) > .yfold-content section.card {
background: #E1FFC1 ;
}
section.yfold:not(.card):nth-of-type(4) section.card > h3,
section.yfold:not(.card):nth-of-type(4) > .yfold-title > span.arrow {
background: #32CD32 ;
}
section.yfold:not(.card):nth-of-type(4) h4 {
color: #32CD32 ;
}
section.yfold:not(.card):nth-of-type(4) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(4) > .yfold-content.shown {
/* border-bottom: 2px solid #32CD32 ; */
}
section.yfold:not(.card):nth-of-type(4) .lbutton {
background: linear-gradient(#32CD32,#E1FFC1) ;
}
/* SECTION #5 */
main > section.yfold:not(.card):nth-of-type(5) {
/* background: #80FF80 ; */
border-top: 2px solid #596FE7 ;
}
section.yfold:not(.card):nth-of-type(5) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(5) > .yfold-content section.card {
background: #C8CFF6;
}
section.yfold:not(.card):nth-of-type(5) section.card > h3,
section.yfold:not(.card):nth-of-type(5) > .yfold-title > span.arrow {
background: #596FE7 ;
}
section.yfold:not(.card):nth-of-type(5) h4 {
color: #596FE7 ;
}
section.yfold:not(.card):nth-of-type(5) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(5) > .yfold-content.shown {
/* border-bottom: 2px solid #596FE7 ; */
}
section.yfold:not(.card):nth-of-type(5) .lbutton {
background: linear-gradient(#596FE7,#C8CFF6) ;
}
/* SECTION #6 */
main > section.yfold:not(.card):nth-of-type(6) {
/* background: #80FF80 ; */
border-top: 2px solid #B71F70 ;
}
section.yfold:not(.card):nth-of-type(6) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(6) > .yfold-content section.card {
background: #FF84C5;
}
section.yfold:not(.card):nth-of-type(6) section.card > h3,
section.yfold:not(.card):nth-of-type(6) > .yfold-title > span.arrow {
background: #B71F70 ;
}
section.yfold:not(.card):nth-of-type(6) h4 {
color: #B71F70 ;
}
section.yfold:not(.card):nth-of-type(6) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(6) > .yfold-content.shown {
/* border-bottom: 2px solid #B71F70 ; */
}
section.yfold:not(.card):nth-of-type(6) .lbutton {
background: linear-gradient(#B71F70,#FF84C5) ;
}
/* SECTION #7 */
main > section.yfold:not(.card):nth-of-type(7) {
border-top: 2px solid #703507 ;
}
section.yfold:not(.card):nth-of-type(7) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(7) > .yfold-content section.card {
background: #9E775A;
}
section.yfold:not(.card):nth-of-type(7) section.card > h3,
section.yfold:not(.card):nth-of-type(7) > .yfold-title > span.arrow {
background: #703507 ;
}
section.yfold:not(.card):nth-of-type(7) h4 {
color: #703507 ;
}
section.yfold:not(.card):nth-of-type(7) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(7) > .yfold-content.shown {
/* border-bottom: 2px solid #B71F70 ; */
}
section.yfold:not(.card):nth-of-type(7) .lbutton {
background: linear-gradient(#703507,#9E775A) ;
}
/* SECTION #8 */
main > section.yfold:not(.card):nth-of-type(8) {
border-top: 2px solid #64A810 ;
}
section.yfold:not(.card):nth-of-type(8) > .yfold-title:hover,
section.yfold:not(.card):nth-of-type(8) > .yfold-content section.card {
background: #C4DB97;
}
section.yfold:not(.card):nth-of-type(8) section.card > h3,
section.yfold:not(.card):nth-of-type(8) > .yfold-title > span.arrow {
background: #64A810 ;
}
section.yfold:not(.card):nth-of-type(8) h4 {
color: #64A810 ;
}
section.yfold:not(.card):nth-of-type(8) > .yfold-content.anim-show,
section.yfold:not(.card):nth-of-type(8) > .yfold-content.shown {
/* border-bottom: 2px solid #B71F70 ; */
}
section.yfold:not(.card):nth-of-type(8) .lbutton {
background: linear-gradient(#64A810,#C4DB97) ;
}
/* DEFAULT SECTION */
/*
section.yfold {
border-top: 2px solid #FFA500 ;
}
section.yfold > .yfold-title:hover,
section.yfold > .yfold-content > section.card {
background: #FFF36D ;
}
section.yfold > section.card > h3,
section.yfold > .yfold-title > span.arrow {
background: #FFA500 ;
}
section.yfold .lbutton {
background: linear-gradient(#FFA500,#FFF36D) ;
}
section.yfold > .yfold-content.anim-show,
section.yfold > .yfold-content.shown {
border-bottom: 2px solid #FFA500 ;
}
*/
*
{
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6
{
font-family: "Julius Sans One", serif;
margin: 0;
}
html, body
{
font-family: "Libre Baskerville", serif;
padding: 0;
margin: 0;
color: #222240;
background: #fff;
height: 100%;
}
h1
{
text-align: center;
font-weight: bold;
background: #40E0D0;
color: black;
padding: 1ex 2ex 1ex 2ex;
}
section:not(.yfold) > h2
{
padding: 0.5ex 2ex 0.5ex 4ex;
background: #40D0E0;
}
p
{
margin: 1ex 1ex 1ex 1ex;
}
a
{
text-decoration: none;
color: inherit;
border-bottom: thin dotted blue;
}
a.emph
{
font-weight: bold;
color: blue;
padding: 0 0.6ex 0 0.6ex;
border-bottom: none;
}
a.url
{
font-family: "sans";
font-style: italic;
color: #4b097a;
}
a:hover
{
color: red;
border-bottom: thin solid blue;
}
*:not(.exercise) > *:not(.example) > h5
{
margin: 1ex 0ex 1ex 1ex;
font-size: 100%;
}
h1 + nav > a:before
{
content: url("Images/home.png");
}
h1 + nav > a, h1 + nav > a:link, h1 + nav > a:visited, h1 + nav > a:active
{
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
h1 + nav > a:hover
{
text-decoration: none;
border: none;
}
h1 + nav
{
position: absolute;
top: 30px;
left: 4px;
padding: 0;
}
footer
{
margin: 6em 0 0 0;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
padding: 1ex 1ex 1ex 1ex;
}
footer > a
{
margin: 0.25ex 2ex 0.25ex 0;
text-decoration: none;
border: none;
}
footer > small
{
flex-basis: 100%;
text-align: right;
margin: 0.25ex 2ex 0.25ex 0;
}
footer.colophon
{
font-size: 80%;
margin: 1em 0 0 0;
}
section.card
{
border-radius: 6px;
padding: 0 1ex 0 1ex;
margin: 0 3ex 2ex 3ex;
box-shadow: 4px 3px 2px #CCC;
}
main > section.card
{
margin: 4ex 2ex 4ex 2ex;
padding: 0 0 1ex 0;
background: rgba(245, 245, 255, 0.7);
border: thin solid #DDE;
}
main > section.card > h2
{
border-radius: 6px;
margin: 0 0 0 0;
}
div.flex
{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-start;
}
section.smooth
{
box-shadow: none !important;
}
section.notice
{
border: thin dotted #44D;
padding: 1ex 2ex 1ex 2ex;
margin: 2ex 1ex 6ex 1ex;
box-shadow: 1px 1px #CCC;
}
h3
{
border-radius: 6px;
margin: 0 0px 8px -10px;
padding: 0 10px 0 10px;
}
h4
{
text-shadow: 1px 1px 0 #AAA;
}
h4.yfold-title
{
text-shadow: 1px 1px 0 #000;
}
div.theory
{
margin: 1ex 0.2ex 1ex 0.2ex;
padding: 0.5ex 1ex 0.5ex 1ex;
border: thin dotted #44D;
background: #ffffb3;
}
div.mission, section.mission
{
margin: 1ex 0.2ex 2ex 0.2ex;
padding: 0.5ex 1ex 0.5ex 1ex;
border: thin dotted #44D;
background: #ffb3ff;
}
section.yfold
{
margin: 0;
}
.yfold-title
{
text-align: left;
padding: 0.2ex 2ex 0.2ex 2ex;
}
li > section > .yfold-title
{
padding-left: 1ex;
}
section.yfold.card
{
border-radius: 6px;
padding: 0 1ex 0 1ex;
margin: 0 3ex 2ex 3ex;
box-shadow: 4px 3px 2px #CCC;
border: none;
}
section.yfold.card > .yfold-title
{
padding-left: 0;
}
section.yfold.sober
{
border: none !important;
margin-left: 1.5ex;
}
li > section.yfold.sober
{
margin-left: 0;
}
section.yfold.sober > h3
{
font-size: 100%;
}
section.yfold.sober > div.yfold-content
{
border: none !important;
}
.yfold-title:hover
{
cursor: pointer;
text-shadow: 2px 1px 2px white, 4px 1px 6px white;
}
.yfold-content
{
padding: 0 1ex 0 6ex;
overflow: hidden;
}
section.yfold.card > .yfold-content
{
padding: 0;
}
section.yfold.card > .yfold-content > h6
{
border: none;
background: rgba(255, 255, 255, 0.5);
font-size: 82%;
margin: 0.5ex 0ex 0.8ex 0ex;
padding: 0.5ex 1ex 0.5ex 2ex;
border-radius: 6px;
}
@keyframes appear
{
0%
{
max-height: 0;
margin-bottom: 0;
}
100%
{
max-height: 500px;
margin-bottom: 3ex;
}
}
@keyframes disappear
{
0%
{
max-height: 500px;
margin-bottom: 3ex;
}
100%
{
max-height: 0;
margin-bottom: 0;
}
}
.anim-show
{
animation-name: appear;
animation-duration: 0.75s;
max-height: initial;
margin: 0 0 3ex 0;
}
.anim-hide
{
animation-name: disappear;
animation-duration: 0.75s;
max-height: 0;
margin: 0;
}
.shown
{
max-height: initial;
margin: 0 0 3ex 0;
}
.hidden
{
max-height: 0;
margin: 0;
}
span.hole
{
border: thin dotted blue;
padding: 0.2ex 1.4ex 0.2ex 1.4ex;
margin: 0 0.5ex 0 0;
display: inline;
}
span.fak
{
font-size: 82%;
font-style: normal;
margin: 0 1ex 0 1ex;
}
span.arrow
{
vertical-align: middle;
color: white;
padding: 0px 4px 0px 4px;
margin: 0px 0.5ex 0px 0px;
border-radius: 5px;
box-shadow: 1px 1px #CCC;
text-shadow: none !important;
}
span.big
{
font-size: 220%;
vertical-align: middle;
}
ul.lessons > li
{
margin: 0.5ex 0 0.6ex 0;
list-style-type: none;
list-style-image: none;
}
ul.exo-list
{
list-style-type: "· ";
}
ul.exo-list > li
{
margin: 1ex 0 1.5ex 3ex;
color: #3c75d1;
font-weight: bold;
}
.lbutton
{
vertical-align: top;
color: black;
border-radius: 6px;
box-shadow: 3px 2px 2px gray;
padding: 0.1ex 0.5ex 0.1ex 0.5ex;
margin-right: 1.5ex;
font-size: 85%;
}
ol.highl
{
list-style: none;
counter-reset: item;
}
ol.highl > li
{
counter-increment: item;
margin-bottom: 5px;
}
ol.highl > li:before
{
vertical-align: top;
color: black;
border-radius: 6px;
box-shadow: 3px 2px 2px gray;
padding: 0.1ex 0.5ex 0.1ex 0.5ex;
margin-right: 1.5ex;
font-size: 85%;
margin-right: 10px;
content: counter(item);
background: purple;
color: white;
border-radius: 100%;
width: 1.4em;
text-align: center;
display: inline-block;
}
.mml
{
align-self: center;
page-break-before: always;
page-break-after: always;
margin: 1ex 1ex 2ex 1ex;
}
a:hover > .lbutton
{
box-shadow: none;
}
ul.lessons > li > a > span.lbutton
{
font-variant: small-caps;
}
.menu
{
margin: 0.25ex 1ex 0.25ex 1ex;
padding: 0.1ex 0.75ex 0.1ex 0.75ex;
background: rgba(130, 170, 250, 0.5);
border: thin solid #37F;
border-radius: 4px;
box-shadow: 3px 3px 2px #844;
font-family: sans;
font-variant: small-caps;
font-size: 88%;
display: inline-block;
}
ul
{
margin: 0.4ex 0 1ex 1ex;
padding-left: 2ex;
list-style-type: "✧ ";
}
li
{
margin-bottom: 0.2ex;
}
ul ul
{
list-style-type: "⋆ ";
font-size: 96%;
}
ul ul ul
{
list-style-type: "∘ ";
font-size: 94%;
}
ul.space > li
{
margin-top: 0.75ex;
margin-bottom: 1.5ex;
}
ul.smallspace > li
{
margin-top: 0.25ex;
margin-bottom: 0.5ex;
}
ul.steps > li
{
margin: 0 0 2ex 0;
}
ul.steps
{
margin: 0;
padding: 0 0 0 3ex;
list-style-type: "☞ ";
}
ul.requires
{
list-style-type: "➪ ";
}
ul.success
{
list-style-type: "✔ ";
}
ul.goals
{
list-style-type: "✧ ";
}
ul.none
{
list-style-type: none;
}
ul.resources
{
list-style-type: "➤ ";
}
ul.resources > li
{
margin-bottom: 0.5ex;
}
div.warning
{
background: #FFFF00;
padding: 0.4ex 1ex 0.4ex 1ex;
margin: 2ex 1ex 2.6ex 1ex;
border: thin solid red;
box-shadow: 3px 3px 2px #844;
}
div.warning:before
{
content: url("Images/important.png");
float: left;
margin: -10px 1.5ex 0 -2ex;
}
h3.warning
{
padding: 0.4ex 1ex 0.4ex 1ex;
color: red;
font-weight: bold;
}
code
{
background: rgba(255, 255, 255, 0.2);
padding: 0.4ex 0.5ex 0.4ex 0.5ex;
}
code.highlight
{
font-weight: bold;
color: #0000BB;
}
code.block
{
display: inline-block;
border: thin dotted #44F;
padding: 0.4ex 1.5ex 0.5ex 1.5ex;
margin: 0.2ex 1ex 0.2ex 1ex;
box-shadow: 1px 1px 1px #CCC;
background: rgba(255, 255, 255, 0.5);
white-space: pre;
vertical-align: middle;
}
code.page
{
margin-left: 8%;
box-shadow: 3px 3px 3px #DBD;
font-size: 11pt;
background: #F0FFFF;
}
span.comment
{
color: rgba(0, 110, 0, 0.7);
font-style: italic;
font-family: sans;
font-size: 105%;
white-space: pre;
}
span.semi
{
font-weight: bold;
color: rgba(196, 0, 128, 0.6);
}
span.operator
{
color: #840;
font-weight: bold;
}
span.highcomment
{
font-style: italic;
font-family: sans;
font-size: 105%;
white-space: pre;
font-size: 110%;
font-weight: bold;
color: rgba(0, 110, 0, 0.9);
margin: 0.25ex 0ex 0.25ex 0ex;
}
span.highercomment
{
font-style: italic;
font-family: sans;
font-size: 105%;
white-space: pre;
font-size: 105%;
font-weight: bold;
color: #000;
background: #DDD;
padding: 0ex 4.5ex 0ex 4.5ex;
margin: 0.25ex 0ex 2.5ex -4ex;
border: thin solid black;
}
span.label
{
font-style: italic;
color: #44F;
}
span.letvar
{
color: #0000A0;
font-style: italic;
}
span.uident
{
font-weight: bold;
font-size: 110%;
color: #080;
}
span.string, span.char
{
color: #E22;
white-space: pre;
font-family: serif;
font-size: 92%;
}
span.kw, code.kw
{
display: inline;
font-weight: bold;
color: #600080;
}
span.type
{
font-weight: bold;
color: #069;
}
span.fname
{
font-variant: small-caps;
font-weight: bold;
font-size: 110%;
color: #050;
}
span.directive
{
font-weight: bold;
color: #e67300;
}
samp
{
display: inline-block;
white-space: pre;
margin: 0 2ex 0.2ex 2ex;
padding: 0.2ex 1.5ex 0.2ex 1.5ex;
background: rgba(180, 255, 180, 0.6);
color: #336600;
}
code.command
{
border: thin dotted #999;
margin: 0.2ex 2ex 0.2ex 1ex;
font-weight: bold;
box-shadow: 1px 1px 0px #666;
}
var
{
display: inline-block;
padding: 0.1ex 0.7ex 0.1ex 0.7ex;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
font-size: 90%;
font-family: mono;
font-style: normal;
}
var.type
{
font-style: italic;
}
ul.file-list
{
list-style-type: none;
}
span.file, ul.file-list li a.file
{
font-family: sans;
font-size: 96%;
color: #660033;
}
ul.file-list li a.file:before
{
content: "👁";
padding: 0 0.5ex 0 0;
border-bottom: thin solid white;
}
ul.file-list li a.dir:before
{
content: "📂";
padding: 0 0.5ex 0 0;
border-bottom: thin solid white;
}
span.hfile
{
font-family: sans;
color: #660033;
font-weight: bold;
}
div.examples
{
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}
div.example
{
border: thin outset #97E;
margin: 1ex 0 1ex 0;
padding: 0;
background: rgba(255, 255, 255, 0.35);
border-radius: 8px;
}
div.example.lone
{
display: table;
}
div.example:not(.lone)
{
display: flex;
flex-direction: column;
align-items: flex-start;
}
div.download-link
{
margin: 1ex;
font-size: 82%;
font-variant: small-caps;
font-weight: bold;
background: #229922;
color: #FFF;
padding: 0.8ex 1.5ex 0.8ex 1.5ex;
border-radius: 8px;
display: inline-block;
float: right;
}
div.download-link a
{
border: none;
}
a.downl
{
margin: 1ex;
font-size: 82%;
font-variant: small-caps;
font-weight: bold;
background: #229922;
color: #FFF;
padding: 0.8ex 1.5ex 0.8ex 1.5ex;
border-radius: 8px;
display: inline-block;
}
a.downl:hover
{
color: red;
box-shadow: 2px 2px 2px #6D6;
}
.flex1
{
flex: 1;
margin-right: 2ex !important;
}
.flex2
{
flex: 2;
margin-right: 2ex !important;
}
.flex3
{
flex: 3;
margin-right: 2ex !important;
}
div.example > h5
{
background: rgba(0, 0, 0, 0.2);
width: 100%;
text-align: center;
padding: 0.1ex 1ex 0.1ex 1ex;
border-radius: 8px;
}
div.example > pre
{
margin: 0;
padding: 0;
}
div.example > code.block, div.example > pre > code.block
{
margin-bottom: 0;
box-shadow: none;
border: none;
background: transparent;
}
div.example > samp
{
align-self: stretch;
border-top: thin dashed #999;
padding: 0.8ex 0.8ex 0.8ex 0.4ex;
}
div.comm
{
font-size: 85%;
color: #333;
padding: 0 1.5ex 0 1.5ex;
margin: 0 2ex 0 2ex;
text-align: center;
align-self: stretch;
font-style: italic;
}
div.comm:before
{
content: "✍ ";
font-size: 130%;
}
pre.output, div.samp
{
display: table;
background: rgba(120, 255, 120, 0.7);
padding: 1ex 2ex 1ex 2ex;
border: thin dotted #777;
}
pre.ascii, pre.inv-ascii
{
font-size: 65%;
float: right;
box-sizing: content-box;
display: inline-block;
}
pre.inv-ascii
{
background: rgb(45, 45, 45);
color: white;
}
.pcom
{
color: #555;
font-size: 80%;
}
mark
{
color: red;
font-weight: bold;
background: transparent;
}
q
{
font-style: italic;
}
blockquote
{
font-style: italic;
color: #444;
}
.errmsg
{
color: red;
}
.green
{
color: green;
}
br.bbr
{
margin-bottom: 0.5ex;
}
br.vskip
{
margin-bottom: 2ex;
}
ul.bib
{
background: rgba(255, 255, 255, 0.3);
list-style-type: none;
padding: 1ex 0.5ex 0.5ex 1.5ex;
margin: 0;
}
span.bib
{
background: rgba(255, 255, 255, 0.3);
padding: 0.2ex 2ex 0.2ex 2ex;
font-size: 90%;
}
span.bib:before, ul.bib > li:before
{
content: url("Images/article.png");
margin: 0 8px 0 0;
padding: 0;
vertical-align: top;
}
span.author
{
font-family: sans;
font-size: 90%;
}
span.email
{
color: #4b097a;
padding: 0.2ex 1ex 0.2ex 1ex;
font-family: "sans";
}
span.email:before
{
content: "🖂";
padding: 0;
margin: 0 4px 0 0;
}
span.email:after
{
content: "🖂";
padding: 0;
margin: 0 0 0 4px;
}
section.advice, section.help, section.demotiv, section.forbid
{
display: flex;
margin-top: 1ex;
}
section.advice:before
{
content: url("Images/wazow1.png");
margin: -18px -18px 0 0;
padding: 0;
}
section.forbid:before
{
content: url("Images/att.png");
margin: -10px -10px 0 0;
padding: 0;
z-index: 10;
}
section.demotiv:before
{
content: url("Images/wazow0.png");
margin: -18px -18px 0 0;
padding: 0;
}
section.help:before
{
content: url("Images/wazow2.png");
margin: 0px -10px 0 0;
padding: 0;
}
section.advice > div.content
{
background: rgba(100, 255, 100, 0.6);
border-radius: 6px;
margin: 1ex 0 2ex 0;
padding: 0 1ex 1ex 1ex;
box-shadow: 2px 2px 2px #6D6;
}
section.forbid > div.content
{
border: 2.5pt dotted red;
padding: 0.5ex 1ex 1ex 1ex;
background: rgba(255, 235, 60, 0.8);
font-weight: bold;
}
section.help > div.content, section.demotiv > div.content
{
background: rgba(255, 207, 116, 0.8);
border-radius: 6px;
margin: 1ex 0 2ex 0;
padding: 0 1ex 1ex 1ex;
box-shadow: 2px 2px 2px #666;
}
section.help > div.content > h6, section.demotiv > div.content > h6
{
border-bottom: thin solid white;
background: #cd4d00;
font-size: 82%;
color: white;
margin: 0 -1ex 0.8ex -1ex;
padding: 0.5ex 1ex 0.5ex 1ex;
border-radius: 6px;
}
section.exercise
{
display: flex;
margin-top: 1.5ex;
}
section.exercise:not(.athome):before
{
content: url("Images/shifu.png");
margin: 0 -16px 0 0;
padding: 0;
}
section.exercise.athome:before
{
content: url("Images/monkey.png");
margin: -14px -18px 0 0;
padding: 0;
}
section.exercise > div.content
{
background: rgba(200, 255, 200, 0.6);
border-radius: 6px;
margin: 1ex 0 2ex 0;
padding: 0 1ex 1ex 1ex;
box-shadow: 2px 2px 2px #999;
}
section.exercise > div.content > h6
{
border-bottom: thin solid white;
background: #64FF64;
font-size: 82%;
margin: 0 -1ex 0.8ex -1ex;
padding: 0.5ex 1ex 0.5ex 1ex;
border-radius: 6px;
}
section.exercise > div.content > h5
{
background: #316c1e;
color: white;
margin: 0 -1ex 0.8ex -1ex;
padding: 0.5ex 1ex 0.5ex 1ex;
border-radius: 6px;
}
section.exercise > div.content > ul
{
list-style-type: " ";
}
section.exercise > div.content > ul > li
{
margin-bottom: 0.8ex;
}
span.difficulty
{
padding: 0 1ex 0 0.5ex;
vertical-align: sub;
}
span.math
{
font-style: italic;
font-family: sans;
display: inline-block;
}
section.aside, aside
{
float: right;
max-width: 55%;
margin: 4ex 0ex 4ex 6ex;
}
section.aside
{
font-size: 95%;
}
aside.answers
{
font-size: 80%;
max-width: 18%;
}
aside.fold
{
display: flex;
}
aside:before
{
content: url("Images/panda.png");
margin: -12px -12px 0 0;
padding: 0;
}
aside > div.content > .yfold-content
{
background: rgba(160, 160, 220, 0.8);
border: none !important;
padding: 0 1ex 0 1ex;
border-radius: 12px;
box-shadow: 2px 2px 2px #CCC;
}
aside > div.content > .yfold-title
{
padding: 0.2ex 0.5ex 0.2ex 0ex;
}
aside > div.content > .yfold-title:hover
{
background: rgba(255, 255, 255, 0) !important;
}
aside .yfold-content > h5
{
margin: 0 -1ex 0 -1ex;
padding: 0.4ex 1ex 0.4ex 1ex;
background: rgb(120, 120, 180);
}
caption
{
border: thin solid #99F;
padding: 0.5ex 1ex 1ex 1ex;
margin: 0 0 1ex 0;
text-align: center;
font-family: "Julius Sans One", serif;
font-size: 110%;
}
table
{
border-collapse: collapse;
margin: 2ex 2ex 2ex 2ex;
padding: 0;
border: thin solid #99F;
}
table th
{
margin: 0;
padding: 0.2ex 3ex 0.2ex 3ex;
font-variant: small-caps;
font-weight: bold;
font-size: larger;
background: #DDF;
border: thin solid #99F;
text-align: center;
}
table tr td
{
margin: 0;
padding: 0.2ex 1.4ex 0.2ex 1.4ex;
text-align: center;
}
table tr
{
border: thin dashed #99F;
}
table.code_test
{
border-collapse: collapse;
}
table.code_test > tbody > tr > td, table.code_test > tr > td
{
margin: 0;
padding: 0;
}
table.code_test > tbody > tr > td.col2, table.code_test > tr > td.col2
{
display: inline-block;
white-space: pre;
margin: 0 2ex 0.2ex 2ex;
padding: 0.2ex 1.5ex 0.2ex 1.5ex;
background: rgba(180, 255, 180, 0.6);
color: #336600;
vertical-align: middle;
display: table-cell;
}
table.code_test > tbody > tr > td.col3, table.code_test > tr > td.col3
{
color: #555;
font-size: 80%;
vertical-align: middle;
display: table-cell;
padding: 0.2ex 1ex 0.2ex 1ex;
}
table.code_test > tbody > tr > td.col2:before, table.code_test > tr > td.col2:before
{
content: " → ";
margin-left: -2.1ex;
}
table#aeroports td.col1, table.contact td.col1, table#cours td.col1
{
font-weight: bold;
font-variant: small-caps;
font-family: sans-serif;
}
table#aeroports td.col4
{
font-variant: small-caps;
font-family: sans-serif;
}
table.contact td.col2
{
border-left: thin dotted blue;
border-right: thin dotted blue;
}
table.contact tr
{
border: none;
}
table.contact
{
display: inline-block;
vertical-align: top;
}
table#cours td
{
padding: 0 2ex 1.4ex 2ex;
text-align: left;
}
img
{
box-sizing: content-box;
}
img.hspace
{
margin: 1ex 4ex 1ex 4ex;
}
img.space
{
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 1.5ex;
margin-bottom: 1.5ex;
}
img.inline
{
vertical-align: bottom;
margin: 0;
}
img.nice-inline
{
vertical-align: top;
margin: 0 1ex 0 1ex;
}
.inline-block
{
display: inline-block;
}
img.float
{
float: right;
}
div.schema
{
margin: 1.5ex 2ex 1.5ex 2ex;
padding: 1em 1em 1em 1em;
background: white;
border: thin dotted #888;
text-align: center;
display: block;
}
section.stupid-flex-separator > h5
{
display: none !important;
}
main.barebone
{
padding: 1ex 2ex 0ex 4ex;
}
main.barebone h2
{
margin: 1ex -2ex 0.75ex -4ex;
padding: 1ex 0ex 1ex 3ex;
background: #C0FDF7;
}
main.barebone > ul > li
{
margin: 0.5ex 1ex 1ex 1ex;
}
main.barebone section.yfold
{
border: none !important;
}
html.ada1 > body
{
background-image: url("Images/ada1back.jpg");
background-position: center top;
background-repeat: no-repeat;
background-color: white;
}
section.capsule
{
overflow: hidden;
border: 2px solid #BBF;
border-radius: 30px;
box-shadow: 10px 10px 5px #999;
background: #DDF;
color: #282828;
margin: 2ex 2ex 4ex 4ex;
padding: 1ex 4ex 1ex 4ex;
}
section.capsule > h3
{
text-align: center;
font-variant: small-caps;
margin: -2ex -4ex 0ex -4ex;
padding: 2ex 3ex 1ex 3ex;
border-radius: 0px;
font-size: 115%;
background: #99F;
color: black;
text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 9px #CCF, 0 0 11px #CCF, 0 0 13px #CCF;
}
div.capsule_titre span.pcom
{
font-variant: normal;
font-size: small;
color: #383838;
}
div.aflex
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
div.graphe
{
background: white url("Images/Carte1b.png") right no-repeat;
}