RubyGems - gdk3 - Versions diffs - 3.2.1-x86-mingw32 → 3.2.2-x86-mingw32 - Mend

gdk3 3.2.1-x86-mingw32 → 3.2.2-x86-mingw32

Files changed (2767) hide show

data/vendor/local/share/gtk-doc/html/gtk3/ch28s02.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-unique-GtkApplication.html" title="Migrating from libunique to GApplication or GtkApplication">
 <link rel="prev" href="gtk-migrating-unique-GtkApplication.html" title="Migrating from libunique to GApplication or GtkApplication">
 <link rel="next" href="gtk-migrating-smclient-GtkApplication.html" title="Migrating from EggSMClient to GtkApplication">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -27,18 +27,18 @@
       instance using unique_app_send_message(). The commands can be either
       predefined or custom. Some of the predefined libunique commands have
       equivalents in GApplication. Instead of sending the UNIQUE_ACTIVATE
-      command, call <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GApplication.html#g-application-activate"><code class="function">g_application_activate()</code></a>, instead of sending the
-      UNIQUE_OPEN command, call <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GApplication.html#g-application-open"><code class="function">g_application_open()</code></a>. The
+      command, call <code class="function">g_application_activate()</code>, instead of sending the
+      UNIQUE_OPEN command, call <code class="function">g_application_open()</code>. The
       UNIQUE_NEW and UNIQUE_CLOSE and user-defined commands don't
       have direct replacement at this time.
     </p>
 <p>
       As a replacement for custom commands, GApplication implements the
-      <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GActionGroup.html#GActionGroup-struct"><span class="type">GActionGroup</span></a> interface and lets you add a group of actions with
-      <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GApplication.html#g-application-set-action-group"><code class="function">g_application_set_action_group()</code></a>. The actions can then be invoked,
-      either by using the D-Bus interface for <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GAction.html#GAction-struct"><span class="type">GAction</span></a> directly, or by
-      calling <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GActionGroup.html#g-action-group-activate-action"><code class="function">g_action_group_activate_action()</code></a> from another instance of
-      the GApplication. The <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GApplication.html#GApplication-struct"><span class="type">GApplication</span></a> documentation contains an
+      <span class="type">GActionGroup</span> interface and lets you add a group of actions with
+      <code class="function">g_application_set_action_group()</code>. The actions can then be invoked,
+      either by using the D-Bus interface for <span class="type">GAction</span> directly, or by
+      calling <code class="function">g_action_group_activate_action()</code> from another instance of
+      the GApplication. The <span class="type">GApplication</span> documentation contains an
       example for using GApplication with actions.
     </p>
 <p>
@@ -47,6 +47,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch30s02.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-GtkGrid.html" title="Migrating from other containers to GtkGrid">
 <link rel="prev" href="gtk-migrating-GtkGrid.html" title="Migrating from other containers to GtkGrid">
 <link rel="next" href="ch30s03.html" title="GtkBox versus GtkGrid: spacing">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -51,8 +51,8 @@
       To replace the functionality of the fill child properties, you can
       set the <a class="link" href="GtkWidget.html#GtkWidget--halign" title="The “halign” property"><span class="type">“halign”</span></a> and <a class="link" href="GtkWidget.html#GtkWidget--valign" title="The “valign” property"><span class="type">“valign”</span></a> properties. An
       align value of <a class="link" href="GtkWidget.html#GTK-ALIGN-FILL:CAPS"><span class="type">GTK_ALIGN_FILL</span></a> has the same effect as setting fill
-      to <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#TRUE:CAPS"><code class="literal">TRUE</code></a>, a value of <a class="link" href="GtkWidget.html#GTK-ALIGN-CENTER:CAPS"><span class="type">GTK_ALIGN_CENTER</span></a> has the same effect as setting
-      fill to <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#FALSE:CAPS"><code class="literal">FALSE</code></a>. The image below shows the effect of various combinations
+      to <code class="literal">TRUE</code>, a value of <a class="link" href="GtkWidget.html#GTK-ALIGN-CENTER:CAPS"><span class="type">GTK_ALIGN_CENTER</span></a> has the same effect as setting
+      fill to <code class="literal">FALSE</code>. The image below shows the effect of various combinations
       of halign and valign.
     </p>
 <img src="widget-hvalign.png"><div class="example">
@@ -111,6 +111,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch30s03.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-GtkGrid.html" title="Migrating from other containers to GtkGrid">
 <link rel="prev" href="ch30s02.html" title="GtkBox versus GtkGrid: sizing">
 <link rel="next" href="gtk-migrating-checklist.html" title="Migration Details Checklist">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -64,6 +64,6 @@
 <br class="example-break">
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s02.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="next" href="ch32s03.html" title="Changes in GTK+ 3.6">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -65,6 +65,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s03.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s02.html" title="Changes in GTK+ 3.4">
 <link rel="next" href="ch32s04.html" title="Changes in GTK+ 3.8">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -30,7 +30,7 @@
     </p>
 <p>
       GDK threading support has been deprecated. It is recommended to
-      use <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-The-Main-Event-Loop.html#g-idle-add"><code class="function">g_idle_add()</code></a>, <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-The-Main-Event-Loop.html#g-main-context-invoke"><code class="function">g_main_context_invoke()</code></a> and similar funtions
+      use <code class="function">g_idle_add()</code>, <code class="function">g_main_context_invoke()</code> and similar funtions
       to make all GTK+ calls from the main thread.
     </p>
 <p>
@@ -56,6 +56,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s04.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s03.html" title="Changes in GTK+ 3.6">
 <link rel="next" href="ch32s05.html" title="Changes in GTK+ 3.10">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -31,6 +31,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s05.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s04.html" title="Changes in GTK+ 3.8">
 <link rel="next" href="ch32s06.html" title="Changes in GTK+ 3.12">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -60,8 +60,8 @@
       behavior than before.
     </p>
 <p>
-      The Gtk+ scrolling implementation has changed. <a href="../gdk4/gdk4-Windows.html#gdk-window-scroll"><code class="function">gdk_window_scroll()</code></a>
-      and <a href="../gdk4/gdk4-Windows.html#gdk-window-move-region"><code class="function">gdk_window_move_region()</code></a> no longer copy the region on the
+      The Gtk+ scrolling implementation has changed. <a href="../html/gdk3-Windows.html#gdk-window-scroll"><code class="function">gdk_window_scroll()</code></a>
+      and <a href="../html/gdk3-Windows.html#gdk-window-move-region"><code class="function">gdk_window_move_region()</code></a> no longer copy the region on the
       window, but rather invalidate the entire scrolled region. This is
       slightly slower, but allowed us to implement a offscreen surface
       scrolling method which better fits modern hardware. Most scrolling
@@ -71,6 +71,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s06.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s05.html" title="Changes in GTK+ 3.10">
 <link rel="next" href="ch32s07.html" title="Changes in GTK+ 3.14">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -49,6 +49,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s07.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s06.html" title="Changes in GTK+ 3.12">
 <link rel="next" href="ch32s08.html" title="Changes in GTK+ 3.16">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -62,6 +62,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s08.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s07.html" title="Changes in GTK+ 3.14">
 <link rel="next" href="ch32s09.html" title="Changes in GTK+ 3.18">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -58,6 +58,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s09.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s08.html" title="Changes in GTK+ 3.16">
 <link rel="next" href="ch32s10.html" title="Changes in GTK+ 3.20">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -35,6 +35,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s10.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s09.html" title="Changes in GTK+ 3.18">
 <link rel="next" href="ch32s11.html" title="Changes in GTK+ 3.22">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -75,6 +75,6 @@
     </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/ch32s11.html CHANGED Viewed

