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