a little styling
This commit is contained in:
@ -1,11 +1,46 @@
|
||||
table {
|
||||
// border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th {
|
||||
th,
|
||||
td {
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 0;
|
||||
thead {
|
||||
th {
|
||||
background-color: #888;
|
||||
border: 1px solid #888;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
|
||||
th:first-of-type { border-radius: 5px 0 0 0; }
|
||||
th:last-of-type { border-radius: 0 5px 0 0; }
|
||||
}
|
||||
|
||||
tbody {
|
||||
tr:nth-of-type(odd) {
|
||||
td {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
td:first-of-type { border-left: 1px solid #888;}
|
||||
td:last-of-type { border-right: 1px solid #888;}
|
||||
tr:last-of-type {
|
||||
td {
|
||||
border-bottom: 1px solid #888;
|
||||
|
||||
&:first-of-type {
|
||||
border-radius: 0 0 0 5px;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
border-radius: 0 0 5px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user