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

gdk3 3.0.7-x64-mingw32 → 3.0.8-x64-mingw32

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.win64/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.win64/glib2/vendor/local/share/gtk-doc/html/gio/GFile.html"><span class="returnvalue">GFile</span></a> *
+<a href="/home/vagrant/ruby-gnome2.win64/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.win64/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.win64/glib2/vendor/local/share/gtk-doc/html/gobject/gobject-The-Base-Object-Type.html#GObject">GObject</a>
+    <a href="/home/vagrant/ruby-gnome2.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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.win64/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>