diff --git a/docs/reference/gtk/css-overview.xml b/docs/reference/gtk/css-overview.xml index 8e031eddf6..dd6af2716f 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 Correspond to GTK_STATE_FLAG_ACTIVE, GTK_STATE_FLAG_PRELIGHT and GTK_STATE_FLAGS_FOCUSED respectively - E:disabled + E:disabled any E node which is part of a widget which is disabled CSS Corresponds to GTK_STATE_FLAG_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 + 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 - 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 473d97e583..8008f2fea5 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 @@ -142,7 +142,7 @@ We use for syntax productions, and each line is put in a - filter + filter none | 〈filter-function-list〉 none @@ -182,7 +182,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 ✓ @@ -192,7 +192,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 ✓ @@ -202,7 +202,7 @@ We use for syntax productions, and each line is put in a - font-style + font-style normal | oblique | italic normal ✓ @@ -212,7 +212,7 @@ We use for syntax productions, and each line is put in a - font-variant + font-variant normal | small-caps normal ✓ @@ -222,7 +222,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 ✓ @@ -232,7 +232,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 ✓ @@ -241,7 +241,7 @@ We use for syntax productions, and each line is put in a - -gtk-dpi + -gtk-dpi 〈number〉 screen resolution ✓ @@ -329,7 +329,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, @@ -377,7 +377,7 @@ We use for syntax productions, and each line is put in a - caret-color + caret-color 〈color〉 currentColor ✓ @@ -386,7 +386,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 ✓ @@ -413,7 +413,7 @@ We use for syntax productions, and each line is put in a - letter-spacing + letter-spacing 〈length〉 0px ✓ @@ -422,7 +422,7 @@ We use for syntax productions, and each line is put in a - text-decoration-line + text-decoration-line none | underline | line-through none @@ -432,7 +432,7 @@ We use for syntax productions, and each line is put in a CSS allows overline - text-decoration-color + text-decoration-color 〈color〉 currentColor @@ -441,7 +441,7 @@ We use for syntax productions, and each line is put in a - text-decoration-style + text-decoration-style solid | double | wavy solid @@ -450,7 +450,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 ✓ @@ -466,7 +466,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 @@ -494,7 +494,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-source + -gtk-icon-source builtin | 〈image〉 | none builtin @@ -503,7 +503,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-transform + -gtk-icon-transform none | 〈transform〉+ none @@ -512,7 +512,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-style + -gtk-icon-style requested | regular | symbolic requested ✓ @@ -521,7 +521,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 ✓ @@ -530,7 +530,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 ✓ @@ -539,7 +539,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 ✓ @@ -548,7 +548,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-filter + -gtk-icon-filter none | 〈filter-function-list〉 none ✓ @@ -557,7 +557,7 @@ We use for syntax productions, and each line is put in a - -gtk-icon-size + -gtk-icon-size 〈length〉 none ✓ @@ -614,7 +614,7 @@ We use for syntax productions, and each line is put in a - min-width + min-width 〈length〉 0px @@ -624,7 +624,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - min-height + min-height 〈length〉 0px @@ -634,7 +634,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - margin-top + margin-top 〈length〉 0px @@ -644,7 +644,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - margin-right + margin-right 〈length〉 0px @@ -654,7 +654,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - margin-bottom + margin-bottom 〈length〉 0px @@ -664,7 +664,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - margin-left + margin-left 〈length〉 0px @@ -674,7 +674,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages or auto - padding-top + padding-top 〈length〉 0px @@ -684,7 +684,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - padding-right + padding-right 〈length〉 0px @@ -694,7 +694,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - padding-bottom + padding-bottom 〈length〉 0px @@ -704,7 +704,7 @@ We use for syntax productions, and each line is put in a CSS allows percentages - padding-left + padding-left 〈length〉 0px @@ -721,7 +721,7 @@ We use for syntax productions, and each line is put in a - margin + margin 〈length〉{1,4} see individual properties CSS2, @@ -729,7 +729,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, @@ -750,7 +750,7 @@ We use for syntax productions, and each line is put in a - border-top-width + border-top-width 〈length〉 0px @@ -760,7 +760,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 @@ -770,7 +770,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 @@ -780,7 +780,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 @@ -790,7 +790,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 @@ -800,7 +800,7 @@ We use for syntax productions, and each line is put in a - border-right-style + border-right-style 〈border style〉 none @@ -810,7 +810,7 @@ We use for syntax productions, and each line is put in a - border-bottom-style + border-bottom-style 〈border style〉 none @@ -820,7 +820,7 @@ We use for syntax productions, and each line is put in a - border-left-style + border-left-style 〈border style〉 none @@ -830,7 +830,7 @@ We use for syntax productions, and each line is put in a - border-top-right-radius + border-top-right-radius 〈corner radius〉 0 @@ -840,7 +840,7 @@ We use for syntax productions, and each line is put in a - border-bottom-right-radius + border-bottom-right-radius 〈corner radius〉 0 @@ -850,7 +850,7 @@ We use for syntax productions, and each line is put in a - border-bottom-left-radius + border-bottom-left-radius 〈corner radius〉 0 @@ -860,7 +860,7 @@ We use for syntax productions, and each line is put in a - border-top-left-radius + border-top-left-radius 〈corner radius〉 0 @@ -870,7 +870,7 @@ We use for syntax productions, and each line is put in a - border-top-color + border-top-color 〈color〉 currentColor @@ -880,7 +880,7 @@ We use for syntax productions, and each line is put in a - border-right-color + border-right-color 〈color〉 currentColor @@ -890,7 +890,7 @@ We use for syntax productions, and each line is put in a - border-bottom-color + border-bottom-color 〈color〉 currentColor @@ -900,7 +900,7 @@ We use for syntax productions, and each line is put in a - border-left-color + border-left-color 〈color〉 currentColor @@ -910,7 +910,7 @@ We use for syntax productions, and each line is put in a - border-image-source + border-image-source 〈image〉 | none none @@ -919,7 +919,7 @@ We use for syntax productions, and each line is put in a - border-image-repeat + border-image-repeat 〈border repeat〉{1,2} stretch @@ -928,7 +928,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% @@ -937,7 +937,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 @@ -954,7 +954,7 @@ We use for syntax productions, and each line is put in a - border-width + border-width 〈length〉{1,4} see individual properties CSS2, @@ -962,7 +962,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, @@ -970,14 +970,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, @@ -985,7 +985,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, @@ -993,7 +993,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, @@ -1001,7 +1001,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, @@ -1009,7 +1009,7 @@ We use for syntax productions, and each line is put in a - border + border 〈length〉 || 〈border style〉 || 〈color〉 see individual properties CSS2, @@ -1017,14 +1017,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 @@ -1048,7 +1048,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 @@ -1058,7 +1058,7 @@ We use for syntax productions, and each line is put in a - outline-width + outline-width 〈length〉 0px @@ -1068,7 +1068,7 @@ We use for syntax productions, and each line is put in a - outline-color + outline-color 〈color〉 currentColor @@ -1078,7 +1078,7 @@ We use for syntax productions, and each line is put in a - outline-offset + outline-offset 〈length〉 0px @@ -1087,7 +1087,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 @@ -1096,7 +1096,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 @@ -1105,7 +1105,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 @@ -1114,7 +1114,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 @@ -1130,7 +1130,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, @@ -1138,7 +1138,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 @@ -1162,7 +1162,7 @@ We use for syntax productions, and each line is put in a - background-color + background-color 〈color〉 rgba(0,0,0,0) @@ -1172,7 +1172,7 @@ We use for syntax productions, and each line is put in a - background-clip + background-clip 〈box〉 [ , 〈box〉 ]* border-box @@ -1181,7 +1181,7 @@ We use for syntax productions, and each line is put in a - background-origin + background-origin 〈box〉 [ , 〈box〉 ]* padding-box @@ -1190,7 +1190,7 @@ We use for syntax productions, and each line is put in a - background-size + background-size 〈bg-size〉 [ , 〈bg-size〉 ]* auto @@ -1199,7 +1199,7 @@ We use for syntax productions, and each line is put in a - background-position + background-position 〈position〉 [ , 〈position〉 ]* 0 @@ -1209,7 +1209,7 @@ We use for syntax productions, and each line is put in a - background-repeat + background-repeat 〈bg-repeat 〉[ , 〈bg-repeat〉 ]* repeat @@ -1219,7 +1219,7 @@ We use for syntax productions, and each line is put in a - background-image + background-image 〈bg-image〉[ , 〈bg-image〉 ]* none @@ -1229,7 +1229,7 @@ We use for syntax productions, and each line is put in a not supported: urls without quotes, colors in crossfades - background-blend-mode + background-blend-mode 〈blend-mode〉 [ , 〈blend-mode〉 ]* normal @@ -1238,7 +1238,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 @@ -1295,7 +1295,7 @@ We use for syntax productions, and each line is put in a - transition-property + transition-property none | all | 〈property name〉 [ , 〈property name〉 ]* all @@ -1304,7 +1304,7 @@ We use for syntax productions, and each line is put in a - transition-duration + transition-duration 〈time〉 [ , 〈time〉 ]* 0s @@ -1313,7 +1313,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 @@ -1322,7 +1322,7 @@ We use for syntax productions, and each line is put in a - transition-delay + transition-delay 〈time〉 [ , 〈time〉 ]* 0s @@ -1338,7 +1338,7 @@ We use for syntax productions, and each line is put in a - transition + transition 〈single-transition〉 [ , 〈single-transition〉 ]* see individual properties CSS3 @@ -1364,7 +1364,7 @@ We use for syntax productions, and each line is put in a - animation-name + animation-name 〈single-animation-name〉 [ , 〈single-animation-name〉 ]* none @@ -1373,7 +1373,7 @@ We use for syntax productions, and each line is put in a - animation-duration + animation-duration 〈time〉 [ , 〈time〉 ]* 0s @@ -1382,7 +1382,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 @@ -1391,7 +1391,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 @@ -1400,7 +1400,7 @@ We use for syntax productions, and each line is put in a - animation-direction + animation-direction 〈single-animation-direction〉 [ , 〈single-animation-direction〉 ]* normal @@ -1409,7 +1409,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 @@ -1418,7 +1418,7 @@ We use for syntax productions, and each line is put in a - animation-delay + animation-delay 〈time〉 [ , 〈time〉 ]* 0s @@ -1427,7 +1427,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 @@ -1443,7 +1443,7 @@ We use for syntax productions, and each line is put in a - animation + animation 〈single-animation〉 [ , 〈single-animation〉]* see individual properties CSS3 @@ -1472,7 +1472,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