diff --git a/docs/reference/gtk/css-overview.xml b/docs/reference/gtk/css-overview.xml index 4112047638..7ee73cba89 100644 --- a/docs/reference/gtk/css-overview.xml +++ b/docs/reference/gtk/css-overview.xml @@ -352,134 +352,134 @@ checkbutton:indeterminate { - * + * any node CSS - E + E any node with name E CSS - E.class + E.class any E node with the given style class CSS - E#id + E#id any E node with the given ID CSS GTK+ uses the widget name as ID - E:nth-child(〈nth-child〉) + E:nth-child(〈nth-child〉) any E node which is the n-th child of its parent node CSS - E:nth-last-child(〈nth-child〉) + E:nth-last-child(〈nth-child〉) any E node which is the n-th child of its parent node, counting from the end CSS - E:first-child + E:first-child any E node which is the first child of its parent node CSS - E:last-child + E:last-child any E node which is the last child of its parent node CSS - E:only-child + E:only-child any E node which is the only child of its parent node CSS Equivalent to E:first-child:last-child - E:link, E:visited + E:link, E:visited any E node which represents a hyperlink, not yet visited (:link) or already visited (:visited) CSS Corresponds to GTK_STATE_FLAG_LINK and GTK_STATE_FLAGS_VISITED - E:active, E:hover, E:focus + E:active, E:hover, E:focus any E node which is part of a widget with the corresponding state CSS Corresponds to GTK_STATE_FLAG_ACTIVE, GTK_STATE_FLAG_PRELIGHT and GTK_STATE_FLAGS_FOCUSED; GTK+ also allows E:prelight and E:focused - E:disabled + E:disabled any E node which is part of a widget which is disabled CSS Corresponds to GTK_STATE_FLAG_INSENSITIVE; GTK+ also allows E:insensitive - E:checked + E:checked any E node which is part of a widget (e.g. radio- or checkbuttons) which is checked CSS Corresponds to GTK_STATE_FLAG_CHECKED - E:indeterminate - any E node which is part of a widget (e.g. radio- or checkbuttons) which is in an inconsistent state + E:indeterminate + any E node which is part of a widget (e.g. radio- or checkbuttons) which is in an indeterminate state CSS3, CSS4 Corresponds to GTK_STATE_FLAG_INCONSISTENT; GTK+ also allows E:inconsistent - E:backdrop, E:selected + E:backdrop, E:selected any E node which is part of a widget with the corresponding state Corresponds to GTK_STATE_FLAG_BACKDROP, GTK_STATE_FLAG_SELECTED - E:not(〈selector〉) + E:not(〈selector〉) any E node which does not match the simple selector 〈selector〉 CSS - E:dir(ltr), E:dir(rtl) + E:dir(ltr), E:dir(rtl) any E node that has the corresponding text direction CSS4 - E:drop(active) + E:drop(active) any E node that is an active drop target for a current DND operation CSS4 - E F + E F any F node which is a descendent of an E node CSS - E > F + E > F any F node which is a child of an E node CSS - E ~ F + E ~ F any F node which is preceded by an E node CSS - E + F + E + F any F node which is immediately preceded by an E node CSS diff --git a/docs/reference/gtk/css-properties.xml b/docs/reference/gtk/css-properties.xml index 53d98ea098..919cc542e5 100644 --- a/docs/reference/gtk/css-properties.xml +++ b/docs/reference/gtk/css-properties.xml @@ -123,7 +123,7 @@ We use for syntax productions, and each line is put in a - color + color 〈color〉 rgba(1,1,1,1) ✓ @@ -133,7 +133,7 @@ We use for syntax productions, and each line is put in a - opacity + opacity 〈alpha value〉 1 @@ -161,7 +161,7 @@ We use for syntax productions, and each line is put in a - font-family + font-family 〈family name〉 [ , 〈family name〉 ]* gtk-font-name setting ✓ @@ -171,7 +171,7 @@ We use for syntax productions, and each line is put in a - font-size + font-size 〈absolute size〉 | 〈relative size〉 | 〈length〉 | 〈percentage〉 gtk-font-name setting ✓ @@ -181,7 +181,7 @@ We use for syntax productions, and each line is put in a - font-style + font-style normal | oblique | italic normal ✓ @@ -191,7 +191,7 @@ We use for syntax productions, and each line is put in a - font-variant + font-variant normal | small-caps normal ✓ @@ -201,7 +201,7 @@ We use for syntax productions, and each line is put in a only CSS2 values supported - font-weight + font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 normal ✓ @@ -211,7 +211,7 @@ We use for syntax productions, and each line is put in a normal is synonymous with 400, bold with 700 - font-stretch + font-stretch ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded normal ✓ @@ -220,7 +220,7 @@ We use for syntax productions, and each line is put in a - -gtk-dpi + -gtk-dpi 〈number〉 screen resolution ✓ @@ -236,7 +236,7 @@ We use for syntax productions, and each line is put in a - font + font [ 〈font-style〉 || 〈font-variant〉 || 〈font-weight〉 || 〈font-stretch〉 ]? 〈font-size〉 〈font-family〉 see individual properties CSS2, @@ -267,7 +267,7 @@ We use for syntax productions, and each line is put in a - caret-color + caret-color 〈color〉 currentColor ✓ @@ -276,7 +276,7 @@ We use for syntax productions, and each line is put in a CSS allows an auto value - -gtk-secondary-caret-color + -gtk-secondary-caret-color 〈color〉 currentColor ✓ @@ -303,7 +303,7 @@ We use for syntax productions, and each line is put in a - letter-spacing + letter-spacing 〈length〉 0px ✓ @@ -312,7 +312,7 @@ We use for syntax productions, and each line is put in a - text-decoration-line + text-decoration-line none | underline | line-through none @@ -322,7 +322,7 @@ We use for syntax productions, and each line is put in a CSS allows overline - text-decoration-color + text-decoration-color 〈color〉 currentColor @@ -331,7 +331,7 @@ We use for syntax productions, and each line is put in a - text-decoration-style + text-decoration-style solid | double | wavy solid @@ -340,7 +340,7 @@ We use for syntax productions, and each line is put in a CSS allows dashed and dotted - text-shadow + text-shadow none | 〈shadow〉 none ✓ @@ -356,7 +356,7 @@ We use for syntax productions, and each line is put in a - text-decoration + text-decoration 〈text-decoration-line〉 || 〈text-decoration-style〉 || 〈text-decoration-color〉 see individual properties CSS3 @@ -384,7 +384,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-source + -gtk-icon-source builtin | 〈image〉 | none builtin @@ -393,7 +393,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-transform + -gtk-icon-transform none | 〈transform〉+ none @@ -402,7 +402,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-style + -gtk-icon-style requested | regular | symbolic requested ✓ @@ -411,7 +411,7 @@ We use for syntax productions, and each line is put in a Determines the preferred style for application-loaded icons - -gtk-icon-theme + -gtk-icon-theme 〈name〉 current icon theme ✓ @@ -420,7 +420,7 @@ We use for syntax productions, and each line is put in a The icon theme to use with -gtk-icontheme(). Since 3.20 - -gtk-icon-palette + -gtk-icon-palette 〈color palette〉 default ✓ @@ -429,7 +429,7 @@ We use for syntax productions, and each line is put in a Used to recolor symbolic icons (both application-loaded and from -gtk-icontheme()). Since 3.20 - -gtk-icon-shadow + -gtk-icon-shadow none | 〈shadow〉 none ✓ @@ -438,7 +438,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-effect + -gtk-icon-effect none | highlight | dim none ✓ @@ -489,7 +489,7 @@ We use for syntax productions, and each line is put in a - min-width + min-width 〈length〉 0px @@ -499,7 +499,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - min-height + min-height 〈length〉 0px @@ -509,7 +509,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - margin-top + margin-top 〈length〉 0px @@ -519,7 +519,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - margin-right + margin-right 〈length〉 0px @@ -529,7 +529,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - margin-bottom + margin-bottom 〈length〉 0px @@ -539,7 +539,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - margin-left + margin-left 〈length〉 0px @@ -549,7 +549,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - padding-top + padding-top 〈length〉 0px @@ -559,7 +559,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - padding-right + padding-right 〈length〉 0px @@ -569,7 +569,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - padding-bottom + padding-bottom 〈length〉 0px @@ -579,7 +579,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - padding-left + padding-left 〈length〉 0px @@ -596,7 +596,7 @@ We use for syntax productions, and each line is put in a - margin + margin 〈length〉{1,4} see individual properties CSS2, @@ -604,7 +604,7 @@ We use for syntax productions, and each line is put in a a 'four sides' shorthand - padding + padding 〈length〉{1,4} see individual properties CSS2, @@ -625,7 +625,7 @@ We use for syntax productions, and each line is put in a - border-top-width + border-top-width 〈length〉 0px @@ -635,7 +635,7 @@ We use for syntax productions, and each line is put in a CSS allows other values - border-right-width + border-right-width 〈length〉 0px @@ -645,7 +645,7 @@ We use for syntax productions, and each line is put in a CSS allows other values - border-bottom-width + border-bottom-width 〈length〉 0px @@ -655,7 +655,7 @@ We use for syntax productions, and each line is put in a CSS allows other values - border-left-width + border-left-width 〈length〉 0px @@ -665,7 +665,7 @@ We use for syntax productions, and each line is put in a CSS allows other values - border-top-style + border-top-style 〈border style〉 none @@ -675,7 +675,7 @@ We use for syntax productions, and each line is put in a - border-right-style + border-right-style 〈border style〉 none @@ -685,7 +685,7 @@ We use for syntax productions, and each line is put in a - border-bottom-style + border-bottom-style 〈border style〉 none @@ -695,7 +695,7 @@ We use for syntax productions, and each line is put in a - border-left-style + border-left-style 〈border style〉 none @@ -705,7 +705,7 @@ We use for syntax productions, and each line is put in a - border-top-right-radius + border-top-right-radius 〈corner radius〉 0 @@ -715,7 +715,7 @@ We use for syntax productions, and each line is put in a - border-bottom-right-radius + border-bottom-right-radius 〈corner radius〉 0 @@ -725,7 +725,7 @@ We use for syntax productions, and each line is put in a - border-bottom-left-radius + border-bottom-left-radius 〈corner radius〉 0 @@ -735,7 +735,7 @@ We use for syntax productions, and each line is put in a - border-top-left-radius + border-top-left-radius 〈corner radius〉 0 @@ -745,7 +745,7 @@ We use for syntax productions, and each line is put in a - border-top-color + border-top-color 〈color〉 currentColor @@ -755,7 +755,7 @@ We use for syntax productions, and each line is put in a - border-right-color + border-right-color 〈color〉 currentColor @@ -765,7 +765,7 @@ We use for syntax productions, and each line is put in a - border-bottom-color + border-bottom-color 〈color〉 currentColor @@ -775,7 +775,7 @@ We use for syntax productions, and each line is put in a - border-left-color + border-left-color 〈color〉 currentColor @@ -785,7 +785,7 @@ We use for syntax productions, and each line is put in a - border-image-source + border-image-source 〈image〉 | none none @@ -794,7 +794,7 @@ We use for syntax productions, and each line is put in a - border-image-repeat + border-image-repeat 〈border repeat〉{1,2} stretch @@ -803,7 +803,7 @@ We use for syntax productions, and each line is put in a - border-image-slice + border-image-slice [ 〈number〉 | 〈percentage〉 ]{1,4} && fill? 100% @@ -812,7 +812,7 @@ We use for syntax productions, and each line is put in a a 'four sides' shorthand - border-image-width + border-image-width [ 〈length〉 | 〈number〉 | 〈percentage〉 | auto ]{1,4} 1 @@ -829,7 +829,7 @@ We use for syntax productions, and each line is put in a - border-width + border-width 〈length〉{1,4} see individual properties CSS2, @@ -837,7 +837,7 @@ We use for syntax productions, and each line is put in a a 'four sides' shorthand - border-style + border-style 〈border style〉{1,4} see individual properties CSS2, @@ -845,14 +845,14 @@ We use for syntax productions, and each line is put in a a 'four sides' shorthand - border-color + border-color 〈color〉{1,4} see individual properties CSS3 a 'four sides' shorthand - border-top + border-top 〈length〉 || 〈border style〉 || 〈color〉 see individual properties CSS2, @@ -860,7 +860,7 @@ We use for syntax productions, and each line is put in a - border-left + border-left 〈length〉 || 〈border style〉 || 〈color〉 see individual properties CSS2, @@ -868,7 +868,7 @@ We use for syntax productions, and each line is put in a - border-bottom + border-bottom 〈length〉 || 〈border style〉 || 〈color〉 see individual properties CSS2, @@ -876,7 +876,7 @@ We use for syntax productions, and each line is put in a - border-right + border-right 〈length〉 || 〈border style〉 || 〈color〉 see individual properties CSS2, @@ -884,7 +884,7 @@ We use for syntax productions, and each line is put in a - border + border 〈length〉 || 〈border style〉 || 〈color〉 see individual properties CSS2, @@ -892,14 +892,14 @@ We use for syntax productions, and each line is put in a - border-radius + border-radius [ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage〉 ]{1,4} ]? see individual properties CSS3 - border-image + border-image 〈border-image-source〉 || 〈border-image-slice〉 [ / 〈border-image-width〉 | / 〈border-image-width〉? / 〈border-image-outset〉 ]? || 〈border-image-repeat〉 see individual properties CSS3 @@ -923,7 +923,7 @@ We use for syntax productions, and each line is put in a - outline-style + outline-style none | solid | inset | outset | hidden | dotted | dashed | double | groove | ridge none @@ -933,7 +933,7 @@ We use for syntax productions, and each line is put in a - outline-width + outline-width 〈length〉 0px @@ -943,7 +943,7 @@ We use for syntax productions, and each line is put in a - outline-color + outline-color 〈color〉 currentColor @@ -953,7 +953,7 @@ We use for syntax productions, and each line is put in a - outline-offset + outline-offset 〈length〉 0px @@ -962,7 +962,7 @@ We use for syntax productions, and each line is put in a - -gtk-outline-top-left-radius + -gtk-outline-top-left-radius 〈corner radius〉 0 @@ -971,7 +971,7 @@ We use for syntax productions, and each line is put in a - -gtk-outline-top-right-radius + -gtk-outline-top-right-radius 〈corner radius〉 0 @@ -980,7 +980,7 @@ We use for syntax productions, and each line is put in a - -gtk-outline-bottom-right-radius + -gtk-outline-bottom-right-radius 〈corner radius〉 0 @@ -989,7 +989,7 @@ We use for syntax productions, and each line is put in a - -gtk-outline-bottom-left-radius + -gtk-outline-bottom-left-radius 〈corner radius〉 0 @@ -1005,7 +1005,7 @@ We use for syntax productions, and each line is put in a - outline + outline 〈outline-color〉 || 〈outline-style〉 || 〈outline-width〉 see individual properties CSS2, @@ -1013,7 +1013,7 @@ We use for syntax productions, and each line is put in a - -gtk-outline-radius + -gtk-outline-radius [ 〈length〉|〈percentage〉 ]{1,4} [ / [〈length〉 | 〈percentage〉 ]{1,4} ]? see individual properties @@ -1037,7 +1037,7 @@ We use for syntax productions, and each line is put in a - background-color + background-color 〈color〉 rgba(0,0,0,0) @@ -1047,7 +1047,7 @@ We use for syntax productions, and each line is put in a - background-clip + background-clip 〈box〉 [ , 〈box〉 ]* border-box @@ -1056,7 +1056,7 @@ We use for syntax productions, and each line is put in a - background-origin + background-origin 〈box〉 [ , 〈box〉 ]* padding-box @@ -1065,7 +1065,7 @@ We use for syntax productions, and each line is put in a - background-size + background-size 〈bg-size〉 [ , 〈bg-size〉 ]* auto @@ -1074,7 +1074,7 @@ We use for syntax productions, and each line is put in a - background-position + background-position 〈position〉 [ , 〈position〉 ]* 0 @@ -1084,7 +1084,7 @@ We use for syntax productions, and each line is put in a - background-repeat + background-repeat 〈bg-repeat 〉[ , 〈bg-repeat〉 ]* repeat @@ -1094,7 +1094,7 @@ We use for syntax productions, and each line is put in a - background-image + background-image 〈bg-image〉[ , 〈bg-image〉 ]* none @@ -1104,7 +1104,7 @@ We use for syntax productions, and each line is put in a not supported: urls without quotes, CSS radial gradients, colors in crossfades - background-blend-mode + background-blend-mode 〈blend-mode〉 [ , 〈blend-mode〉 ]* normal @@ -1113,7 +1113,7 @@ We use for syntax productions, and each line is put in a only affects multiple backgrounds - box-shadow + box-shadow none | 〈box shadow〉 [ , 〈box shadow〉 ]* none @@ -1170,7 +1170,7 @@ We use for syntax productions, and each line is put in a - transition-property + transition-property none | all | 〈property name〉 [ , 〈property name〉 ]* all @@ -1179,7 +1179,7 @@ We use for syntax productions, and each line is put in a - transition-duration + transition-duration 〈time〉 [ , 〈time〉 ]* 0s @@ -1188,7 +1188,7 @@ We use for syntax productions, and each line is put in a - transition-timing-function + transition-timing-function 〈single-timing-function〉[ , 〈single-timing-function〉 ]* ease @@ -1197,7 +1197,7 @@ We use for syntax productions, and each line is put in a - transition-delay + transition-delay 〈time〉 [ , 〈time〉 ]* 0s @@ -1213,7 +1213,7 @@ We use for syntax productions, and each line is put in a - transition + transition 〈single-transition〉 [ , 〈single-transition〉 ]* see individual properties CSS3 @@ -1239,7 +1239,7 @@ We use for syntax productions, and each line is put in a - animation-name + animation-name 〈single-animation-name〉 [ , 〈single-animation-name〉 ]* none @@ -1248,7 +1248,7 @@ We use for syntax productions, and each line is put in a - animation-duration + animation-duration 〈time〉 [ , 〈time〉 ]* 0s @@ -1257,7 +1257,7 @@ We use for syntax productions, and each line is put in a - animation-timing-function + animation-timing-function 〈single-timing-function〉 [ , 〈single-timing-function〉 ]* ease @@ -1266,7 +1266,7 @@ We use for syntax productions, and each line is put in a - animation-iteration-count + animation-iteration-count 〈single-animation-iteration-count〉 [ , 〈single-animation-iteration-count〉 ]* 1 @@ -1275,7 +1275,7 @@ We use for syntax productions, and each line is put in a - animation-direction + animation-direction 〈single-animation-direction〉 [ , 〈single-animation-direction〉 ]* normal @@ -1284,7 +1284,7 @@ We use for syntax productions, and each line is put in a - animation-play-state + animation-play-state 〈single-animation-play-state〉 [ , 〈single-animation-play-state〉 ]* running @@ -1293,7 +1293,7 @@ We use for syntax productions, and each line is put in a - animation-delay + animation-delay 〈time〉 [ , 〈time〉 ]* 0s @@ -1302,7 +1302,7 @@ We use for syntax productions, and each line is put in a - animation-fill-mode + animation-fill-mode 〈single-animation-fill-mode〉 [ , 〈single-animation-fill-mode〉 ]* none @@ -1318,7 +1318,7 @@ We use for syntax productions, and each line is put in a - animation + animation 〈single-animation〉 [ , 〈single-animation〉]* see individual properties CSS3 @@ -1347,7 +1347,7 @@ We use for syntax productions, and each line is put in a - -gtk-key-bindings + -gtk-key-bindings none | 〈binding name〉 [ , 〈binding name〉 ]* none