Skip to content

Instantly share code, notes, and snippets.

@jaytaph

jaytaph/style2.ast

Created December 13, 2023 08:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jaytaph/c9b186e0d1e3193b7c90540439dcb394 to your computer and use it in GitHub Desktop.
Save jaytaph/c9b186e0d1e3193b7c90540439dcb394 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
style2.ast
[Stylesheet (5)]
[AtRule] name: media
[MediaQueryList (2)]
[MediaQuery] modifier: only media_type: screen
[Condition (1)]
[Feature] kind: Media name: -webkit-min-device-pixel-ratio
[Number] 1.25
[MediaQuery] modifier: only media_type: screen
[Condition (1)]
[Feature] kind: Media name: min-resolution
[Dimension] 120dpi
[Block]
[Rule]
[SelectorList (2)]
[Selector]
[Ident] li
[ClassSelector] icon
[Ident] a
[Selector]
[ClassSelector] keywordSearch
[Ident] input
[ClassSelector] submit
[Block]
[Declaration] property: background-image important: false
[Url] /g/if/v3/framework/menu_icons_v2_x2.png
[Declaration] property: background-size important: false
[Dimension] 80px
[Dimension] 180px
[AtRule] name: font-face
[Block]
[Declaration] property: font-family important: false
[String] IBM Plex Sans Condensed
[Declaration] property: src important: false
[Function] local
[String] IBM Plex Sans Condensed
[Operator] ,
[Url] ../../fonts/IBMPlexSansCondensed-Regular.woff2
[Function] format
[String] woff2
[Operator] ,
[Url] ../../fonts/IBMPlexSansCondensed-Regular.woff
[Function] format
[String] woff
[Declaration] property: font-weight important: false
[Ident] normal
[AtRule] name: font-face
[Block]
[Declaration] property: font-family important: false
[String] IBM Plex Sans Condensed
[Declaration] property: src important: false
[Function] local
[String] IBM Plex Sans Condensed SemiBold
[Operator] ,
[Url] ../../fonts/IBMPlexSansCondensed-SemiBold.woff2
[Function] format
[String] woff2
[Operator] ,
[Url] ../../fonts/IBMPlexSansCondensed-SemiBold.woff
[Function] format
[String] woff
[Declaration] property: font-weight important: false
[Ident] bold
[AtRule] name: media
[MediaQueryList (1)]
[MediaQuery] modifier: media_type: screen
[Block]
[Rule]
[SelectorList (8)]
[Selector]
[Ident] h1
[Selector]
[Ident] h2
[Selector]
[ClassSelector] heading
[Selector]
[Ident] header
[ClassSelector] subheading
[Selector]
[ClassSelector] ankeiler
[ClassSelector] title
[Selector]
[ClassSelector] fpaTitle
[Selector]
[ClassSelector] fpaItem
[ClassSelector] productTitle
[Selector]
[ClassSelector] streamer
[Block]
[Declaration] property: font-family important: false
[String] IBM Plex Sans Condensed
[Operator] ,
[String] calibri
[Operator] ,
[String] helvetica
[Operator] ,
[String] Liberation Sans
[Operator] ,
[Ident] sans-serif
[Declaration] property: font-weight important: false
[Ident] bold
[AtRule] name: media
[MediaQueryList (1)]
[MediaQuery] modifier: media_type:
[Condition (1)]
[Feature] kind: Media name: prefers-color-scheme
[Ident] dark
[Block]
[Rule]
[SelectorList (1)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] hideLink
[PseudoClassSelector]
[Function] not
[SelectorList (1)]
[Selector]
[ClassSelector] toggleKarmaCards
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/filter-arrow-up-darkmode.png
[Declaration] property: padding-left important: false
[Dimension] 15px
[Rule]
[SelectorList (1)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] showLink
[PseudoClassSelector]
[Function] not
[SelectorList (1)]
[Selector]
[ClassSelector] toggleKarmaCards
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/filter-arrow-down-darkmode.png
[Declaration] property: padding-left important: false
[Dimension] 15px
[Rule]
[SelectorList (1)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] expandButton
[Combinator] >
[Ident] span
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/arrow_up_lightgrey.png
[Rule]
[SelectorList (1)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] hideEditions
[ClassSelector] expandButton
[Combinator] >
[Ident] span
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/arrow_down_lightgrey.png
[Rule]
[SelectorList (2)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] arrowUp
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] sortOptions
[ClassSelector] asc
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/arrow_up_lightgrey.png
[Rule]
[SelectorList (2)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] arrowDown
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] sortOptions
[ClassSelector] desc
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/arrow_down_lightgrey.png
[Rule]
[SelectorList (1)]
[Selector]
[PseudoClassSelector]
[Ident] root
[PseudoClassSelector]
[Function] not
[SelectorList (2)]
[Selector]
[ClassSelector] twk-light
[Selector]
[ClassSelector] twk-dark
[ClassSelector] arrowDarkGreyDown
[Block]
[Declaration] property: background-image important: false
[Url] /g/icons/arrow_down_grey.png
Raw
style2.css
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) {
#userbar li.icon a, .keywordSearch input.submit {
background-image: url("/g/if/v3/framework/menu_icons_v2_x2.png");
background-size: 80px 180px
}
}
@font-face {
font-family: "IBM Plex Sans Condensed";
src: local("IBM Plex Sans Condensed"), url("../../fonts/IBMPlexSansCondensed-Regular.woff2") format("woff2"), url("../../fonts/IBMPlexSansCondensed-Regular.woff") format("woff");
font-weight: normal
}
@font-face {
font-family: "IBM Plex Sans Condensed";
src: local("IBM Plex Sans Condensed SemiBold"), url("../../fonts/IBMPlexSansCondensed-SemiBold.woff2") format("woff2"), url("../../fonts/IBMPlexSansCondensed-SemiBold.woff") format("woff");
font-weight: bold
}
@media screen {
h1, h2, .heading, header .subheading, .ankeiler .title, .fpaTitle, .fpaItem .productTitle, .streamer {
font-family: "IBM Plex Sans Condensed", "calibri", "helvetica", "Liberation Sans", sans-serif;
font-weight: bold
}
}
@media (prefers-color-scheme: dark) {
:root:not(.twk-light,.twk-dark) .hideLink:not(.toggleKarmaCards) {
background-image: url("/g/icons/filter-arrow-up-darkmode.png");
padding-left: 15px
}
:root:not(.twk-light,.twk-dark) .showLink:not(.toggleKarmaCards) {
background-image: url("/g/icons/filter-arrow-down-darkmode.png");
padding-left: 15px
}
:root:not(.twk-light,.twk-dark) .expandButton > span {
background-image: url("/g/icons/arrow_up_lightgrey.png")
}
:root:not(.twk-light,.twk-dark) .hideEditions .expandButton > span {
background-image: url("/g/icons/arrow_down_lightgrey.png")
}
:root:not(.twk-light,.twk-dark) .arrowUp, :root:not(.twk-light,.twk-dark) .sortOptions .asc {
background-image: url("/g/icons/arrow_up_lightgrey.png")
}
:root:not(.twk-light,.twk-dark) .arrowDown, :root:not(.twk-light,.twk-dark) .sortOptions .desc {
background-image: url("/g/icons/arrow_down_lightgrey.png")
}
:root:not(.twk-light,.twk-dark) .arrowDarkGreyDown {
background-image: url("/g/icons/arrow_down_grey.png")
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment