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.

371 lines
5.8 KiB
CSS

@font-face {
font-family: "OCRAStd";
src: url("font/OCR_A.ttf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "Roboto";
src: url("font/Roboto-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;}
5 years ago
@font-face {
font-family: "Roboto";
src: url("font/Roboto-Regular.ttf") format("truetype");
font-weight: regular;
font-style: normal;}
@font-face {
font-family: "Roboto";
src: url("font/Roboto-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;}
@font-face {
font-family: "Roboto";
src: url("font/Roboto-Italic.ttf") format("truetype");
font-weight: regular;
font-style: italic;}
5 years ago
/* style edits */
a{
text-decoration: none;
color: black;
display: inline;
clear: none;
}
a:hover{
text-decoration: none;
color: #21632c;
}
a:active {
color: #21632c;
}
a:visited{
text-decoration: none;
color: black;
}
.name_T{
5 years ago
margin-top: 10vh;
margin-left: 1vw;
font-family: "OCRAStd";
text-transform: uppercase;
5 years ago
}
5 years ago
.name_T:hover {
text-decoration: none;
color: #21632c;
}
5 years ago
/* style edits */
body
{
width:100%;
background-color: #21632c;
5 years ago
font-family: "Roboto", sans-serif;
width:100%;
font-size: calc(8px + 0.7vw);
5 years ago
scrollbar-width: 0px;
border: none;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}
div#left {
border: 1px solid white;
color: black;
5 years ago
width:49vw;
display: inline-block;
5 years ago
/* margin-left: auto;
margin-right: auto; */
5 years ago
height:100vh;
overflow-y: scroll;
/*! padding-bottom: 200px; */
background-color: white;
/*! padding-left: 5px; */
/*! padding-right: 5px; */
}
div#right {
border: none;
5 years ago
width:50vw;
display: inline-block;
margin-left: auto;
5 years ago
margin-right: 0px;
5 years ago
height:100vh;
overflow-y: scroll;
/*! padding-bottom: 200px; */
background-color: #21632c;
}
5 years ago
.p-style{
5 years ago
/* letter-spacing: 1px; */
5 years ago
margin-left: 1vw;
5 years ago
margin-right: 2vw;
5 years ago
margin-top: 1vh;
margin-bottom:1vh;
font-size: 13pt;
text-align: justify;
}
.collapsible {
background-color: white;
color: black;
cursor: pointer;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0vw;
padding-left:1vw;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 13pt;
font-weight: bold;
}
.active, .collapsible:hover {
color:#21632c;
5 years ago
}
#SPIX {
max-width: 90%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
5 years ago
padding-top: 8%;
font-family: "OCRAStd";
font-size: 2vw;
color: white;
padding-bottom: 2%;
}
div#maintitle {
max-width: 95%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5%;
font-family: "Roboto";
font-size: 10vw;
color: black;
padding-bottom: 0px;
margin-bottom: 0px;
}
.student{
5 years ago
margin-top: 0vh;
margin-bottom: 0vh;
font-family: "OCRAStd";
font-style: "light";
font-size: 1.2vw;
5 years ago
margin-left: 1vw;
}
.tfam {
max-width: 90%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-bottom: 2%;
font-family: "OCRAStd";
font-size: 2vw;
color: white;
}
.plusminus {
max-width: 90%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
margin-top:0px;
padding-top: 0px;
padding-bottom: 30%;
font-family: "OCRAStd";
font-size: 1.8vw;
color: white;
}
div#subtitle {
font-size: 1.5vw;
margin-top: 0;
color: black;
}
5 years ago
div #maingif{
5 years ago
max-width: 100%;
5 years ago
margin-top: 0px;
5 years ago
/* margin-bottom: 10%; */
5 years ago
margin-right: 0px;
margin-left: 0px;
5 years ago
padding:0px;
}
.maingif{
width: 100%;
display: block;
5 years ago
padding:0px;
}
div#define {
max-width: 90%;
5 years ago
/*! text-align: justify; */
display: block;
margin-left: auto;
margin-right: auto;
font-family: "OCRAStd";
font-size: 1.5vw;
padding-top: 5%;
5 years ago
color:#fff;
}
div#pzi {
max-width: 90%;
5 years ago
/*! text-align: justify; */
display: block;
margin-left: auto;
margin-right: auto;
5 years ago
font-family: "OCRAStd";
font-size: 1.5vw;
5 years ago
color:white;
}
div#names {
max-width: 90%;
5 years ago
/*! text-align: justify; */
display: block;
5 years ago
margin-left: 1vw;
5 years ago
font-family: "OCRAStd";
font-style: "light";
color: white;
font-size: 1.2vw;
}
div#intro {
max-width: 90%;
5 years ago
/*! text-align: justify; */
display: block;
margin-left: auto;
margin-right: auto;
5 years ago
font-family: "OCRAStd";
font-size: 1.2vw;
5 years ago
color: white;
}
/* div.moduleimg{
margin-top:50px;
margin-bottom: 100px;
} */
div.moduleimg img{
max-width: 100%;
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 25%;
}
div#bigpcb{
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5%;
5 years ago
padding-bottom: 10vh;
}
.bigpcb{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.output{
max-width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 5%;
}
.code {
5 years ago
max-width: 80%;
display: block;
5 years ago
margin-left: auto;
margin-right: auto;
background-color: transparent;
5 years ago
border: 0.1em solid;
border-color: rgba(255, 255, 255, 0.3);
5 years ago
margin-bottom: white;
color: white;
font-family: "OCRAStd";
font-style:;
font-weight: 0.1%;
font-size: 13px;
padding-top: 1%;
}
.extended {
display: none;
overflow: hidden;
}
5 years ago
/* .moduletext{
font-family: "OCRAStd";
text-transform: uppercase;
5 years ago
} */
div.links{
5 years ago
max-width: 100%;
background-color: black;
padding: 10px;
padding-left: 1vw;
margin-top: 3vh;
}
a.link_title{
5 years ago
font-size: 13pt;
color: white;
text-decoration: none;
5 years ago
padding-right: 50px;
}
5 years ago
.link_title:hover {
color:#21632c;
}
::-webkit-scrollbar {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 0px;
/* background-color: #21632c; */
}