apt-maintenance-account/src/app/permissions/list.component.css

Apartment Maintenance Account Tracking Application - Client Side in Angular

/* spacing */

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid rgba(122, 212, 31, 0.6);
}

thead th:nth-child(1) {
  width: 10%;
}
thead th:nth-child(2) {
  width: 25%;
}
thead th:nth-child(3) {
  width: 30%;
}
thead th:nth-child(4) {
  width: 20%;
}
thead th:nth-child(5) {
  widht: 15%
}
th, td {
  padding: 20px;
}

/* typography */
html {
  font-family: 'helveitca neue', helvetica, arial, sans-serif;
}
th {
  letter-spacing: 2px;
}
td {
  letter-spacing: 1px;
}
tbody td, th {
  text-align: center;
}
tfoot th {
  text-align: right;
}

/* graphics */
thead, tfoot {
/*  background: url('http://localhost:8080/images/Home-Security-Icons-2.jpg');
  color: white; */
}
thead th, tfoot th, tfoot td {
/*  background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5));
  border: 3px solid purple;
  text-shadow: 1px 1px 1px black; */
  background-color: rgba(122, 212, 31, 0.99);
  color: #fff;
}
tbody tr:nth-child(odd) {
  background-color: rgba(122, 212, 31, 0.3);
}
tbody tr:nth-child(even) {
  background-color: rgba(122, 212, 31, 0.1);
}
tbody tr {
  background-image: url('../../assets/noise.png');
}

/* caption */
caption {
  font-family: 'Rock Salt', cursive;
  padding: 20px;
  font-style: italic;
  caption-side: bottom;
  color: #666;
  text-align: right;
  letter-spacing: 1px;
}
.fa-trash {
  color: red;
}