PageRenderTime 100ms CodeModel.GetById 5ms app.highlight 90ms RepoModel.GetById 1ms app.codeStats 0ms

/bundles/plugins-trunk/XML/sidekick/css/test_css2_part2.css

#
CSS | 222 lines | 184 code | 38 blank | 0 comment | 0 complexity | d21d63f579d5cd97f5a436d799dd54e6 MD5 | raw file
  1
  2P {background-image: url(bg.gif);}
  3.one {background-image: none;}
  4
  5.one {background-image: url(oransqr.gif); background-repeat: repeat-y;}
  6.two {background-image: url(oransqr.gif); background-repeat: repeat-x;}
  7.three {background-image: url(oransqr.gif); background-repeat: no-repeat;}
  8.four {background-image: url(bg.gif); background-position: 50% 50%; background-repeat: repeat-y;}
  9.five {background-image: url(crosshair2.gif); background-position: 50% 50%;
 10       background-color: red;}
 11.six {background-image: url(crosshair2.gif); background-position: center top;
 12      background-color: red;}
 13.seven {background-image: url(crosshair2.gif); background-position: top left;
 14        background-color: red;}
 15.eight {background-image: url(crosshair2.gif); background-position: bottom right;
 16        background-color: red;}
 17.nine {background-image: url(crosshair2.gif); background-position: 50% 50%;
 18       background-color: red;}
 19
 20BODY {background-image: url(bg.gif); background-repeat: repeat-x; background-attachment: fixed;}
 21
 22BODY {background-image: url(bg.gif); background-position: right top;
 23      background-repeat: no-repeat;}
 24.one {background-image: url(bg.gif); background-position: center;
 25      background-repeat: no-repeat; background-color: aqua;}
 26.two {background-image: url(bg.gif); background-position: 50% 50%;
 27      background-repeat: no-repeat; background-color: aqua;}
 28.three {background-image: url(bg.gif); background-position: bottom right;
 29        background-repeat: no-repeat; background-color: aqua;}
 30.four {background-image: url(bg.gif); background-position: 100% 100%;
 31       background-repeat: no-repeat; background-color: aqua;}
 32.five {background-image: url(bg.gif); background-position: 0% 50%;
 33       background-repeat: no-repeat; background-color: aqua;}
 34.six {background-image: url(bg.gif); background-position: 75% 25%;
 35       background-repeat: no-repeat; background-color: aqua;}
 36.seven {background-image: url(bg.gif); background-position: 20px 20px;
 37       background-repeat: no-repeat; background-color: aqua;}
 38
 39BODY {background: green url(oransqr.gif) repeat-x center top fixed;}
 40.one {background: lime url(oransqr.gif) repeat-y 100% 0%;}
 41.two {background: lime url(oransqr.gif) repeat-y center top;}
 42.three {background: lime url(oransqr.gif) repeat-x left top;}
 43
 44.one {word-spacing: 0.3in;}
 45.two {word-spacing: 0.5cm;}
 46.three {word-spacing: 5mm;}
 47.four {word-spacing: 3pt;}
 48.five {word-spacing: 0.25pc;}
 49.six {word-spacing: 1em;}
 50.seven {word-spacing: 1ex;}
 51.eight {word-spacing: 5px;}
 52.nine {word-spacing: normal;}
 53.ten {word-spacing: 300%;}
 54.eleven {word-spacing: -0.2em;}
 55
 56.one {letter-spacing: 0.3in;}
 57.two {letter-spacing: 0.5cm;}
 58.three {letter-spacing: 5mm;}
 59.four {letter-spacing: 3pt;}
 60.five {letter-spacing: 0.25pc;}
 61.six {letter-spacing: 1em;}
 62.seven {letter-spacing: 1ex;}
 63.eight {letter-spacing: 5px;}
 64.nine {letter-spacing: normal;}
 65.ten {letter-spacing: 300%;}
 66.eleven {letter-spacing: -0.1em;}
 67
 68.one {text-decoration: underline;}
 69.two {text-decoration: overline;}
 70.three {text-decoration: line-through;}
 71.four {text-decoration: blink;}
 72B.five {text-decoration: none;}
 73.six {text-decoration: underline overline;}
 74.seven {text-decoration: underline overline line-through;}
 75
 76P {font-size: 12pt;}
 77.one {vertical-align: sub;}
 78.two {vertical-align: super;}
 79.three {vertical-align: top; font-size: 12pt;}
 80.four {vertical-align: text-top; font-size: 12pt;}
 81.five {vertical-align: middle; font-size: 12pt;}
 82.six {vertical-align: bottom; font-size: 12pt;}
 83.seven {vertical-align: text-bottom; font-size: 12pt;}
 84.eight {vertical-align: baseline; font-size: 12pt;}
 85.nine {vertical-align: 50%; font-size: 12px; line-height: 16px;}
 86
 87P.example {font-size: 14pt;}
 88BIG {font-size: 16pt;}
 89SMALL {font-size: 12pt;}
 90.ttopalign {vertical-align: text-top;}
 91.topalign {vertical-align: top;}
 92.midalign {vertical-align: middle;}
 93
 94.ttn {text-transform: none;}
 95.cap {text-transform: capitalize;}
 96.upp {text-transform: uppercase;}
 97.low {text-transform: lowercase;}
 98
 99.one {text-align: left;}
