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.

258 lines
4.3 KiB
CSS

1 year ago
body{
margin: 0;
display: block;
}
1 year ago
.page {
height: 287mm;
width: 200mm;
margin: 0 auto;
padding: 5mm;
overflow: hidden;
}
1 year ago
.card {
float: left;
1 year ago
width: calc(200mm / 2 ); /* Adjusted width to fit 2 cards per row with margins */
height: calc(287mm / 4 ) ; /* Adjusted height to fit 4 rows per page with margins */
/*border: 1px solid black;*/
1 year ago
box-sizing: border-box; /* Includes the border in the width and height calculation */
overflow: hidden;
1 year ago
}
1 year ago
1 year ago
.card.image{
width: calc(200mm / 2); /* Adjusted width to fit 2 cards per row with margins */
height: calc(287mm / 4);
padding: 0;
margin: 0;
box-sizing: border-box; /* Includes the border in the width and height calculation */
overflow: hidden;
1 year ago
}
1 year ago
.card.text{
padding: 5mm;
box-sizing: border-box; /* Includes the border in the width and height calculation */
1 year ago
1 year ago
overflow: hidden;
1 year ago
}
/*game */
h1{
font-size: 12pt;
font-family: 'NotCourierSans Bold', Courier, monospace;
color: #c4007a;
font-weight: 600;
padding-left: 5mm;
padding-right: 5mm;
text-align: center;
padding-top: 50px;
overflow: hidden;
margin: 0mm;
margin-bottom: 5pt;
line-height: 14pt;
overflow-wrap: break-word;
}
/* thesis quotes */
h2{
font-family: 'Catamaran Bold', sans-serif;
font-weight: 1000;
font-size: 12pt;
color: #a6dbf0;
margin: 0mm;
margin-bottom: 5pt;
line-height: 14pt;
1 year ago
padding: 0mm 5mm 0mm 5mm;
1 year ago
}
/* alternative materials*/
h3 {
font-family: 'Catamaran Bold', sans-serif;
font-weight: 1000;
font-size: 12pt;
color: #E2C044;
margin: 0mm;
margin-bottom: 5pt;
line-height: 14pt;
1 year ago
padding: 0mm 5mm 0mm 5mm;
1 year ago
}
/* wiki*/
h4{
font-family: 'NotCourierSans Bold',Courier, sans-serif;
font-weight: 800;
font-size: 12pt;
color: #9594C4;
line-height:normal;
padding-left: 10mm;
margin: 1mm;
1 year ago
padding: 0mm 5mm 0mm 5mm;
1 year ago
}
.h4::after {
content: ":";
white-space: pre;
}
.a4::after {
content: "\A";
white-space: pre;
}
p{
margin: 0mm;
line-height: 10.5pt;
font-family: 'Catamaran Medium', sans-serif;
font-weight: 400;
font-size: 10pt;
color: #393E41;
padding: 0mm 5mm 0mm 5mm;
}
.tensteps{
font-family: 'Catamaran Bold', sans-serif;
font-weight: 800;
font-size: 12pt;
1 year ago
color: #b4d194;
1 year ago
line-height: 16pt;
1 year ago
padding-top: 100px;
1 year ago
padding-left: 5mm;
text-align: center;
display: inline-block;
align-self: flex-end;
}
1 year ago
1 year ago
.image_titles {
1 year ago
/*width: 105mm;*/
1 year ago
text-align: center;
1 year ago
margin-top: 63mm;
margin-left: 9mm;
1 year ago
font-family: 'NotCourierSans',Courier, sans-serif;
1 year ago
font-size: 12pt;
/*text-shadow: -1px 2px #393e41;*/
color:black;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #9594c49e;
1 year ago
}
1 year ago
1 year ago
.game{
object-fit:cover;
1 year ago
width: 95mm;
1 year ago
}
@media print {
1 year ago
1 year ago
.body{
1 year ago
-webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 15.3, Edge */ /* Firefox 48 96 */
1 year ago
print-color-adjust: exact !important;
}
1 year ago
.page{
1 year ago
-webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 15.3, Edge */
1 year ago
print-color-adjust: exact !important;
1 year ago
}
.overflowing-element {
overflow: hidden;
}
nav{
display: none !important;
}
}
@media screen {
1 year ago
.page{
border: 1px solid #9594c4;
margin-bottom: 5px;
}
1 year ago
nav {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 50;
padding: 24px;
text-align: right;
position: fixed;
top: 0;
}
1 year ago
.btn {
background: white;
display: inline-block;
min-width: 50px;
height: 50px;
border-radius: 24px;
padding: 0 4px;
border: 1px solid currentColor;
color: #9594c4;
transition-duration: 0.7s;
cursor: pointer;
}
.btn:hover {
background-color: #9594c4;
}
}
1 year ago
#textbox {
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 50px;
}
1 year ago
1 year ago
1 year ago