/* GuidedCTF
   Previously known as: Something Awesome, SQLI Tutor, nlangford-vulnerable-webapp, nlangford-sqli
An intentionally vulnerable web-app, as a teaching tool for cybersecurity.
Copyright (C) 2025  Nicholas Langford */

/* Modified from my repo: https://github.com/scorpiontornado/Corona-Virus-Website/blob/master/static/css/main.css */

/*
.jumbotron {
  background-color: grey;
  color: white;
  padding: 2em 0 !important; /* was 48px 0px * /
  margin-bottom: 2em !important; /* was 30px * /
}

.jumbotron h1.display-4 {
  margin: 10px 0 !important; /* was 20px 0px 10px * /
}

.container-fluid.padded {
  padding: 0 10% !important;
}
*/

p,
a,
code {
  font-size: 16px;
}

form.login {
  /* border-color: #404040; /* HSL 0, 0%, 25% * /
  /* border-style: solid; */
  /* border-radius: calc(0.4rem * 1.6); */
  padding-left: 7%;
  /* padding-right: 12%; */
}

/*
form.login label {
  padding: 0.5em;
}

form.login input {
  font-size: 0.9em;
  background-color: #f6f6f6;
  border-width: 0.1px;
  border-radius: 0.4rem;
  height: 2.5em;
} */

pre {
  background: none;
  border: none;
  padding: 0;
}

/* Select code blocks that don't have <pre> as a parent */
code:not(pre) {
  background-color: #f6f6f6;
  border-radius: 0.3rem;
  padding: 0.2rem 0.4rem;
}

/*
.code_block {
  border-radius: calc(0.4rem * 1.6); /* Note: * 1.6 because .4 assumed that 1rem = 16px * /
}
*/

a {
  color: darkcyan;
}

/*
input.button {
  /* Modified from Bootstrap button: https://copy-paste-css.com/ * /
  /* (TODO: actually use Bootstrap button) * /
  cursor: pointer;
  outline: 0;
  color: #fff;
  background-color: #21abd1 !important; /* was #0d6efd * /
  border-color: #21abd1 !important; /* was #0d6efd * /
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  border: 1px solid transparent;
  padding: 6px 14px;
  font-size: 16px;
  border-radius: calc(0.25rem * 1.6); /* Note: * 1.6 because .25 assumed that 1rem = 16px * /
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* :hover {
      color: #fff;
      background-color: #0b5ed7;
      border-color: #0a58ca;
  } * /
}

.button:hover {
  color: #fff;
  background-color: #269cbd;
  border-color: #2391b0;
} */

/*
.error {
  color: rgb(222, 70, 70);
  font-size: 1.5em;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
}
*/

/* table -- https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Styling_tables */

table {
  /* table-layout: fixed; */
  /* https://stackoverflow.com/a/27530416 */
  /* overflow-wrap: break-word; */
  /* width: 95%; */
  margin: 30px;
  table-layout: auto;
  overflow-x: auto; /* https://www.w3schools.com/css/css_table_responsive.asp */
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgb(0, 0, 0);
}

thead,
td {
  padding: 15px;
  text-align: center;
  border: 1px solid rgb(0, 0, 0)
}

tbody tr:nth-child(odd) {
  background-color: #eeeeee;
}

tbody tr:nth-child(even) {
  background-color: white;
}

thead {
  background-color: #21abd1;
  color: white;
  font-size: 18px;
}