More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */ :root { /* My colour variables*/ --myblueone: hsl(207, 45%, 8%); /*0B151D*/ --mybluetwo: hsl(207, 44%, 12%); /*11202C*/ --mybluetest: hsl(207, 44%, 14%); /*11202C*/ /* The actual colours */ --color-surface-0: var(--myblueone); --color-surface-1: var(--mybluetow); --color-surface-2: var(--mybluetwo); --color-surface-3: var(--mybluetwo); --color-surface-4: var(--mybluetwo); /* Pink is the new black --color-primary__h: 209; */ } .wikitable { border-collapse: collapse; /* Collapsed borders */ border-radius: 10px; /* Rounded corners for the table */ overflow: hidden; /* Ensures the border-radius affects children */ position: relative; /* To contain the pseudo-elements */ } .wikitable td, .wikitable th { border: 3px solid #ccc; /* Example cell borders */ border-radius: 0; /* Reset border radius for individual cells */ position: relative; /* Ensure cells have their own stacking context */ } /* Pseudo-elements for rounding the table corners */ .wikitable::before, .wikitable::after { content: ""; position: absolute; border-radius: 10px; border: 3px solid #111; /* Example border to match the table */ width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; /* Ensure these do not interfere with clicks */ box-sizing: border-box; } .wikitable::after { clip-path: inset(0 round 10px); } * { box-shadow: none !important; }