added map legend

This commit is contained in:
alicestrt 2020-10-28 18:51:58 +01:00
parent 07e32a938d
commit d7756b753a
2 changed files with 47 additions and 0 deletions

View File

@ -114,7 +114,48 @@ stroke-dasharray:6px;
.c2{ left:50%; background:blue; } .c2{ left:50%; background:blue; }
.c3{ left:30%; background: yellow;} .c3{ left:30%; background: yellow;}
/* map legend */
.box1 {
height: 15px;
width: 15px;
margin-left : 15px;
margin-top: 10px;
background-color: #bedbbb;
}
.box2 {
height: 15px;
width: 15px;
margin-left : 15px;
margin-top: 10px;
background-color: #92817a;
}
.box3 {
height: 15px;
width: 15px;
margin-left : 15px;
margin-top: 10px;
background-color: #707070;
}
.box4 {
height: 15px;
width: 15px;
margin-left : 15px;
margin-top: 10px;
background-color: #8db956;
}
.map_legend p {
padding-left: 15px;
font-family: 'Vesper Libre', serif;
}
/* text area */ /* text area */
.thesis { .thesis {
overflow-y: scroll; overflow-y: scroll;

View File

@ -10,7 +10,13 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="map_legend">
<p>Map legend</p> <p>Map legend</p>
<div class="box1"></div> <p>Folklore literature</p>
<div class="box2"></div> <p>Islamic Mysticism</p>
<div class="box3"></div> <p>Contemporary poets</p>
<div class="box4"></div> <p>Contemporary musicians</p>
</div>
</div> </div>
</div> </div>
</div> </div>