You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
1.3 KiB
110 lines
1.3 KiB
/* Everything*/
|
|
* {
|
|
border: 1px black solid;
|
|
}
|
|
|
|
/*Main areas*/
|
|
.map_area {
|
|
text-align: center;
|
|
margin-top: 200px;
|
|
}
|
|
.image_area {
|
|
margin-top: 10px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.image_area img {
|
|
width: 200px;
|
|
height: 150px;
|
|
}
|
|
|
|
.iframe_area {
|
|
margin-top: 10px;
|
|
padding-right: 20px;
|
|
}
|
|
#video1 {
|
|
margin-top: 300px;
|
|
}
|
|
|
|
.draggable {
|
|
position: absolute;
|
|
}
|
|
|
|
img {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.draggable iframe {
|
|
padding: 20px;
|
|
}
|
|
#video2 {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
#audio1 {
|
|
margin-left: 400px;
|
|
}
|
|
|
|
#transcriptWrapper {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#transcript > div {
|
|
transition: all 0.8s ease;
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.speaking {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#background_a {
|
|
background-image: url("../images/map.png");
|
|
background-repeat: no-repeat;
|
|
background-color: silver;
|
|
}
|
|
|
|
|
|
#poem1 {
|
|
width: 500px;
|
|
margin-left: 400px;
|
|
}
|
|
|
|
#poem2 {
|
|
width: 500px;
|
|
margin-left: 300px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#background_c {
|
|
background-image: url("../images/test2_opacity.jpeg");
|
|
|
|
}
|
|
|
|
#scan1 {
|
|
width:60%; top:120px;left:240px;
|
|
}
|
|
|
|
/* pop up */
|
|
#show1 {
|
|
display: none;
|
|
left: 20%;
|
|
width: 23% !important;
|
|
}
|
|
|
|
.nicelist {
|
|
font-size: 25px;
|
|
color: gray;
|
|
margin-top: 100px;
|
|
font-family: 'Dosis', sans-serif;
|
|
}
|
|
|
|
ul {
|
|
margin-left: 900px;
|
|
|
|
}
|
|
li {
|
|
padding-bottom: 20px;
|
|
list-style-type: none;
|
|
|
|
}
|
|
|