@@ -8,7 +8,7 @@
 <link rel="up" href="gtk-migrating-3-x-to-y.html" title="Migrating from one GTK+ 3 release to another">
 <link rel="prev" href="ch32s10.html" title="Changes in GTK+ 3.20">
 <link rel="next" href="pt06.html" title="Part VI. GTK+ Tools">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -62,6 +62,6 @@
      </p>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>

data/vendor/local/share/gtk-doc/html/gtk3/chap-css-overview.html CHANGED Viewed

@@ -2,13 +2,13 @@
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<title>GTK+ CSS: GTK+ 3 Reference Manual</title>
+<title>GTK+ CSS Overview: GTK+ 3 Reference Manual</title>
 <meta name="generator" content="DocBook XSL Stylesheets Vsnapshot">
 <link rel="home" href="index.html" title="GTK+ 3 Reference Manual">
 <link rel="up" href="theming.html" title="Part IV. Theming in GTK+">
 <link rel="prev" href="theming.html" title="Part IV. Theming in GTK+">
-<link rel="next" href="chap-css-properties.html" title="GTK+ CSS">
-<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
+<link rel="next" href="chap-css-properties.html" title="GTK+ CSS Properties">
+<meta name="generator" content="GTK-Doc V1.27 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -23,8 +23,8 @@
 <a name="chap-css-overview"></a><div class="titlepage"></div>
 <div class="refnamediv"><table width="100%"><tr>
 <td valign="top">
-<h2><span class="refentrytitle">GTK+ CSS</span></h2>
-<p>GTK+ CSS —
+<h2><span class="refentrytitle">GTK+ CSS Overview</span></h2>
+<p>GTK+ CSS Overview —
 Overview of CSS in GTK+
 </p>
 </td>
@@ -89,19 +89,19 @@ Overview of CSS in GTK+
 11
 12
 13</pre></td>
-        <td class="listing_code"><pre class="programlisting">scale<span class="gtkdoc opt">[.</span>fine<span class="gtkdoc opt">-</span>tune<span class="gtkdoc opt">]</span>
-├── marks<span class="gtkdoc opt">.</span>top
-│   ├── mark
-┊   ┊
-│   ╰── mark
-├── trough
-│   ├── slider
-│   ├── <span class="gtkdoc opt">[</span>highlight<span class="gtkdoc opt">]</span>
-│   ╰── <span class="gtkdoc opt">[</span>fill<span class="gtkdoc opt">]</span>
-╰── marks<span class="gtkdoc opt">.</span>bottom
-    ├── mark
-    ┊
-    ╰── mark</pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">scale</span><span class="symbol">[.</span><span class="normal">fine</span><span class="symbol">-</span><span class="normal">tune</span><span class="symbol">]</span>
+<span class="normal">├── marks</span><span class="symbol">.</span><span class="normal">top</span>
+<span class="normal">│   ├── mark</span>
+<span class="normal">┊   ┊</span>
+<span class="normal">│   ╰── mark</span>
+<span class="normal">├── trough</span>
+<span class="normal">│   ├── slider</span>
+<span class="normal">│   ├── </span><span class="symbol">[</span><span class="normal">highlight</span><span class="symbol">]</span>
+<span class="normal">│   ╰── </span><span class="symbol">[</span><span class="normal">fill</span><span class="symbol">]</span>
+<span class="normal">╰── marks</span><span class="symbol">.</span><span class="normal">bottom</span>
+<span class="normal">    ├── mark</span>
+<span class="normal">    ┊</span>
+<span class="normal">    ╰── mark</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -135,10 +135,10 @@ Overview of CSS in GTK+
 2
 3
 4</pre></td>
