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.
 
 
 

309 lines
4.6 KiB

/* Everything*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&family=Source+Sans+Pro:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Harmattan&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asul&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap');
* {
border: 0px black solid;
}
.container-fluid {
overflow: hidden;
}
/*
.bg {
/* background-image: url("/static/images/book.jpeg");*/
/* background-image: linear-gradient(#CDCEC9, #9494A0, #652A2E); */
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}*/
/*Main areas*/
.map_area {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 10px;
}
.media_area {
margin-top: 10px;
padding-right: 20px;
height:100%;
}
.media_area img {
width: 200px;
height: 150px;
}
.link {
stroke: #ccc;
}
.node text {
pointer-events: none;
}
/* Audio in background */
.audio-button {
background: white;
}
.audio-button:hover {
background: grey;
cursor: pointer;
}
/* Node styling */
#ahmed text {
fill: #226270 ;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#mevlana text {
fill: #226270 ;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#haci text {
fill: #226270 ;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#dadaloglu text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#dedekorkut text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikN text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikA text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikM text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#karacaoglan text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#asikV text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#neset text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#muharrem text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#aliekber text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#dedeoglu text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#pir text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#yunus text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#kulN text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
#kaygusuz text {
fill: #703022;
font-size: 20px;
font-family: 'Vesper Libre', serif;
}
svg{ width:100%; height:100%; margin:0 auto;}
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:480px;
scroll-behavior: smooth;
font-size: 1em;
border: 1px black solid;
padding: 2em;
margin-right: 10px;
margin-top: 10px;
line-height: 1.6em;
font-family: 'Vesper Libre', serif;
scrollbar-color: #cdcec9 #aeb10a;
}
h1 {
font-size: 1.4em !important;
}
h2 {
font-size: 1.2em !important;
}
/* background audio */
.play-stop {
position: absolute;
bottom: 1.6em;
z-index: 1;
margin-left: calc( 50% - 1.8em );
overflow: hidden;
font-size: 1.2em;
font-weight: bold;
font-family:'Walter Turncoat', cursive;
color: #AEB10A;
cursor: pointer;
}
.play-stop:hover {
color: #cdcec9;
}
/* circles */
#first_circle {
width: 100%;
height: 100%;
}
#second_circle {
width: 100%;
height: 100%;
}
@media all and (max-width: 350px) {
}
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 */
#showdadaloglu,#showasikA {
display: none;
left: 20%;
width: 50% !important;
}
.text_audio{
margin-bottom: 1.2em;
margin-top: 2em;
font-family:'Vesper Libre', serif;
}
/*d3 map*/
.link {
stroke: #ccc;
}
.node text {
pointer-events: none;
font: 1em sans-serif;
}
.active {
background-color: RGBA(174, 177, 10, 0.6);
}