Files
ncdownloader/css/table.css
2021-09-09 22:03:08 +08:00

82 lines
2.7 KiB
CSS

#ncdownloader-table-wrapper {
display: flex;
flex-flow: column nowrap;
background-color: white;
width: 100%;
margin: 0 auto;
border-radius: 4px;
/*border : 1px solid #DADADA;*/
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08);
justify-content: center;
align-items: center;
background-color: #fafafa; }
#ncdownloader-table-wrapper .table-row,
#ncdownloader-table-wrapper .table-row-search {
display: flex;
flex-flow: row nowrap;
width: 100%;
border-bottom: 1px solid #dadada; }
#ncdownloader-table-wrapper section.table-body,
#ncdownloader-table-wrapper section.table-heading {
width: 100%;
display: flex;
flex-flow: column nowrap; }
#ncdownloader-table-wrapper .table-row,
#ncdownloader-table-wrapper .table-row-search {
display: flex;
flex-flow: row nowrap;
width: 100%;
border-bottom: 1px solid #dadada; }
#ncdownloader-table-wrapper .table-heading .table-row,
#ncdownloader-table-wrapper .table-heading .table-row-search {
background-color: #ececec;
color: #3e3e3e;
font-weight: bold; }
#ncdownloader-table-wrapper .table-heading .table-cell:hover {
cursor: pointer;
background-color: #c4afaf;
/* box-shadow : 0px 1px 4px rgba(0, 0, 0, .08); */ }
#ncdownloader-table-wrapper .table-cell {
display: flex;
flex-flow: column wrap;
flex: 1;
font-size: 14px;
padding: 8px 3px;
justify-content: left;
align-items: left;
transition: all 0.15s ease-in-out; }
#ncdownloader-table-wrapper .table-cell:first-child {
flex: 1 1 30%; }
#ncdownloader-table-wrapper .table-cell:last-child {
flex: 0 1 7%; }
#ncdownloader-table-wrapper #table-cell-status,
#ncdownloader-table-wrapper .table-heading-status {
flex: 0 1 15%;
overflow: hidden;
text-overflow: ellipsis; }
#ncdownloader-table-wrapper .table-cell:hover {
cursor: pointer;
background-color: #F0F0F0;
/* box-shadow : 0px 1px 4px rgba(0, 0, 0, .08); */ }
#ncdownloader-table-wrapper .row-sub-container {
display: flex;
flex-flow: column nowrap;
flex: 1; }
#ncdownloader-table-wrapper .row-sub-container .table-cell {
padding: 8px 0;
border-bottom: 1px solid #dadada; }
#ncdownloader-table-wrapper .table-row:last-child,
#ncdownloader-table-wrapper .row-sub-container .table-cell:last-child {
border-bottom: 0; }
@media only screen and (max-width: 1024px) {
#ncdownloader-table-wrapper #ncdownloader-form-wrapper {
position: relative;
margin-top: 2em; }
#ncdownloader-table-wrapper .table-cell:first-child {
flex: 1 0 250px;
overflow: hidden;
text-overflow: ellipsis; }
#ncdownloader-table-wrapper .table-cell:last-child {
flex: 1 1 7%; } }