|
|
| Line 1: |
Line 1: |
| | | Forgot to add template before making this page, DELETE this page |
| | |
| __CONTENTMODEL__ Sanitized CSS
| |
| /* 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;
| |
| }
| |
| | |
| /* Desktop/tablet default */
| |
| .navtables-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 10px;
| |
| border: 1px solid #ccc;
| |
| border-radius: 10px;
| |
| background-color: #f9f9f9;
| |
| padding: 10px;
| |
| }
| |
| | |
| /* Each box */
| |
| .navtables-section {
| |
| flex: 1 1 22%;
| |
| min-width: 200px;
| |
| padding: 5px;
| |
| border: 1px solid #ccc;
| |
| border-radius: 10px;
| |
| background-color: #f9f9f9;
| |
| }
| |
| | |
| /* Mobile layout */
| |
| @media screen and (max-width: 768px) {
| |
| .navtables-container {
| |
| flex-direction: column;
| |
| }
| |
| | |
| .navtables-section {
| |
| flex: 1 1 100%;
| |
| width: 100%;
| |
| }
| |
| }
| |