100.two {text-align: right;}
101.three {text-align: center;}
102.four {text-align: justify;}
103
104.one {text-indent: 0.5in; background: aqua;}
105.two {text-indent: 2cm; background: aqua;}
106.three {text-indent: 20mm; background: aqua;}
107.four {text-indent: 24pt; background: aqua;}
108.five {text-indent: 2pc; background: aqua;}
109.six {text-indent: 2em; background: aqua;}
110.seven {text-indent: 2ex; background: aqua;}
111.eight {text-indent: 50%; background: aqua;}
112.nine {text-indent: 25px; background: aqua;}
113blockquote {text-indent: 50%; background: aqua;}
114
115.one {line-height: 0.5in; font-size: 12px;}
116.two {line-height: 2cm; font-size: 12px;}
117.three {line-height: 20mm; font-size: 12px;}
118.four {line-height: 24pt; font-size: 12px;}
119.five {line-height: 2pc; font-size: 12px;}
120.six {line-height: 2em; font-size: 12px;}
121.seven {line-height: 3ex; font-size: 12px;}
122.eight {line-height: 200%; font-size: 12px;}
123.nine {line-height: 2; font-size: 12px;}
124.ten {line-height: 50px; font-size: 12px;}
125.eleven {line-height: -1em; font-size: 12px;}
126TABLE .ten {line-height: normal; font-size: 12px;}
127DIV {background-color: silver;}
128SPAN.color {background-color: silver;}
129
130.zero {background-color: silver; margin-top: 0;}
131.one {margin-top: 0.5in; background-color: aqua;}
132.two {margin-top: 25px; background-color: aqua;}
133.three {margin-top: 5em; background-color: aqua;}
134.four {margin-top: 25%; background-color: aqua;}
135.five {margin-top: 25px;}
136.six {margin-top: -10px; background-color: aqua;}
137P, UL {margin-bottom: 0;}
138
139P { margin: 0; padding: 0; text-align:  justify;}
140
141DIV.menu {float: left; clear: left; width: 11em;
142          margin: 0; margin-bottom: 10px; padding: 0.5em;}
143DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}
144DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}
145DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;
146             color: black; background: yellow; clear: none;}
147
148html { font: 10px/1 Verdana, sans-serif;
149background-color: blue; color: white; }
150
151body { margin: 1.5em; border: .5em solid black;
152padding: 0; width: 48em; background-color: white; }
153
154dl { margin: 0; border: 0; padding: .5em; }
155
156dt { background-color: rgb(204,0,0); margin: 0; padding: 1em;
157width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
158height: 28em; border: .5em solid black; float: left; }
159
160dd { float: right; margin: 0 0 0 1em; border: 1em solid black;
161padding: 1em; width: 34em; height: 27em; }
162
163ul { margin: 0; border: 0; padding: 0; }
164
165li { display: block; /* i.e., suppress marker */ color: black;
166height: 9em; width: 5em; margin: 0; border: .5em solid black;
167padding: 1em; float: left; background-color: #FC0; }
168
169#bar { background-color: black; color: white; width: 41.17%; /* = 14em */
170border: 0; margin: 0 1em; }
171
172#baz { margin: 1em 0; border: 0; padding: 1em; width: 10em;
173height: 10em; background-color: black; color: white; }
174
175form { margin: 0; display: inline; }
176
177p { margin: 0; }
178
179form p { line-height: 1.9; }
180
181blockquote { margin: 1em 1em 1em 2em; border-width: 1em 1.5em 2em .5em;
182border-style: solid; border-color: black; padding: 1em 0; width: 5em;
183height: 9em; float: left; background-color: #FC0; color: black; }
184
185address { font-style: normal; }
186
187h1 { background-color: black; color: white; float: left; margin: 1em 0;
188border: 0; padding: 1em; width: 10em; height: 10em; font-weight: normal;
189font-size: 1em; }
190
191.zero {margin-left: 0;}
192.one {margin-left: 3em;}
193.two {margin-left: 3ex;}
194.three {margin-left: 36px;}
195.four {margin-left: 0.5in;}
196.five {margin-left: 1.27cm;}
197.six {margin-left: 12.7mm;}
198.seven {margin-left: 36pt;}
199.eight {margin-left: 3pc;}
200.nine {margin-left: +3pc;}
201.ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}
202
203.zero { background: yellow }
204.one { margin-left: 25%; margin-right: 25%; background: white }
205.two { margin-left: 50%; margin-right: 0%; background: white }
206.three {margin-left: 25%;}
207
208BODY {color: black;}
209.one {color: #080;}
210.two {color: #008000;}
211.three {color: rgb(0,128,0);}
212.four {color: rgb(0%,50%,0%);}
213.five {color: rgb(0.0%,50.0%,0.0%);}
214.six {color: green;}
215.seven {color: invalidValue;}
216.eight {color: rgb(0,128,1280);}
217.nine {color: rgb(0,128,255);}
218.ten {color: rgb(50%,500%,60%);}
219.eleven {color: rgb(50%,0%,60%);}
220
221
222