body { background: white; max-width: 100%; height:100%; display: inline-table; font-family: Roboto Mono; bottom: 20px; scrollbar-width: thin; } /*.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; } .pagelink{ position: fixed; display: inline; left:0px; width:20px; height:20px; padding:10px; background-color: white; z-index: 10; font-size: 18px; text-align: center; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; /*border-style: solid;*/ border-width: 1px; border-color: #371F10; } .pagelink:hover{ background-color: #0BEFEB; } .pagelink a{ text-decoration: none; } .pagelink .pagename{ display: inline; position: absolute; width: auto; padding: 5px; margin-left: 25px; font-size: 13px; background-color: white; visibility: hidden; } .pagelink:hover .pagename{ visibility: visible; } .tooltip { position: relative; display: inline-block; width: 70px; 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: 16px; position: absolute; /*top: 0px;*/ z-index: 1; margin-top:-10px; /*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: 45px; margin-right: 10px; top:-15px; bottom: 10px; padding-left: 0px; border: none; width: 80vw; height:100%; left:0px; margin-bottom: 20px; padding-bottom: 20px; position: absolute; scrollbar-width: thin; } div#myBtnContainer{ /*background-color: #F4EBE8;*/ /*margin-top: 20px;*/ margin-left: 30px; margin-bottom: 30px; border: none; max-width: 15vw; display: inline; /* visibility: hidden;*/ height:100%; right:0px; top:0px; position: fixed; padding:10px; overflow-y: hidden; /*z-index: -1;*/ overflow-y: scroll; scrollbar-width: thin; /* overflow-y: hidden;*/ } div#myBtnContainer:hover{ } /*div#bigbtncontainer{ overflow-y: hidden; -ms-overflow-style: none; Internet Explorer 10+ scrollbar-width: thin; /*overflow-y: scroll; }*/ /*div#myBtnContainer:hover{ background-color: white; z-index: 1; }*/ .filter { display: inline-block; box-shadow: 8px 8px 8px #C4BCB9; } .show { display: inline-block; /*box-shadow: 8px 8px 8px #303E88;*/ box-shadow: 10px 10px 15px #0BEFEB; } /*.container { margin-left: 40px; margin-top: 20px; overflow: hidden; }*/ /* Style the buttons */ .btn { border: none; outline: none; font-family: Roboto Mono; font-size: 18px; text-align: left; display: block; /*padding: 4px 6px;*/ /*text-shadow: 2px 2px 2px #9D9C9C;*/ /*background-color: blue;*/ cursor: pointer; margin: 8px 2px 8px 2px; padding: 4px; color: #371F10; 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; } a.image {cursor: pointer!important;} /* KEEP THIS: show imgs as link in Overview */