223 lines
2.8 KiB
CSS
223 lines
2.8 KiB
CSS
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
hd {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 45em;
|
|
min-width: 250px;
|
|
}
|
|
|
|
hd img {
|
|
width: 80%;
|
|
border: 10px grey ridge;
|
|
margin-bottom: 1em;
|
|
margin-top: 5em;
|
|
|
|
}
|
|
|
|
h1 { font-size: 2.7vw; }
|
|
|
|
h2 { font-size: 2.2vw;}
|
|
|
|
h3 { font-size: 1.7vw;}
|
|
|
|
h4 { font-size: 1.3vw;}
|
|
|
|
table {
|
|
margin: 1em;
|
|
border: 10px grey ridge;
|
|
text-align: left;
|
|
max-width: 55em;
|
|
min-width: 250px;
|
|
}
|
|
|
|
table tr {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
table tr td {
|
|
padding: 1em;
|
|
/* width: 75em;*/
|
|
}
|
|
|
|
table td h1 {
|
|
margin-top: 0.4em;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
table tr td img {
|
|
width: 100%;
|
|
height: auto;
|
|
border: 2px grey ridge;
|
|
}
|
|
|
|
table tr td video {
|
|
width: 100%;
|
|
height: auto;
|
|
border: 2px grey ridge;
|
|
}
|
|
|
|
|
|
table td p {
|
|
margin-top: 0.1em;
|
|
margin-bottom: 0.4em;
|
|
}
|
|
|
|
h1 a:hover, h1 a:active {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover p, a:active p {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.lst {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-right: 3em;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
.lst p mat {
|
|
margin-left: : 2em;
|
|
}
|
|
|
|
|
|
.lst ul li desc {
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
margin-bottom: 1em;
|
|
min-width: 250px;
|
|
max-width: 1024px;
|
|
display: block;
|
|
}
|
|
|
|
|
|
.lst ul li desc img {
|
|
border: 10px grey ridge;
|
|
margin: 0em;
|
|
margin-bottom: 2em;
|
|
width: 98%;
|
|
display: block;
|
|
}
|
|
|
|
.lst ul li desc video {
|
|
border: 10px grey ridge;
|
|
margin: 0em;
|
|
margin-bottom: 2em;
|
|
width: 98%;
|
|
display: block;
|
|
}
|
|
|
|
.lst ul li { display: inline-block; }
|
|
|
|
.lst ul li img {
|
|
border: 10px grey ridge;
|
|
margin: 0.5em;
|
|
margin-bottom: 1em;
|
|
resize: both;
|
|
overflow: auto;
|
|
width: 488px;
|
|
}
|
|
|
|
.lst ul li video {
|
|
border: 10px grey ridge;
|
|
margin: 0.5em;
|
|
margin-bottom: 1em;
|
|
width: 488px;
|
|
}
|
|
|
|
.lst ul li sound {
|
|
display: block;
|
|
border: 10px grey ridge;
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
padding: 10;
|
|
min-width: 250px;
|
|
max-width: 990px;
|
|
}
|
|
|
|
.lst ul li sound track {
|
|
margin-top: 0.3em;
|
|
margin-bottom: 0.3em;
|
|
width: 100%;
|
|
}
|
|
|
|
.lst ul li sound info {
|
|
width: 100%;
|
|
}
|
|
|
|
.lst ul li sound audio {
|
|
width: 100%;
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.lst ul li desc lo img {
|
|
border: none;
|
|
margin: 1em;
|
|
margin-top: 0.5em;
|
|
max-width: 300;
|
|
}
|
|
|
|
.lst ul li desc la img {
|
|
border: none;
|
|
margin: 1em;
|
|
margin-top: 0.5em;
|
|
max-width: 100;
|
|
min-width: 100;
|
|
}
|
|
|
|
address {
|
|
margin: 20px;
|
|
}
|
|
|
|
#index_tile h1 {
|
|
margin: 20px;
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
|
|
h1 { font-size: 6vw; }
|
|
|
|
h2 { font-size: 5.3vw;}
|
|
|
|
h3 { font-size: 5vw;}
|
|
|
|
h4 { font-size: 4vw;}
|
|
|
|
p { font-size: 3.7vw;}
|
|
|
|
pre { font-size: 3.5vw;}
|
|
|
|
table {
|
|
max-width: 65em;
|
|
}
|
|
|
|
|
|
.lst ul li { display: block; }
|
|
|
|
.lst ul li img {
|
|
border: 10px grey ridge;
|
|
margin: 0.5em;
|
|
margin-bottom: 1em;
|
|
width: 96%;
|
|
min-width: 250px;
|
|
}
|
|
|
|
.lst ul li video {
|
|
border: 10px grey ridge;
|
|
margin: 0.5em;
|
|
margin-bottom: 1em;
|
|
width: 96%;
|
|
min-width: 250px;
|
|
}
|
|
|
|
}
|