css.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @charset "utf-8";
  2. div {
  3. color: black;
  4. }
  5. div {
  6. width: 99%;
  7. }
  8. * {
  9. min-width: 45em;
  10. }
  11. h1,
  12. h2 > a > p,
  13. h3 {
  14. color: none;
  15. }
  16. div.class {
  17. color: blue;
  18. }
  19. div#id {
  20. color: green;
  21. }
  22. .class#id {
  23. color: purple;
  24. }
  25. .one.two.three {
  26. color: grey;
  27. }
  28. @media print {
  29. * {
  30. font-size: 3em;
  31. }
  32. }
  33. @media screen {
  34. * {
  35. font-size: 10px;
  36. }
  37. }
  38. @font-face {
  39. font-family: 'Garamond Pro';
  40. }
  41. a:hover,
  42. a:link {
  43. color: #999;
  44. }
  45. p,
  46. p:first-child {
  47. text-transform: none;
  48. }
  49. q:lang(no) {
  50. quotes: none;
  51. }
  52. p + h1 {
  53. font-size: 2.2em;
  54. }
  55. #shorthands {
  56. border: 1px solid #000;
  57. font: 12px/16px Arial;
  58. font: 100%/16px Arial;
  59. margin: 1px 0;
  60. padding: 0 auto;
  61. }
  62. #more-shorthands {
  63. margin: 0;
  64. padding: 1px 0 2px 0;
  65. font: normal small / 20px 'Trebuchet MS', Verdana, sans-serif;
  66. font: 0/0 a;
  67. border-radius: 5px / 10px;
  68. }
  69. .misc {
  70. -moz-border-radius: 2px;
  71. display: -moz-inline-stack;
  72. width: 0.1em;
  73. background-color: #009998;
  74. background: -webkit-gradient(linear, left top, left bottom, from(red), to(blue));
  75. margin: ;
  76. filter: alpha(opacity=100);
  77. width: auto\9;
  78. }
  79. .misc .nested-multiple {
  80. multiple-semi-colons: yes;
  81. }
  82. #important {
  83. color: red !important;
  84. width: 100%!important;
  85. height: 20px ! important;
  86. }
  87. @font-face {
  88. font-family: font-a;
  89. }
  90. @font-face {
  91. font-family: font-b;
  92. }
  93. .æøå {
  94. margin: 0;
  95. }