apt-maintenance-account
Version:
Apartment Maintenance Account Tracking Application - Client Side in Angular
81 lines (75 loc) • 1.38 kB
CSS
/* 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;
}