CSS classesList view
This article presents all CSS classes introduced in its main article in a list.
For more detailed descriptions, see the main article.
| Class | Desc | CSS | Scope | CSS rules |
|---|---|---|---|---|
cntr
|
center align | FAM wiki | div, table, td, other |
.cntr { text-align: center; }
|
left
|
left align | FAM wiki | div, table, td, other |
.left { text-align: left; }
|
right
|
right align | FAM wiki | div, table, td, other |
.right { text-align: right; }
|
centere
|
center element horizontally | FAM wiki | table, div, other elements |
.centere { margin: 0.5em auto; }
|
center
|
center | Fandom | all elements |
.page-content .center {
text-align: center;
width: 100%;
}
.page-content .center * {
margin-left: auto;
margin-right: auto;
}
|
smallersmallbigbigger
|
text-sizes | FAM wiki | div,span,td, other |
.smaller { font-size: 80%; }
.small { font-size: 90%; }
.big { font-size: 108%; }
.bigger { font-size: larger; }
|
monomono-small
|
monospace text smaller monospace text |
FAM wiki | {{mono}} {{m}} div,span,td, other |
.mono {
font-family: monospace;
}
.mono-small {
font-family: monospace;
font-size:86%;
}
|
nw nowrap nobr
|
nowrap (no linebreak) | FAM wiki | {{nowrap}} {{nw}} span,td |
.nw,.nowrap { white-space:nowrap; }
|
nb nobold
|
nobold (not bold) | FAM wiki | {{nobold}} {{nb}} span,th, definitions, header, other |
.nb, .nobold { font-weight: normal; }
|
sttl
|
subtitle | FAM wiki | div |
.sttl {
font-size:116%;
padding-left:10px;
margin-bottom:-6px;
}
|
clink tlctheme-link-color
|
collapse text color | FAM wiki | span, div | .theme-link-color, .tlc, .clink {
color: var(--theme-link-color);
}
|
ind1 ind2 ind3
|
indentions | FAM wiki | table, div, pre, syntaxhighlight, other | .ind1 { margin-left: 1.6em !important; }
.ind2 { margin-left: 3.2em !important; }
.ind3 { margin-left: 4.8em !important; }
|
wikitable
|
wikitable | MediaWiki | table |
.wikitable {
background-color: #f8f9fa;
color: #202122;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
background-color: #eaecf0;
text-align: center;
}
.wikitable > caption {
font-weight: bold;
}
|
article-table
|
article-table | MediaWiki | table |
.article-table {
background: rgba(var(--theme-page-dynamic-color-1--rgb), 0.02);
border: 0 var(--theme-border-color);
border-collapse: collapse;
margin: 1em 1em 1em 0;
}
.article-table td,
.article-table th {
border-bottom: 1px solid var(--theme-border-color);
padding: 6px 12px;
}
.article-table th {
background: rgba(var(--theme-page-dynamic-color-1--rgb), 0.05);
text-align: left;
}
.article-table caption {
font-weight: 700;
}
|
fandom-table
|
fandom-table | Fandom | table |
.fandom-table {
background: none;
border: 1px solid var(--theme-border-color);
border-collapse: collapse;
border-radius: 3px;
border-spacing: 0;
color: var(--theme-page-text-color);
}
.fandom-table > caption {
border: solid var(--theme-border-color);
border-width: 1px 1px 0;
font-size: 16px;
font-weight: 500;
line-height: 1.75;
padding: 8px 12px;
text-align: left;
}
.fandom-table tr th {
background-color: var(--theme-page-background-color--secondary);
}
.fandom-table tr td,
.fandom-table tr th {
border: 1px solid var(--theme-border-color);
padding: 12px;
vertical-align: middle;
}
.fandom-table .fixed-header {
box-shadow: 0 0 10px 0 rgba(30, 12, 27, 0.2);
outline: 1px solid var(--theme-border-color);
position: relative;
transform: translateY(var(--fixed-table-header-offset));
transition: all 0.3s;
z-index: 1;
}
.fandom-table .fixed-header th {
position: relative;
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSort {
background-image: none;
position: relative;
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSort:after {
align-items: center;
background-color: var(--theme-page-text-color);
content: "";
display: flex;
height: 10px;
-webkit-mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-sort-tiny.svg);
mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-sort-tiny.svg);
min-width: 10px;
position: absolute;
right: 6px;
top: calc(50% - 5px);
width: 10px;
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSortUp:after {
transform: rotate(180deg);
}
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSortDown:after,
.skin-fandomdesktop .fandom-table.jquery-tablesorter th.headerSortUp:after {
-webkit-mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-tiny.svg);
mask-image: url(/resources-ucp/v2/dist/svg/wds-icons-dropdown-tiny.svg);
}
|
aligntop-table att
|
align top cells | FAM wiki | table |
.aligntop-table tr :is(td,th) { vertical-align:top; }
|
noborder-table
|
no borders | FAM wiki | table |
table.noborder-table,
.noborder-table tr :is(td,th) { border: none; }
|
padding-table
|
padding all cells | FAM wiki | table |
.padding-table tr td { padding: 12px; }
.padding-table tr th { padding: 12px !important; }
|
rounded-table-5rounded-table-10
|
rounded borders | FAM wiki | table |
.rounded-table-5, .rounded-table-20 {
overflow:hidden;
border-collapse: separate;
border-spacing: 0;
}
.rounded-table-5 { border-radius: 5px; }
.rounded-table-20 { border-radius: 20px; }
|
fullwidth fw
|
use full width | FAM wiki | table, other | .fullwidth { width: 100%; }
|
w50p w33p
|
other widths | FAM wiki | table, td, th, div, other |
.w50p { width: 50%; }
.w33p { width: 33%; }
|
cc1 cc2 cc3cc4 cc5 cc6cc1o cc1ecc-1 cc-2 cc-3 cc-4rc1rc-1 rc-2 rc-3
|
align table columns | FAM wiki | table |
/* align center */
table.cc1 tr td:first-child,
table.cc2 tr td:nth-child(2),
table.cc3 tr td:nth-child(3),
table.cc4 tr td:nth-child(4),
table.cc5 tr td:nth-child(5),
table.cc6 tr td:nth-child(6),
table.cc-1 tr td:last-child,
table.cc-2 tr td:nth-last-child(2),
table.cc-3 tr td:nth-last-child(3),
table.cc-4 tr td:nth-last-child(4),
table.cc1o tr:nth-child(odd) td:first-child,
table.cc1e tr:nth-child(even) td:first-child { text-align:center; }
/* align right */
table.rc1 tr td:first-child,
table.rc-1 tr :is(td,th):last-child,
table.rc-2 tr :is(td,th):nth-last-child(2),
table.rc-3 tr :is(td,th):nth-last-child(3) { text-align:right; }
|
no-vid-title
|
hide video title(s) | FAM wiki | {{no-vid-title}} |
.no-vid-title + .wikia-gallery .title,
.no-vid-title-1 + .wikia-gallery div:nth-child(1 of .wikia-gallery-item) .title,
.no-vid-title-2 + .wikia-gallery div:nth-child(2 of .wikia-gallery-item) .title,
.no-vid-title-3 + .wikia-gallery div:nth-child(3 of .wikia-gallery-item) .title,
.no-vid-title-4 + .wikia-gallery div:nth-child(4 of .wikia-gallery-item) .title,
.no-vid-title-5 + .wikia-gallery div:nth-child(5 of .wikia-gallery-item) .title,
.no-vid-title-6 + .wikia-gallery div:nth-child(6 of .wikia-gallery-item) .title,
.no-vid-title-7 + .wikia-gallery div:nth-child(7 of .wikia-gallery-item) .title,
.no-vid-title-8 + .wikia-gallery div:nth-child(8 of .wikia-gallery-item) .title
{ display: none; }
|
fittoscreen
|
img fit to screen | FAM wiki | div | .fittoscreen img { height: auto; max-width: 98%; }
|