/* background: repeat "../images/paper.png"; */ body { color: #000000; background-color: #ffffff; background-image: url("../images/binder.png"), url("../images/paper.png"); background-repeat: repeat-y, repeat; font: medium Arial, sans-serif; margin-left: 48px; margin-top: 16px; } a:link { color: #660000; } a:visited { color: #551a8b; } ul { list-style-type: square; } hr { border: 1px solid #996600; } h1 { text-align: center; } h2 { text-align: center; } h3 { text-align: center; } .boldtable, .boldtable TH { color: rgb(153, 102, 0); font-size: 12pt; font-weight: bold; background-color: rgb(255, 255, 240); text-align: center; } .boldtable TD B { color: black; font-size: 9pt; font-weight: bold; text-align: center; } .threeJS-viewer-canvas { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; } .threeJS-viewer { aspect-ratio: 1; width: 200px; height: 200px; display: block; } img { border: none; display: block; } .button { display: inline-block; position: relative; padding: 10px 12px 2px 12px; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; border-radius: 3px; box-shadow: 0px 1px 4px -2px #333; text-shadow: 0px -1px #333; color: black; background: linear-gradient(#FF9900, #CC9900); border: none; } .button:after { content: ''; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: 50%; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.2)); } .button:hover { background: linear-gradient(#FFFF00, #FFCC00); } .button:active { background: linear-gradient(#999999, #9999CC); }