-        <td class="listing_code"><pre class="programlisting">button<span class="gtkdoc opt">,</span> entry <span class="gtkdoc opt">{</span>
-  color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#ff00ea;</span>
-  font<span class="gtkdoc opt">:</span> <span class="number">12</span>px <span class="string">&quot;Comic Sans&quot;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button</span><span class="symbol">,</span><span class="normal"> entry </span><span class="cbracket">{</span>
+<span class="normal">  color</span><span class="symbol">:</span><span class="normal"> #ff00ea</span><span class="symbol">;</span>
+<span class="normal">  font</span><span class="symbol">:</span><span class="normal"> 12px </span><span class="string">"Comic Sans"</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -157,8 +157,8 @@ Overview of CSS in GTK+
 <p>
       The syntax for @import rules is as follows:
     </p>
-<div class="literallayout"><p><code class="code">〈import rule〉 = @import [ 〈url〉 | 〈string〉] ;</code><br>
-<code class="code">〈url〉 = url( 〈string〉)</code><br>
+<div class="literallayout"><p><code class="code">〈import rule〉 = @import [ 〈url〉 | 〈string〉 ]</code><br>
+<code class="code">〈url〉 = url( 〈string〉 )</code><br>
 </p></div>
 <div class="example">
 <a name="id-1.5.2.3.6.5"></a><p class="title"><b>Example 8. An example for using the @import rule</b></p>
@@ -167,7 +167,7 @@ Overview of CSS in GTK+
     <tbody>
       <tr>
         <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting">&#64;import <span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&quot;path/to/common.css&quot;</span><span class="gtkdoc opt">);</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">@</span><span class="usertype">import</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"path/to/common.css"</span><span class="symbol">);</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -209,9 +209,9 @@ Overview of CSS in GTK+
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">window label <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#898989</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="usertype">window</span><span class="normal"> label </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #</span><span class="number">898989</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -227,9 +227,9 @@ Overview of CSS in GTK+
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">notebook <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#a939f0</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">notebook </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #a939f0</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -247,11 +247,11 @@ Overview of CSS in GTK+
 3
 4
 5</pre></td>
-        <td class="listing_code"><pre class="programlisting">combobox<span class="gtkdoc opt">,</span>
-notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</span>
-  color<span class="gtkdoc opt">:</span> &#64;fg_color<span class="gtkdoc opt">;</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#1209a2</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">combobox</span><span class="symbol">,</span>
+<span class="normal">notebook </span><span class="symbol">&gt;</span><span class="normal"> entry </span><span class="cbracket">{</span>
+<span class="normal">  color</span><span class="symbol">:</span><span class="normal"> @fg_color</span><span class="symbol">;</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #1209a2</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -267,9 +267,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">box <span class="gtkdoc opt">* {</span>
-  font<span class="gtkdoc opt">:</span> <span class="number">20</span>px Sans
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">box </span><span class="symbol">*</span><span class="normal"> </span><span class="cbracket">{</span>
+<span class="normal">  font</span><span class="symbol">:</span><span class="normal"> 20</span><span class="usertype">px</span><span class="normal"> Sans</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -285,9 +285,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">label<span class="gtkdoc ppc">#title-label {</span>
-  font<span class="gtkdoc opt">:</span> <span class="number">15</span>px Sans
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">label#title</span><span class="symbol">-</span><span class="normal">label </span><span class="cbracket">{</span>
+<span class="normal">  font</span><span class="symbol">:</span><span class="normal"> 15</span><span class="usertype">px</span><span class="normal"> Sans</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -303,9 +303,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="gtkdoc ppc">#main-entry {</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#f0a810</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="preproc">#main</span><span class="symbol">-</span><span class="normal">entry </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #f0a810</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -321,9 +321,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="gtkdoc opt">.</span>entry <span class="gtkdoc opt">{</span>
-  color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#39f1f9;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="symbol">.</span><span class="normal">entry </span><span class="cbracket">{</span>
+<span class="normal">  color</span><span class="symbol">:</span><span class="normal"> #39f1f9</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -339,9 +339,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">spinbutton entry <span class="gtkdoc opt">{</span>
-  color<span class="gtkdoc opt">:</span> <span class="number">900185</span><span class="gtkdoc opt">;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="usertype">spinbutton</span><span class="normal"> entry </span><span class="cbracket">{</span>
+<span class="normal">  color</span><span class="symbol">:</span><span class="normal"> #</span><span class="number">900185</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -363,9 +363,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">notebook tab<span class="gtkdoc opt">:</span>first<span class="gtkdoc opt">-</span>child label <span class="gtkdoc opt">{</span>
-  color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#89d012;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="usertype">notebook</span><span class="normal"> tab</span><span class="symbol">:</span><span class="normal">first</span><span class="symbol">-</span><span class="usertype">child</span><span class="normal"> label </span><span class="cbracket">{</span>
+<span class="normal">  color</span><span class="symbol">:</span><span class="normal"> #89d012</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -390,9 +390,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">button<span class="gtkdoc opt">:</span>active <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#0274d9;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button</span><span class="symbol">:</span><span class="normal">active </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #0274d9</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -408,9 +408,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">button<span class="gtkdoc opt">:</span>hover <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#3085a9;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button</span><span class="symbol">:</span><span class="normal">hover </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #3085a9</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -426,9 +426,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="gtkdoc opt">*:</span>disabled <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#320a91;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="symbol">*:</span><span class="normal">disabled </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #320a91</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -444,9 +444,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">checkbutton<span class="gtkdoc opt">:</span>checked <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#56f9a0;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">checkbutton</span><span class="symbol">:</span><span class="normal">checked </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #56f9a0</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -462,9 +462,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">label<span class="gtkdoc opt">:</span>focus <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#b4940f;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">label</span><span class="symbol">:</span><span class="normal">focus </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #b4940f</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -480,9 +480,9 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">checkbutton<span class="gtkdoc opt">:</span>indeterminate <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#20395a;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">checkbutton</span><span class="symbol">:</span><span class="normal">indeterminate </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #20395a</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -517,86 +517,86 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
 </tr></thead>
 <tbody>
 <tr>
-<td>*</td>
+<td><span class="nowrap">*</span></td>
 <td>any node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#universal-selector" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E</td>
+<td><span class="nowrap">E</span></td>
 <td>any node with name E</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#type-selectors" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E.class</td>
+<td><span class="nowrap">E.class</span></td>
 <td>any E node with the given style class</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#class-html" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E#id</td>
+<td><span class="nowrap">E#id</span></td>
 <td>any E node with the given ID</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#id-selectors" target="_top">CSS</a></td>
 <td>GTK+ uses the widget name as ID</td>
 </tr>
 <tr>
-<td>E:nth‑child(〈nth‑child〉)</td>
+<td><span class="nowrap">E:nth-child(〈nth-child〉)</span></td>
 <td>any E node which is the n-th child of its parent node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#structural-pseudos" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E:nth‑last‑child(〈nth‑child〉)</td>
+<td><span class="nowrap">E:nth-last-child(〈nth-child〉)</span></td>
 <td>any E node which is the n-th child of its parent node, counting from the end</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#structural-pseudos" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E:first‑child</td>
+<td><span class="nowrap">E:first-child</span></td>
 <td>any E node which is the first child of its parent node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#structural-pseudos" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E:last‑child</td>
+<td><span class="nowrap">E:last-child</span></td>
 <td>any E node which is the last child of its parent node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#structural-pseudos" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E:only‑child</td>
+<td><span class="nowrap">E:only-child</span></td>
 <td>any E node which is the only child of its parent node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#structural-pseudos" target="_top">CSS</a></td>
 <td>Equivalent to E:first-child:last-child</td>
 </tr>
 <tr>
-<td>E:link, E:visited</td>
+<td><span class="nowrap">E:link, E:visited</span></td>
 <td>any E node which represents a hyperlink, not yet visited (:link) or already visited (:visited)</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#link" target="_top">CSS</a></td>
 <td>Corresponds to GTK_STATE_FLAG_LINK and GTK_STATE_FLAGS_VISITED</td>
 </tr>
 <tr>
-<td>E:active, E:hover, E:focus</td>
+<td><span class="nowrap">E:active, E:hover, E:focus</span></td>
 <td>any E node which is part of a widget with the corresponding state</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#useraction-pseudos" target="_top">CSS</a></td>
 <td>Corresponds to GTK_STATE_FLAG_ACTIVE, GTK_STATE_FLAG_PRELIGHT and GTK_STATE_FLAGS_FOCUSED; GTK+ also allows E:prelight and E:focused</td>
 </tr>
 <tr>
-<td>E:disabled</td>
+<td><span class="nowrap">E:disabled</span></td>
 <td>any E node which is part of a widget which is disabled</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#UIstates" target="_top">CSS</a></td>
 <td>Corresponds to GTK_STATE_FLAG_INSENSITIVE; GTK+ also allows E:insensitive</td>
 </tr>
 <tr>
-<td>E:checked</td>
+<td><span class="nowrap">E:checked</span></td>
 <td>any E node which is part of a widget (e.g. radio- or checkbuttons) which is checked</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#UIstates" target="_top">CSS</a></td>
 <td>Corresponds to GTK_STATE_FLAG_CHECKED</td>
 </tr>
 <tr>
-<td>E:indeterminate</td>
-<td>any E node which is part of a widget (e.g. radio- or checkbuttons) which is in an inconsistent state</td>
+<td><span class="nowrap">E:indeterminate</span></td>
+<td>any E node which is part of a widget (e.g. radio- or checkbuttons) which is in an indeterminate state</td>
 <td>
 <a class="ulink" href="https://www.w3.org/TR/css3-selectors/#indeterminate" target="_top">CSS3</a>,
                    <a class="ulink" href="https://drafts.csswg.org/selectors/#indeterminate" target="_top">CSS4</a>
@@ -604,49 +604,49 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
 <td>Corresponds to GTK_STATE_FLAG_INCONSISTENT; GTK+ also allows E:inconsistent</td>
 </tr>
 <tr>
-<td>E:backdrop, E:selected</td>
+<td><span class="nowrap">E:backdrop, E:selected</span></td>
 <td>any E node which is part of a widget with the corresponding state</td>
 <td> </td>
 <td>Corresponds to GTK_STATE_FLAG_BACKDROP, GTK_STATE_FLAG_SELECTED</td>
 </tr>
 <tr>
-<td>E:not(〈selector〉)</td>
+<td><span class="nowrap">E:not(〈selector〉)</span></td>
 <td>any E node which does not match the simple selector 〈selector〉</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#negation" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E:dir(ltr), E:dir(rtl)</td>
+<td><span class="nowrap">E:dir(ltr), E:dir(rtl)</span></td>
 <td>any E node that has the corresponding text direction</td>
 <td><a class="ulink" href="https://drafts.csswg.org/selectors/#the-dir-pseudo" target="_top">CSS4</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E:drop(active)</td>
+<td><span class="nowrap">E:drop(active)</span></td>
 <td>any E node that is an active drop target for a current DND operation</td>
 <td><a class="ulink" href="https://drafts.csswg.org/selectors/#drag-pseudos" target="_top">CSS4</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E F</td>
+<td><span class="nowrap">E F</span></td>
 <td>any F node which is a descendent of an E node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#descendent-combinators" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E &gt; F</td>
+<td><span class="nowrap">E &gt; F</span></td>
 <td>any F node which is a child of an E node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#child-combinators" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E ~ F</td>
+<td><span class="nowrap">E ~ F</span></td>
 <td>any F node which is preceded by an E node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#general-sibling-combinators" target="_top">CSS</a></td>
 <td> </td>
 </tr>
 <tr>
-<td>E + F</td>
+<td><span class="nowrap">E + F</span></td>
 <td>any F node which is immediately preceded by an E node</td>
 <td><a class="ulink" href="https://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators" target="_top">CSS</a></td>
 <td> </td>
@@ -670,8 +670,8 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
       values or names from a predefined list of colors.
     </p>
 <div class="literallayout"><p><code class="code">〈color〉 = currentColor | transparent | 〈color name〉 | 〈rgb color〉 | 〈rgba color〉 | 〈hex color〉 | 〈gtk color〉</code><br>
-<code class="code">〈rgb color 〉 = rgb( 〈number〉, 〈number〉, 〈number〉 ) | rgb( 〈percentage〉, 〈percentage〉, 〈percentage〉 )</code><br>
-<code class="code">〈rgba color 〉 = rgba(〈number〉, 〈number〉, 〈number〉, 〈alpha value〉) | rgba( 〈percentage〉, 〈percentage〉, 〈percentage〉, 〈alpha value〉 )</code><br>
+<code class="code">〈rgb color〉 = rgb( 〈number〉, 〈number〉, 〈number〉 ) | rgb( 〈percentage〉, 〈percentage〉, 〈percentage〉 )</code><br>
+<code class="code">〈rgba color〉 = rgba( 〈number〉, 〈number〉, 〈number〉, 〈alpha value〉 ) | rgba( 〈percentage〉, 〈percentage〉, 〈percentage〉, 〈alpha value〉 )</code><br>
 <code class="code">〈hex color〉 = #〈hex digits〉</code><br>
 <code class="code">〈alpha value〉 = 〈number〉</code>, clamped to values between 0 and 1<br>
 </p></div>
@@ -700,12 +700,12 @@ notebook <span class="gtkdoc opt">&gt;</span> entry <span class="gtkdoc opt">{</
 4
 5
 6</pre></td>
-        <td class="listing_code"><pre class="programlisting">color<span class="gtkdoc opt">:</span> transparent<span class="gtkdoc opt">;</span>
-background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> red<span class="gtkdoc opt">;</span>
-border<span class="gtkdoc opt">-</span>top<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="function">rgb</span><span class="gtkdoc opt">(</span><span class="number">128</span><span class="gtkdoc opt">,</span><span class="number">57</span><span class="gtkdoc opt">,</span><span class="number">0</span><span class="gtkdoc opt">);</span>
-border<span class="gtkdoc opt">-</span>left<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="function">rgba</span><span class="gtkdoc opt">(</span><span class="number">10</span><span class="gtkdoc opt">%,</span><span class="number">20</span><span class="gtkdoc opt">%,</span><span class="number">30</span><span class="gtkdoc opt">%,</span><span class="number">0.5</span><span class="gtkdoc opt">);</span>
-border<span class="gtkdoc opt">-</span>right<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#ff00cc;</span>
-border<span class="gtkdoc opt">-</span>bottom<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> <span class="gtkdoc ppc">#ffff0000cccc;</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> transparent</span><span class="symbol">;</span>
+<span class="normal">background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> red</span><span class="symbol">;</span>
+<span class="normal">border</span><span class="symbol">-</span><span class="normal">top</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">rgb</span><span class="symbol">(</span><span class="number">128</span><span class="symbol">,</span><span class="number">57</span><span class="symbol">,</span><span class="number">0</span><span class="symbol">);</span>
+<span class="normal">border</span><span class="symbol">-</span><span class="normal">left</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">rgba</span><span class="symbol">(</span><span class="number">10</span><span class="symbol">%,</span><span class="number">20</span><span class="symbol">%,</span><span class="number">30</span><span class="symbol">%,</span><span class="number">0.5</span><span class="symbol">);</span>
+<span class="normal">border</span><span class="symbol">-</span><span class="normal">right</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #ff00cc</span><span class="symbol">;</span>
+<span class="normal">border</span><span class="symbol">-</span><span class="normal">bottom</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #ffff0000cccc</span><span class="symbol">;</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -715,7 +715,7 @@ border<span class="gtkdoc opt">-</span>bottom<span class="gtkdoc opt">-</span>co
 <br class="example-break"><p>
       GTK+ adds several additional ways to specify colors.
     </p>
-<div class="literallayout"><p><code class="code">〈gtk color〉 = 〈symbolic color〉 | 〈color expression〉| 〈win32 color〉</code><br>
+<div class="literallayout"><p><code class="code">〈gtk color〉 = 〈symbolic color〉 | 〈color expression〉 | 〈win32 color〉</code><br>
 </p></div>
 <p>
       The first is a reference to a color defined via a @define-color rule.
@@ -740,11 +740,11 @@ border<span class="gtkdoc opt">-</span>bottom<span class="gtkdoc opt">-</span>co
 3
 4
 5</pre></td>
-        <td class="listing_code"><pre class="programlisting">&#64;define<span class="gtkdoc opt">-</span>color bg_color <span class="gtkdoc ppc">#f9a039;</span>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">@define</span><span class="symbol">-</span><span class="usertype">color</span><span class="normal"> bg_color #f9a039</span><span class="symbol">;</span>
-<span class="gtkdoc opt">* {</span>
-background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span> &#64;bg_color<span class="gtkdoc opt">;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+<span class="symbol">*</span><span class="normal"> </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> @bg_color</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -765,12 +765,13 @@ background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span
       the RGB components of the 1st or 2nd color respectively. alpha() takes a
       number from 0 to 1 and applies that as the opacity of the supplied color.
     </p>
-<div class="literallayout"><p><code class="code">〈color expression〉 = lighter(〈color〉) | darker(〈color〉) | shade(〈color〉,〈number〉) | alpha(〈color〉,〈number〉) | mix(〈color〉,〈color〉,〈number〉)</code><br>
+<div class="literallayout"><p><code class="code">〈color expression〉 = lighter( 〈color〉 ) | darker( 〈color〉 ) | shade( 〈color〉, 〈number〉 ) |</code><br>
+<code class="code">                     alpha( 〈color〉, 〈number〉 ) | mix( 〈color〉, 〈color〉, 〈number〉 )</code><br>
 </p></div>
 <p>
       On Windows, GTK+ allows to refer to system colors, as follows:
     </p>
-<div class="literallayout"><p><code class="code">〈win32 color〉 = -gtk-win32-color( 〈name〉, 〈integer〉)</code><br>
+<div class="literallayout"><p><code class="code">〈win32 color〉 = -gtk-win32-color( 〈name〉, 〈integer〉 )</code><br>
 </p></div>
 </div>
 <hr>
@@ -781,17 +782,17 @@ background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span
       and borders.
     </p>
 <div class="literallayout"><p><code class="code">〈image〉 = 〈url〉 | 〈crossfade〉 | 〈alternatives〉 | 〈gradient〉 | 〈gtk image〉</code><br>
-<code class="code">〈crossfade〉 = cross-fade( 〈percentage〉, 〈image〉, 〈image〉)</code><br>
-<code class="code">〈alternatives〉 = image([ 〈image〉, ]* [ 〈image〉 | 〈color〉 ])</code><br>
+<code class="code">〈crossfade〉 = cross-fade( 〈percentage〉, 〈image〉, 〈image〉 )</code><br>
+<code class="code">〈alternatives〉 = image([ 〈image〉, ]* [ 〈image〉 | 〈color〉 ] )</code><br>
 <code class="code">〈gradient〉 = 〈linear gradient〉 | 〈radial gradient〉</code><br>
 <code class="code">〈linear gradient〉 = [ linear-gradient | repeating-linear-gradient ] (</code><br>
 <code class="code">                      [ [ 〈angle〉 | to 〈side or corner〉 ] , ]?</code><br>
 <code class="code">                      〈color stops〉 )</code><br>
-<code class="code">〈radial gradient〉 = [ radial‑gradient | repeating‑radial‑gradient ] (</code><br>
+<code class="code">〈radial gradient〉 = [ radial-gradient | repeating-radial-gradient ] (</code><br>
 <code class="code">                      [ [ 〈shape〉 || 〈size〉 ] [ at 〈position〉 ]? , | at 〈position〉, ]?</code><br>
 <code class="code">                      〈color stops〉 )</code><br>
 <code class="code">〈side or corner〉 = [ left | right ] || [ top | bottom ]</code><br>
-<code class="code">〈color stops〉 =  〈color stop〉 [ , 〈color stop〉]+</code><br>
+<code class="code">〈color stops〉 =  〈color stop〉 [ , 〈color stop〉 ]+</code><br>
 <code class="code">〈color stop〉 = 〈color〉 [ 〈percentage〉 | 〈length〉 ]?</code><br>
 <code class="code">〈shape〉 = circle | ellipse</code><br>
 <code class="code">〈size〉 = 〈extent keyword〉 | 〈length〉 | [ 〈length〉 | 〈percentage〉 ]{1,2}</code><br>
@@ -813,9 +814,9 @@ background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> <span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&quot;water-lily.png&quot;</span><span class="gtkdoc opt">);</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"water-lily.png"</span><span class="symbol">);</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -839,9 +840,9 @@ background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> cross<span class="gtkdoc opt">-</span><span class="function">fade</span><span class="gtkdoc opt">(</span><span class="number">50</span><span class="gtkdoc opt">%,</span> <span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&quot;water-lily.png&quot;</span><span class="gtkdoc opt">),</span> <span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&quot;buffalo.jpg&quot;</span><span class="gtkdoc opt">));</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> cross</span><span class="symbol">-</span><span class="function">fade</span><span class="symbol">(</span><span class="number">50</span><span class="symbol">%,</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"water-lily.png"</span><span class="symbol">),</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"buffalo.jpg"</span><span class="symbol">));</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -864,9 +865,9 @@ background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> <span class="function">image</span><span class="gtkdoc opt">(</span><span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&quot;fancy.svg&quot;</span><span class="gtkdoc opt">),</span> <span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&quot;plain.png&quot;</span><span class="gtkdoc opt">),</span> green<span class="gtkdoc opt">);</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="function">image</span><span class="symbol">(</span><span class="function">url</span><span class="symbol">(</span><span class="string">"fancy.svg"</span><span class="symbol">),</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"plain.png"</span><span class="symbol">),</span><span class="normal"> green</span><span class="symbol">);</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -896,12 +897,12 @@ background<span class="gtkdoc opt">-</span>color<span class="gtkdoc opt">:</span
 4
 5
 6</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> linear<span class="gtkdoc opt">-</span><span class="function">gradient</span><span class="gtkdoc opt">(</span><span class="number">45</span>deg<span class="gtkdoc opt">,</span> yellow<span class="gtkdoc opt">,</span> blue<span class="gtkdoc opt">);</span>
