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