Project

General

Profile

unexist.dev

/

subtle

Assorted tidbits and projects

Styles » History » Version 8

Anonymous, 04/18/2011 09:12 PM

1 8
h1. Styles\015\012\015\012{{>toc}}\015\012\015\012[[Styles]] are used to define various properties of _styleable_ items in a "CSS-like":http://en.wikipedia.org/wiki/Cascading_Style_Sheets syntax.\015\012\015\012h2. Styleable items\015\012\015\012h3. Title\015\012\015\012Defines properties for the title of current client.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :title do\015\012  padding     0, 0, 0, 0\015\012  border      "#303030", 0\015\012  foreground  "#fecf35"\015\012  background  "#202020"\015\012end</code></pre>\015\012\015\012h3. Focus\015\012\015\012Defines properties for current active view.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :focus do\015\012  padding     0, 0, 0, 0\015\012  border      "#303030", 0\015\012  foreground  "#fecf35"\015\012  background  "#202020"\015\012end</code></pre>\015\012\015\012h3. Urgent\015\012\015\012Defines properties for views with urgent clients.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :urgent do\015\012  padding     0, 0, 0, 0\015\012  border      "#303030", 0\015\012  foreground  "#ff9800"\015\012  background  "#202020"\015\012end</code></pre>\015\012\015\012h3. Occupied\015\012\015\012Defines properties for views with at least one client.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :occupied do\015\012  padding     0, 0, 0, 0\015\012  border      "#303030", 0\015\012  foreground  "#b8b8b8"\015\012  background  "#202020"\015\012end</code></pre>\015\012\015\012h3. Views\015\012\015\012Defines properties for views in the view button list.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :views do\015\012  padding     0, 0, 0, 0\015\012  border      "#303030", 0\015\012  foreground  "#757575"\015\012  background  "#202020"\015\012end</code></pre>\015\012\015\012h3. Sublets\015\012\015\012Defines properties for sublets in the panel.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :sublets do\015\012  padding     0, 0, 0, 0\015\012  border      "#303030", 0\015\012  foreground  "#757575"\015\012  background  "#202020"\015\012end</code></pre>\015\012\015\012h3. Separator\015\012\015\012Defines properties for the panel separator.\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background\302\273Background]], [[Styles#Margin|Margin]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :separator do\015\012  padding     0, 0, 0, 0\015\012  border      0\015\012  background  "#202020"\015\012  foreground  "#757575"\015\012end</code></pre>\015\012\015\012h3. Clients\015\012\015\012Defines properties for active and inactive clients.\015\012\015\012*Supported properties*: [[Styles#Margin|Margin]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :clients do\015\012  active      "#303030", 2\015\012  inactive    "#202020", 2\015\012  margin      0\015\012end</code></pre>\015\012\015\012h3. Subtle\015\012\015\012Defines properties for [[subtle]].\015\012\015\012*Supported properties*: [[Styles#Foreground|Foreground]], [[Styles#Background|Background]], [[Styles#Padding|Padding]]\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">style :subtle do\015\012  margin      0, 0, 0, 0\015\012  panel       "#202020"\015\012  background  "#3d3d3d"\015\012  stipple     "#757575"\015\012end</code></pre>\015\012\015\012h2. Properties\015\012\015\012Following properties can be set for supported items:\015\012\015\012h3. Foreground\015\012\015\012This property sets the foreground/text color.\015\012\015\012*Applicable to*: title, focus, urgent, occupied, views, sublets, separator\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012  foreground "#ffffff"\015\012end</code></pre>\015\012\015\012h3. Background\015\012\015\012This property sets the background color.\015\012\015\012*Applicable to*: title, focus, urgent, occupied, views, sublets, separator, subtle\015\012\015\012Example:\015\012\015\012<pre><code class="ruby">\015\012style :title do\015\012  background "#000000"\015\012end</code></pre>\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\012*Applicable to*: title, focus, urgent, occupied, views, sublets, separator\015\012\015\012Example:\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\012end</code></pre>\015\012\015\012h3. Margin\015\012\015\012This property sets a transparent (no background) outer spacing in 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\012*Applicable to*: title, focus, urgent, occupied, views, sublets, separator, clients, subtle\015\012\015\012Example:\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\012end</code></pre>\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\012*Applicable to*: title, focus, urgent, occupied, views, sublets, separator, clients, subtle\015\012\015\012Example:\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\012end</code></pre>\015\012\015\012