-<span class="gtkdoc opt">}</span>
-label <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> linear<span class="gtkdoc opt">-</span><span class="function">gradient</span><span class="gtkdoc opt">(</span>to top right<span class="gtkdoc opt">,</span> blue <span class="number">20</span><span class="gtkdoc opt">%,</span> <span class="gtkdoc ppc">#f0f 80%);</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> linear</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="normal">45deg</span><span class="symbol">,</span><span class="normal"> yellow</span><span class="symbol">,</span><span class="normal"> blue</span><span class="symbol">);</span>
+<span class="cbracket">}</span>
+<span class="normal">label </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> linear</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="normal">to </span><span class="usertype">top</span><span class="normal"> right</span><span class="symbol">,</span><span class="normal"> blue </span><span class="number">20</span><span class="symbol">%,</span><span class="normal"> #f0f </span><span class="number">80</span><span class="symbol">%);</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -926,12 +927,12 @@ label <span class="gtkdoc opt">{</span>
 4
 5
 6</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> radial<span class="gtkdoc opt">-</span><span class="function">gradient</span><span class="gtkdoc opt">(</span>ellipse at center<span class="gtkdoc opt">,</span> yellow <span class="number">0</span><span class="gtkdoc opt">%,</span> green <span class="number">100</span><span class="gtkdoc opt">%);</span>
