apt-maintenance-account/src/app/accounts/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(0, 95, 107, 0.6);
}

thead th:nth-child(1) {
  width: 15%;
}
thead th:nth-child(2) {
  width: 5%;
}
thead th:nth-child(3) {
  width: 15%;
}
thead th:nth-child(4) {
  width: 5%;
}
thead th:nth-child(5) {
  width: 5%;
}
thead th:nth-child(6) {
  width: 5%;
}
thead th:nth-child(7) {
  width: 10%;
}
thead th:nth-child(8) {
  width: 10%;
}
thead th:nth-child(9) {
  width: 15%;
}
thead th:nth-child(10) {
  width: 15%;
}
th, td {
  padding: 20px;
}

/* typography */
html {
  font-family: 'helveitca neue', helvetica, arial, sans-serif;
}
thead th, tfoot th {
  color: black;
}
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/broom_images_1a.jpg');
  color: black;
  opacity: 0.6; */
}
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; */
  /* border: 1px solid #f2f2f2;
  text-shadow: 1px 1px 1px #f2f2f2;
  background-color: #d7d7d7; */
  background-color: rgba(0, 95, 107, 0.99);
  color: #fff;
}
tbody tr:nth-child(odd) {
  background-color: rgba(0, 95, 107, 0.3);
}
tbody tr:nth-child(even) {
  background-color: rgba(0, 95, 107, 0.1);
}
tbody tr {
  background-image: url('../../assets/noise.png');
  opacity: 0.6;
}

/* 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;
}

input::placeholder, textarea::placeholder {
  opacity: 0.3;
}