New font, and new external css

master
Pedro Sá Couto 5 years ago
parent ab2d1ef391
commit 5f0e217f3e

Binary file not shown.

Binary file not shown.

@ -1,295 +1,13 @@
<html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf8" name="viewport" content="width=device-width, initial-scale=1">
<title>INPUT/ OUTPUT - Special Issue X</title>
<style type="text/css">
@font-face {
font-family: "OCRAStd";
src: url("font/OCRAStd.otf") format("opentype");
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;}
/* src: url("font/Roboto.otf") format("opentype");
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: 10%;
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;
}
.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;
}
div#maingif{
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10%;
}
.maingif{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
div#define {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "OCRAStd";
font-size: 1.5vw;
padding-top: 5%;
color:black;
}
div#pzi {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "Roboto";
font-size: 1.5vw;
color:black;
}
div#names {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "Helvetica";
font-style: "light";
color: white;
font-size: 1.2vw;
}
div#intro {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "Roboto";
font-size: 1.2vw;
color: black;
}
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: 10%;
}
.bigpcb{
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
}
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%;
}
.collapsible {
background-color: white;
color: black;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
border:solid black 1px;
}
.active, .collapsible:hover {
background-color:black;
color:white;
}
.extended {
padding: 0 18px;
display: none;
overflow: hidden;
}
.moduletext{
font-family: "OCRAStd";
text-transform: uppercase;
}
div.links{
border-bottom:solid black 1px;
font-family: "Helvetica";
font: green;
padding: 15px;
}
a.link_title{
color: green;
text-decoration: none;
}
.link_title{
padding-right: 70px;
}
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="left">

@ -0,0 +1,282 @@
@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;}
/* src: url("font/Roboto.otf") format("opentype");
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: 10%;
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;
}
.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;
}
div#maingif{
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10%;
}
.maingif{
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
div#define {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "OCRAStd";
font-size: 1.5vw;
padding-top: 5%;
color:black;
}
div#pzi {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "Roboto";
font-size: 1.5vw;
color:black;
}
div#names {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "Helvetica";
font-style: "light";
color: white;
font-size: 1.2vw;
}
div#intro {
max-width: 90%;
text-align: justify;
display: block;
margin-left: auto;
margin-right: auto;
font-family: "Roboto";
font-size: 1.2vw;
color: black;
}
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: 10%;
}
.bigpcb{
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
}
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%;
}
.collapsible {
background-color: white;
color: black;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
border:solid black 1px;
}
.active, .collapsible:hover {
background-color:black;
color:white;
}
.extended {
padding: 0 18px;
display: none;
overflow: hidden;
}
.moduletext{
font-family: "OCRAStd";
text-transform: uppercase;
}
div.links{
border-bottom:solid black 1px;
font-family: "Helvetica";
font: green;
padding: 15px;
}
a.link_title{
color: green;
text-decoration: none;
}
.link_title{
padding-right: 70px;
}
Loading…
Cancel
Save