-<span class="gtkdoc opt">}</span>
-label <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">:</span> radial<span class="gtkdoc opt">-</span><span class="function">gradient</span><span class="gtkdoc opt">(</span>circle farthest<span class="gtkdoc opt">-</span>side at left bottom<span class="gtkdoc opt">,</span> red<span class="gtkdoc opt">,</span> yellow <span class="number">50</span>px<span class="gtkdoc opt">,</span> green<span class="gtkdoc opt">);</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> radial</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="normal">ellipse </span><span class="usertype">at</span><span class="normal"> center</span><span class="symbol">,</span><span class="normal"> yellow </span><span class="number">0</span><span class="symbol">%,</span><span class="normal"> green </span><span class="number">100</span><span class="symbol">%);</span>
+<span class="cbracket">}</span>
+<span class="normal">label </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> radial</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="usertype">circle</span><span class="normal"> farthest</span><span class="symbol">-</span><span class="normal">side at </span><span class="usertype">left</span><span class="normal"> bottom</span><span class="symbol">,</span><span class="normal"> red</span><span class="symbol">,</span><span class="normal"> yellow 50px</span><span class="symbol">,</span><span class="normal"> green</span><span class="symbol">);</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -993,18 +994,18 @@ label <span class="gtkdoc opt">{</span>
 10
 11
 12</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">gradient</span> <span class="gtkdoc opt">(</span>linear<span class="gtkdoc opt">,</span>
-                                   left top<span class="gtkdoc opt">,</span> right bottom<span class="gtkdoc opt">,</span>
-                                   <span class="function">from</span><span class="gtkdoc opt">(</span>&#64;yellow<span class="gtkdoc opt">),</span> <span class="function">to</span><span class="gtkdoc opt">(</span>&#64;blue<span class="gtkdoc opt">));</span>
-<span class="gtkdoc opt">}</span>
-label <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">gradient</span> <span class="gtkdoc opt">(</span>linear<span class="gtkdoc opt">,</span>
-                                   <span class="number">0 0</span><span class="gtkdoc opt">,</span> <span class="number">0 1</span><span class="gtkdoc opt">,</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">0</span><span class="gtkdoc opt">,</span> &#64;yellow<span class="gtkdoc opt">),</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">0.2</span><span class="gtkdoc opt">,</span> &#64;blue<span class="gtkdoc opt">),</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">1</span><span class="gtkdoc opt">,</span> <span class="gtkdoc ppc">#0f0));</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">linear</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="usertype">left</span><span class="normal"> top</span><span class="symbol">,</span><span class="normal"> </span><span class="usertype">right</span><span class="normal"> bottom</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="function">from</span><span class="symbol">(</span><span class="normal">@yellow</span><span class="symbol">),</span><span class="normal"> </span><span class="function">to</span><span class="symbol">(</span><span class="normal">@blue</span><span class="symbol">));</span>
+<span class="cbracket">}</span>
+<span class="normal">label </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">linear</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="number">0</span><span class="normal"> </span><span class="number">0</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0</span><span class="normal"> </span><span class="number">1</span><span class="symbol">,</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0</span><span class="symbol">,</span><span class="normal"> @yellow</span><span class="symbol">),</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0.2</span><span class="symbol">,</span><span class="normal"> @blue</span><span class="symbol">),</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">1</span><span class="symbol">,</span><span class="normal"> #0f0</span><span class="symbol">));</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -1032,21 +1033,21 @@ label <span class="gtkdoc opt">{</span>
 13
 14
 15</pre></td>
