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.

328 lines
5.1 KiB
CSS

/*-- SCREEN */
@media screen {
@font-face {
font-family: wfdtf;
src: url(Fonts/wftfs-Regular.otf)
}
@font-face {
font-family: EBGaramond;
src: url(Fonts/EBGaramond-Italic.ttf)
}
.bottom {
margin: 0mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
}
body {
background-image: url("Imageresearch/back.def.png");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 5mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
columns: 3;
}
h1 {
font-family: sans-serif;
color: black;
}
.bio {
color: blue;
font-size: 7pt;
columns: 1;
}
.dida {
color: blue;
font-size: 10pt;
font-family: EBGaramond;
}
.dida2 {
color: black;
font-size: 10pt;
font-family: EBGaramond;
}
a:link {
color: blue;
}
a:visited {
color: blue;
}
.symbol {
font-family: wfdtf;
color: blue;
font-size: 10pt;
}
.logo{
position: bottom;
color:blue;
font-family: wfdtf;
font-size: 31pt;
}
img{
padding: 0;
max-width: 100%;
height: auto;
}
input[type="place"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="yourname"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="people"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="mission"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="friend"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="what"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="study"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="language"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
.footnotes{
color: black;
font-size: 7pt;
}
}
/*-- PRINT */
@page {
size: 297mm, 420mm;
margin-left: 20mm;
margin-right: 5mm;
margin-top: 5mm;
margin-bottom: 5mm;
}
@media print {
@font-face {
font-family: wfdtf;
src: url(Fonts/wftfs-Regular.otf)
}
@font-face {
font-family: EBGaramond;
src: url(Fonts/EBGaramond-Italic.ttf)
}
p1 {
page-break-before: always;
}
.bottom {
margin: 0mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
}
body {
background-image: url("Imageresearch/back.def.png");
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0mm;
color: black;
font-family: monospace;
font-size: 9pt;
text-justify: inter-word;
columns: 3;
}
h1 {
font-family: sans-serif;
color: black;
}
.bio {
color: blue;
font-size: 7pt;
columns: 1;
}
img{
max-width: 100%;
height: auto
}
.dida {
color: blue;
font-size: 10pt;
font-family: EBGaramond;
}
a:link {
color: blue;
}
a:visited {
color: blue;
}
.logo{
position: bottom;
color:blue;
font-family: wfdtf;
font-size: 50pt;
}
input[type="place"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="yourname"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="people"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="mission"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="friend"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="what"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="study"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
input[type="language"] {
border: 0px solid;
border-color: black;
border-radius: 1px;
}
.footnotes{
color: black;
font-size: 7pt;
}
.dida2 {
color: black;
font-size: 10pt;
font-family: EBGaramond;
}
.rotate {
transform: rotate(180deg);
transform-origin: left bottom 5px;
float: left;
position:fixed;
color: blue;
font-size: 10pt;
font-family: EBGaramond;
}
aside {
display: block;
position: relative;
margin: 40px 0;
}
aside h3 {
font-family: EBGaramond;
text-transform: uppercase;
background: #369;
color: blue;
font-size: 10pt;
line-height: 24px;
/* Abs positioning makes it not take up vert space */
position: absolute;
top: -1000px;
left: 0;
/* Border is the new background */
background: none;
/* Rotate from top left corner (not default) */
transform-origin: 0 0;
transform: rotate(-90deg)
}
}