More actions
Created page with "→All CSS here will be loaded for users of the Citizen skin: table.infobox { float: right; background-color: var(--border-color-base) !important; clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px)); border-collapse: unset; →originally collapse, but this caused problems with yellow borders not showing up properly: margin: 10px; padding: 10p..." |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Citizen skin */ | /* All CSS here will be loaded for users of the Citizen skin */ | ||
.infoboxheader td { | |||
border-bottom: none !important; | |||
} | |||
.infobox td { | |||
padding: 3px; | |||
border-bottom: 2px groove var(--border-color-base); | |||
} | |||
table.infobox { | table.infobox { | ||
float: right; | float: right; | ||
background-color: var(--border-color-base) | background-color: var(--color-surface-2); | ||
border: var(--border-width-base) solid var(--border-color-base); | |||
clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px)); | clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px)); | ||
border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */ | border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */ | ||
margin: 10px; | margin: 10px; | ||
padding: 10px; | padding: 10px; | ||
} | |||
.hiddenStructure { | |||
display: none; | |||
} | |||
/* Dealing with images */ | |||
a.images { | |||
display: inline !important; | |||
} | |||
figure .thumbinner a.new, .thumb .thumbinner a.new { | |||
display: inline !important; | |||
padding: 0px !important; | |||
background-color: inherit !important; | |||
background: inherit !important; | |||
transition: background 200ms ease,color 200ms ease; | |||
} | |||
.thumb { | |||
background-color: var(--color-surface-2) !important; | |||
clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px)); | |||
} | |||
.thumbcaption { | |||
padding: 0.25em 1em; | |||
} | |||
/* Deals with (i.e. hides) errors caused by defautsortkeys used in DisambigTab pages */ | |||
.tabber__panel > span.error { | |||
display: none; | |||
} | } | ||
Latest revision as of 18:28, 28 December 2024
/* All CSS here will be loaded for users of the Citizen skin */
.infoboxheader td {
border-bottom: none !important;
}
.infobox td {
padding: 3px;
border-bottom: 2px groove var(--border-color-base);
}
table.infobox {
float: right;
background-color: var(--color-surface-2);
border: var(--border-width-base) solid var(--border-color-base);
clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px));
border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */
margin: 10px;
padding: 10px;
}
.hiddenStructure {
display: none;
}
/* Dealing with images */
a.images {
display: inline !important;
}
figure .thumbinner a.new, .thumb .thumbinner a.new {
display: inline !important;
padding: 0px !important;
background-color: inherit !important;
background: inherit !important;
transition: background 200ms ease,color 200ms ease;
}
.thumb {
background-color: var(--color-surface-2) !important;
clip-path: polygon(0 10.00px,10.00px 0,calc(100% - 8px) 0,100% 10.00px,100% calc(100% - 10.00px),calc(100% - 10.00px) 100%,10.00px 100%,0 calc(100% - 10.00px));
}
.thumbcaption {
padding: 0.25em 1em;
}
/* Deals with (i.e. hides) errors caused by defautsortkeys used in DisambigTab pages */
.tabber__panel > span.error {
display: none;
}