You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
226 lines
6.0 KiB
CSS
226 lines
6.0 KiB
CSS
5 years ago
|
|
||
|
@font-face {
|
||
|
font-family: "HelveticaLTStd-Bold";
|
||
|
src: url("../font/HelveticaLTStd-Bold.otf");
|
||
|
font-weight: 300;
|
||
|
font-style: bold;}
|
||
|
|
||
|
@font-face {
|
||
|
font-family: "OCRAStd";
|
||
|
src: url("../font/OCRAStd.otf");
|
||
|
font-weight: 300;
|
||
|
font-style: normal;}
|
||
|
|
||
|
body
|
||
|
{width:100%;
|
||
|
background-color: white;
|
||
|
font-size: calc(8px + 0.7vw);
|
||
|
scrollbar-width: none;}
|
||
|
|
||
|
div#left {
|
||
|
border: 1px solid white;
|
||
|
color: black;
|
||
|
width:49%;
|
||
|
display: inline-block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
height:700px;
|
||
|
overflow: scroll;
|
||
|
padding-bottom: 200px;
|
||
|
background-color: white;
|
||
|
}
|
||
|
|
||
|
div#right {
|
||
|
border: ;
|
||
|
width:49%;
|
||
|
display: inline-block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
height:700px;
|
||
|
overflow: scroll;
|
||
|
padding-bottom: 200px;
|
||
|
background-color: #21632c;
|
||
|
}
|
||
|
|
||
|
#SPIX {
|
||
|
max-width: 90%;
|
||
|
text-align: center;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 5%;
|
||
|
font-family: "OCRAStd";
|
||
|
font-size: 2vw;
|
||
|
color: white;
|
||
|
|
||
|
}
|
||
|
|
||
|
.maintitle {
|
||
|
max-width: 90%;
|
||
|
text-align: center;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 5%;
|
||
|
font-family: "HelveticaLTStd-Bold";
|
||
|
font-size: 9vw;
|
||
|
color: white;
|
||
|
padding-bottom: 5px;
|
||
|
padding-top: 5px;
|
||
|
}
|
||
|
|
||
|
.title {
|
||
|
max-width: 90%;
|
||
|
text-align: center;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 5%;
|
||
|
font-family: "OCRAStd";
|
||
|
font-size: 1.5vw;
|
||
|
color: white;
|
||
|
padding-top: 10px;
|
||
|
}
|
||
|
|
||
|
div#subtitle {
|
||
|
font-size: 1.5vw;
|
||
|
margin-top: 0;
|
||
|
color: black;
|
||
|
|
||
|
}
|
||
|
|
||
|
div#intro {
|
||
|
max-width: 90%;
|
||
|
text-align: justify;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
font-family: "HelveticaLTStd-Bold";
|
||
|
font-size: 1vw;
|
||
|
}
|
||
|
|
||
|
div.moduleimg{
|
||
|
margin-top:50px;
|
||
|
margin-bottom: 100px;}
|
||
|
|
||
|
div.moduleimg img{
|
||
|
max-width: 90%;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 50%;
|
||
|
}
|
||
|
div#bigpcb{
|
||
|
max-width: 90%;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 5%;
|
||
|
padding-bottom: 20%;
|
||
|
}
|
||
|
|
||
|
div#tisa2 img{
|
||
|
max-width: 50%;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 50%;
|
||
|
}
|
||
|
|
||
|
.output{
|
||
|
max-width: 90%;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
padding-top: 5%;
|
||
|
}
|
||
|
|
||
|
.code {
|
||
|
max-width: 90%;
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
background-color: transparent;
|
||
|
border: 0.1em solid grey;
|
||
|
margin-bottom: white;
|
||
|
color: white;
|
||
|
font-family: "OCRAStd";
|
||
|
font-style:;
|
||
|
font-weight: 0.1%;
|
||
|
font-size: 13px;
|
||
|
padding-top: 1%;
|
||
|
}
|
||
|
|
||
|
.st0{fill:#348040;stroke:#FFFFFF;stroke-width:0.28;stroke-miterlimit:10;}
|
||
|
.st1{fill:none;stroke:#FEBF10;stroke-width:1.2;}
|
||
|
.st2{fill:none;stroke:#FEBF10;stroke-width:1.28;}
|
||
|
.st3{fill:none;stroke:#F5BD17;stroke-width:1.22;}
|
||
|
.st4{fill:none;stroke:#F5BD17;stroke-width:0.71;}
|
||
|
.st5{fill:#010101;}
|
||
|
.st6{fill:none;stroke:#F5BD17;stroke-width:1.7;}
|
||
|
.st7{fill:none;stroke:#FEBF10;stroke-width:1.44;}
|
||
|
.st8{fill:none;stroke:#F5BD17;stroke-width:1.13;}
|
||
|
.st9{fill:none;stroke:#F5BD17;stroke-width:1.35;}
|
||
|
.st10{fill:none;stroke:#F08A21;stroke-width:1.73;stroke-linecap:round;}
|
||
|
.st11{fill:none;stroke:#F1C618;stroke-width:1.73;stroke-linecap:round;}
|
||
|
.st12{fill:#FFFFFF;}
|
||
|
.st13{font-family:'OCRAStd';}
|
||
|
.st14{font-size:5.02px;}
|
||
|
.st15{fill:none;stroke:#FFFFFF;stroke-width:0.9;stroke-miterlimit:10;}
|
||
|
.st16{fill:none;stroke:#FFFFFF;stroke-width:0.58;}
|
||
|
.st17{fill:none;stroke:#F1F0F0;stroke-width:0.2;stroke-linecap:round;}
|
||
|
.st18{fill:none;stroke:#010101;stroke-width:0.36;stroke-linecap:round;}
|
||
|
.st19{fill:none;stroke:#F1F0F0;stroke-width:0.58;stroke-linecap:round;}
|
||
|
.st20{fill:none;stroke:#FFFFFF;stroke-width:0.72;}
|
||
|
.st21{fill:none;stroke:#FFFFFF;stroke-width:0.37;stroke-linecap:round;stroke-linejoin:round;}
|
||
|
.st22{fill:none;stroke:#FFFFFF;stroke-width:0.37;stroke-linecap:round;}
|
||
|
.st23{font-family:'ArialMT';}
|
||
|
.st24{font-size:5px;}
|
||
|
.st25{font-size:3px;}
|
||
|
.st26{fill:none;stroke:#F5BD17;stroke-width:1.79;}
|
||
|
.st27{fill:none;stroke:#F1F0F0;stroke-width:1.42;}
|
||
|
.st28{font-size:7.2px;}
|
||
|
.st29{font-size:13.57px;}
|
||
|
.st30{font-size:11.44px;}
|
||
|
.st31{font-size:7.16px;}
|
||
|
.st32{font-size:6.27px;}
|
||
|
.st33{fill:none;stroke:#FFFFFF;stroke-width:0.36;}
|
||
|
.st34{font-size:4.6px;}
|
||
|
.st35{fill:none;stroke:#FAA538;stroke-width:0.85;}
|
||
|
.st36{fill:none;stroke:#F5BD17;stroke-width:1.1;}
|
||
|
.st37{fill:none;stroke:#F5BD17;}
|
||
|
.st38{fill:none;stroke:#F08A21;stroke-width:1.44;stroke-linecap:round;}
|
||
|
.st39{fill:none;stroke:#FDDE69;stroke-width:0.85;}
|
||
|
.st40{fill:none;stroke:#F1C618;stroke-width:1.44;stroke-linecap:round;}
|
||
|
.st41{fill:none;stroke:#F1F0F0;stroke-width:0.58;}
|
||
|
.st42{fill:none;stroke:#FFFFFF;stroke-width:0.36;stroke-linecap:round;}
|
||
|
.st43{fill:none;stroke:#FFFFFF;stroke-width:0.58;stroke-linecap:round;}
|
||
|
.st44{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
|
||
|
.st45{font-size:5.45px;}
|
||
|
.st46{font-size:4.36px;}
|
||
|
.st47{font-size:6.54px;}
|
||
|
.st48{fill:#F5BD17;}
|
||
|
.st49{fill:none;stroke:#FFFFFF;stroke-width:0.57;stroke-linecap:round;stroke-linejoin:round;}
|
||
|
.st50{fill:none;stroke:#FFFFFF;stroke-width:0.57;stroke-linecap:round;}
|
||
|
.st51{fill:none;stroke:#F1F0F0;stroke-width:0.36;}
|
||
|
.st52{fill:none;stroke:#F1F0F0;stroke-width:0.36;stroke-linecap:round;}
|
||
|
.st53{fill:none;stroke:#F5BD17;stroke-width:0.86;}
|
||
|
.st54{font-size:4.25px;}
|
||
|
.st55{fill:none;stroke:#FFFFFF;stroke-width:0.43;stroke-linecap:round;}
|
||
|
.st56{fill:none;stroke:#FFFFFF;stroke-width:0.43;}
|
||
|
.st57{font-size:11.81px;}
|
||
|
.st58{font-size:8.1px;}
|
||
|
.st59{font-size:7.73px;}
|
||
|
.st60{font-size:4.61px;}
|
||
|
.st61{fill:none;stroke:#FAA538;stroke-width:1.13;}
|
||
|
.st62{fill:none;stroke:#FDDE69;stroke-width:1.13;}
|
||
|
.st63{font-size:4.04px;}
|
||
|
.st64{font-size:2.97px;}
|
||
|
.st65{font-size:3.9px;}
|
||
|
.st66{fill:none;stroke:#F5BD17;stroke-width:1.36;}
|
||
|
.st67{fill:none;stroke:#F1F0F0;stroke-width:1.98;}
|
||
|
.st68{font-size:4.78px;}
|
||
|
.st69{font-size:6.68px;}
|
||
|
.st70{font-size:4.1px;}
|
||
|
.st71{font-size:9.93px;}
|