66 lines
1.2 KiB
CSS
66 lines
1.2 KiB
CSS
.invoice-main-flexbox {
|
|
display: flex;
|
|
gap: 20px;
|
|
padding: 20px;
|
|
}
|
|
|
|
.invoice-main-flexbox div {
|
|
flex: 1;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 10px;
|
|
background-color: #ffffff;
|
|
min-height: 200px;
|
|
box-shadow: 0 0 10px #ccc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.invoice-main-flexbox div:hover {
|
|
background-color: #FAE39C;
|
|
}
|
|
|
|
fieldset {
|
|
background-color: #ffffff;
|
|
border-color: #ccc;
|
|
border-width: 1px;
|
|
border-radius: 10px;
|
|
margin: 10px 20px;
|
|
padding: 15px 50px 15px 30px;
|
|
box-shadow: 0 0 10px #ccc;
|
|
}
|
|
|
|
fieldset legend {
|
|
border-left-style: solid;
|
|
border-left-width: 20px;
|
|
border-color: #ccc;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
padding: 10px 25px;
|
|
background-color: #ffffff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|
|
.invoice-list-table {
|
|
width: 90%;
|
|
margin: 20px auto;
|
|
}
|
|
|
|
.invoice-list-table td {
|
|
border-bottom: 1px solid #c3c4c7;
|
|
padding: 10px;
|
|
}
|
|
|
|
.invoice-list-table tr td:first-child {
|
|
border-left: 1px solid #c3c4c7;
|
|
}
|
|
|
|
.invoice-list-table tr td:last-child {
|
|
border-right: 1px solid #c3c4c7;
|
|
}
|
|
|
|
|
|
.invoice-list-table tr:first-child td {
|
|
background: linear-gradient(to bottom, #fff, #f6f7f7);
|
|
}
|