body { background: white; max-width: 100%; height:100%; display: inline-table; font-family: Inria Sans; bottom: 20px; } /*.img { display: inline; } .thumb{ display: inline; }*/ h1{ font-size: 20px; margin-left: 20px; } .thumbborder { /*margin-bottom: 15px;*/ /*border : 20px solid blue;*/ width: 100%; height: 100%; display: inline-block; text-align: left; position: relative; display: inline-block; } .title{ margin-top: 15px; line-height: 1.3; } /*.smw-row:nth-child(odd) { background-color: purple; float: right; } .smw-row:nth-child(odd) img { float: right; } .smw-row:nth-child(even) { background-color: orange; float: left; }*/ .nav .active{ /*font-family: helvetica;*/ margin-left: 20px; color: black; text-decoration: underline; } .navtab{/* font-family: helvetica;*/ margin-left: 20px; color: grey; } .tooltip { position: relative; display: inline-block; width: 70px; /*font-family: helvetica;*/ font-size: 14px; margin: 16px; vertical-align: top; } .tooltip .tooltiptext { display: block; visibility: hidden; width: 400%; height: auto; /*min-height: 100%;*/ background-color: #0BEFEB; /*opacity: 80%;*/ color: black; text-align: left; padding: 10px; /*border-radius: 6px;*/ /* font-family: CothamSans;*/ font-size: 18px; position: absolute; /*top: 0px;*/ z-index: 1; margin-top: 0px; /*vertical-align: top;*/ line-height: 1.3; word-wrap:break-word } .tooltip:hover .tooltiptext { visibility: visible; } ul#nav li{ display: inline; list-style: none; margin-left: 10px; /* margin-left: 10% margin-right: 10%;*/ align-content: initial; font-size: 20px; } ul#nav{ padding: 20px; margin-top: 10px; margin-bottom: 20px; background-color: white; top:0px; bottom: 10px; padding-left: 0px; border: none; width: 80vw; /*display: inline;*/ height:20px; /*overflow-x: scroll;*/ left:0px; position: fixed; z-index: 1; } ul#menu li{ display: inline; list-style: none; /* margin-left: 10% margin-right: 10%;*/ align-content: initial; } ul#menu{ margin-left: 10px; margin-right: 10px; top:40px; bottom: 10px; padding-left: 0px; border: none; width: 85vw; /*display: inline;*/ height:100%; /*overflow-x: scroll;*/ left:0px; margin-bottom: 20px; padding-bottom: 20px; position: absolute; /*z-index: -1; */ } div#myBtnContainer{ /* background-color: white;*/ /*margin-top: 20px;*/ margin-left: 30px; margin-bottom: 30px; border: none; width: 15vw; display: inline; /* visibility: hidden;*/ height:100%; right:0px; top:0px; position: fixed; padding:10px; overflow-y: scroll; /*z-index: -1;*/ /*overflow-y: hidden;*/ } /*div#myBtnContainer:hover{ background-color: white; z-index: 1; }*/ .filter { display: inline-block; box-shadow: 8px 8px 8px #9D9C9C; } .show { display: inline-block; /*box-shadow: 8px 8px 8px #303E88*/; box-shadow: 10px 10px 20px #0BEFEB; } /*.container { margin-left: 40px; margin-top: 20px; overflow: hidden; }*/ /* Style the buttons */ .btn { border: none; outline: none; font-family: Inria Sans; font-size: 20px; text-align: left; display: block; /*padding: 4px 6px;*/ /*text-shadow: 2px 2px 2px #9D9C9C;*/ /*background-color: blue;*/ cursor: pointer; margin: 4px 4px 2px 2px; color: #0BEFEB; background-color: transparent; } .btn:hover { background-color: #F4EBE8; } .btn.active { background-color: #0BEFEB; color: white; } .mw-parser-output{ display: inline; } ::-webkit-scrollbar { display: none; } .line{ margin-top: 10px; margin-bottom: 10px; width: 80vw; height: 2px; background-color: #0BEFEB; }