Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
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; } */
}