Hybrid Publishing hybrid publication of the project Volitional Volutions of the Volatile Waters
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.
 
 
 

113 lines
1.4 KiB

/* Everything*/
* {
border: 0px black solid;
}
/*Main areas*/
.map_area {
text-align: center;
margin-top: 200px;
height:80%;
}
.image_area {
margin-top: 10px;
padding-right: 20px;
/* height:300px; */
}
.image_area img {
width: 200px;
height: 150px;
}
svg{ width:100%; height:100%; }
path{
fill: transparent;
stroke: #000;
stroke-dasharray:6px;
}
#map_div{
position:absolute;
top:20px;
left:0;
right:0;
margin:auto;
height:500px;
width:700px;
}
#map_div p{ position:absolute; padding:50px; top:200px; width:0; height:0; border-radius:50%; }
.c1{ padding:20px; top:220px; left:10%; background:red; }
.c2{ left:50%; background:blue; }
.c3{ left:30%; background: yellow;}
/* text area */
.thesis {
overflow-y: scroll;
max-height:500px;
scroll-behavior: smooth;
}
/* background audio */
audio {
width:100%;
}
/* circles */
#first_circle {
width: 100%;
height: 100%;
}
#second_circle {
width: 100%;
height: 100%;
}
@media all and (max-width: 350px) {
#first_circle {
width: 100%;
height: 100%;
}
#second_circle {
width: 100%;
height: 100%;
}
}
draggable {
position: absolute;
}
.draggable iframe {
padding: 20px;
}
#transcriptWrapper {
overflow: hidden;
}
#transcript > div {
transition: all 0.8s ease;
list-style-type: disc;
}
.speaking {
font-weight: bold;
}
/* pop up */
#show1 {
display: none;
left: 20%;
width: 23% !important;
}