body{ background-image: url(/images/bg.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; overflow-y:scroll; color: white; text-shadow: 0px 0px 3px rgb(0, 153, 153); font-family: 'Palanquin Dark', sans-serif; } #menu{ background: rgba(0, 153, 153, 0.5); width: 150px; float: left; padding-top: 50px; padding-bottom: 50px; border: 2px solid rgb(0, 153, 153); position: fixed; margin: 15px; } #menu h4 a, h1{ color: rgb(0, 153, 153); text-shadow: 0px 0px 3px rgb(0, 0, 0); text-decoration: underline; } #menu h4 a:hover{ cursor: pointer; color: white; } #menu li a{ cursor: pointer; } #menu li a:hover{ color: rgb(0, 153, 153); text-shadow: 0px 0px 3px rgb(0, 0, 0); } #menu li h4{ text-align: center; } #body{ background: rgba(0, 153, 153, 0.5); width: calc(100vw - 210px); min-height: 518px; margin: 15px;; padding-left: 25px; padding-right: 25px; padding-top: 50px; padding-bottom: 50px; border: 2px solid rgb(0, 153, 153); position: absolute; right: 0; } #body h1{ text-align: center; } table.dataTable tbody tr{ background-color: rgba(0, 153, 153, 0.7) !important; } table.dataTable tbody tr:nth-child(2n){ background-color: rgba(0, 153, 153, 0.5) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ text-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{ color: black !important; } label, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate .paginate_button{ color: white !important; } .options-table{ width: 176px; } td.options-table{ text-align: center; } .options-table-species{ width: 60px; } td.options-table-species{ text-align: center; }