@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; } */
|
}
|
