latham
2011-04-08 532ae591db5b5f020abf60609ded0d2d32b76d86
interface/web/themes/default/yaml/debug/debug.css
@@ -1,157 +1,157 @@
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML debugging stylesheet
 * (de) YAML Stylesheet zur Fehlersuche
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 43 $
 * @lastmodified    $Date: 2007-06-11 16:09:28 +0200 (Mo, 11 Jun 2007) $
 */
@media all
{
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section layout preparation for debugging
   * @see http://www.yaml.de/en/documentation/practice/drafting-and-debugging.html
   */
  /* Adding debugging background */
  body { background: transparent url(images/grid_pattern.png) top left no-repeat !important; }
  /* CSS-Warning, if core stylesheet 'iehacks.css' is missing in the layout */
  *:first-child+html #ie_clearing { display:block; }
  * html #ie_clearing { display:block; }
  #ie_clearing {
    width: 500px;
    font-size: 25px;
    position:absolute;
    top: -2px;
    left:0px;
    background: url("images/warning_iehacks.gif") top left no-repeat;
  }
  /**
   * @section pixel grid
   */
  .bg_grid {
    background-image:url(images/grid_pattern.png) !important;
    background-repeat:no-repeat;
    background-position:top left !important;
  }
  /**
   * @section transparency
   */
  .transOFF { -moz-opacity: 1.0; opacity: 1.0; filter: alpha(Opacity=100);}
  .trans50,
  .transON { -moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
  .trans25 { -moz-opacity: 0.25; opacity: 0.25; filter: alpha(Opacity=25);}
  .trans75 { -moz-opacity: 0.75; opacity: 0.75; filter: alpha(Opacity=75);}
  /**
   * @section colors
   */
  .bg_red { background-color: #f00 !important;}
  .bg_blue { background-color: #00f !important;}
  .bg_green { background-color: #0f0 !important;}
  /**
   * @visualize semantic structure
   *
   * Many thanks to Tomas Caspers for some ideas
   */
  div[id] { padding: 0 !important; margin: 2px; border: 1px #000 solid !important; }
  div[id]:before {
   display:block;
   color: #fff;
   background:   #800;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div #"attr(id)"]";
  }
  div[class="floatbox"] { background: #f4f4f4; }
  div[class="floatbox"]:before {
   display:block;
   color: #fff;
   background:   #66a;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  div[class="subcolumns"] { background: #f8f8f8; }
  div[class="subcolumns"]:before {
   display:block;
   color: #fff;
   background:   #444;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  div[class="subcolumns"] > div:before {
   display:block;
   color: #fff;
   background:   #080;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  div[class="subc"], div[class="subcl"], div[class="subcr"] { background: #eee; }
  div[class="subc"]:before, div[class="subcl"]:before, div[class="subcr"]:before {
   display:block;
   color: #fff;
   background: #6a6;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  h1:before   { content: "[h1] "; }
  h2:before   { content: "[h2] "; }
  h3:before   { content: "[h3] "; }
  h4:before   { content: "[h4] "; }
  h5:before   { content: "[h5] "; }
  h6:before   { content: "[h6] "; }
  a:hover:before { content:   " ( href='" attr(href) "' ) "; }
  a:hover:after { content: " [ title='"attr(title)"' ] "; }
  img:after   { content:" ( alt='" attr(alt)"' ) "; }
  address, blockquote, dl, fieldset, form, h1, h2, h3, h4, ol, p, pre, ul   {
   border:   1px dotted #888;
   margin: 2px;
   padding: 2px;
   display: block;
  }
  /**
   * @visualize inline elements
   *
   * Many thanks to Tomas Caspers for some ideas
   */
  abbr, acronym   { background: #d9eaff; }
  q, cite, dfn, kbd   { background: #ffe3f6; }
  /* :lang(de), :lang(en), :lang(fr), :lang(es) { background: #d9efaa !important; } */
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML debugging stylesheet
 * (de) YAML Stylesheet zur Fehlersuche
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 43 $
 * @lastmodified    $Date: 2007-06-11 16:09:28 +0200 (Mo, 11 Jun 2007) $
 */
@media all
{
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * @section layout preparation for debugging
   * @see http://www.yaml.de/en/documentation/practice/drafting-and-debugging.html
   */
  /* Adding debugging background */
  body { background: transparent url(images/grid_pattern.png) top left no-repeat !important; }
  /* CSS-Warning, if core stylesheet 'iehacks.css' is missing in the layout */
  *:first-child+html #ie_clearing { display:block; }
  * html #ie_clearing { display:block; }
  #ie_clearing {
    width: 500px;
    font-size: 25px;
    position:absolute;
    top: -2px;
    left:0px;
    background: url("images/warning_iehacks.gif") top left no-repeat;
  }
  /**
   * @section pixel grid
   */
  .bg_grid {
    background-image:url(images/grid_pattern.png) !important;
    background-repeat:no-repeat;
    background-position:top left !important;
  }
  /**
   * @section transparency
   */
  .transOFF { -moz-opacity: 1.0; opacity: 1.0; filter: alpha(Opacity=100);}
  .trans50,
  .transON { -moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
  .trans25 { -moz-opacity: 0.25; opacity: 0.25; filter: alpha(Opacity=25);}
  .trans75 { -moz-opacity: 0.75; opacity: 0.75; filter: alpha(Opacity=75);}
  /**
   * @section colors
   */
  .bg_red { background-color: #f00 !important;}
  .bg_blue { background-color: #00f !important;}
  .bg_green { background-color: #0f0 !important;}
  /**
   * @visualize semantic structure
   *
   * Many thanks to Tomas Caspers for some ideas
   */
  div[id] { padding: 0 !important; margin: 2px; border: 1px #000 solid !important; }
  div[id]:before {
   display:block;
   color: #fff;
   background:   #800;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div #"attr(id)"]";
  }
  div[class="floatbox"] { background: #f4f4f4; }
  div[class="floatbox"]:before {
   display:block;
   color: #fff;
   background:   #66a;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  div[class="subcolumns"] { background: #f8f8f8; }
  div[class="subcolumns"]:before {
   display:block;
   color: #fff;
   background:   #444;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  div[class="subcolumns"] > div:before {
   display:block;
   color: #fff;
   background:   #080;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  div[class="subc"], div[class="subcl"], div[class="subcr"] { background: #eee; }
  div[class="subc"]:before, div[class="subcl"]:before, div[class="subcr"]:before {
   display:block;
   color: #fff;
   background: #6a6;
   padding: 2px;
   font: bold .8em "Lucida console", monospace;
   content: "[div ."attr(class)"]";
  }
  h1:before   { content: "[h1] "; }
  h2:before   { content: "[h2] "; }
  h3:before   { content: "[h3] "; }
  h4:before   { content: "[h4] "; }
  h5:before   { content: "[h5] "; }
  h6:before   { content: "[h6] "; }
  a:hover:before { content:   " ( href='" attr(href) "' ) "; }
  a:hover:after { content: " [ title='"attr(title)"' ] "; }
  img:after   { content:" ( alt='" attr(alt)"' ) "; }
  address, blockquote, dl, fieldset, form, h1, h2, h3, h4, ol, p, pre, ul   {
   border:   1px dotted #888;
   margin: 2px;
   padding: 2px;
   display: block;
  }
  /**
   * @visualize inline elements
   *
   * Many thanks to Tomas Caspers for some ideas
   */
  abbr, acronym   { background: #d9eaff; }
  q, cite, dfn, kbd   { background: #ffe3f6; }
  /* :lang(de), :lang(en), :lang(fr), :lang(es) { background: #d9efaa !important; } */
}