input { z-index:2; position: relative; } button:not(.nogo){ z-index:2; position: relative; } a:not(.nogo){ z-index:3; position: relative; } .button { //background-color: #B0B0B0; border: none; // color: white; padding: 5px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 70%; margin: 2px 2px; cursor: pointer; transition: background .6s ease-in, transform .2s ease-out; } .button:active { background-color:green; color:green; } .button:focus { background-color:black; color:white; } .button:visited { background-color:#B0B0B0; color:white; } .button:hover { background-color:black; color:white; transform: scale(1.2) rotateX(30deg); } .hovero:hover { //background-color:black; //color:white; //transform: scale(1.1) rotateX(30deg); font-size:100%; color:blue; font-weight:bold; } .jd3buttonextra { font-size:80%; border:none; position: relative; //background-color:#000000; } .jd3tableleft { margin-right: auto; } .jd3tablecenter { margin-left: auto; margin-right: auto; border-style: solid; border-color: #b8b8b8; } .jd3tableright { margin-left: auto; } .jd3spreadsheettable { border-collapse: collapse; border-spacing: 0px; border:none; /*border:1px solid grey;*/ } .jd3spreadsheetdatadiv { // overflow:scroll; // height:400px; } .jd3spreadsheetrow { border-collapse: collapse; border-spacing: 0px; border:1px solid grey; } .jd3spreadsheetdata { border-collapse: collapse; border-spacing: 0px; border:1px solid grey; margin:0px; padding:1px; font-size:90%; //white-space: normal; } .jd3spreadsheetbuttondata { border-collapse: collapse; border-spacing: 0px; border:1px solid grey; margin:0px; padding:0px; padding-top:5px; font-size:90%; //white-space: normal; } .jd3spreadsheetcolorbutton { background-color: white; width: 20px; border:none; height:25px; //border-radius: 5px; padding: 0px; } .jd3spreadsheetfontsizebutton { background-color: #B0B0B0; color:white; width: 30px; height: 18px; border-radius: 0px; border:none; padding-left: 1px; font-size:10px; } .jd3spreadsheetbuttonextra { background-color: white; border:none; color: white; padding: 0px 0px; padding-top:5px; text-align: center; text-decoration: none; //display: inline-block; font-size: 90%; margin: 0px 0px; cursor: pointer; //height:25px; transition: background .6s ease-in, transform .2s ease-out; } .jd3spreadsheetbutton { background-color: #B0B0B0; border: none; color: white; padding: 0px 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 80%; margin: 2px 1px; cursor: pointer; height:18px; transition: background .6s ease-in, transform .2s ease-out; } .jd3spreadsheetbutton:active { background-color:green; color:green; } .button:focus { background-color:black; color:white; } .jd3spreadsheetbutton:visited { background-color:#b0b0b0; color:white; } .jd3spreadsheetbutton:hover { background-color:black; color:white; transform: scale(1.2) rotateX(30deg); } .jd3spreadsheettextarea { //width: 400px; resize:horizontal; height: 15px; border: 0.5px solid #cccccc; padding: 0px; font-family:Arial; color:red; background-image: url(bg.gif); background-position: bottom right; background-repeat: no-repeat; line-height:150%; font-size:75%; } /* The Modal (background) */ .jd3modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 60; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .jd3modalcontent { z-index: 99; /* Sit on top */ background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 60%; /* Could be more or less, depending on screen size */ font-size: 100%; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #e0e1e2; opacity: 1; /* Firefox */ } /* Style the tab */ .jd3Tabs { overflow: hidden; /*border: 1px solid #ccc;*/ background-color: #f1f1f1; margin-top:10px; } /* Style the buttons that are used to open the tab content */ .jd3Tabs button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 2px 16px; transition: 0.3s; font-size:80%; font-weight:bold; } /* Change background color of buttons on hover */ .jd3Tabs button:hover { background-color:black; color:white; transform: scale(1.1) rotateX(30deg); } /* Create an active/current tablink class */ .jd3Tabs button.active { background-color: #B0B0B0; color: white; } /* Style the tab content */ .jd3TabContent { display: none; /*padding: 6px 12px;*/ border: 1px solid #ccc; /*border-top: none;*/ } /* Style the tab content */ .jd3TabContents { margin-top:10px; } .jd3TabContent2 { display: none; /*padding: 6px 12px;*/ border: none; /*border-top: none;*/ } /* .jd3spreadsheetdatatable tbody { display:block; overflow:auto; height:200px; width:100%; } .jd3spreadsheetdatatable thead tr{ overflow:auto; display:block; } */ .jumptarget::before { content:""; display:block; height:80px; /* fixed header height*/ margin:-80px 0 0; /* negative fixed header height */ }