css changes

master
Your Name 5 years ago
parent 974933b5f2
commit 0c47428159

@ -3,7 +3,7 @@ body {
max-width: 100%; max-width: 100%;
height:100%; height:100%;
display: inline-table; display: inline-table;
font-family: Baskerville; font-family: Inria Sans;
bottom: 20px; bottom: 20px;
} }
@ -69,7 +69,7 @@ display: inline-block;
width: 70px; width: 70px;
/*font-family: helvetica;*/ /*font-family: helvetica;*/
font-size: 14px; font-size: 14px;
margin: 20px; margin: 16px;
vertical-align: top; vertical-align: top;
} }
@ -77,7 +77,7 @@ display: inline-block;
.tooltip .tooltiptext { .tooltip .tooltiptext {
display: block; display: block;
visibility: hidden; visibility: hidden;
width: 300%; width: 400%;
height: auto; height: auto;
/*min-height: 100%;*/ /*min-height: 100%;*/
background-color: #0BEFEB; background-color: #0BEFEB;
@ -87,13 +87,14 @@ display: inline-block;
padding: 10px; padding: 10px;
/*border-radius: 6px;*/ /*border-radius: 6px;*/
/* font-family: CothamSans;*/ /* font-family: CothamSans;*/
font-size: 14px; font-size: 18px;
position: absolute; position: absolute;
/*top: 0px;*/ /*top: 0px;*/
z-index: 1; z-index: 1;
margin-top: 0px; margin-top: 0px;
/*vertical-align: top;*/ /*vertical-align: top;*/
line-height: 1.3; line-height: 1.3;
word-wrap:break-word
} }
.tooltip:hover .tooltiptext { .tooltip:hover .tooltiptext {
@ -112,21 +113,21 @@ ul#nav li{
} }
ul#nav{ ul#nav{
margin-left: 20px; padding: 20px;
margin-top: 20px; margin-top: 10px;
margin-right: 10px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: white;
top:0px; top:0px;
bottom: 10px; bottom: 10px;
padding-left: 0px; padding-left: 0px;
border: none; border: none;
width: 100vw; width: 80vw;
/*display: inline;*/ /*display: inline;*/
height:20px; height:20px;
/*overflow-x: scroll;*/ /*overflow-x: scroll;*/
left:0px; left:0px;
position: fixed; position: fixed;
/*z-index: -1; */ z-index: 1;
} }
ul#menu li{ ul#menu li{
@ -158,7 +159,7 @@ ul#menu{
div#myBtnContainer{ div#myBtnContainer{
background-color: white; /* background-color: white;*/
/*margin-top: 20px;*/ /*margin-top: 20px;*/
margin-left: 30px; margin-left: 30px;
margin-bottom: 30px; margin-bottom: 30px;
@ -177,10 +178,10 @@ div#myBtnContainer{
/*overflow-y: hidden;*/ /*overflow-y: hidden;*/
} }
div#myBtnContainer:hover{ /*div#myBtnContainer:hover{
background-color: white; background-color: white;
/*z-index: 1;*/ z-index: 1;
} }*/
.filter { .filter {
@ -206,7 +207,7 @@ margin-left: 40px;
.btn { .btn {
border: none; border: none;
outline: none; outline: none;
font-family: Baskerville; font-family: Inria Sans;
font-size: 20px; font-size: 20px;
text-align: left; text-align: left;
display: block; display: block;
@ -215,16 +216,16 @@ margin-left: 40px;
/*background-color: blue;*/ /*background-color: blue;*/
cursor: pointer; cursor: pointer;
margin: 4px 4px 2px 2px; margin: 4px 4px 2px 2px;
color: #E8E8E8; color: #0BEFEB;
background-color: transparent; background-color: transparent;
} }
.btn:hover { .btn:hover {
background-color: #ddd; background-color: #F4EBE8;
} }
.btn.active { .btn.active {
background-color: #666; background-color: #0BEFEB;
color: white; color: white;
} }
@ -241,5 +242,5 @@ margin-left: 40px;
margin-bottom: 10px; margin-bottom: 10px;
width: 80vw; width: 80vw;
height: 2px; height: 2px;
background-color: black; background-color: #0BEFEB;
} }

Loading…
Cancel
Save