-        <td class="listing_code"><pre class="programlisting">button <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">gradient</span> <span class="gtkdoc opt">(</span>radial<span class="gtkdoc opt">,</span>
-                                   center center<span class="gtkdoc opt">,</span> <span class="number">0</span><span class="gtkdoc opt">,</span>
-                                   center center<span class="gtkdoc opt">,</span> <span class="number">1</span><span class="gtkdoc opt">,</span>
-                                   <span class="function">from</span><span class="gtkdoc opt">(</span>&#64;yellow<span class="gtkdoc opt">),</span> <span class="function">to</span><span class="gtkdoc opt">(</span>&#64;green<span class="gtkdoc opt">));</span>
-<span class="gtkdoc opt">}</span>
-label <span class="gtkdoc opt">{</span>
-  background<span class="gtkdoc opt">-</span>image<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">gradient</span> <span class="gtkdoc opt">(</span>radial<span class="gtkdoc opt">,</span>
-                                   <span class="number">0.4 0.4</span><span class="gtkdoc opt">,</span> <span class="number">0.1</span><span class="gtkdoc opt">,</span>
-                                   <span class="number">0.6 0.6</span><span class="gtkdoc opt">,</span> <span class="number">0.7</span><span class="gtkdoc opt">,</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">0</span><span class="gtkdoc opt">,</span> <span class="gtkdoc ppc">#f00),</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">0.1</span><span class="gtkdoc opt">,</span> $a0f<span class="gtkdoc opt">),</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">0.2</span><span class="gtkdoc opt">,</span> &#64;yellow<span class="gtkdoc opt">),</span>
-                                   color<span class="gtkdoc opt">-</span><span class="function">stop</span><span class="gtkdoc opt">(</span><span class="number">1</span><span class="gtkdoc opt">,</span> &#64;green<span class="gtkdoc opt">));</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">radial</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="usertype">center</span><span class="normal"> center</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="usertype">center</span><span class="normal"> center</span><span class="symbol">,</span><span class="normal"> </span><span class="number">1</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="function">from</span><span class="symbol">(</span><span class="normal">@yellow</span><span class="symbol">),</span><span class="normal"> </span><span class="function">to</span><span class="symbol">(</span><span class="normal">@green</span><span class="symbol">));</span>
+<span class="cbracket">}</span>
+<span class="normal">label </span><span class="cbracket">{</span>
+<span class="normal">  background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">radial</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="number">0.4</span><span class="normal"> </span><span class="number">0.4</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.1</span><span class="symbol">,</span>
+<span class="normal">                                   </span><span class="number">0.6</span><span class="normal"> </span><span class="number">0.6</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.7</span><span class="symbol">,</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0</span><span class="symbol">,</span><span class="normal"> #f00</span><span class="symbol">),</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0.1</span><span class="symbol">,</span><span class="normal"> $a0f</span><span class="symbol">),</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0.2</span><span class="symbol">,</span><span class="normal"> @yellow</span><span class="symbol">),</span>
+<span class="normal">                                   color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">1</span><span class="symbol">,</span><span class="normal"> @green</span><span class="symbol">));</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -1079,14 +1080,14 @@ label <span class="gtkdoc opt">{</span>
 6
 7
 8</pre></td>
-        <td class="listing_code"><pre class="programlisting">spinner <span class="gtkdoc opt">{</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>source<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">icontheme</span><span class="gtkdoc opt">(</span><span class="string">&apos;process-working-symbolic&apos;</span><span class="gtkdoc opt">);</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>palette<span class="gtkdoc opt">:</span> success blue<span class="gtkdoc opt">,</span> warning <span class="gtkdoc ppc">#fc3, error magenta;</span>
-<span class="gtkdoc opt">}</span>
-arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>source<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">icontheme</span><span class="gtkdoc opt">(</span><span class="string">&apos;pan-down&apos;</span><span class="gtkdoc opt">);</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>theme<span class="gtkdoc opt">:</span> <span class="string">&apos;Oxygen&apos;</span><span class="gtkdoc opt">;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">spinner </span><span class="cbracket">{</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">icontheme</span><span class="symbol">(</span><span class="string">'process-working-symbolic'</span><span class="symbol">);</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">palette</span><span class="symbol">:</span><span class="normal"> </span><span class="usertype">success</span><span class="normal"> blue</span><span class="symbol">,</span><span class="normal"> warning #fc3</span><span class="symbol">,</span><span class="normal"> </span><span class="usertype">error</span><span class="normal"> magenta</span><span class="symbol">;</span>
+<span class="cbracket">}</span>
+<span class="normal">arrow</span><span class="symbol">.</span><span class="normal">fancy </span><span class="cbracket">{</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">icontheme</span><span class="symbol">(</span><span class="string">'pan-down'</span><span class="symbol">);</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">theme</span><span class="symbol">:</span><span class="normal"> </span><span class="string">'Oxygen'</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -1098,7 +1099,7 @@ arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
       best if images can specify normal and hi-resolution variants. From
       CSS, this can be done with the -gtk-scaled syntax.
     </p>
-<div class="literallayout"><p><code class="code">〈scaled image〉 = -gtk-scaled( 〈image〉[, 〈image〉]* )</code><br>
+<div class="literallayout"><p><code class="code">〈scaled image〉 = -gtk-scaled( 〈image〉[ , 〈image〉 ]* )</code><br>
 </p></div>
 <p>
       While -gtk-scaled accepts multiple higher-resolution variants, in
@@ -1115,17 +1116,17 @@ arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
 2
 3
 4</pre></td>
-        <td class="listing_code"><pre class="programlisting">arrow <span class="gtkdoc opt">{</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>source<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">scaled</span><span class="gtkdoc opt">(</span><span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&apos;my-arrow.png&apos;</span><span class="gtkdoc opt">),</span>
-                                <span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&apos;my-arrow&#64;2.png&apos;</span><span class="gtkdoc opt">));</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">arrow </span><span class="cbracket">{</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">scaled</span><span class="symbol">(</span><span class="function">url</span><span class="symbol">(</span><span class="string">'my-arrow.png'</span><span class="symbol">),</span>
+<span class="normal">                                </span><span class="function">url</span><span class="symbol">(</span><span class="string">'my-arrow@2.png'</span><span class="symbol">));</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
 </div>
 </div>
-<br class="example-break"><div class="literallayout"><p><code class="code">〈recolored image〉 = -gtk-recolored( 〈url〉[, 〈color palette〉] )</code><br>
+<br class="example-break"><div class="literallayout"><p><code class="code">〈recolored image〉 = -gtk-recolor( 〈url〉 [ , 〈color palette〉 ] )</code><br>
 </p></div>
 <p>
       Symbolic icons from the icon theme are recolored according to the
@@ -1145,9 +1146,9 @@ arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
         <td class="listing_lines" align="right"><pre>1
 2
 3</pre></td>
-        <td class="listing_code"><pre class="programlisting">arrow <span class="gtkdoc opt">{</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>source<span class="gtkdoc opt">: -</span>gtk<span class="gtkdoc opt">-</span><span class="function">recolor</span><span class="gtkdoc opt">(</span><span class="function">url</span><span class="gtkdoc opt">(</span><span class="string">&apos;check.svg&apos;</span><span class="gtkdoc opt">),</span> success blue<span class="gtkdoc opt">,</span> error <span class="function">rgb</span><span class="gtkdoc opt">(</span><span class="number">255</span><span class="gtkdoc opt">,</span><span class="number">0</span><span class="gtkdoc opt">,</span><span class="number">0</span><span class="gtkdoc opt">));</span>
-<span class="gtkdoc opt">}</span></pre></td>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">arrow </span><span class="cbracket">{</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">recolor</span><span class="symbol">(</span><span class="function">url</span><span class="symbol">(</span><span class="string">'check.svg'</span><span class="symbol">),</span><span class="normal"> </span><span class="usertype">success</span><span class="normal"> blue</span><span class="symbol">,</span><span class="normal"> </span><span class="usertype">error</span><span class="normal"> </span><span class="function">rgb</span><span class="symbol">(</span><span class="number">255</span><span class="symbol">,</span><span class="number">0</span><span class="symbol">,</span><span class="number">0</span><span class="symbol">));</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -1158,7 +1159,7 @@ arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
       On Windows, GTK+ allows to refer to system theme parts as images, as follows:
     </p>
 <div class="literallayout"><p><code class="code">〈win32 theme part〉 = -gtk-win32-theme-part( 〈name〉, 〈integer〉 〈integer〉</code><br>
-<code class="code">                                              [, [ over( 〈integer〉 〈integer〉 [ , 〈alpha value〉]? ) | margins( 〈integer〉{1,4} ) ] ]* )</code><br>
+<code class="code">                                              [ , [ over( 〈integer〉 〈integer〉 [ , 〈alpha value〉 ]? ) | margins( 〈integer〉{1,4} ) ] ]* )</code><br>
 </p></div>
 </div>
 <hr>
@@ -1200,7 +1201,7 @@ arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
     </p>
 <div class="literallayout"><p><code class="code">〈keyframe rule〉 = @keyframes 〈name〉 { 〈animation rule〉 }</code><br>
 <code class="code">〈animation rule〉 = 〈animation selector〉 { 〈declaration〉* }</code><br>
-<code class="code">〈animation selector〉 = 〈single animation selector〉 [ , 〈single animation selector  ]*</code><br>
+<code class="code">〈animation selector〉 = 〈single animation selector〉 [ , 〈single animation selector〉 ]*</code><br>
 <code class="code">〈single animation selector〉 = from | to | 〈percentage〉</code><br>
 </p></div>
 <p>
@@ -1225,16 +1226,16 @@ arrow<span class="gtkdoc opt">.</span>fancy <span class="gtkdoc opt">{</span>
 8
 9
 10</pre></td>
-        <td class="listing_code"><pre class="programlisting">&#64;keyframes spin <span class="gtkdoc opt">{</span>
-  to <span class="gtkdoc opt">{ -</span>gtk<span class="gtkdoc opt">-</span>icon<span class="gtkdoc opt">-</span>transform<span class="gtkdoc opt">:</span> <span class="function">rotate</span><span class="gtkdoc opt">(</span><span class="number">1</span>turn<span class="gtkdoc opt">); }</span>
-<span class="gtkdoc opt">}</span>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">@</span><span class="usertype">keyframes</span><span class="normal"> spin </span><span class="cbracket">{</span>
+<span class="normal">  to </span><span class="cbracket">{</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">transform</span><span class="symbol">:</span><span class="normal"> </span><span class="function">rotate</span><span class="symbol">(</span><span class="normal">1turn</span><span class="symbol">);</span><span class="normal"> </span><span class="cbracket">}</span>
+<span class="cbracket">}</span>
-spinner <span class="gtkdoc opt">{</span>
-  animation<span class="gtkdoc opt">-</span>name<span class="gtkdoc opt">:</span> spin<span class="gtkdoc opt">;</span>
-  animation<span class="gtkdoc opt">-</span>duration<span class="gtkdoc opt">:</span> <span class="number">1</span>s<span class="gtkdoc opt">;</span>
-  animation<span class="gtkdoc opt">-</span>timing<span class="gtkdoc opt">-</span>function<span class="gtkdoc opt">:</span> linear<span class="gtkdoc opt">;</span>
-  animation<span class="gtkdoc opt">-</span>iteration<span class="gtkdoc opt">-</span>count<span class="gtkdoc opt">:</span> infinite<span class="gtkdoc opt">;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+<span class="normal">spinner </span><span class="cbracket">{</span>
+<span class="normal">  animation</span><span class="symbol">-</span><span class="normal">name</span><span class="symbol">:</span><span class="normal"> spin</span><span class="symbol">;</span>
+<span class="normal">  animation</span><span class="symbol">-</span><span class="normal">duration</span><span class="symbol">:</span><span class="normal"> 1s</span><span class="symbol">;</span>
+<span class="normal">  animation</span><span class="symbol">-</span><span class="normal">timing</span><span class="symbol">-</span><span class="normal">function</span><span class="symbol">:</span><span class="normal"> linear</span><span class="symbol">;</span>
+<span class="normal">  animation</span><span class="symbol">-</span><span class="normal">iteration</span><span class="symbol">-</span><span class="normal">count</span><span class="symbol">:</span><span class="normal"> infinite</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -1260,10 +1261,10 @@ spinner <span class="gtkdoc opt">{</span>
 <p>
       The syntax for @binding-set rules is as follows:
     </p>
-<div class="literallayout"><p><code class="code">〈binding set rule〉 = @binding-set 〈binding name〉{ [ [ 〈binding〉 | 〈unbinding〉] ; ]* }</code><br>
+<div class="literallayout"><p><code class="code">〈binding set rule〉 = @binding-set 〈binding name〉 { [ [ 〈binding〉 | 〈unbinding〉 ] ; ]* }</code><br>
 <code class="code">〈binding〉 = bind "〈accelerator〉" { 〈signal emission〉* }</code><br>
-<code class="code">〈signal emission〉 = "〈signal name〉" ( [ 〈argument〉[ , 〈argument〉]* ]? }</code><br>
-<code class="code">〈unbinding〉 = unbind "〈accelerator〉" ;</code><br>
+<code class="code">〈signal emission〉 = "〈signal name〉" ( [ 〈argument〉 [ , 〈argument〉 ]* ]? }</code><br>
+<code class="code">〈unbinding〉 = unbind "〈accelerator〉"</code><br>
 </p></div>
 <p>
       where 〈accelerator〉 is a string that can be parsed by gtk_accelerator_parse(),
@@ -1290,20 +1291,20 @@ spinner <span class="gtkdoc opt">{</span>
 12
 13
 14</pre></td>
-        <td class="listing_code"><pre class="programlisting">&#64;binding<span class="gtkdoc opt">-</span>set binding<span class="gtkdoc opt">-</span>set1 <span class="gtkdoc opt">{</span>
-  bind <span class="string">&quot;&lt;alt&gt;Left&quot;</span> <span class="gtkdoc opt">{</span> <span class="string">&quot;move-cursor&quot;</span> <span class="gtkdoc opt">(</span>visual<span class="gtkdoc opt">-</span>positions<span class="gtkdoc opt">, -</span><span class="number">3</span><span class="gtkdoc opt">,</span> <span class="number">0</span><span class="gtkdoc opt">) };</span>
-  unbind <span class="string">&quot;End&quot;</span><span class="gtkdoc opt">;</span>
-<span class="gtkdoc opt">};</span>
+        <td class="listing_code"><pre class="programlisting"><span class="normal">@binding</span><span class="symbol">-</span><span class="usertype">set</span><span class="normal"> binding</span><span class="symbol">-</span><span class="normal">set1 </span><span class="cbracket">{</span>
+<span class="normal">  bind </span><span class="string">"&lt;alt&gt;Left"</span><span class="normal"> </span><span class="cbracket">{</span><span class="normal"> </span><span class="string">"move-cursor"</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">visual</span><span class="symbol">-</span><span class="normal">positions</span><span class="symbol">,</span><span class="normal"> </span><span class="symbol">-</span><span class="number">3</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0</span><span class="symbol">)</span><span class="normal"> </span><span class="cbracket">}</span><span class="symbol">;</span>
+<span class="normal">  unbind </span><span class="string">"End"</span><span class="symbol">;</span>
+<span class="cbracket">}</span><span class="symbol">;</span>
-&#64;binding<span class="gtkdoc opt">-</span>set binding<span class="gtkdoc opt">-</span>set2 <span class="gtkdoc opt">{</span>
-  bind <span class="string">&quot;&lt;alt&gt;Right&quot;</span> <span class="gtkdoc opt">{</span> <span class="string">&quot;move-cursor&quot;</span> <span class="gtkdoc opt">(</span>visual<span class="gtkdoc opt">-</span>positions<span class="gtkdoc opt">,</span> <span class="number">3</span><span class="gtkdoc opt">,</span> <span class="number">0</span><span class="gtkdoc opt">) };</span>
-  bind <span class="string">&quot;&lt;alt&gt;KP_space&quot;</span> <span class="gtkdoc opt">{</span> <span class="string">&quot;delete-from-cursor&quot;</span> <span class="gtkdoc opt">(</span>whitespace<span class="gtkdoc opt">,</span> <span class="number">1</span><span class="gtkdoc opt">)</span>
-                         <span class="string">&quot;insert-at-cursor&quot;</span> <span class="gtkdoc opt">(</span><span class="string">&quot; &quot;</span><span class="gtkdoc opt">) };</span>
-<span class="gtkdoc opt">};</span>
+<span class="normal">@binding</span><span class="symbol">-</span><span class="usertype">set</span><span class="normal"> binding</span><span class="symbol">-</span><span class="normal">set2 </span><span class="cbracket">{</span>
+<span class="normal">  bind </span><span class="string">"&lt;alt&gt;Right"</span><span class="normal"> </span><span class="cbracket">{</span><span class="normal"> </span><span class="string">"move-cursor"</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">visual</span><span class="symbol">-</span><span class="normal">positions</span><span class="symbol">,</span><span class="normal"> </span><span class="number">3</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0</span><span class="symbol">)</span><span class="normal"> </span><span class="cbracket">}</span><span class="symbol">;</span>
+<span class="normal">  bind </span><span class="string">"&lt;alt&gt;KP_space"</span><span class="normal"> </span><span class="cbracket">{</span><span class="normal"> </span><span class="string">"delete-from-cursor"</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">whitespace</span><span class="symbol">,</span><span class="normal"> </span><span class="number">1</span><span class="symbol">)</span>
+<span class="normal">                         </span><span class="string">"insert-at-cursor"</span><span class="normal"> </span><span class="symbol">(</span><span class="string">" "</span><span class="symbol">)</span><span class="normal"> </span><span class="cbracket">}</span><span class="symbol">;</span>
+<span class="cbracket">}</span><span class="symbol">;</span>
-entry <span class="gtkdoc opt">{</span>
-  <span class="gtkdoc opt">-</span>gtk<span class="gtkdoc opt">-</span>key<span class="gtkdoc opt">-</span>bindings<span class="gtkdoc opt">:</span> binding<span class="gtkdoc opt">-</span>set1<span class="gtkdoc opt">,</span> binding<span class="gtkdoc opt">-</span>set2<span class="gtkdoc opt">;</span>
-<span class="gtkdoc opt">}</span></pre></td>
+<span class="normal">entry </span><span class="cbracket">{</span>
+<span class="normal">  </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">key</span><span class="symbol">-</span><span class="normal">bindings</span><span class="symbol">:</span><span class="normal"> binding</span><span class="symbol">-</span><span class="normal">set1</span><span class="symbol">,</span><span class="normal"> binding</span><span class="symbol">-</span><span class="normal">set2</span><span class="symbol">;</span>
+<span class="cbracket">}</span></pre></td>
       </tr>
     </tbody>
   </table>
@@ -1315,6 +1316,6 @@ entry <span class="gtkdoc opt">{</span>
 </div>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.25.1</div>
+<hr>Generated by GTK-Doc V1.27</div>
 </body>
 </html>