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