PageRenderTime 48ms CodeModel.GetById 17ms RepoModel.GetById 1ms app.codeStats 0ms

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

#
CSS | 640 lines | 614 code | 0 blank | 26 comment | 0 complexity | 03d743c72ddd8b2bf1404a6bc7978f21 MD5 | raw file
Possible License(s): BSD-3-Clause, AGPL-1.0, Apache-2.0, LGPL-2.0, LGPL-3.0, GPL-2.0, CC-BY-SA-3.0, LGPL-2.1, GPL-3.0, MPL-2.0-no-copyleft-exception, IPL-1.0
  1. /* CSS2 compatibility test file -- I made this up by copying and pasting a
  2. bunch of css example code from the w3c css test suite. There is a lot of
  3. repetition, but I think I've got most ( all? ) use cases covered for the CSS2
  4. specification. */
  5. @import url( imptest1.css );
  6. @import "imptest1a.css";
  7. UL {
  8. color: red;
  9. }
  10. .four {
  11. color: purple;
  12. }
  13. @import url( imptest2.css );
  14. /*
  15. P.six {
  16. color: green;
  17. }
  18. */
  19. .one, .two, .three {
  20. color: green;
  21. }
  22. BODY {
  23. color: green;
  24. }
  25. H3 {
  26. color: blue;
  27. }
  28. EM {
  29. color: purple;
  30. }
  31. .one {
  32. font-style: italic;
  33. }
  34. .two {
  35. text-decoration: underline;
  36. }
  37. #two, #twot {
  38. color: navy;
  39. }
  40. .three {
  41. color: purple;
  42. }
  43. .four {
  44. color: #203cd8;
  45. }
  46. #one {
  47. color: green;
  48. }
  49. #a1 {
  50. color: green;
  51. }
  52. P#two, P#two2 {
  53. color: blue;
  54. }
  55. P#three, P#three2 {
  56. color: purple;
  57. }
  58. #four {
  59. color: green;
  60. }
  61. #a2 {
  62. color: green;
  63. }
  64. P#five, P#five2 {
  65. color: blue;
  66. }
  67. P#six, P#six2 {
  68. color: purple;
  69. }
  70. P {
  71. color: navy;
  72. font-family: serif;
  73. }
  74. HTML BODY TABLE P {
  75. color: purple;
  76. font-family: sans-serif;
  77. }
  78. EM, UL LI LI {
  79. color: green;
  80. }
  81. /* This is a CSS1 comment. */
  82. .one {
  83. color: green;
  84. }
  85. /* Another comment */
  86. /* The following should not be used:
  87. .two {
  88. color: red;
  89. }
  90. */
  91. .three {
  92. color: green;
  93. /* color: red;
  94. */
  95. }
  96. /**
  97. .four {
  98. color: red;
  99. }
  100. */
  101. .five {
  102. color: green;
  103. }
  104. /**/
  105. .six {
  106. color: green;
  107. }
  108. /*********/
  109. .seven {
  110. color: green;
  111. }
  112. /* a comment **/
  113. .eight {
  114. color: green;
  115. }
  116. A {
  117. color: green;
  118. }
  119. A:link {
  120. color: purple;
  121. }
  122. A:visited {
  123. color: lime;
  124. }
  125. A:active {
  126. color: maroon;
  127. }
  128. #one, #onet {
  129. color: #006600;
  130. }
  131. P:first-line {
  132. color: green;
  133. }
  134. .two:first-line {
  135. font-size: 200%;
  136. }
  137. .three:first-line {
  138. font-variant: small-caps;
  139. }
  140. P:first-letter {
  141. color: maroon;
  142. }
  143. .two:first-letter {
  144. font-size: 200%;
  145. }
  146. P.three:first-letter {
  147. font-size: 350%;
  148. }
  149. P:first-line {
  150. font-weight: bold;
  151. }
  152. P.two:first-line {
  153. color: green;
  154. }
  155. P:first-line.three {
  156. color: red;
  157. }
  158. P:first-line {
  159. color: green;
  160. }
  161. P:first-letter {
  162. color: maroon;
  163. }
  164. .two:first-line {
  165. font-size: 200%;
  166. }
  167. .two:first-letter {
  168. font-size: 350%;
  169. }
  170. P.three:first-letter {
  171. font-size: 350%;
  172. }
  173. P.three:first-line {
  174. font-variant: small-caps;
  175. }
  176. P {
  177. color: green !important;
  178. }
  179. P {
  180. color: red;
  181. }
  182. P#id1, P#id1t {
  183. color: purple;
  184. }
  185. LI {
  186. color: purple;
  187. }
  188. UL LI {
  189. color: blue;
  190. }
  191. UL LI LI {
  192. color: gray;
  193. }
  194. LI.red {
  195. color: green;
  196. }
  197. UL LI.mar {
  198. color: #660000;
  199. }
  200. UL LI#gre, UL LI #gret {
  201. color: green;
  202. }
  203. .test {
  204. color: blue;
  205. }
  206. .test {
  207. color: purple;
  208. }
  209. .one {
  210. text-decoration: line-through;
  211. }
  212. P.one {
  213. margin-bottom: 2cm;
  214. padding-bottom: 0;
  215. }
  216. P.two {
  217. margin-top: 2cm;
  218. padding-top: 0;
  219. }
  220. P.three {
  221. margin-top: 0;
  222. padding-top: 0;
  223. }
  224. P.four {
  225. margin-top: -1cm;
  226. margin-bottom: 0;
  227. padding-top: 0;
  228. padding-bottom: 0;
  229. }
  230. DIV.five {
  231. margin-top: 1cm;
  232. margin-bottom: 1cm;
  233. padding-top: 1cm;
  234. padding-bottom: 0;
  235. }
  236. P.six {
  237. margin-top: 1cm;
  238. margin-bottom: 1cm;
  239. padding-top: 0;
  240. padding-bottom: 0;
  241. }
  242. P.seven {
  243. margin-top: 1cm;
  244. padding-top: 0;
  245. }
  246. P.eight {
  247. margin-bottom: -1cm;
  248. padding-bottom: 2cm;
  249. }
  250. P.nine {
  251. margin-top: -1cm;
  252. padding-top: 1cm;
  253. padding-bottom: 0;
  254. margin-bottom: 1cm;
  255. }
  256. P.ten {
  257. margin-top: 1cm;
  258. padding-top: 0;
  259. float: left;
  260. width: 50%;
  261. }
  262. P.eleven {
  263. margin-top: 1cm;
  264. padding-top: 0;
  265. clear: none;
  266. }
  267. P.twelve {
  268. margin-bottom: 0;
  269. padding-bottom: 1cm;
  270. clear: both;
  271. }
  272. P.thirteen {
  273. margin-top: 0;
  274. padding-top: 1cm;
  275. }
  276. TABLE {
  277. clear: both;
  278. }
  279. .ruler {
  280. padding: 0px;
  281. margin: 0px;
  282. border-width: 0px;
  283. }
  284. P#ruled, P#ruledt {
  285. background-color: aqua;
  286. width: 400px;
  287. border-style: solid;
  288. border-color: silver;
  289. border-top-width: 0px;
  290. border-bottom-width: 0px;
  291. border-left-width: 40px;
  292. border-right-width: 40px;
  293. padding-left: 40px;
  294. padding-right: 40px;
  295. margin-top: 0px;
  296. margin-bottom: 0px;
  297. margin-left: 40px;
  298. margin-right: 40px;
  299. }
  300. P.one {
  301. margin-left: 10px;
  302. }
  303. DIV.two {
  304. margin-left: 10px;
  305. }
  306. P.three {
  307. margin-left: 0;
  308. width: 50%;
  309. margin-right: auto;
  310. background-color: gray;
  311. }
  312. P.four {
  313. margin-left: auto;
  314. width: 50%;
  315. margin-right: auto;
  316. background-color: gray;
  317. }
  318. P.five {
  319. margin-left: auto;
  320. width: 50%;
  321. margin-right: 0;
  322. background-color: gray;
  323. }
  324. P.six {
  325. margin-left: auto;
  326. width: auto;
  327. margin-right: 0;
  328. background-color: gray;
  329. }
  330. P.seven {
  331. margin-left: 0;
  332. width: auto;
  333. margin-right: auto;
  334. background-color: gray;
  335. }
  336. P.eight {
  337. margin-left: auto;
  338. width: auto;
  339. margin-right: auto;
  340. background-color: gray;
  341. }
  342. P.nine {
  343. padding-left: auto;
  344. padding-right: auto;
  345. margin-left: 0;
  346. margin-right: 0;
  347. width: 50%;
  348. background-color: gray;
  349. }
  350. P.ten {
  351. margin-left: auto;
  352. width: 100%;
  353. margin-right: auto;
  354. background-color: gray;
  355. }
  356. HR.minor {
  357. clear: both;
  358. width: 5%;
  359. }
  360. HR.major {
  361. clear: both;
  362. width: 75%;
  363. margin: 1.5em;
  364. }
  365. DIV {
  366. border: 5px solid purple;
  367. padding: 0;
  368. margin: 0.125em;
  369. }
  370. P.left, P.right {
  371. width: 10em;
  372. padding: 1em;
  373. margin: 0;
  374. border: 1px solid lime;
  375. background-color: silver;
  376. }
  377. IMG.left, IMG.right {
  378. margin: 0;
  379. border: 3px solid black;
  380. }
  381. .left {
  382. float: left;
  383. }
  384. .right {
  385. float: right;
  386. }
  387. P.one {
  388. line-height: 200%;
  389. }
  390. SPAN.two {
  391. border-style: solid;
  392. border-width: 10px;
  393. border-color: red;
  394. padding: 2pt;
  395. margin: 30pt;
  396. }
  397. P.three {
  398. font-size: 10pt;
  399. line-height: 12pt;
  400. }
  401. SPAN.four {
  402. border-style: solid;
  403. border-width: 12px;
  404. border-color: red;
  405. padding: 2pt;
  406. }
  407. IMG.one {
  408. display: inline;
  409. }
  410. IMG.two {
  411. display: block;
  412. }
  413. IMG.three {
  414. display: block;
  415. margin-right: auto;
  416. margin-left: auto;
  417. width: auto;
  418. }
  419. IMG.four {
  420. display: block;
  421. margin-right: auto;
  422. margin-left: auto;
  423. width: 50%;
  424. }
  425. IMG.five {
  426. display: block;
  427. margin-right: 0;
  428. margin-left: auto;
  429. width: 50%;
  430. }
  431. P.one {
  432. font-size: 14px;
  433. line-height: 20px;
  434. }
  435. IMG.onea {
  436. vertical-align: text-bottom;
  437. width: 200px;
  438. height: 200px;
  439. }
  440. IMG.oneb {
  441. vertical-align: text-top;
  442. width: 200px;
  443. height: 200px;
  444. }
  445. P.two {
  446. font-size: 14px;
  447. line-height: 20px;
  448. }
  449. IMG.twoa {
  450. vertical-align: text-bottom;
  451. width: 100px;
  452. height: 100px;
  453. padding: 5px;
  454. border-style: solid;
  455. border-width: 10px;
  456. margin: 15px;
  457. }
  458. IMG.twob {
  459. vertical-align: text-top;
  460. width: 100px;
  461. height: 100px;
  462. padding: 5px;
  463. border-style: solid;
  464. border-width: 10px;
  465. margin: 15px;
  466. }
  467. IMG.twoc {
  468. vertical-align: middle;
  469. width: 50px;
  470. height: 50px;
  471. padding: 5px;
  472. border-style: solid;
  473. border-width: 10px;
  474. margin: -10px;
  475. }
  476. DIV.a {
  477. font-family: serif;
  478. }
  479. DIV.b {
  480. font-family: monospace;
  481. }
  482. .one {
  483. font-family: serif;
  484. }
  485. .two {
  486. font-family: sans-serif;
  487. }
  488. .three {
  489. font-family: cursive;
  490. }
  491. .four {
  492. font-family: fantasy;
  493. }
  494. .five {
  495. font-family: monospace;
  496. }
  497. .six {
  498. font-family: sans-serif, cursive;
  499. }
  500. .seven {
  501. font-family: monospace, serif;
  502. }
  503. .one {
  504. font-style: italic;
  505. }
  506. .two {
  507. font-style: oblique;
  508. }
  509. .three, I {
  510. font-style: normal;
  511. }
  512. .one {
  513. font-variant: small-caps;
  514. }
  515. .two {
  516. font-variant: normal;
  517. }
  518. .one {
  519. font-weight: bold;
  520. }
  521. .two {
  522. font-weight: bolder;
  523. }
  524. .three {
  525. font-weight: lighter;
  526. }
  527. .four {
  528. font-weight: 100;
  529. }
  530. .five {
  531. font-weight: 300;
  532. }
  533. .six {
  534. font-weight: 500;
  535. }
  536. .seven {
  537. font-weight: 700;
  538. }
  539. .eight {
  540. font-weight: 900;
  541. }
  542. .nine {
  543. font-weight: normal;
  544. }
  545. B {
  546. font-weight: lighter;
  547. }
  548. .one {
  549. font-size: medium;
  550. }
  551. .two {
  552. font-size: larger;
  553. }
  554. .three {
  555. font-size: smaller;
  556. }
  557. .four {
  558. font-size: xx-small;
  559. }
  560. .five {
  561. font-size: x-small;
  562. }
  563. .six {
  564. font-size: small;
  565. }
  566. .seven {
  567. font-size: large;
  568. }
  569. .eight {
  570. font-size: x-large;
  571. }
  572. .nine {
  573. font-size: xx-large;
  574. }
  575. .a {
  576. font-size: 0.5in;
  577. }
  578. .b {
  579. font-size: 1cm;
  580. }
  581. .c {
  582. font-size: 10mm;
  583. }
  584. .d {
  585. font-size: 18pt;
  586. }
  587. .e {
  588. font-size: 1.5pc;
  589. }
  590. .f {
  591. font-size: 2em;
  592. }
  593. .g {
  594. font-size: 3ex;
  595. }
  596. .h {
  597. font-size: 25px;
  598. }
  599. .i {
  600. font-size: 200%;
  601. }
  602. .j {
  603. font-size: -0 5in;
  604. }
  605. BODY {
  606. font-size: 12px;
  607. }
  608. .one {
  609. font: italic small-caps 13pt Helvetica;
  610. }
  611. .two {
  612. font: 150%/150% serif;
  613. }
  614. .three {
  615. font: 150%/150% sans-serif;
  616. }
  617. .four {
  618. font: small/200% cursive;
  619. }
  620. .five {
  621. font: italic small-caps 900 150%/150% sans-serif;
  622. }
  623. .six {
  624. font: italic small-caps 100 150%/300% sans-serif;
  625. }
  626. .seven {
  627. font: italic small-caps 900 150%/2em monospace;
  628. }
  629. .eight {
  630. font: italic small-caps 500 150%/1in sans-serif;
  631. }
  632. .nine {
  633. font: oblique normal 700 18px/200% sans-serif;
  634. }
  635. .ten {
  636. font: normal 400 80%/2.5 sans-serif;
  637. }
  638. SPAN.color {
  639. background-color: silver;
  640. }