testsuite.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. /* for testing opacity set in styles in IE */
  2. ol#empty {
  3. opacity: 0;
  4. filter:Alpha(opacity=0) progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff0000', EndColorStr='#ffffffff');
  5. }
  6. div#fx-tests h4 {
  7. background: red;
  8. }
  9. div#fx-tests h4.pass {
  10. background: green;
  11. }
  12. div#fx-tests div.box {
  13. background: red;
  14. overflow: hidden;
  15. border: 2px solid #000;
  16. }
  17. div#fx-tests div.overflow {
  18. overflow: visible;
  19. }
  20. div.inline {
  21. display: inline;
  22. }
  23. div.autoheight {
  24. height: auto;
  25. }
  26. div.autowidth {
  27. width: auto;
  28. }
  29. div.autoopacity {
  30. opacity: auto;
  31. }
  32. div.largewidth {
  33. width: 100px;
  34. }
  35. div.largeheight {
  36. height: 100px;
  37. }
  38. div.largeopacity {
  39. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  40. }
  41. div.medwidth {
  42. width: 50px;
  43. }
  44. div.medheight {
  45. height: 50px;
  46. }
  47. div.medopacity {
  48. opacity: 0.5;
  49. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  50. }
  51. div.nowidth {
  52. width: 0px;
  53. }
  54. div.noheight {
  55. height: 0px;
  56. }
  57. div.noopacity {
  58. opacity: 0;
  59. filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  60. }
  61. div.hidden {
  62. display: none;
  63. }
  64. div#fx-tests div.widewidth {
  65. background-repeat: repeat-x;
  66. }
  67. div#fx-tests div.wideheight {
  68. background-repeat: repeat-y;
  69. }
  70. div#fx-tests div.widewidth.wideheight {
  71. background-repeat: repeat;
  72. }
  73. div#fx-tests div.noback {
  74. background-image: none;
  75. }
  76. .chain-test,
  77. .chain-test div {
  78. width: 100px;
  79. height: 20px;
  80. position: relative;
  81. float: left;
  82. }
  83. .chain-test div {
  84. position: absolute;
  85. top: 0;
  86. left: 0;
  87. }
  88. .chain-test {
  89. background: red;
  90. }
  91. .chain-test div {
  92. background: green;
  93. }
  94. .chain-test-out {
  95. background: green;
  96. }
  97. .chain-test-out div {
  98. background: red;
  99. display: none;
  100. }
  101. /* tests to ensure jQuery can determine the native display mode of elements
  102. that have been set as display: none in stylesheets */
  103. div#show-tests * { display: none; }
  104. #nothiddendiv { font-size: 16px; }
  105. #nothiddendivchild.em { font-size: 2em; }
  106. #nothiddendivchild.prct { font-size: 150%; }
  107. /* For testing type on vml in IE #7071 */
  108. v\:oval { behavior:url(#default#VML); display:inline-block; }
  109. /* 8099 changes to default styles are read correctly */
  110. tt { display: none; }
  111. sup { display: none; }
  112. dfn { display: none; }
  113. /* #9239 Attach a background to the body( avoid crashes in removing the test element in support ) */
  114. body, div { background: url(http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif) no-repeat -1000px 0; }
  115. /* #6652 REMOVE FILTER:ALPHA(OPACITY=100) AFTER ANIMATION */
  116. #t6652 div { filter: alpha(opacity=50); }
  117. /* #10501 */
  118. section { background:#f0f; display:block; }
  119. /* #11971 */
  120. #foo { background: url(1x1.jpg) right bottom no-repeat; }
  121. #display { display: list-item !important; }