RubyGems - gdk3 - Versions diffs - 3.0.7-x86-mingw32 → 3.0.8-x86-mingw32 - Mend

gdk3 3.0.7-x86-mingw32 → 3.0.8-x86-mingw32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (969) hide show

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

@@ -8,7 +8,7 @@
 <link rel="up" href="theming.html" title="Part IV. Theming in GTK+">
 <link rel="prev" href="GtkStyleContext.html" title="GtkStyleContext">
 <link rel="next" href="GtkStyleProvider.html" title="GtkStyleProvider">
-<meta name="generator" content="GTK-Doc V1.24.1 (XML mode)">
+<meta name="generator" content="GTK-Doc V1.25.1 (XML mode)">
 <link rel="stylesheet" href="style.css" type="text/css">
 </head>
 <body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
@@ -107,10 +107,6 @@
 </td>
 </tr>
 <tr>
-<td class="define_keyword">#define</td>
-<td class="function_name"><a class="link" href="GtkCssProvider.html#GTK-CSS-PROVIDER-ERROR:CAPS" title="GTK_CSS_PROVIDER_ERROR">GTK_CSS_PROVIDER_ERROR</a></td>
-</tr>
-<tr>
 <td class="function_type">
 <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Basic-Types.html#guint"><span class="returnvalue">guint</span></a>
 </td>
@@ -128,7 +124,7 @@
 </tr>
 <tr>
 <td class="function_type">
-<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html"><span class="returnvalue">GFile</span></a> *
+<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html#GFile-struct"><span class="returnvalue">GFile</span></a> *
 </td>
 <td class="function_name">
 <a class="link" href="GtkCssProvider.html#gtk-css-section-get-file" title="gtk_css_section_get_file ()">gtk_css_section_get_file</a> <span class="c_punctuation">()</span>
@@ -213,6 +209,10 @@
 <td class="function_name"><a class="link" href="GtkCssProvider.html#GtkCssProvider-struct" title="struct GtkCssProvider">GtkCssProvider</a></td>
 </tr>
 <tr>
+<td class="define_keyword">#define</td>
+<td class="function_name"><a class="link" href="GtkCssProvider.html#GTK-CSS-PROVIDER-ERROR:CAPS" title="GTK_CSS_PROVIDER_ERROR">GTK_CSS_PROVIDER_ERROR</a></td>
+</tr>
+<tr>
 <td class="datatype_keyword">enum</td>
 <td class="function_name"><a class="link" href="GtkCssProvider.html#GtkCssProviderError" title="enum GtkCssProviderError">GtkCssProviderError</a></td>
 </tr>
@@ -231,7 +231,7 @@
 <a name="GtkCssProvider.object-hierarchy"></a><h2>Object Hierarchy</h2>
 <pre class="screen">    <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gobject/gobject-Boxed-Types.html">GBoxed</a>
     <span class="lineart">╰──</span> GtkCssSection
-    <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gobject/gobject-The-Base-Object-Type.html#GObject">GObject</a>
+    <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gobject/gobject-The-Base-Object-Type.html#GObject-struct">GObject</a>
     <span class="lineart">╰──</span> GtkCssProvider
 </pre>
 </div>
@@ -249,1979 +249,25 @@ GtkCssProvider implements
 <div class="refsect1">
 <a name="GtkCssProvider.description"></a><h2>Description</h2>
 <p>GtkCssProvider is an object implementing the <a class="link" href="GtkStyleProvider.html" title="GtkStyleProvider"><span class="type">GtkStyleProvider</span></a> interface.
