member
1,308
edits
Lightning266 (talk | contribs) mNo edit summary |
Lightning266 (talk | contribs) mNo edit summary |
||
| Line 1: | Line 1: | ||
. | /* Main container */ | ||
.container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
border: 1px solid #ccc; | |||
border-radius: 10px; | |||
margin: 0px; | |||
background-color: #f9f9f9; | |||
padding: 10px; | |||
} | } | ||
. | /* Each table container */ | ||
.table-container { | |||
flex: 1 1 22%; | |||
padding: 5px; | |||
min-width: 200px; | |||
border: 1px solid #ccc; | |||
border-radius: 10px; | |||
background-color: #f9f9f9; | |||
} | } | ||
. | /* Table styling */ | ||
.table { | |||
border-spacing: 0; | |||
width: 100%; | |||
} | } | ||
. | /* Table header */ | ||
.table th { | |||
border-bottom: 1px solid; | |||
text-align: left; | |||
padding: 5px; | |||
} | } | ||
. | /* Table cell */ | ||
.table td { | |||
padding: 5px; | |||
} | } | ||
. | /* Table header icons */ | ||
.table th img { | |||
width: 25px; | |||
} | } | ||
. | /* Specific padding adjustments for elements */ | ||
.table .table-header img { | |||
width: 25px; | |||
} | |||
.table .item-icon img { | |||
width: 25px; | |||
} | |||
/* Larger padding for specific links or images */ | |||
.table .large-padding { | |||
padding: 10px; | |||
} | } | ||