ae691ada79
I've decided instead to release a minimum viable product for v0.7.0 and get some feedback from the community, and most importantly some motivation as well to be able to keep working on magnetico as it currently feels like a Sisyphean where the development seem to never going to end...
144 lines
1.7 KiB
CSS
144 lines
1.7 KiB
CSS
header {
|
|
display: flex;
|
|
align-items: center;
|
|
align-content: center;
|
|
|
|
width: 100%;
|
|
|
|
padding-bottom: 0.833em;
|
|
border-bottom: 1px solid;
|
|
margin-bottom: 0.833em;
|
|
}
|
|
|
|
|
|
header div a {
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
|
|
header form {
|
|
max-width: 600px;
|
|
width: 100%;
|
|
|
|
margin-left: 0.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
|
|
header form input {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
header > div {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 0.833em;
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
footer form {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
footer button {
|
|
font-size: 0.833em;
|
|
}
|
|
|
|
|
|
footer button:nth-child(1) {
|
|
margin-right: 0.833em;
|
|
}
|
|
|
|
|
|
footer button:nth-child(2) {
|
|
margin-left: 0.833em;
|
|
}
|
|
|
|
|
|
table {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
th {
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
tbody td, thead th {
|
|
padding-left: 0.833em;
|
|
padding-right: 0.833em;
|
|
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
thead th:nth-child(1) { /* magnet link */
|
|
width: 12px;
|
|
}
|
|
|
|
|
|
thead th:nth-child(2) { /* name */
|
|
max-width: 0;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
thead th:nth-child(3) { /* size */
|
|
width: 75px;
|
|
}
|
|
|
|
|
|
tbody td:nth-child(3n+0) {
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
thead th:nth-child(4) { /* discovered on */
|
|
width: 120px;
|
|
}
|
|
|
|
tbody tr:nth-child(2n+2) {
|
|
background-color: #efefef;
|
|
}
|
|
|
|
|
|
/* table in-borders */
|
|
table {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table td, table th {
|
|
border-right: 1px solid black;
|
|
}
|
|
|
|
table tr:first-child th {
|
|
border-top: 0;
|
|
}
|
|
|
|
table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
table tr td:first-child,
|
|
table tr th:first-child {
|
|
border-left: 0;
|
|
}
|
|
|
|
table tr td:last-child,
|
|
table tr th:last-child {
|
|
border-right: 0;
|
|
}
|
|
|
|
|