-It is able to parse <a class="ulink" href="http://www.w3.org/TR/CSS2" target="_top">CSS-like</a>
-input in order to style widgets.</p>
-<div class="refsect3">
-<a name="id-1.5.3.10.3"></a><h4>Default files</h4>
-<p>An application can cause GTK+ to parse a specific CSS style sheet by
-calling <a class="link" href="GtkCssProvider.html#gtk-css-provider-load-from-file" title="gtk_css_provider_load_from_file ()"><code class="function">gtk_css_provider_load_from_file()</code></a> and adding the provider with
-<a class="link" href="GtkStyleContext.html#gtk-style-context-add-provider" title="gtk_style_context_add_provider ()"><code class="function">gtk_style_context_add_provider()</code></a> or <a class="link" href="GtkStyleContext.html#gtk-style-context-add-provider-for-screen" title="gtk_style_context_add_provider_for_screen ()"><code class="function">gtk_style_context_add_provider_for_screen()</code></a>.
-In addition, certain files will be read when GTK+ is initialized. First,
-the file <code class="literal">$XDG_CONFIG_HOME/gtk-3.0/gtk.css</code>
-is loaded if it exists. Then, GTK+ tries to load
-<code class="literal">$HOME/.themes/theme-name/gtk-3.0/gtk.css</code>,
-falling back to
-<code class="literal">datadir/share/themes/theme-name/gtk-3.0/gtk.css</code>,
-where theme-name is the name of the current theme
-(see the <a class="link" href="GtkSettings.html#GtkSettings--gtk-theme-name" title="The “gtk-theme-name” property"><span class="type">“gtk-theme-name”</span></a> setting) and datadir
-is the prefix configured when GTK+ was compiled, unless overridden by the
-<code class="literal">GTK_DATA_PREFIX</code> environment variable.</p>
-</div>
-<div class="refsect2">
-<a name="id-1.5.3.10.4"></a><h3>Style sheets</h3>
-<p>The basic structure of the style sheets understood by this provider is
-a series of statements, which are either rule sets or “@-rules”, separated
-by whitespace.</p>
-<p>A rule set consists of a selector and a declaration block, which is
-a series of declarations enclosed in curly braces ({ and }). The
-declarations are separated by semicolons (;). Multiple selectors can
-share the same declaration block, by putting all the separators in
-front of the block, separated by commas.</p>
-<p>An example of a rule set with two selectors:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkButton.html">GtkButton</a></span><span class="symbol">,</span><span class="normal"> <a href="GtkEntry.html">GtkEntry</a> </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"> Comic Sans </span><span class="number">12</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<hr>
-<div class="refsect2">
-<a name="gtkcssprovider-selectors"></a><h3>Selectors</h3>
-<p>Selectors work very similar to the way they do in CSS, with widget class
-names taking the role of element names, and widget names taking the role
-of IDs. When used in a selector, widget names must be prefixed with a
-'#' character. The “*” character represents the so-called universal
-selector, which matches any widget.</p>
-<p>To express more complicated situations, selectors can be combined in
-various ways:</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>To require that a widget satisfies several conditions,
-combine several selectors into one by concatenating them. E.g.
-<code class="literal">GtkButton#button1</code> matches a GtkButton widget
-with the name button1.</p></li>
-<li class="listitem"><p>To only match a widget when it occurs inside some other
-widget, write the two selectors after each other, separated by whitespace.
-E.g. <code class="literal">GtkToolBar GtkButton</code> matches GtkButton widgets
-that occur inside a GtkToolBar.</p></li>
-<li class="listitem"><p>In the previous example, the GtkButton is matched even
-if it occurs deeply nested inside the toolbar. To restrict the match
-to direct children of the parent widget, insert a “&gt;” character between
-the two selectors. E.g. <code class="literal">GtkNotebook &gt; GtkLabel</code> matches
-GtkLabel widgets that are direct children of a GtkNotebook.</p></li>
-</ul></div>
-<div class="refsect3">
-<a name="id-1.5.3.10.5.5"></a><h4>Examples of widget classes and names in selectors</h4>
-<p>Theme labels that are descendants of a window:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="usertype">GtkWindow</span><span class="normal"> <a href="GtkLabel.html">GtkLabel</a> </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="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme notebooks, and anything that’s within these:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkNotebook.html">GtkNotebook</a> </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="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme combo boxes, and entries that are direct children of a notebook:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkComboBox.html">GtkComboBox</a></span><span class="symbol">,</span>
-<span class="normal"><a href="GtkNotebook.html">GtkNotebook</a> </span><span class="symbol">&gt;</span><span class="normal"> <a href="GtkEntry.html">GtkEntry</a> </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="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme any widget within a GtkBin:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkBin.html">GtkBin</a> </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"> Sans </span><span class="number">20</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme a label named title-label:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">GtkLabel#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"> Sans </span><span class="number">15</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme any widget named main-entry:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</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="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Widgets may also define style classes, which can be used for matching.
-When used in a selector, style classes must be prefixed with a “.”
-character.</p>
-<p>Refer to the documentation of individual widgets to learn which
-style classes they define and see
-<a class="link" href="GtkStyleContext.html#gtkstylecontext-classes" title="Style Classes">Style Classes and Regions</a>
-for a list of all style classes used by GTK+ widgets.</p>
-<p>Note that there is some ambiguity in the selector syntax when it comes
-to differentiation widget class names from regions. GTK+ currently treats
-a string as a widget class name if it contains any uppercase characters
-(which should work for more widgets with names like GtkLabel).</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.5.6"></a><h4>Examples for style classes in selectors</h4>
-<p>Theme all widgets defining the class entry:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</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>
-</div>
-<p></p>
-<p>Theme spinbuttons’ entry:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkSpinButton.html">GtkSpinButton</a></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"> #</span><span class="number">900185</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>In complicated widgets like e.g. a GtkNotebook, it may be desirable
-to style different parts of the widget differently. To make this
-possible, container widgets may define regions, whose names
-may be used for matching in selectors.</p>
-<p>Some containers allow to further differentiate between regions by
-applying so-called pseudo-classes to the region. For example, the
-tab region in GtkNotebook allows to single out the first or last
-tab by using the :first-child or :last-child pseudo-class.
-When used in selectors, pseudo-classes must be prefixed with a
-':' character.</p>
-<p>Refer to the documentation of individual widgets to learn which
-regions and pseudo-classes they define and see
-<a class="link" href="GtkStyleContext.html#gtkstylecontext-classes" title="Style Classes">Style Classes and Regions</a>
-for a list of all regions
-used by GTK+ widgets.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.5.7"></a><h4>Examples for regions in selectors</h4>
-<p>Theme any label within a notebook:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="usertype">GtkNotebook</span><span class="normal"> <a href="GtkLabel.html">GtkLabel</a> </span><span class="cbracket">{</span>
-<span class="normal">    color</span><span class="symbol">:</span><span class="normal"> #f90192</span><span class="symbol">;</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme labels within notebook tabs:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkNotebook.html">GtkNotebook</a> </span><span class="usertype">tab</span><span class="normal"> <a href="GtkLabel.html">GtkLabel</a> </span><span class="cbracket">{</span>
-<span class="normal">    color</span><span class="symbol">:</span><span class="normal"> #</span><span class="number">703910</span><span class="symbol">;</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>Theme labels in the any first notebook tab, both selectors are
-equivalent:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="usertype">GtkNotebook</span><span class="normal"> tab</span><span class="symbol">:</span><span class="normal">nth</span><span class="symbol">-</span><span class="function">child</span><span class="symbol">(</span><span class="normal">first</span><span class="symbol">)</span><span class="normal"> <a href="GtkLabel.html">GtkLabel</a></span><span class="symbol">,</span>
-<span class="usertype">GtkNotebook</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"> <a href="GtkLabel.html">GtkLabel</a> </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>
-</div>
-<p></p>
-<p>Another use of pseudo-classes is to match widgets depending on their
-state. This is conceptually similar to the :hover, :active or :focus
-pseudo-classes in CSS. The available pseudo-classes for widget states
-are :active, :prelight (or :hover), :insensitive, :selected, :focused
-and :inconsistent.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.5.8"></a><h4>Examples for styling specific widget states</h4>
-<p>Theme active (pressed) buttons: </p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkButton.html">GtkButton</a></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>
-</div>
-<p></p>
-<p>Theme buttons with the mouse pointer on it, both are equivalent:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkButton.html">GtkButton</a></span><span class="symbol">:</span><span class="normal">hover</span><span class="symbol">,</span>
-<span class="normal"><a href="GtkButton.html">GtkButton</a></span><span class="symbol">:</span><span class="normal">prelight </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>
-</div>
-<p></p>
-<p>Theme insensitive widgets, both are equivalent:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="symbol">:</span><span class="normal">insensitive</span><span class="symbol">,</span>
-<span class="symbol">*:</span><span class="normal">insensitive </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>
-</div>
-<p></p>
-<p>Theme selection colors in entries:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkEntry.html">GtkEntry</a></span><span class="symbol">:</span><span class="normal">selected </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>
-</div>
-<p></p>
-<p>Theme focused labels:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkLabel.html">GtkLabel</a></span><span class="symbol">:</span><span class="normal">focused </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>
-</div>
-<p></p>
-<p>Theme inconsistent checkbuttons:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal"><a href="GtkCheckButton.html">GtkCheckButton</a></span><span class="symbol">:</span><span class="normal">inconsistent </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>
-</div>
-<p></p>
-<p>Widget state pseudoclasses may only apply to the last element
-in a selector.</p>
-<p>To determine the effective style for a widget, all the matching rule
-sets are merged. As in CSS, rules apply by specificity, so the rules
-whose selectors more closely match a widget path will take precedence
-over the others.</p>
-</div>
-</div>
-<hr>
-<div class="refsect2">
-<a name="id-1.5.3.10.6"></a><h3>@ Rules</h3>
-<p>GTK+’s CSS supports the @import rule, in order to load another
-CSS style sheet in addition to the currently parsed one.</p>
-<p>An example for using the @import rule:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</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="normal"> </span><span class="symbol">(</span><span class="string">"path/to/common.css"</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>In order to extend key bindings affecting different widgets, GTK+
-supports the @binding-set rule to parse a set of bind/unbind
-directives, see <a class="link" href="gtk3-Bindings.html#GtkBindingSet" title="struct GtkBindingSet"><span class="type">GtkBindingSet</span></a> for the supported syntax. Note that
-the binding sets defined in this way must be associated with rule sets
-by setting the gtk-key-bindings style property.</p>
-<p>Customized key bindings are typically defined in a separate
-<code class="literal">gtk-keys.css</code> CSS file and GTK+ loads this file
-according to the current key theme, which is defined by the
-<a class="link" href="GtkSettings.html#GtkSettings--gtk-key-theme-name" title="The “gtk-key-theme-name” property"><span class="type">“gtk-key-theme-name”</span></a> setting.</p>
-<p>An example for using the @binding rule:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14</pre></td>
-        <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>
-<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>
-<span class="normal"><a href="GtkEntry.html">GtkEntry</a> </span><span class="cbracket">{</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>
-</div>
-<p></p>
-<p>GTK+ also supports an additional @define-color rule, in order
-to define a color name which may be used instead of color numeric
-representations. Also see the <a class="link" href="GtkSettings.html#GtkSettings--gtk-color-scheme" title="The “gtk-color-scheme” property"><span class="type">“gtk-color-scheme”</span></a> setting
-for a way to override the values of these named colors.</p>
-<p>An example for defining colors:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5</pre></td>
-        <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="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>
-</div>
-<p></p>
-</div>
-<hr>
-<div class="refsect2">
-<a name="id-1.5.3.10.7"></a><h3>Symbolic colors</h3>
-<p>Besides being able to define color names, the CSS parser is also able
-to read different color expressions, which can also be nested, providing
-a rich language to define colors which are derived from a set of base
-colors.</p>
-<p>An example for using symbolic colors:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">@define</span><span class="symbol">-</span><span class="usertype">color</span><span class="normal"> entry</span><span class="symbol">-</span><span class="usertype">color</span><span class="normal"> </span><span class="function">shade</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">@bg_color</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.7</span><span class="symbol">);</span>
-<span class="normal"><a href="GtkEntry.html">GtkEntry</a> </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"> @entry</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">;</span>
-<span class="cbracket">}</span>
-<span class="normal"><a href="GtkEntry.html">GtkEntry</a></span><span class="symbol">:</span><span class="normal">focused </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="function">mix</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">@entry</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">,</span>
-<span class="normal">                           </span><span class="function">shade</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">#fff</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.5</span><span class="symbol">),</span>
-<span class="normal">                           </span><span class="number">0.8</span><span class="symbol">);</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<hr>
-<div class="refsect2">
-<a name="specifying-colors"></a><h3>Specifying Colors</h3>
-<p>There are various ways to express colors in GTK+ CSS.</p>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.3"></a><h4>rgb(r, g, b)</h4>
-<p>An opaque color.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p><code class="literal">r</code>, <code class="literal">g</code>, <code class="literal">b</code> can be either integers between 0 and 255, or percentages.</p></li></ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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="normal"> </span><span class="number">10</span><span class="symbol">,</span><span class="normal"> </span><span class="number">54</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"> </span><span class="function">rgb</span><span class="symbol">(</span><span class="number">20</span><span class="symbol">%,</span><span class="normal"> </span><span class="number">30</span><span class="symbol">%,</span><span class="normal"> </span><span class="number">0</span><span class="symbol">%);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.4"></a><h4>rgba(r, g, b, a)</h4>
-<p>A translucent color.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p><code class="literal">r</code>, <code class="literal">g</code>, <code class="literal">b</code> can be either integers between 0 and 255, or percentages.</p></li>
-<li class="listitem"><p><code class="literal">a</code> is a floating point number between 0 and 1.</p></li>
-</ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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="normal"> </span><span class="number">10</span><span class="symbol">,</span><span class="normal"> </span><span class="number">54</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.5</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.5"></a><h4>#xxyyzz</h4>
-<p>An opaque color.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p><code class="literal">xx</code>, <code class="literal">yy</code>, <code class="literal">zz</code> are hexadecimal numbers specifying <code class="literal">r</code>, <code class="literal">g</code>, <code class="literal">b</code>
-variants with between 1 and 4 hexadecimal digits per component.</p></li></ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #f0c</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"> #ff00cc</span><span class="symbol">;</span>
-<span class="normal">border</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>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.6"></a><h4>@name</h4>
-<p>Reference to a color that has been defined with @define-color</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> @bg_color</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.7"></a><h4>mix(color1, color2, factor)</h4>
-<p>A linear combination of <code class="literal">color1</code> and <code class="literal">color2</code>.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p><code class="literal">factor</code> is a floating point number between 0 and 1.</p></li></ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">mix</span><span class="symbol">(</span><span class="normal">#ff1e0a</span><span class="symbol">,</span><span class="normal"> @bg_color</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.8</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.8"></a><h4>shade(color, factor)</h4>
-<p>A lighter or darker variant of <code class="literal">color</code>.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p><code class="literal">factor</code> is a floating point number.</p></li></ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">shade</span><span class="symbol">(</span><span class="normal">@fg_color</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.5</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.9"></a><h4>lighter(color)</h4>
-<p>A lighter variant of <code class="literal">color</code>.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">lighter</span><span class="symbol">(</span><span class="normal">@fg_color</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.10"></a><h4>darker(color)</h4>
-<p>A darker variant of <code class="literal">color</code>.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">darker</span><span class="symbol">(</span><span class="normal">@bg_color</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.8.11"></a><h4>alpha(color, factor)</h4>
-<p>Modifies passed color’s alpha by a factor.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p><code class="literal">factor</code> is a floating point number. <code class="literal">factor</code> &lt; 1.0 results in a more
-transparent color while <code class="literal">factor</code> &gt; 1.0 results in a more opaque color.</p></li></ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">alpha</span><span class="symbol">(</span><span class="normal">@fg_color</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.5</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-</div>
-<hr>
-<div class="refsect2">
-<a name="id-1.5.3.10.9"></a><h3>Gradients</h3>
-<p>Linear or radial gradients can be used as background images.</p>
-<div class="refsect3">
-<a name="id-1.5.3.10.9.3"></a><h4>Linear Gradients</h4>
-<p>A linear gradient along the line from (<code class="literal">start_x</code>, <code class="literal">start_y</code>) to
-(<code class="literal">end_x</code>, <code class="literal">end_y</code>) is specified using the following syntax:</p>
-<div class="blockquote"><blockquote class="blockquote"><p><code class="literal">-gtk-gradient (linear, start_x start_y, end_x end_y, color-stop (position, color), ...)</code></p></blockquote></div>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p><code class="literal">start_x</code> and <code class="literal">end_x</code> can be either a floating point number between
-0 and 1, or one of the special values: “left”, “right”, or “center”.</p></li>
-<li class="listitem"><p><code class="literal">start_y</code> and <code class="literal">end_y</code> can be either a floating point number between 0 and 1, or one
-of the special values: “top”, “bottom” or “center”.</p></li>
-<li class="listitem"><p><code class="literal">position</code> is a floating point number between 0 and 1.</p></li>
-<li class="listitem"><p><code class="literal">color</code> is a color expression (see above).</p></li>
-</ul></div>
-<p>The color-stop can be repeated multiple times to add more than one color
-stop. “from (color)” and “to (color)” can be used as abbreviations for
-color stops with position 0 and 1, respectively.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.9.4"></a><h4>Example: Linear Gradient</h4>
-<p><span class="inlinemediaobject"><img src="gradient1.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.9.5"></a><h4>Example: Linear Gradient 2</h4>
-<p><span class="inlinemediaobject"><img src="gradient2.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.9.6"></a><h4>Radial Gradients</h4>
-<p>A radial gradient along the two circles defined by (<code class="literal">start_x</code>,
-<code class="literal">start_y</code>, <code class="literal">start_radius</code>) and (<code class="literal">end_x</code>, <code class="literal">end_y</code>, <code class="literal">end_radius</code>) is
-specified using the following syntax:</p>
-<div class="blockquote"><blockquote class="blockquote"><p><code class="literal">-gtk-gradient (radial, start_x start_y, start_radius, end_x end_y, end_radius, color-stop (position, color), ...)</code></p></blockquote></div>
-<p>where <code class="literal">start_radius</code> and <code class="literal">end_radius</code> are floating point numbers
-and the other parameters are as before.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.9.7"></a><h4>Example: Radial Gradient</h4>
-<p><span class="inlinemediaobject"><img src="gradient3.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.9.8"></a><h4>Example: Radial Gradient 2</h4>
-<p><span class="inlinemediaobject"><img src="gradient4.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5
-6
-7</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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="normal"> </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="normal"> </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="normal"> </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="normal"> </span><span class="symbol">(</span><span class="number">1</span><span class="symbol">,</span><span class="normal"> @green</span><span class="symbol">))</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-</div>
-<hr>
-<div class="refsect2">
-<a name="border-images"></a><h3>Border images</h3>
-<p>Images and gradients can also be used in slices for the purpose of creating
-scalable borders.
-For more information, see the <a class="ulink" href="http://www.w3.org/TR/css3-background/#border-images" target="_top">CSS3 documentation for the border-image property</a>.</p>
-<p><span class="inlinemediaobject"><img src="slices.png"></span></p>
-<p>The parameters of the slicing process are controlled by four
-separate properties.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Image Source</p></li>
-<li class="listitem"><p>Image Slice</p></li>
-<li class="listitem"><p>Image Width</p></li>
-<li class="listitem"><p>Image Repeat</p></li>
-</ul></div>
-<p>Note that you can use the <code class="literal">border-image</code> shorthand property to set
-values for the properties at the same time.</p>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.7"></a><h4>Image Source</h4>
-<p>The border image source can be specified either as a
-URL or a gradient:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="normal">path</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p>
-or</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</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">gradient</span><span class="symbol">(...);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.8"></a><h4>Image Slice</h4>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">slice</span><span class="symbol">:</span><span class="normal"> top right </span><span class="usertype">bottom</span><span class="normal"> left</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>The sizes specified by the <code class="literal">top</code>, <code class="literal">right</code>, <code class="literal">bottom</code>, and <code class="literal">left</code> parameters
-are the offsets (in pixels) from the relevant edge where the image
-should be “cut off” to build the slices used for the rendering
-of the border.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.9"></a><h4>Image Width</h4>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">width</span><span class="symbol">:</span><span class="normal"> top right </span><span class="usertype">bottom</span><span class="normal"> left</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<p>The sizes specified by the <em class="parameter"><code>top</code></em>
-, <em class="parameter"><code>right</code></em>
-, <em class="parameter"><code>bottom</code></em>
- and <em class="parameter"><code>left</code></em>
- parameters
-are inward distances from the border box edge, used to specify the
-rendered size of each slice determined by border-image-slice.
-If this property is not specified, the values of border-width will
-be used as a fallback.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.10"></a><h4>Image Repeat</h4>
-<p>Specifies how the image slices should be rendered in the area
-outlined by border-width.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">repeat</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">[</span><span class="normal">stretch</span><span class="symbol">|</span><span class="normal">repeat</span><span class="symbol">|</span><span class="normal">round</span><span class="symbol">|</span><span class="normal">space</span><span class="symbol">];</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p>
-or</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">repeat</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">[</span><span class="normal">stretch</span><span class="symbol">|</span><span class="normal">repeat</span><span class="symbol">|</span><span class="normal">round</span><span class="symbol">|</span><span class="normal">space</span><span class="symbol">]</span><span class="normal"> </span><span class="symbol">[</span><span class="normal">stretch</span><span class="symbol">|</span><span class="normal">repeat</span><span class="symbol">|</span><span class="normal">round</span><span class="symbol">|</span><span class="normal">space</span><span class="symbol">];</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>The default (stretch) is to resize the slice to fill in the
-whole allocated area.</p></li>
-<li class="listitem"><p>If the value of this property is “repeat”, the image slice will
-be tiled to fill the area.</p></li>
-<li class="listitem"><p>If the value of this property is “round”, the image slice will be
-tiled to fill the area, and scaled to fit it exactly a whole number
-of times.</p></li>
-<li class="listitem"><p>If the value of this property is “space”, the image slice will be
-tiled to fill the area, and if it doesn’t fit it exactly a whole
-number of times, the extra space is distributed as padding around
-the slices.</p></li>
-<li class="listitem"><p>If two options are specified, the first one affects the
-horizontal behaviour and the second one the vertical behaviour.  If
-only one option is specified, it affects both.</p></li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.11"></a><h4>Example: Border Image</h4>
-<p><span class="inlinemediaobject"><img src="border1.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</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">"gradient1.png"</span><span class="symbol">)</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.12"></a><h4>Example: Repeating Border Image</h4>
-<p><span class="inlinemediaobject"><img src="border2.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</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">"gradient1.png"</span><span class="symbol">)</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> repeat</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.10.13"></a><h4>Example: Stetched Border Image</h4>
-<p><span class="inlinemediaobject"><img src="border3.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</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">"gradient1.png"</span><span class="symbol">)</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> </span><span class="number">10</span><span class="normal"> stretch</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-</div>
-<hr>
-<div class="refsect2">
-<a name="id-1.5.3.10.11"></a><h3>Supported Properties</h3>
-<p>Properties are the part that differ the most to common CSS, not all
-properties are supported (some are planned to be supported
-eventually, some others are meaningless or don't map intuitively in
-a widget based environment).</p>
-<p>The currently supported properties are:</p>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.4"></a><h4>engine: [name|none];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">none</code> means to use the default (ie. builtin engine)</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">engine</span><span class="symbol">:</span><span class="normal"> clearlooks</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.5"></a><h4>background-color: [color|transparent];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">shade</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">@color1</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.5</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.6"></a><h4>color: [color|transparent];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #fff</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.7"></a><h4>border-color: [color|transparent]{1,4};</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p></li>
-<li class="listitem"><p>Four values used to specify: top right bottom left</p></li>
-<li class="listitem"><p>Three values used to specify: top vertical bottom</p></li>
-<li class="listitem"><p>Two values used to specify: horizontal vertical</p></li>
-<li class="listitem">
-<p>One value used to specify: color</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> red </span><span class="usertype">green</span><span class="normal"> blue</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.8"></a><h4>border-top-color: [color|transparent];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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"> @borders</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.9"></a><h4>border-right-color: [color|transparent];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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"> @borders</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.10"></a><h4>border-bottom-color: [color|transparent];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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"> @borders</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.11"></a><h4>border-left-color: [color|transparent];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p><code class="literal">color</code>: See <a class="link" href="GtkCssProvider.html#specifying-colors" title="Specifying Colors">Specifying Colors</a></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><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"> @borders</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.12"></a><h4>font-family: name;</h4>
-<p>The name of the font family or font name to use.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p>Note: unlike the CSS2 Specification this does not support using a
-prioritized list of font family names and/or generic family
-names.</p></li></ul></div>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">font</span><span class="symbol">-</span><span class="normal">family</span><span class="symbol">:</span><span class="normal"> Sans</span><span class="symbol">,</span><span class="normal"> Cantarell</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.13"></a><h4>font-style: [normal|oblique|italic];</h4>
-<p>Selects between normal, italic and oblique faces within a font family.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">font</span><span class="symbol">-</span><span class="normal">style</span><span class="symbol">:</span><span class="normal"> italic</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.14"></a><h4>font-variant: [normal|small-caps];</h4>
-<p>In a small-caps font the lower case letters look similar to the
-uppercase ones, but in a smaller size and with slightly different
-proportions.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">font</span><span class="symbol">-</span><span class="normal">variant</span><span class="symbol">:</span><span class="normal"> normal</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.15"></a><h4>font-weight: [normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900];</h4>
-<p>Selects the weight of the font. The values '100' to '900' form an
-ordered sequence, where each number indicates a weight that is at
-least as dark as its predecessor. The keyword 'normal' is
-synonymous with '400', and 'bold' is synonymous with
-'700'. Keywords other than 'normal' and 'bold' have been shown to
-be often confused with font names and a numerical scale was
-therefore chosen for the 9-value list.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p>Maps to <span class="type">PANGO_TYPE_WEIGHT</span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">font</span><span class="symbol">-</span><span class="normal">weight</span><span class="symbol">:</span><span class="normal"> bold</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.16"></a><h4>font-size: [absolute-size|relative-size|percentage];</h4>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p><code class="literal">absolute-size</code>: The size in normal size units like <code class="literal">px</code>, <code class="literal">pt</code>,
-and <code class="literal">em</code>. Or symbolic sizes like <code class="literal">xx-small</code>, <code class="literal">x-small</code>, <code class="literal">small</code>,
-<code class="literal">medium</code>, <code class="literal">large</code>, <code class="literal">x-large</code>, <code class="literal">xx-large</code>.</p></li>
-<li class="listitem"><p><code class="literal">relative-size</code>: <code class="literal">larger</code> or <code class="literal">smaller</code> relative to the parent.</p></li>
-<li class="listitem">
-<p><code class="literal">percentage</code>: A percentage difference from the nominal size.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">font</span><span class="symbol">-</span><span class="normal">size</span><span class="symbol">:</span><span class="normal"> 12px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.17"></a><h4>font-stretch: [face]</h4>
-<p>Selects a normal, condensed, or expanded face from a font family.</p>
-<p>Absolute keyword values have the following ordering, from narrowest to widest:</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>ultra-condensed</p></li>
-<li class="listitem"><p>extra-condensed</p></li>
-<li class="listitem"><p>condensed</p></li>
-<li class="listitem"><p>semi-condensed</p></li>
-<li class="listitem"><p>normal</p></li>
-<li class="listitem"><p>semi-expanded</p></li>
-<li class="listitem"><p>expanded</p></li>
-<li class="listitem"><p>extra-expanded</p></li>
-<li class="listitem"><p>ultra-expanded</p></li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.18"></a><h4>font: <a class="link" href="glossary.html#style" title="style">family</a> variant [size];</h4>
-<p>A shorthand for setting a few font properties at once.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Supports any format accepted by <code class="function">pango_font_description_from_string()</code></p></li>
-<li class="listitem">
-<p>Note: this is somewhat different from the CSS2 Specification for this property.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">font</span><span class="symbol">:</span><span class="normal"> Bold </span><span class="number">11</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.19"></a><h4>margin: [length|percentage]{1,4};</h4>
-<p>A shorthand for setting the margin space required on all sides of
-an element.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top right bottom left</p></li>
-<li class="listitem"><p>Three values used to specify: top horizontal bottom</p></li>
-<li class="listitem"><p>Two values used to specify: vertical horizontal</p></li>
-<li class="listitem">
-<p>One value used to specify: margin</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">margin</span><span class="symbol">:</span><span class="normal"> 1em 2em 4em</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.20"></a><h4>margin-top: [length|percentage];</h4>
-<p>Sets the margin space required on the top of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">margin</span><span class="symbol">-</span><span class="normal">top</span><span class="symbol">:</span><span class="normal"> 10px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.21"></a><h4>margin-right: [length|percentage];</h4>
-<p>Sets the margin space required on the right of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">margin</span><span class="symbol">-</span><span class="normal">right</span><span class="symbol">:</span><span class="normal"> 0px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.22"></a><h4>margin-bottom: [length|percentage];</h4>
-<p>Sets the margin space required on the bottom of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">margin</span><span class="symbol">-</span><span class="normal">bottom</span><span class="symbol">:</span><span class="normal"> 10px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.23"></a><h4>margin-left: [length|percentage];</h4>
-<p>Sets the margin space required on the left of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">margin</span><span class="symbol">-</span><span class="normal">left</span><span class="symbol">:</span><span class="normal"> 1em</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.24"></a><h4>padding: [length|percentage]{1,4};</h4>
-<p>A shorthand for setting the padding space required on all sides of
-an element. The padding area is the space between the content of
-the element and its border.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top right bottom left</p></li>
-<li class="listitem"><p>Three values used to specify: top horizontal bottom</p></li>
-<li class="listitem"><p>Two values used to specify: vertical horizontal</p></li>
-<li class="listitem">
-<p>One value used to specify: padding</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">padding</span><span class="symbol">:</span><span class="normal"> 1em 2em 4em</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.25"></a><h4>padding-top: [length|percentage];</h4>
-<p>Sets the padding space required on the top of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">padding</span><span class="symbol">-</span><span class="normal">top</span><span class="symbol">:</span><span class="normal"> 10px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.26"></a><h4>padding-right: [length|percentage];</h4>
-<p>Sets the padding space required on the right of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">padding</span><span class="symbol">-</span><span class="normal">right</span><span class="symbol">:</span><span class="normal"> 0px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.27"></a><h4>padding-bottom: [length|percentage];</h4>
-<p>Sets the padding space required on the bottom of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">padding</span><span class="symbol">-</span><span class="normal">bottom</span><span class="symbol">:</span><span class="normal"> 10px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.28"></a><h4>padding-left: [length|percentage];</h4>
-<p>Sets the padding space required on the left of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">padding</span><span class="symbol">-</span><span class="normal">left</span><span class="symbol">:</span><span class="normal"> 1em</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.29"></a><h4>border-width: [width]{1,4};</h4>
-<p>A shorthand for setting the border width on all sides of
-an element.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top right bottom left</p></li>
-<li class="listitem"><p>Three values used to specify: top vertical bottom</p></li>
-<li class="listitem"><p>Two values used to specify: horizontal vertical</p></li>
-<li class="listitem">
-<p>One value used to specify: width</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">width</span><span class="symbol">:</span><span class="normal"> 1px 2px 4px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.30"></a><h4>border-top-width: [width];</h4>
-<p>Sets the border width required on the top of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">top</span><span class="symbol">:</span><span class="normal"> 10px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.31"></a><h4>border-right-width: [width];</h4>
-<p>Sets the border width required on the right of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">right</span><span class="symbol">:</span><span class="normal"> 0px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.32"></a><h4>border-bottom-width: [width];</h4>
-<p>Sets the border width required on the bottom of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">bottom</span><span class="symbol">:</span><span class="normal"> 10px</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.33"></a><h4>border-left-width: [width];</h4>
-<p>Sets the border width required on the left of an element.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">left</span><span class="symbol">:</span><span class="normal"> 1em</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.34"></a><h4>border-radius: [length|percentage]{1,4};</h4>
-<p>Allows setting how rounded all border corners are.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top-left top-right bottom-right bottom-left</p></li>
-<li class="listitem"><p>Three values used to specify: top-left top-right-and-bottom-left bottom-right</p></li>
-<li class="listitem"><p>Two values used to specify: top-left-and-bottom-right top-right-and-bottom-left</p></li>
-<li class="listitem">
-<p>One value used to specify: radius on all sides</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">radius</span><span class="symbol">:</span><span class="normal"> 8px</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.35"></a><h4>border-style: [none|solid|inset|outset]{1,4};</h4>
-<p>A shorthand property for setting the line style for all four sides
-of the elements border.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top right bottom left;</p></li>
-<li class="listitem"><p>Three values used to specify: top horizontal bottom</p></li>
-<li class="listitem"><p>Two values used to specify: vertical horizontal</p></li>
-<li class="listitem">
-<p>One value used to specify: style</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">style</span><span class="symbol">:</span><span class="normal"> solid</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.36"></a><h4>border-image: source  / width ; A shorthand</h4>
-<p>for setting an image on the borders of elements. See <a class="link" href="GtkCssProvider.html#border-images" title="Border images">Border
-Images</a>.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</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">"/path/to/image.png"</span><span class="symbol">)</span><span class="normal"> </span><span class="number">3</span><span class="normal"> </span><span class="number">4</span><span class="normal"> </span><span class="number">4</span><span class="normal"> </span><span class="number">3</span><span class="normal"> </span><span class="usertype">repeat</span><span class="normal"> stretch</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.37"></a><h4>border-image-source: [none|url|linear-gradient]{1,4};</h4>
-<p>Defines the image to use instead of the style of the border. If
-this property is set to none, the style defined by border-style is
-used instead.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"/path/to/image.png"</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.38"></a><h4>border-image-slice: [number|percentage]{1,4};</h4>
-<p>Divides the image specified by border-image-source in nine regions:
-the four corners, the four edges and the middle. It does this by
-specifying 4 inwards offsets.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top right bottom left;</p></li>
-<li class="listitem"><p>Three values used to specify: top vertical bottom</p></li>
-<li class="listitem"><p>Two values used to specify: horizontal vertical</p></li>
-<li class="listitem">
-<p>One value used to specify: slice</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">slice</span><span class="symbol">:</span><span class="normal"> </span><span class="number">3</span><span class="normal"> </span><span class="number">3</span><span class="normal"> </span><span class="number">4</span><span class="normal"> </span><span class="number">3</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.39"></a><h4>border-image-width: [length|percentage]{1,4};</h4>
-<p>Defines the offset to use for dividing the border image in nine
-parts, the top-left corner, central top edge, top-right-corner,
-central right edge, bottom-right corner, central bottom edge,
-bottom-left corner, and central right edge. They represent inward
-distance from the top, right, bottom, and left edges.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Four values used to specify: top right bottom left;</p></li>
-<li class="listitem"><p>Three values used to specify: top horizontal bottom</p></li>
-<li class="listitem"><p>Two values used to specify: vertical horizontal</p></li>
-<li class="listitem">
-<p>One value used to specify: width</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">width</span><span class="symbol">:</span><span class="normal"> 4px </span><span class="number">0</span><span class="normal"> 4px </span><span class="number">0</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.40"></a><h4>border-image-repeat: [none|url|linear-gradient]{1,4};</h4>
-<p>Defines how the middle part of a border image is handled to match
-the size of the border. It has a one-value syntax which describes
-the behavior for all sides, and a two-value syntax that sets a
-different value for the horizontal and vertical behavior.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>Two values used to specify: horizontal vertical</p></li>
-<li class="listitem">
-<p>One value used to specify: repeat</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">border</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">-</span><span class="normal">repeat</span><span class="symbol">:</span><span class="normal"> stretch</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.41"></a><h4>background-image: [none|url|linear-gradient], ...</h4>
-<p>Sets one or several background images for an element. The images
-are drawn on successive stacking context layers, with the first
-specified being drawn as if it is the closest to the user. The
-borders of the element are then drawn on top of them, and the
-background-color is drawn beneath them.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem">
-<p>There can be several sources listed, separated by commas.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">background</span><span class="symbol">-</span><span class="normal">image</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"> top</span><span class="symbol">,</span>
-<span class="normal">                             </span><span class="function">from</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">#fff</span><span class="symbol">),</span><span class="normal"> </span><span class="function">to</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">#</span><span class="number">000</span><span class="symbol">));</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li></ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.42"></a><h4>background-repeat: [repeat|no-repeat|space|round|repeat-x|repeat-y];</h4>
-<p>Defines how background images are repeated. A background image can
-be repeated along the horizontal axis, the vertical axis, both, or
-not repeated at all.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p><code class="literal">repeat</code>: The image is repeated in the given direction as much as
-needed to cover the whole background image painting area. The
-last image may be clipped if the whole thing won't fit in the
-remaining area.</p></li>
-<li class="listitem"><p><code class="literal">space</code>: The image is repeated in the given direction as much as
-needed to cover most of the background image painting area,
-without clipping an image. The remaining non-covered space is
-spaced out evenly between the images. The first and last images
-touches the edge of the element. The value of the
-background-position CSS property is ignored for the concerned
-direction, except if one single image is greater than the
-background image painting area, which is the only case where an
-image can be clipped when the space value is used.</p></li>
-<li class="listitem"><p><code class="literal">round</code>: The image is repeated in the given direction as much as
-needed to cover most of the background image painting area,
-without clipping an image. If it doesn't cover exactly the area,
-the tiles are resized in that direction in order to match it.</p></li>
-<li class="listitem"><p><code class="literal">no-repeat</code>: The image is not repeated (and hence the background
-image painting area will not necessarily been entirely
-covered). The position of the non-repeated background image is
-defined by the background-position CSS property.</p></li>
-<li class="listitem">
-<p>Note if not specified, the style doesn’t respect the CSS3
-specification, since the background will be stretched to fill
-the area.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">background</span><span class="symbol">-</span><span class="normal">repeat</span><span class="symbol">:</span><span class="normal"> no</span><span class="symbol">-</span><span class="normal">repeat</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</li>
-</ul></div>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.43"></a><h4>text-shadow: horizontal_offset vertical_offset [ blur_radius ] color;</h4>
-<p>A shadow list can be applied to text or symbolic icons, using the CSS3
-text-shadow syntax, as defined in the
-<a class="ulink" href="http://www.w3.org/TR/css3-text/#text-shadow" target="_top">CSS3 Specification</a>.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>The offset of the shadow is specified with the
-<code class="literal">horizontal_offset</code> and <code class="literal">vertical_offset</code> parameters.</p></li>
-<li class="listitem"><p>The optional blur radius is parsed, but it is currently not
-rendered by the GTK+ theming engine.</p></li>
-</ul></div>
-<p>To set a shadow on an icon, use the <code class="literal">icon-shadow</code> property instead,
-with the same syntax.</p>
-<p>To set multiple shadows on an element, you can specify a comma-separated list
-of shadow elements in the <code class="literal">text-shadow</code> or <code class="literal">icon-shadow</code> property. Shadows are
-always rendered front to back (i.e. the first shadow specified is on top of the
-others). Shadows can thus overlay each other, but they can never overlay the
-text or icon itself, which is always rendered on top of the shadow layer.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">text</span><span class="symbol">-</span><span class="normal">shadow</span><span class="symbol">:</span><span class="normal"> </span><span class="number">1</span><span class="normal"> </span><span class="number">1</span><span class="normal"> </span><span class="number">0</span><span class="normal"> blue</span><span class="symbol">,</span><span class="normal"> </span><span class="symbol">-</span><span class="number">4</span><span class="normal"> </span><span class="symbol">-</span><span class="number">4</span><span class="normal"> red</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.44"></a><h4>box-shadow: [ inset ] horizontal_offset vertical_offset  blur_radius  color;</h4>
-<p>Themes can apply shadows on framed elements using the CSS3 box-shadow syntax,
-as defined in the
-<a class="ulink" href="http://www.w3.org/TR/css3-background/#the-box-shadow" target="_top">CSS3 Specification</a>.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>A positive offset will draw a shadow that is offset to the right (down) of the box,</p></li>
-<li class="listitem"><p>A negative offset to the left (top).</p></li>
-<li class="listitem"><p>The optional spread parameter defines an additional distance to
-expand the shadow shape in all directions, by the specified radius.</p></li>
-<li class="listitem"><p>The optional blur radius parameter is parsed, but it is currently not rendered by
-the GTK+ theming engine.</p></li>
-<li class="listitem"><p>The inset parameter defines whether the drop shadow should be rendered inside or outside
-the box canvas.</p></li>
-</ul></div>
-<p>To set multiple box-shadows on an element, you can specify a comma-separated list
-of shadow elements in the <code class="literal">box-shadow</code> property. Shadows are always rendered
-front to back (i.e. the first shadow specified is on top of the others) so they may
-overlap other boxes or other shadows.</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">box</span><span class="symbol">-</span><span class="normal">shadow</span><span class="symbol">:</span><span class="normal"> inset </span><span class="number">0</span><span class="normal"> 1px 1</span><span class="usertype">px</span><span class="normal"> </span><span class="function">alpha</span><span class="symbol">(</span><span class="normal">black</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.1</span><span class="symbol">);</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.45"></a><h4>transition: duration s|ms [loop];</h4>
-<p>Styles can specify transitions that will be used to create a
-gradual change in the appearance when a widget state changes.</p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; ">
-<li class="listitem"><p>The <code class="literal">duration</code> is the amount of time that the animation will take
-for a complete cycle from start to end.</p></li>
-<li class="listitem"><p>If the loop option is given, the animation will be repated until
-the state changes again.</p></li>
-<li class="listitem"><p>The option after the duration determines the transition function
-from a small set of predefined functions.</p></li>
-<li class="listitem">
-<p>Linear</p>
-<p><span class="inlinemediaobject"><img src="linear.png"></span></p>
-</li>
-<li class="listitem"><p>Ease transition</p></li>
-</ul></div>
-<p><span class="inlinemediaobject"><img src="ease.png"></span></p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p>Ease-in-out transition</p></li></ul></div>
-<p><span class="inlinemediaobject"><img src="ease-in-out.png"></span></p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p>Ease-in transition</p></li></ul></div>
-<p><span class="inlinemediaobject"><img src="ease-in.png"></span></p>
-<div class="itemizedlist"><ul class="itemizedlist" style="list-style-type: disc; "><li class="listitem"><p>Ease-out transition</p></li></ul></div>
-<p><span class="inlinemediaobject"><img src="ease-out.png"></span></p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="normal">transition</span><span class="symbol">:</span><span class="normal"> 150</span><span class="usertype">ms</span><span class="normal"> ease</span><span class="symbol">-</span><span class="normal">in</span><span class="symbol">-</span><span class="normal">out</span><span class="symbol">;</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.46"></a><h4>gtk-key-bindings: binding1, binding2, ...;</h4>
-<p>Key binding set name list.</p>
-</div>
-<div class="refsect3">
-<a name="id-1.5.3.10.11.47"></a><h4>Other Properties</h4>
-<p>GtkThemingEngines can register their own, engine-specific style properties
-with the function <a class="link" href="GtkThemingEngine.html#gtk-theming-engine-register-property" title="gtk_theming_engine_register_property ()"><code class="function">gtk_theming_engine_register_property()</code></a>. These properties
-can be set in CSS like other properties, using a name of the form
-<code class="literal">-namespace-name</code>, where namespace is typically
-the name of the theming engine, and name is the
-name of the property. Style properties that have been registered by widgets
-using <a class="link" href="GtkWidget.html#gtk-widget-class-install-style-property" title="gtk_widget_class_install_style_property ()"><code class="function">gtk_widget_class_install_style_property()</code></a> can also be set in this
-way, using the widget class name for namespace.</p>
-<p>An example for using engine-specific style properties:</p>
-<div class="informalexample">
-  <table class="listing_frame" border="0" cellpadding="0" cellspacing="0">
-    <tbody>
-      <tr>
-        <td class="listing_lines" align="right"><pre>1
-2
-3
-4
-5
-6</pre></td>
-        <td class="listing_code"><pre class="programlisting"><span class="symbol">*</span><span class="normal"> </span><span class="cbracket">{</span>
-<span class="normal">    engine</span><span class="symbol">:</span><span class="normal"> clearlooks</span><span class="symbol">;</span>
-<span class="normal">    border</span><span class="symbol">-</span><span class="normal">radius</span><span class="symbol">:</span><span class="normal"> </span><span class="number">4</span><span class="symbol">;</span>
-<span class="normal">    </span><span class="symbol">-</span><span class="normal"><a href="GtkPaned.html">GtkPaned</a></span><span class="symbol">-</span><span class="normal">handle</span><span class="symbol">-</span><span class="normal">size</span><span class="symbol">:</span><span class="normal"> </span><span class="number">6</span><span class="symbol">;</span>
-<span class="normal">    </span><span class="symbol">-</span><span class="normal">clearlooks</span><span class="symbol">-</span><span class="normal">colorize</span><span class="symbol">-</span><span class="normal">scrollbar</span><span class="symbol">:</span><span class="normal"> false</span><span class="symbol">;</span>
-<span class="cbracket">}</span></pre></td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-<p></p>
-</div>
-</div>
+It is able to parse <a class="link" href="chap-css-overview.html#css-overview" title="Overview of CSS in GTK+">CSS-like</a> input in order to style widgets.</p>
+<p>An application can make GTK+ parse a specific CSS style sheet by calling
+<a class="link" href="GtkCssProvider.html#gtk-css-provider-load-from-file" title="gtk_css_provider_load_from_file ()"><code class="function">gtk_css_provider_load_from_file()</code></a> or <code class="function">gtk_css_provider_load_from_resouce()</code>
+and adding the provider with <a class="link" href="GtkStyleContext.html#gtk-style-context-add-provider" title="gtk_style_context_add_provider ()"><code class="function">gtk_style_context_add_provider()</code></a> or
+<a class="link" href="GtkStyleContext.html#gtk-style-context-add-provider-for-screen" title="gtk_style_context_add_provider_for_screen ()"><code class="function">gtk_style_context_add_provider_for_screen()</code></a>.</p>
+<p>In addition, certain files will be read when GTK+ is initialized. First, the
+file $XDG_CONFIG_HOME/gtk-3.0/gtk.css<code class="literal"> is loaded if it exists. Then, GTK+
+loads the first existing file among
+</code>XDG_DATA_HOME/themes/theme-name/gtk-VERSION/gtk.css<code class="literal">,
+</code>$HOME/.themes/theme-name/gtk-VERSION/gtk.css<code class="literal">,
+</code>$XDG_DATA_DIRS/themes/theme-name/gtk-VERSION/gtk.css<code class="literal"> and
+</code>DATADIR/share/themes/THEME/gtk-VERSION/gtk.css<code class="literal">, where THEME is the name of
+the current theme (see the #GtkSettings:gtk-theme-name setting), DATADIR
+is the prefix configured when GTK+ was compiled (unless overridden by the
+</code>GTK_DATA_PREFIX` environment variable), and VERSION is the GTK+ version number.
+If no file is found for the current version, GTK+ tries older versions all the
+way back to 3.0.</p>
+<p>In the same way, GTK+ tries to load a gtk-keys.css file for the current
+key theme, as defined by <a class="link" href="GtkSettings.html#GtkSettings--gtk-key-theme-name" title="The “gtk-key-theme-name” property"><span class="type">“gtk-key-theme-name”</span></a>.</p>
 </div>
 <div class="refsect1">
 <a name="GtkCssProvider.functions_details"></a><h2>Functions</h2>
@@ -2232,7 +278,7 @@ gtk_css_provider_get_default (<em class="parameter"><code><span class="type">voi
 <p>Returns the provider containing the style settings used as a
 fallback for all widgets.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.2.5"></a><h4>Returns</h4>
+<a name="gtk-css-provider-get-default.returns"></a><h4>Returns</h4>
 <p> The provider used for fallback styling.
 This memory is owned by GTK+, and you must not free it. </p>
 <p><span class="annotation">[<acronym title="Don't free data after the code is done."><span class="acronym">transfer none</span></acronym>]</span></p>
@@ -2246,7 +292,7 @@ gtk_css_provider_get_named (<em class="parameter"><code>const <a href="/home/vag
                             <em class="parameter"><code>const <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Basic-Types.html#gchar"><span class="type">gchar</span></a> *variant</code></em>);</pre>
 <p>Loads a theme from the usual theme paths</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.3.5"></a><h4>Parameters</h4>
+<a name="gtk-css-provider-get-named.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2269,7 +315,7 @@ gtk_css_provider_get_named (<em class="parameter"><code>const <a href="/home/vag
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.3.6"></a><h4>Returns</h4>
+<a name="gtk-css-provider-get-named.returns"></a><h4>Returns</h4>
 <p> a <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span class="type">GtkCssProvider</span></a> with the theme loaded.
 This memory is owned by GTK+, and you must not free it. </p>
 <p><span class="annotation">[<acronym title="Don't free data after the code is done."><span class="acronym">transfer none</span></acronym>]</span></p>
@@ -2285,10 +331,10 @@ gtk_css_provider_load_from_data (<em class="parameter"><code><a class="link" hre
                                  <em class="parameter"><code><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Error-Reporting.html#GError"><span class="type">GError</span></a> **error</code></em>);</pre>
 <p>Loads <em class="parameter"><code>data</code></em>
  into <em class="parameter"><code>css_provider</code></em>
-, making it clear any previously loaded
+, and by doing so clears any previously loaded
 information.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.4.5"></a><h4>Parameters</h4>
+<a name="gtk-css-provider-load-from-data.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2324,11 +370,11 @@ potentially do a copy.</p></td>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.4.6"></a><h4>Returns</h4>
+<a name="gtk-css-provider-load-from-data.returns"></a><h4>Returns</h4>
 <p> <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>. The return value is deprecated and <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> will only be
 returned for backwards compatibility reasons if an <em class="parameter"><code>error</code></em>
 is not
-<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> and a loading error occured. To track errors while loading
+<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> and a loading error occurred. To track errors while loading
 CSS, connect to the <a class="link" href="GtkCssProvider.html#GtkCssProvider-parsing-error" title="The “parsing-error” signal"><span class="type">“parsing-error”</span></a> signal.</p>
 </div>
 </div>
@@ -2337,14 +383,14 @@ CSS, connect to the <a class="link" href="GtkCssProvider.html#GtkCssProvider-par
 <a name="gtk-css-provider-load-from-file"></a><h3>gtk_css_provider_load_from_file ()</h3>
 <pre class="programlisting"><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Basic-Types.html#gboolean"><span class="returnvalue">gboolean</span></a>
 gtk_css_provider_load_from_file (<em class="parameter"><code><a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span class="type">GtkCssProvider</span></a> *css_provider</code></em>,
-                                 <em class="parameter"><code><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html"><span class="type">GFile</span></a> *file</code></em>,
+                                 <em class="parameter"><code><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html#GFile-struct"><span class="type">GFile</span></a> *file</code></em>,
                                  <em class="parameter"><code><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Error-Reporting.html#GError"><span class="type">GError</span></a> **error</code></em>);</pre>
 <p>Loads the data contained in <em class="parameter"><code>file</code></em>
  into <em class="parameter"><code>css_provider</code></em>
 , making it
 clear any previously loaded information.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.5.5"></a><h4>Parameters</h4>
+<a name="gtk-css-provider-load-from-file.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2359,7 +405,7 @@ clear any previously loaded information.</p>
 </tr>
 <tr>
 <td class="parameter_name"><p>file</p></td>
-<td class="parameter_description"><p><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html"><span class="type">GFile</span></a> pointing to a file to load</p></td>
+<td class="parameter_description"><p><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html#GFile-struct"><span class="type">GFile</span></a> pointing to a file to load</p></td>
 <td class="parameter_annotations"> </td>
 </tr>
 <tr>
@@ -2371,11 +417,11 @@ clear any previously loaded information.</p>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.5.6"></a><h4>Returns</h4>
+<a name="gtk-css-provider-load-from-file.returns"></a><h4>Returns</h4>
 <p> <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>. The return value is deprecated and <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> will only be
 returned for backwards compatibility reasons if an <em class="parameter"><code>error</code></em>
 is not
-<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> and a loading error occured. To track errors while loading
+<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> and a loading error occurred. To track errors while loading
 CSS, connect to the <a class="link" href="GtkCssProvider.html#GtkCssProvider-parsing-error" title="The “parsing-error” signal"><span class="type">“parsing-error”</span></a> signal.</p>
 </div>
 </div>
@@ -2391,7 +437,7 @@ gtk_css_provider_load_from_path (<em class="parameter"><code><a class="link" hre
 , making it clear
 any previously loaded information.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.6.5"></a><h4>Parameters</h4>
+<a name="gtk-css-provider-load-from-path.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2418,11 +464,11 @@ any previously loaded information.</p>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.6.6"></a><h4>Returns</h4>
+<a name="gtk-css-provider-load-from-path.returns"></a><h4>Returns</h4>
 <p> <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>. The return value is deprecated and <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> will only be
 returned for backwards compatibility reasons if an <em class="parameter"><code>error</code></em>
 is not
-<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> and a loading error occured. To track errors while loading
+<a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> and a loading error occurred. To track errors while loading
 CSS, connect to the <a class="link" href="GtkCssProvider.html#GtkCssProvider-parsing-error" title="The “parsing-error” signal"><span class="type">“parsing-error”</span></a> signal.</p>
 </div>
 </div>
@@ -2438,7 +484,7 @@ the <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span clas
 <p>To track errors while loading CSS, connect to the
 <a class="link" href="GtkCssProvider.html#GtkCssProvider-parsing-error" title="The “parsing-error” signal"><span class="type">“parsing-error”</span></a> signal.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.7.6"></a><h4>Parameters</h4>
+<a name="gtk-css-provider-load-from-resource.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2453,7 +499,7 @@ the <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span clas
 </tr>
 <tr>
 <td class="parameter_name"><p>resource_path</p></td>
-<td class="parameter_description"><p>a <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GResource.html"><span class="type">GResource</span></a> resource path</p></td>
+<td class="parameter_description"><p>a <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GResource.html#GResource-struct"><span class="type">GResource</span></a> resource path</p></td>
 <td class="parameter_annotations"> </td>
 </tr>
 </tbody>
@@ -2468,7 +514,7 @@ the <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span clas
 gtk_css_provider_new (<em class="parameter"><code><span class="type">void</span></code></em>);</pre>
 <p>Returns a newly created <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span class="type">GtkCssProvider</span></a>.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.8.5"></a><h4>Returns</h4>
+<a name="gtk-css-provider-new.returns"></a><h4>Returns</h4>
 <p> A new <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span class="type">GtkCssProvider</span></a></p>
 </div>
 </div>
@@ -2486,7 +532,7 @@ from this function on a new provider created with
 this <em class="parameter"><code>provider</code></em>
 .</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.9.6"></a><h4>Parameters</h4>
+<a name="gtk-css-provider-to-string.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2501,7 +547,7 @@ this <em class="parameter"><code>provider</code></em>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.9.7"></a><h4>Returns</h4>
+<a name="gtk-css-provider-to-string.returns"></a><h4>Returns</h4>
 <p> a new string representing the <em class="parameter"><code>provider</code></em>
 .</p>
 </div>
@@ -2509,13 +555,6 @@ this <em class="parameter"><code>provider</code></em>
 </div>
 <hr>
 <div class="refsect2">
-<a name="GTK-CSS-PROVIDER-ERROR:CAPS"></a><h3>GTK_CSS_PROVIDER_ERROR</h3>
-<pre class="programlisting">#define GTK_CSS_PROVIDER_ERROR (gtk_css_provider_error_quark ())
-</pre>
-<p>Domain for <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span class="type">GtkCssProvider</span></a> errors.</p>
-</div>
-<hr>
-<div class="refsect2">
 <a name="gtk-css-section-get-end-line"></a><h3>gtk_css_section_get_end_line ()</h3>
 <pre class="programlisting"><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Basic-Types.html#guint"><span class="returnvalue">guint</span></a>
 gtk_css_section_get_end_line (<em class="parameter"><code>const <a class="link" href="GtkCssProvider.html#GtkCssSection"><span class="type">GtkCssSection</span></a> *section</code></em>);</pre>
@@ -2530,7 +569,7 @@ The end position and line may be identical to the start
 position and line for sections which failed to parse anything
 successfully.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.11.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-end-line.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2545,7 +584,7 @@ successfully.</p>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.11.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-get-end-line.returns"></a><h4>Returns</h4>
 <p> the line number</p>
 </div>
 <p class="since">Since: <a class="link" href="api-index-3-2.html#api-index-3.2">3.2</a></p>
@@ -2565,7 +604,7 @@ The end position and line may be identical to the start
 position and line for sections which failed to parse anything
 successfully.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.12.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-end-position.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2580,7 +619,7 @@ successfully.</p>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.12.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-get-end-position.returns"></a><h4>Returns</h4>
 <p> the offset in bytes from the start of the line.</p>
 </div>
 <p class="since">Since: <a class="link" href="api-index-3-2.html#api-index-3.2">3.2</a></p>
@@ -2588,7 +627,7 @@ successfully.</p>
 <hr>
 <div class="refsect2">
 <a name="gtk-css-section-get-file"></a><h3>gtk_css_section_get_file ()</h3>
-<pre class="programlisting"><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html"><span class="returnvalue">GFile</span></a> *
+<pre class="programlisting"><a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html#GFile-struct"><span class="returnvalue">GFile</span></a> *
 gtk_css_section_get_file (<em class="parameter"><code>const <a class="link" href="GtkCssProvider.html#GtkCssSection"><span class="type">GtkCssSection</span></a> *section</code></em>);</pre>
 <p>Gets the file that <em class="parameter"><code>section</code></em>
  was parsed from. If no such file exists,
@@ -2596,7 +635,7 @@ for example because the CSS was loaded via
 <em class="parameter"><code><a class="link" href="GtkCssProvider.html#gtk-css-provider-load-from-data" title="gtk_css_provider_load_from_data ()"><code class="function">gtk_css_provider_load_from_data()</code></a></code></em>
 , then <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> is returned.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.13.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-file.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2611,8 +650,8 @@ for example because the CSS was loaded via
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.13.6"></a><h4>Returns</h4>
-<p> the <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html"><span class="type">GFile</span></a> that <em class="parameter"><code>section</code></em>
+<a name="gtk-css-section-get-file.returns"></a><h4>Returns</h4>
+<p> the <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html#GFile-struct"><span class="type">GFile</span></a> that <em class="parameter"><code>section</code></em>
 was parsed from
 or <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> if <em class="parameter"><code>section</code></em>
 was parsed from other data. </p>
@@ -2635,7 +674,7 @@ if they are the original CSS document that was loaded by
 <a class="link" href="GtkCssProvider.html#GTK-CSS-SECTION-IMPORT:CAPS"><span class="type">GTK_CSS_SECTION_IMPORT</span></a> if it was loaded with an import rule from
 a different file.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.14.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-parent.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2650,7 +689,7 @@ a different file.</p>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.14.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-get-parent.returns"></a><h4>Returns</h4>
 <p> the parent section or <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Standard-Macros.html#NULL:CAPS"><code class="literal">NULL</code></a> if none. </p>
 <p><span class="annotation">[<acronym title="NULL may be passed as the value in, out, in-out; or as a return value."><span class="acronym">nullable</span></acronym>][<acronym title="Don't free data after the code is done."><span class="acronym">transfer none</span></acronym>]</span></p>
 </div>
@@ -2664,7 +703,7 @@ gtk_css_section_get_section_type (<em class="parameter"><code>const <a class="li
 <p>Gets the type of information that <em class="parameter"><code>section</code></em>
  describes.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.15.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-section-type.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2679,7 +718,7 @@ gtk_css_section_get_section_type (<em class="parameter"><code>const <a class="li
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.15.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-get-section-type.returns"></a><h4>Returns</h4>
 <p> the type of <em class="parameter"><code>section</code></em>
 </p>
 </div>
@@ -2694,7 +733,7 @@ gtk_css_section_get_start_line (<em class="parameter"><code>const <a class="link
 The line number is 0-indexed, so the first line of the document
 will return 0.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.16.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-start-line.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2709,7 +748,7 @@ will return 0.</p>
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.16.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-get-start-line.returns"></a><h4>Returns</h4>
 <p> the line number</p>
 </div>
 <p class="since">Since: <a class="link" href="api-index-3-2.html#api-index-3.2">3.2</a></p>
@@ -2722,7 +761,7 @@ gtk_css_section_get_start_position (<em class="parameter"><code>const <a class="
 <p>Returns the offset in bytes from the start of the current line
 returned via <a class="link" href="GtkCssProvider.html#gtk-css-section-get-start-line" title="gtk_css_section_get_start_line ()"><code class="function">gtk_css_section_get_start_line()</code></a>.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.17.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-get-start-position.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2737,7 +776,7 @@ returned via <a class="link" href="GtkCssProvider.html#gtk-css-section-get-start
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.17.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-get-start-position.returns"></a><h4>Returns</h4>
 <p> the offset in bytes from the start of the line.</p>
 </div>
 <p class="since">Since: <a class="link" href="api-index-3-2.html#api-index-3.2">3.2</a></p>
@@ -2750,7 +789,7 @@ gtk_css_section_ref (<em class="parameter"><code><a class="link" href="GtkCssPro
 <p>Increments the reference count on <em class="parameter"><code>section</code></em>
 .</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.18.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-ref.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2765,7 +804,7 @@ gtk_css_section_ref (<em class="parameter"><code><a class="link" href="GtkCssPro
 </table></div>
 </div>
 <div class="refsect3">
-<a name="id-1.5.3.11.18.6"></a><h4>Returns</h4>
+<a name="gtk-css-section-ref.returns"></a><h4>Returns</h4>
 <p> <em class="parameter"><code>section</code></em>
 itself.</p>
 </div>
@@ -2780,7 +819,7 @@ gtk_css_section_unref (<em class="parameter"><code><a class="link" href="GtkCssP
 , freeing the
 structure if the reference count reaches 0.</p>
 <div class="refsect3">
-<a name="id-1.5.3.11.19.5"></a><h4>Parameters</h4>
+<a name="gtk-css-section-unref.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -2805,10 +844,17 @@ structure if the reference count reaches 0.</p>
 </div>
 <hr>
 <div class="refsect2">
+<a name="GTK-CSS-PROVIDER-ERROR:CAPS"></a><h3>GTK_CSS_PROVIDER_ERROR</h3>
+<pre class="programlisting">#define GTK_CSS_PROVIDER_ERROR (gtk_css_provider_error_quark ())
+</pre>
+<p>Domain for <a class="link" href="GtkCssProvider.html" title="GtkCssProvider"><span class="type">GtkCssProvider</span></a> errors.</p>
+</div>
+<hr>
+<div class="refsect2">
 <a name="GtkCssProviderError"></a><h3>enum GtkCssProviderError</h3>
 <p>Error codes for <a class="link" href="GtkCssProvider.html#GTK-CSS-PROVIDER-ERROR:CAPS" title="GTK_CSS_PROVIDER_ERROR"><code class="literal">GTK_CSS_PROVIDER_ERROR</code></a>.</p>
 <div class="refsect3">
-<a name="id-1.5.3.12.3.4"></a><h4>Members</h4>
+<a name="GtkCssProviderError.members"></a><h4>Members</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="300px" class="enum_members_name">
@@ -2881,7 +927,7 @@ but may contain extensions.</p>
 <p>More types might be added in the future as the parser incorporates
 more features.</p>
 <div class="refsect3">
-<a name="id-1.5.3.12.5.5"></a><h4>Members</h4>
+<a name="GtkCssSectionType.members"></a><h4>Members</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="300px" class="enum_members_name">
@@ -2973,7 +1019,7 @@ user_function (<a class="link" href="GtkCssProvider.html" title="GtkCssProvider"
                <a class="link" href="GtkCssProvider.html#GtkCssSection"><span class="type">GtkCssSection</span></a>  *section,
                <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Error-Reporting.html#GError"><span class="type">GError</span></a>         *error,
                <a href="/home/vagrant/ruby-gnome2.win32/glib2/vendor/local/share/gtk-doc/html/glib/glib-Basic-Types.html#gpointer"><span class="type">gpointer</span></a>        user_data)</pre>
-<p>Signals that a parsing error occured. the <em class="parameter"><code>path</code></em>
+<p>Signals that a parsing error occurred. the <em class="parameter"><code>path</code></em>
 , <em class="parameter"><code>line</code></em>
  and <em class="parameter"><code>position</code></em>
@@ -2986,7 +1032,7 @@ to check that the parsing succeeds by connecting to this signal.</p>
 may opt to defer parsing parts or all of the input to a later time
 than when a loading function was called.</p>
 <div class="refsect3">
-<a name="id-1.5.3.13.2.7"></a><h4>Parameters</h4>
+<a name="GtkCssProvider-parsing-error.parameters"></a><h4>Parameters</h4>
 <div class="informaltable"><table width="100%" border="0">
 <colgroup>
 <col width="150px" class="parameters_name">
@@ -3026,6 +1072,6 @@ than when a loading function was called.</p>
 </div>
 </div>
 <div class="footer">
-<hr>Generated by GTK-Doc V1.24.1</div>
+<hr>Generated by GTK-Doc V1.25.1</div>
 </body>
 </html>