Top 300 Keeper League Skaters – September 2025 – DobberHockey
This code snippet is a collection of CSS rules designed to style various WordPress blocks. Let’s break down what each section does:
1. General Block Styling:
.wp-block-image figcaption: Styles the caption of an image block. Sets the text color to a semi-obvious white (#ffffffa6).
.wp-block-image: Adds a margin below image blocks (margin: 0 0 1em).
.wp-block-pullquote: Styles pull quotes (short,highlighted excerpts). Adds top and bottom borders, sets the color to the current text color, and adds bottom margin.
.wp-block-pullquote cite, .wp-block-pullquote footer,.wp-block-pullquotecitation: Styles the citation/source of the pull quote. sets the color to the current text color, reduces the font size, removes italicization, and converts the text to uppercase.
.wp-block-quote: Styles regular quotes. Adds a left border, margin, and padding.
.wp-block-quote cite, .wp-block-quote footer: Styles the citation/source of the quote. sets the color to the current text color, reduces the font size, removes italicization, and positions it relatively.
.wp-block-quote:where(.has-text-align-right): Styles quotes aligned to the right.Removes the left border and adds a right border instead,adjusting padding accordingly.
.wp-block-quote:where(.has-text-align-center): Styles quotes aligned to the center. removes the border and padding.
.wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote:where(.is-style-plain): Removes the border from large or plain-style quotes.
.wp-block-search .wp-block-searchlabel: Styles the label within a search block, making the text bold.
.wp-block-searchbutton: Styles the search button. adds a border and padding. .wp-block-group.has-background: Adds padding to group blocks that have a background color.
.wp-block-separator.has-css-opacity: sets the opacity of separators with CSS opacity applied to 0.4.
.wp-block-separator: Styles horizontal separators (lines). Removes the border and adds a bottom border. Sets margin to auto for centering.
.wp-block-separator.has-alpha-channel-opacity: Sets the opacity of separators with alpha channel opacity applied to 1.
.wp-block-separator:not(.is-style-wide):not(.is-style-dots): Sets the width of separators to 100px unless thay are wide or dotted.
.wp-block-separator.has-background:not(.is-style-dots): Styles separators with a background color (but not dotted). Removes the bottom border and sets the height to 1px.
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots): Styles separators with a background color, not wide, and not dotted. Sets the height to 2px.
.wp-block-table: Adds a margin below table blocks. .wp-block-table td, .wp-block-table th: Prevents word wrapping within table cells.
.wp-block-table :where(figcaption): Styles the caption of a table. Sets the color,font size,and text alignment.
.is-dark-theme.wp-block-table :where(figcaption): Styles the table caption in dark mode. .wp-block-video :where(figcaption): Styles the caption of a video block. Sets the color, font size, and text alignment.
.is-dark-theme .wp-block-video :where(figcaption): Styles the video caption in dark mode.
.wp-block-video: Adds a margin below video blocks.
:root :where(.wp-block-template-part.has-background): Styles template parts with a background color. Removes top and bottom margins and adds padding.
2. Classic Theme Styles (Inline CSS):
.wp-block-buttonlink: Styles links within button blocks.Sets the text color, background color, border radius, removes the box shadow and text decoration, and adds padding and font size.
.wp-block-file__button: Styles buttons for file blocks. Sets the background color, text color, and removes text decoration
