Project

General

Profile

unexist.dev

/

subtle

Assorted tidbits and projects

Styles » History » Version 3

Version 2 (Anonymous, 04/18/2011 04:38 PM) → Version 3/47 (Anonymous, 04/18/2011 08:22 PM)

h1. Styles\015\012\015\012{{>toc}}\015\012\015\012[[Styles]] are used to define describe various properties of items in the [[panel]], the panel itself, clients and [[subtle]] in a "CSS-like":http://en.wikipedia.org/wiki/Cascading_Style_Sheets syntax. \015\012\015\012h2. Properties\015\012\015\012Following properties can be set for supported items:\015\012\015\012h3. [[subtle]]. They are similar to "CSS":http://en.wikipedia.org/wiki/Cascading_Style_Sheets and support some of the ways of simplification.\015\012\015\012h2. Properties\015\012\015\012h3. Foreground\015\012\015\012This property sets the foreground/text color.\015\012\015\012h4. Example\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012 foreground "#ffffff"\015\012endy</code></pre>\015\012\015\012h4. Supported\015\012\015\012title, focus, urgent, occupied, views, sublets, separator\015\012\015\012h3. Background\015\012\015\012This property sets the background color.\015\012\015\012h4. Example\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012 background "#000000"\015\012endy</code></pre>\015\012\015\012h4. Supported\015\012\015\012title, focus, urgent, occupied, views, sublets, separator, subtle\015\012\015\012h3. Border\015\012\015\012This property sets the border color and size. Following notations are supported:\015\012\015\012| <code class="ruby">border "#000000", 2</code> | Set border color and size of all four borders |\015\012| <code class="ruby">border_top "#000000", 2</code> | Set border color and size of top border |\015\012| <code class="ruby">border_right "#000000", 2</code> | Set border color and size of right border |\015\012| <code class="ruby">border_bottom "#000000", 2</code> | Set border color and size of bottom border |\015\012| <code class="ruby">border_left "#000000", 2</code> | Set border color and size of left border |\015\012\015\012h4. Example\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012 border "#000000", 2\015\012end\015\012\015\012style :title do\015\012 border_top "#000000", 2\015\012endy</code></pre>\015\012\015\012h4. Supported\015\012\015\012title, focus, urgent, occupied, views, sublets, separator\015\012\015\012h3. Margin\015\012\015\012This property sets a transparent (no background) outer space for given directions. Following notations are supported:\015\012\015\012| <code class="ruby">margin 2</code> | Set space for all four directions |\015\012| <code class="ruby">margin 2, 2</code> | Set space for top/bottom and left/right |\015\012| <code class="ruby">margin 2, 2, 2</code> | Set space for top, left/right and bottom |\015\012| <code class="ruby">margin 2, 2, 2, 2</code> | Set space for all four directions |\015\012| <code class="ruby">margin_top 2</code> | Set space for top side |\015\012| <code class="ruby">margin_right 2</code> | Set space for right side |\015\012| <code class="ruby">margin_bottom 2</code> | Set space for bottom side |\015\012| <code class="ruby">margin_left 2</code> | Set space for left side |\015\012\015\012h4. Example\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012 margin 2\015\012end\015\012\015\012style :title do\015\012 margin 2, 2\015\012end\015\012\015\012style :title do\015\012 margin_top 2\015\012endy</code></pre>\015\012\015\012h4. Supported\015\012\015\012title, focus, urgent, occupied, views, sublets, separator, clients, subtle\015\012\015\012h3. Padding\015\012\015\012This property sets a inner space between border and text for given directions. Following notations are supported:\015\012\015\012| <code class="ruby">padding 2</code> | Set space for all four directions |\015\012| <code class="ruby">padding 2, 2</code> | Set space for top/bottom and left/right |\015\012| <code class="ruby">padding 2, 2, 2</code> | Set space for top, left/right and bottom |\015\012| <code class="ruby">padding 2, 2, 2, 2</code> | Set space for all four directions |\015\012| <code class="ruby">padding_top 2</code> | Set space for top side |\015\012| <code class="ruby">padding_right 2</code> | Set space for right side |\015\012| <code class="ruby">padding_bottom 2</code> | Set space for bottom side |\015\012| <code class="ruby">padding_left 2</code> | Set space for left side |\015\012\015\012h4. Example\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012 padding 2\015\012end\015\012\015\012style :title do\015\012 padding 2, 2\015\012end\015\012\015\012style :title do\015\012 padding_top 2\015\012endy</code></pre>\015\012\015\012h4. Supported\015\012\015\012title, focus, urgent, occupied, views, sublets, separator, clients, subtle