apt-maintenance-account/src/app/accounts/summary-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(51, 204, 51, 0.6);
}

thead th:nth-child(1) {
  width: 20%;
}
thead th:nth-child(2) {
  width: 20%;
}
thead th:nth-child(3) {
  width: 20%;
}
thead th:nth-child(4) {
  width: 20%;
}
thead th:nth-child(5) {
  width: 20%;
}

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(51, 204, 51, 0.99);
  color: #fff;
}
tbody tr:nth-child(odd) {
  background-color: rgba(51, 204, 51, 0.3);
}
tbody tr:nth-child(even) {
  background-color: rgba(51, 204, 51, 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;
}

.sortable {
  cursor: pointer;
  position: relative;
  background-image: none;
  font-family: FontAwesome;
  padding-left: 5px;
  color: #ddd;
}
.sort-false:after {
  content: "\f0de";
}
.sort-true:after {
  content: "\f0dd";
}