New upstream version 3.24.14
This commit is contained in:
@ -8,7 +8,7 @@
|
||||
<link rel="up" href="theming.html" title="Part IV. Theming in GTK+">
|
||||
<link rel="prev" href="theming.html" title="Part IV. Theming in GTK+">
|
||||
<link rel="next" href="chap-css-properties.html" title="GTK+ CSS Properties">
|
||||
<meta name="generator" content="GTK-Doc V1.29 (XML mode)">
|
||||
<meta name="generator" content="GTK-Doc V1.32.1 (XML mode)">
|
||||
<link rel="stylesheet" href="style.css" type="text/css">
|
||||
</head>
|
||||
<body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
|
||||
@ -89,19 +89,19 @@ Overview of CSS in GTK+
|
||||
11
|
||||
12
|
||||
13</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">scale</span><span class="symbol">[.</span><span class="normal">fine</span><span class="symbol">-</span><span class="normal">tune</span><span class="symbol">]</span>
|
||||
<span class="normal">├── marks</span><span class="symbol">.</span><span class="normal">top</span>
|
||||
<span class="normal">│ ├── mark</span>
|
||||
<span class="normal">┊ ┊</span>
|
||||
<span class="normal">│ ╰── mark</span>
|
||||
<span class="normal">├── trough</span>
|
||||
<span class="normal">│ ├── slider</span>
|
||||
<span class="normal">│ ├── </span><span class="symbol">[</span><span class="normal">highlight</span><span class="symbol">]</span>
|
||||
<span class="normal">│ ╰── </span><span class="symbol">[</span><span class="normal">fill</span><span class="symbol">]</span>
|
||||
<span class="normal">╰── marks</span><span class="symbol">.</span><span class="normal">bottom</span>
|
||||
<span class="normal"> ├── mark</span>
|
||||
<span class="normal"> ┊</span>
|
||||
<span class="normal"> ╰── mark</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">scale</span><span class="p">[.</span><span class="n">fine</span><span class="o">-</span><span class="n">tune</span><span class="p">]</span>
|
||||
<span class="err">├──</span> <span class="n">marks</span><span class="p">.</span><span class="n">top</span>
|
||||
<span class="err">│</span> <span class="err">├──</span> <span class="n">mark</span>
|
||||
<span class="err">┊</span> <span class="err">┊</span>
|
||||
<span class="err">│</span> <span class="err">╰──</span> <span class="n">mark</span>
|
||||
<span class="err">├──</span> <span class="n">trough</span>
|
||||
<span class="err">│</span> <span class="err">├──</span> <span class="n">slider</span>
|
||||
<span class="err">│</span> <span class="err">├──</span> <span class="p">[</span><span class="n">highlight</span><span class="p">]</span>
|
||||
<span class="err">│</span> <span class="err">╰──</span> <span class="p">[</span><span class="n">fill</span><span class="p">]</span>
|
||||
<span class="err">╰──</span> <span class="n">marks</span><span class="p">.</span><span class="n">bottom</span>
|
||||
<span class="err">├──</span> <span class="n">mark</span>
|
||||
<span class="err">┊</span>
|
||||
<span class="err">╰──</span> <span class="n">mark</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -135,10 +135,10 @@ Overview of CSS in GTK+
|
||||
2
|
||||
3
|
||||
4</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button</span><span class="symbol">,</span><span class="normal"> entry </span><span class="cbracket">{</span>
|
||||
<span class="normal"> color</span><span class="symbol">:</span><span class="normal"> #ff00ea</span><span class="symbol">;</span>
|
||||
<span class="normal"> font</span><span class="symbol">:</span><span class="normal"> 12px </span><span class="string">"Comic Sans"</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span><span class="p">,</span> <span class="n">entry</span> <span class="p">{</span>
|
||||
<span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="n">ff00ea</span><span class="p">;</span>
|
||||
<span class="nl">font</span><span class="p">:</span> <span class="mi">12</span><span class="n">px</span> <span class="s">"Comic Sans"</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -167,7 +167,7 @@ Overview of CSS in GTK+
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="listing_lines" align="right"><pre>1</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">@</span><span class="usertype">import</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"path/to/common.css"</span><span class="symbol">);</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="err">@</span><span class="n">import</span> <span class="n">url</span><span class="p">(</span><span class="s">"path/to/common.css"</span><span class="p">);</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -209,9 +209,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="usertype">window</span><span class="normal"> label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #</span><span class="number">898989</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">window</span> <span class="n">label</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">898989</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -227,9 +227,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">notebook </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #a939f0</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">notebook</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="n">a939f0</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -247,11 +247,11 @@ Overview of CSS in GTK+
|
||||
3
|
||||
4
|
||||
5</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">combobox</span><span class="symbol">,</span>
|
||||
<span class="normal">notebook </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"> @fg_color</span><span class="symbol">;</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #1209a2</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">combobox</span><span class="p">,</span>
|
||||
<span class="n">notebook</span> <span class="o">></span> <span class="n">entry</span> <span class="p">{</span>
|
||||
<span class="nl">color</span><span class="p">:</span> <span class="err">@</span><span class="n">fg_color</span><span class="p">;</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">1209</span><span class="n">a2</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -267,9 +267,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">box </span><span class="symbol">*</span><span class="normal"> </span><span class="cbracket">{</span>
|
||||
<span class="normal"> font</span><span class="symbol">:</span><span class="normal"> 20</span><span class="usertype">px</span><span class="normal"> Sans</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">box</span> <span class="o">*</span> <span class="p">{</span>
|
||||
<span class="nl">font</span><span class="p">:</span> <span class="mi">20</span><span class="n">px</span> <span class="n">Sans</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -285,9 +285,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">label#title</span><span class="symbol">-</span><span class="normal">label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> font</span><span class="symbol">:</span><span class="normal"> 15</span><span class="usertype">px</span><span class="normal"> Sans</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">label</span><span class="err">#</span><span class="n">title</span><span class="o">-</span><span class="n">label</span> <span class="p">{</span>
|
||||
<span class="nl">font</span><span class="p">:</span> <span class="mi">15</span><span class="n">px</span> <span class="n">Sans</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -303,9 +303,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="preproc">#main</span><span class="symbol">-</span><span class="normal">entry </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #f0a810</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="cp">#main-entry {</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="n">f0a810</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -321,9 +321,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><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>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="p">.</span><span class="n">entry</span> <span class="p">{</span>
|
||||
<span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mf">39f1f</span><span class="mi">9</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -339,9 +339,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="usertype">spinbutton</span><span class="normal"> entry </span><span class="cbracket">{</span>
|
||||
<span class="normal"> color</span><span class="symbol">:</span><span class="normal"> #</span><span class="number">900185</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">spinbutton</span> <span class="n">entry</span> <span class="p">{</span>
|
||||
<span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">900185</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -363,9 +363,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="usertype">notebook</span><span class="normal"> tab</span><span class="symbol">:</span><span class="normal">first</span><span class="symbol">-</span><span class="usertype">child</span><span class="normal"> label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> color</span><span class="symbol">:</span><span class="normal"> #89d012</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">notebook</span> <span class="nl">tab</span><span class="p">:</span><span class="n">first</span><span class="o">-</span><span class="n">child</span> <span class="n">label</span> <span class="p">{</span>
|
||||
<span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">89</span><span class="n">d012</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -390,9 +390,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button</span><span class="symbol">:</span><span class="normal">active </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #0274d9</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="nl">button</span><span class="p">:</span><span class="n">active</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mo">0274</span><span class="n">d9</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -408,9 +408,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button</span><span class="symbol">:</span><span class="normal">hover </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #3085a9</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="nl">button</span><span class="p">:</span><span class="n">hover</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">3085</span><span class="n">a9</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -426,9 +426,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="symbol">*:</span><span class="normal">disabled </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #320a91</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="o">*:</span><span class="n">disabled</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">320</span><span class="n">a91</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -444,9 +444,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">checkbutton</span><span class="symbol">:</span><span class="normal">checked </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #56f9a0</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="nl">checkbutton</span><span class="p">:</span><span class="n">checked</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mf">56f</span><span class="mi">9</span><span class="n">a0</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -462,9 +462,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">label</span><span class="symbol">:</span><span class="normal">focus </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #b4940f</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="nl">label</span><span class="p">:</span><span class="n">focus</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="n">b4940f</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -480,9 +480,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">checkbutton</span><span class="symbol">:</span><span class="normal">indeterminate </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #20395a</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="nl">checkbutton</span><span class="p">:</span><span class="n">indeterminate</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="mi">20395</span><span class="n">a</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -700,12 +700,12 @@ Overview of CSS in GTK+
|
||||
4
|
||||
5
|
||||
6</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">color</span><span class="symbol">:</span><span class="normal"> transparent</span><span class="symbol">;</span>
|
||||
<span class="normal">background</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> red</span><span class="symbol">;</span>
|
||||
<span class="normal">border</span><span class="symbol">-</span><span class="normal">top</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">rgb</span><span class="symbol">(</span><span class="number">128</span><span class="symbol">,</span><span class="number">57</span><span class="symbol">,</span><span class="number">0</span><span class="symbol">);</span>
|
||||
<span class="normal">border</span><span class="symbol">-</span><span class="normal">left</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> </span><span class="function">rgba</span><span class="symbol">(</span><span class="number">10</span><span class="symbol">%,</span><span class="number">20</span><span class="symbol">%,</span><span class="number">30</span><span class="symbol">%,</span><span class="number">0.5</span><span class="symbol">);</span>
|
||||
<span class="normal">border</span><span class="symbol">-</span><span class="normal">right</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #ff00cc</span><span class="symbol">;</span>
|
||||
<span class="normal">border</span><span class="symbol">-</span><span class="normal">bottom</span><span class="symbol">-</span><span class="normal">color</span><span class="symbol">:</span><span class="normal"> #ffff0000cccc</span><span class="symbol">;</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="nl">color</span><span class="p">:</span> <span class="n">transparent</span><span class="p">;</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="n">red</span><span class="p">;</span>
|
||||
<span class="n">border</span><span class="o">-</span><span class="n">top</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="n">rgb</span><span class="p">(</span><span class="mi">128</span><span class="p">,</span><span class="mi">57</span><span class="p">,</span><span class="mi">0</span><span class="p">);</span>
|
||||
<span class="n">border</span><span class="o">-</span><span class="n">left</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="n">rgba</span><span class="p">(</span><span class="mi">10</span><span class="o">%</span><span class="p">,</span><span class="mi">20</span><span class="o">%</span><span class="p">,</span><span class="mi">30</span><span class="o">%</span><span class="p">,</span><span class="mf">0.5</span><span class="p">);</span>
|
||||
<span class="n">border</span><span class="o">-</span><span class="n">right</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="n">ff00cc</span><span class="p">;</span>
|
||||
<span class="n">border</span><span class="o">-</span><span class="n">bottom</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">#</span><span class="n">ffff0000cccc</span><span class="p">;</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -740,11 +740,11 @@ Overview of CSS in GTK+
|
||||
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>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="err">@</span><span class="n">define</span><span class="o">-</span><span class="n">color</span> <span class="n">bg_color</span> <span class="err">#</span><span class="n">f9a039</span><span class="p">;</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>
|
||||
<span class="o">*</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">color</span><span class="p">:</span> <span class="err">@</span><span class="n">bg_color</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -814,9 +814,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"water-lily.png"</span><span class="symbol">);</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">url</span><span class="p">(</span><span class="s">"water-lily.png"</span><span class="p">);</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -840,9 +840,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> cross</span><span class="symbol">-</span><span class="function">fade</span><span class="symbol">(</span><span class="number">50</span><span class="symbol">%,</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"water-lily.png"</span><span class="symbol">),</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"buffalo.jpg"</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">cross</span><span class="o">-</span><span class="n">fade</span><span class="p">(</span><span class="mi">50</span><span class="o">%</span><span class="p">,</span> <span class="n">url</span><span class="p">(</span><span class="s">"water-lily.png"</span><span class="p">),</span> <span class="n">url</span><span class="p">(</span><span class="s">"buffalo.jpg"</span><span class="p">));</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -865,9 +865,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="function">image</span><span class="symbol">(</span><span class="function">url</span><span class="symbol">(</span><span class="string">"fancy.svg"</span><span class="symbol">),</span><span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">"plain.png"</span><span class="symbol">),</span><span class="normal"> green</span><span class="symbol">);</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">image</span><span class="p">(</span><span class="n">url</span><span class="p">(</span><span class="s">"fancy.svg"</span><span class="p">),</span> <span class="n">url</span><span class="p">(</span><span class="s">"plain.png"</span><span class="p">),</span> <span class="n">green</span><span class="p">);</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -897,12 +897,12 @@ Overview of CSS in GTK+
|
||||
4
|
||||
5
|
||||
6</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> linear</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="normal">45deg</span><span class="symbol">,</span><span class="normal"> yellow</span><span class="symbol">,</span><span class="normal"> blue</span><span class="symbol">);</span>
|
||||
<span class="cbracket">}</span>
|
||||
<span class="normal">label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> linear</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="normal">to </span><span class="usertype">top</span><span class="normal"> right</span><span class="symbol">,</span><span class="normal"> blue </span><span class="number">20</span><span class="symbol">%,</span><span class="normal"> #f0f </span><span class="number">80</span><span class="symbol">%);</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="mi">45</span><span class="n">deg</span><span class="p">,</span> <span class="n">yellow</span><span class="p">,</span> <span class="n">blue</span><span class="p">);</span>
|
||||
<span class="p">}</span>
|
||||
<span class="n">label</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">linear</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">to</span> <span class="n">top</span> <span class="n">right</span><span class="p">,</span> <span class="n">blue</span> <span class="mi">20</span><span class="o">%</span><span class="p">,</span> <span class="err">#</span><span class="n">f0f</span> <span class="mi">80</span><span class="o">%</span><span class="p">);</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -927,12 +927,12 @@ Overview of CSS in GTK+
|
||||
4
|
||||
5
|
||||
6</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> radial</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="normal">ellipse </span><span class="usertype">at</span><span class="normal"> center</span><span class="symbol">,</span><span class="normal"> yellow </span><span class="number">0</span><span class="symbol">%,</span><span class="normal"> green </span><span class="number">100</span><span class="symbol">%);</span>
|
||||
<span class="cbracket">}</span>
|
||||
<span class="normal">label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> radial</span><span class="symbol">-</span><span class="function">gradient</span><span class="symbol">(</span><span class="usertype">circle</span><span class="normal"> farthest</span><span class="symbol">-</span><span class="normal">side at </span><span class="usertype">left</span><span class="normal"> bottom</span><span class="symbol">,</span><span class="normal"> red</span><span class="symbol">,</span><span class="normal"> yellow 50px</span><span class="symbol">,</span><span class="normal"> green</span><span class="symbol">);</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">radial</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">ellipse</span> <span class="n">at</span> <span class="n">center</span><span class="p">,</span> <span class="n">yellow</span> <span class="mi">0</span><span class="o">%</span><span class="p">,</span> <span class="n">green</span> <span class="mi">100</span><span class="o">%</span><span class="p">);</span>
|
||||
<span class="p">}</span>
|
||||
<span class="n">label</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="n">radial</span><span class="o">-</span><span class="n">gradient</span><span class="p">(</span><span class="n">circle</span> <span class="n">farthest</span><span class="o">-</span><span class="n">side</span> <span class="n">at</span> <span class="n">left</span> <span class="n">bottom</span><span class="p">,</span> <span class="n">red</span><span class="p">,</span> <span class="n">yellow</span> <span class="mi">50</span><span class="n">px</span><span class="p">,</span> <span class="n">green</span><span class="p">);</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -994,18 +994,18 @@ Overview of CSS in GTK+
|
||||
10
|
||||
11
|
||||
12</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">linear</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="usertype">left</span><span class="normal"> top</span><span class="symbol">,</span><span class="normal"> </span><span class="usertype">right</span><span class="normal"> bottom</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="function">from</span><span class="symbol">(</span><span class="normal">@yellow</span><span class="symbol">),</span><span class="normal"> </span><span class="function">to</span><span class="symbol">(</span><span class="normal">@blue</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span>
|
||||
<span class="normal">label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">linear</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="number">0</span><span class="normal"> </span><span class="number">0</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0</span><span class="normal"> </span><span class="number">1</span><span class="symbol">,</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0</span><span class="symbol">,</span><span class="normal"> @yellow</span><span class="symbol">),</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0.2</span><span class="symbol">,</span><span class="normal"> @blue</span><span class="symbol">),</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">1</span><span class="symbol">,</span><span class="normal"> #0f0</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">gradient</span> <span class="p">(</span><span class="n">linear</span><span class="p">,</span>
|
||||
<span class="n">left</span> <span class="n">top</span><span class="p">,</span> <span class="n">right</span> <span class="n">bottom</span><span class="p">,</span>
|
||||
<span class="n">from</span><span class="p">(</span><span class="err">@</span><span class="n">yellow</span><span class="p">),</span> <span class="n">to</span><span class="p">(</span><span class="err">@</span><span class="n">blue</span><span class="p">));</span>
|
||||
<span class="p">}</span>
|
||||
<span class="n">label</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">gradient</span> <span class="p">(</span><span class="n">linear</span><span class="p">,</span>
|
||||
<span class="mi">0</span> <span class="mi">0</span><span class="p">,</span> <span class="mi">0</span> <span class="mi">1</span><span class="p">,</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="err">@</span><span class="n">yellow</span><span class="p">),</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mf">0.2</span><span class="p">,</span> <span class="err">@</span><span class="n">blue</span><span class="p">),</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="err">#</span><span class="mf">0f</span><span class="mi">0</span><span class="p">));</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1033,21 +1033,21 @@ Overview of CSS in GTK+
|
||||
13
|
||||
14
|
||||
15</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">button </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">radial</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="usertype">center</span><span class="normal"> center</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="usertype">center</span><span class="normal"> center</span><span class="symbol">,</span><span class="normal"> </span><span class="number">1</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="function">from</span><span class="symbol">(</span><span class="normal">@yellow</span><span class="symbol">),</span><span class="normal"> </span><span class="function">to</span><span class="symbol">(</span><span class="normal">@green</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span>
|
||||
<span class="normal">label </span><span class="cbracket">{</span>
|
||||
<span class="normal"> background</span><span class="symbol">-</span><span class="normal">image</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">gradient</span><span class="normal"> </span><span class="symbol">(</span><span class="normal">radial</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="number">0.4</span><span class="normal"> </span><span class="number">0.4</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.1</span><span class="symbol">,</span>
|
||||
<span class="normal"> </span><span class="number">0.6</span><span class="normal"> </span><span class="number">0.6</span><span class="symbol">,</span><span class="normal"> </span><span class="number">0.7</span><span class="symbol">,</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0</span><span class="symbol">,</span><span class="normal"> #f00</span><span class="symbol">),</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0.1</span><span class="symbol">,</span><span class="normal"> $a0f</span><span class="symbol">),</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">0.2</span><span class="symbol">,</span><span class="normal"> @yellow</span><span class="symbol">),</span>
|
||||
<span class="normal"> color</span><span class="symbol">-</span><span class="function">stop</span><span class="symbol">(</span><span class="number">1</span><span class="symbol">,</span><span class="normal"> @green</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">button</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">gradient</span> <span class="p">(</span><span class="n">radial</span><span class="p">,</span>
|
||||
<span class="n">center</span> <span class="n">center</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span>
|
||||
<span class="n">center</span> <span class="n">center</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span>
|
||||
<span class="n">from</span><span class="p">(</span><span class="err">@</span><span class="n">yellow</span><span class="p">),</span> <span class="n">to</span><span class="p">(</span><span class="err">@</span><span class="n">green</span><span class="p">));</span>
|
||||
<span class="p">}</span>
|
||||
<span class="n">label</span> <span class="p">{</span>
|
||||
<span class="n">background</span><span class="o">-</span><span class="nl">image</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">gradient</span> <span class="p">(</span><span class="n">radial</span><span class="p">,</span>
|
||||
<span class="mf">0.4</span> <span class="mf">0.4</span><span class="p">,</span> <span class="mf">0.1</span><span class="p">,</span>
|
||||
<span class="mf">0.6</span> <span class="mf">0.6</span><span class="p">,</span> <span class="mf">0.7</span><span class="p">,</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="err">#</span><span class="n">f00</span><span class="p">),</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mf">0.1</span><span class="p">,</span> <span class="err">$</span><span class="n">a0f</span><span class="p">),</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mf">0.2</span><span class="p">,</span> <span class="err">@</span><span class="n">yellow</span><span class="p">),</span>
|
||||
<span class="n">color</span><span class="o">-</span><span class="n">stop</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="err">@</span><span class="n">green</span><span class="p">));</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1080,14 +1080,14 @@ Overview of CSS in GTK+
|
||||
6
|
||||
7
|
||||
8</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">spinner </span><span class="cbracket">{</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">icontheme</span><span class="symbol">(</span><span class="string">'process-working-symbolic'</span><span class="symbol">);</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">palette</span><span class="symbol">:</span><span class="normal"> </span><span class="usertype">success</span><span class="normal"> blue</span><span class="symbol">,</span><span class="normal"> warning #fc3</span><span class="symbol">,</span><span class="normal"> </span><span class="usertype">error</span><span class="normal"> magenta</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span>
|
||||
<span class="normal">arrow</span><span class="symbol">.</span><span class="normal">fancy </span><span class="cbracket">{</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">icontheme</span><span class="symbol">(</span><span class="string">'pan-down'</span><span class="symbol">);</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">theme</span><span class="symbol">:</span><span class="normal"> </span><span class="string">'Oxygen'</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">spinner</span> <span class="p">{</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">source</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icontheme</span><span class="p">(</span><span class="err">'</span><span class="n">process</span><span class="o">-</span><span class="n">working</span><span class="o">-</span><span class="n">symbolic</span><span class="err">'</span><span class="p">);</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">palette</span><span class="p">:</span> <span class="n">success</span> <span class="n">blue</span><span class="p">,</span> <span class="n">warning</span> <span class="err">#</span><span class="n">fc3</span><span class="p">,</span> <span class="n">error</span> <span class="n">magenta</span><span class="p">;</span>
|
||||
<span class="p">}</span>
|
||||
<span class="n">arrow</span><span class="p">.</span><span class="n">fancy</span> <span class="p">{</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">source</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icontheme</span><span class="p">(</span><span class="err">'</span><span class="n">pan</span><span class="o">-</span><span class="n">down</span><span class="err">'</span><span class="p">);</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">theme</span><span class="p">:</span> <span class="err">'</span><span class="n">Oxygen</span><span class="err">'</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1116,10 +1116,10 @@ Overview of CSS in GTK+
|
||||
2
|
||||
3
|
||||
4</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">arrow </span><span class="cbracket">{</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">scaled</span><span class="symbol">(</span><span class="function">url</span><span class="symbol">(</span><span class="string">'my-arrow.png'</span><span class="symbol">),</span>
|
||||
<span class="normal"> </span><span class="function">url</span><span class="symbol">(</span><span class="string">'my-arrow@2.png'</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">arrow</span> <span class="p">{</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">source</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">scaled</span><span class="p">(</span><span class="n">url</span><span class="p">(</span><span class="err">'</span><span class="n">my</span><span class="o">-</span><span class="n">arrow</span><span class="p">.</span><span class="n">png</span><span class="err">'</span><span class="p">),</span>
|
||||
<span class="n">url</span><span class="p">(</span><span class="err">'</span><span class="n">my</span><span class="o">-</span><span class="n">arrow</span><span class="err">@</span><span class="mf">2.</span><span class="n">png</span><span class="err">'</span><span class="p">));</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1146,9 +1146,9 @@ Overview of CSS in GTK+
|
||||
<td class="listing_lines" align="right"><pre>1
|
||||
2
|
||||
3</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">arrow </span><span class="cbracket">{</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">source</span><span class="symbol">:</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="function">recolor</span><span class="symbol">(</span><span class="function">url</span><span class="symbol">(</span><span class="string">'check.svg'</span><span class="symbol">),</span><span class="normal"> </span><span class="usertype">success</span><span class="normal"> blue</span><span class="symbol">,</span><span class="normal"> </span><span class="usertype">error</span><span class="normal"> </span><span class="function">rgb</span><span class="symbol">(</span><span class="number">255</span><span class="symbol">,</span><span class="number">0</span><span class="symbol">,</span><span class="number">0</span><span class="symbol">));</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="n">arrow</span> <span class="p">{</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">source</span><span class="p">:</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">recolor</span><span class="p">(</span><span class="n">url</span><span class="p">(</span><span class="err">'</span><span class="n">check</span><span class="p">.</span><span class="n">svg</span><span class="err">'</span><span class="p">),</span> <span class="n">success</span> <span class="n">blue</span><span class="p">,</span> <span class="n">error</span> <span class="n">rgb</span><span class="p">(</span><span class="mi">255</span><span class="p">,</span><span class="mi">0</span><span class="p">,</span><span class="mi">0</span><span class="p">));</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1226,16 +1226,16 @@ Overview of CSS in GTK+
|
||||
8
|
||||
9
|
||||
10</pre></td>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="normal">@</span><span class="usertype">keyframes</span><span class="normal"> spin </span><span class="cbracket">{</span>
|
||||
<span class="normal"> to </span><span class="cbracket">{</span><span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">icon</span><span class="symbol">-</span><span class="normal">transform</span><span class="symbol">:</span><span class="normal"> </span><span class="function">rotate</span><span class="symbol">(</span><span class="normal">1turn</span><span class="symbol">);</span><span class="normal"> </span><span class="cbracket">}</span>
|
||||
<span class="cbracket">}</span>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="err">@</span><span class="n">keyframes</span> <span class="n">spin</span> <span class="p">{</span>
|
||||
<span class="n">to</span> <span class="p">{</span> <span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">icon</span><span class="o">-</span><span class="nl">transform</span><span class="p">:</span> <span class="n">rotate</span><span class="p">(</span><span class="mi">1</span><span class="n">turn</span><span class="p">);</span> <span class="p">}</span>
|
||||
<span class="p">}</span>
|
||||
|
||||
<span class="normal">spinner </span><span class="cbracket">{</span>
|
||||
<span class="normal"> animation</span><span class="symbol">-</span><span class="normal">name</span><span class="symbol">:</span><span class="normal"> spin</span><span class="symbol">;</span>
|
||||
<span class="normal"> animation</span><span class="symbol">-</span><span class="normal">duration</span><span class="symbol">:</span><span class="normal"> 1s</span><span class="symbol">;</span>
|
||||
<span class="normal"> animation</span><span class="symbol">-</span><span class="normal">timing</span><span class="symbol">-</span><span class="normal">function</span><span class="symbol">:</span><span class="normal"> linear</span><span class="symbol">;</span>
|
||||
<span class="normal"> animation</span><span class="symbol">-</span><span class="normal">iteration</span><span class="symbol">-</span><span class="normal">count</span><span class="symbol">:</span><span class="normal"> infinite</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<span class="n">spinner</span> <span class="p">{</span>
|
||||
<span class="n">animation</span><span class="o">-</span><span class="nl">name</span><span class="p">:</span> <span class="n">spin</span><span class="p">;</span>
|
||||
<span class="n">animation</span><span class="o">-</span><span class="nl">duration</span><span class="p">:</span> <span class="mi">1</span><span class="n">s</span><span class="p">;</span>
|
||||
<span class="n">animation</span><span class="o">-</span><span class="n">timing</span><span class="o">-</span><span class="nl">function</span><span class="p">:</span> <span class="n">linear</span><span class="p">;</span>
|
||||
<span class="n">animation</span><span class="o">-</span><span class="n">iteration</span><span class="o">-</span><span class="nl">count</span><span class="p">:</span> <span class="n">infinite</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1291,20 +1291,20 @@ Overview of CSS in GTK+
|
||||
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">"<alt>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>
|
||||
<td class="listing_code"><pre class="programlisting"><span class="err">@</span><span class="n">binding</span><span class="o">-</span><span class="n">set</span> <span class="n">binding</span><span class="o">-</span><span class="n">set1</span> <span class="p">{</span>
|
||||
<span class="n">bind</span> <span class="s">"<alt>Left"</span> <span class="p">{</span> <span class="s">"move-cursor"</span> <span class="p">(</span><span class="n">visual</span><span class="o">-</span><span class="n">positions</span><span class="p">,</span> <span class="o">-</span><span class="mi">3</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span> <span class="p">};</span>
|
||||
<span class="n">unbind</span> <span class="s">"End"</span><span class="p">;</span>
|
||||
<span class="p">};</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">"<alt>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">"<alt>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="err">@</span><span class="n">binding</span><span class="o">-</span><span class="n">set</span> <span class="n">binding</span><span class="o">-</span><span class="n">set2</span> <span class="p">{</span>
|
||||
<span class="n">bind</span> <span class="s">"<alt>Right"</span> <span class="p">{</span> <span class="s">"move-cursor"</span> <span class="p">(</span><span class="n">visual</span><span class="o">-</span><span class="n">positions</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">0</span><span class="p">)</span> <span class="p">};</span>
|
||||
<span class="n">bind</span> <span class="s">"<alt>KP_space"</span> <span class="p">{</span> <span class="s">"delete-from-cursor"</span> <span class="p">(</span><span class="n">whitespace</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span>
|
||||
<span class="s">"insert-at-cursor"</span> <span class="p">(</span><span class="s">" "</span><span class="p">)</span> <span class="p">};</span>
|
||||
<span class="p">};</span>
|
||||
|
||||
<span class="normal">entry </span><span class="cbracket">{</span>
|
||||
<span class="normal"> </span><span class="symbol">-</span><span class="normal">gtk</span><span class="symbol">-</span><span class="normal">key</span><span class="symbol">-</span><span class="normal">bindings</span><span class="symbol">:</span><span class="normal"> binding</span><span class="symbol">-</span><span class="normal">set1</span><span class="symbol">,</span><span class="normal"> binding</span><span class="symbol">-</span><span class="normal">set2</span><span class="symbol">;</span>
|
||||
<span class="cbracket">}</span></pre></td>
|
||||
<span class="n">entry</span> <span class="p">{</span>
|
||||
<span class="o">-</span><span class="n">gtk</span><span class="o">-</span><span class="n">key</span><span class="o">-</span><span class="nl">bindings</span><span class="p">:</span> <span class="n">binding</span><span class="o">-</span><span class="n">set1</span><span class="p">,</span> <span class="n">binding</span><span class="o">-</span><span class="n">set2</span><span class="p">;</span>
|
||||
<span class="p">}</span></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -1316,6 +1316,6 @@ Overview of CSS in GTK+
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<hr>Generated by GTK-Doc V1.29</div>
|
||||
<hr>Generated by GTK-Doc V1.32.1</div>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user