You are here

w3c_validator.css in W3C Validator 8

/**
 * Enable collapse/expand if js is enabled on the page
 */
html.js #w3c-report .w3c_validator-wrapper.collapsed .fieldset-wrapper {
  display: none;
}
/* Expand/collapse image for page title */
html.js #w3c-report .w3c_validator-wrapper .page-summary .title {
  background: url("./menu-expanded.png") left 65% no-repeat;
  padding-left: 10px;
}
html.js #w3c-report .w3c_validator-wrapper.collapsed .page-summary .title {
  background: url("./menu-collapsed.png") left 50% no-repeat;
}
html.js #w3c-report .w3c_validator-wrapper .page-summary .title a {
  margin-left: -10px;
  padding-left: 10px;
}

/* Overrides */
#w3c-report .color-warning {
  color: #734c00;
  background-color: #fff9d3;
}


/**
 * Display properly the summary
 */
#w3c-report tr {
  border: 1px solid #bebfb9;
}
#w3c-report tr.color-unknown,
#w3c-report tr.color-outdated {
  background-color: #c4c4bd;
}
#w3c-report .page-summary {
  color: #000;
  font-size: 1.2em;
}
/* ICON */
#w3c-report .page-summary .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  margin-bottom: -3px;
  margin-right: 8px;
}
#w3c-report tr.color-unknown .icon {
  background-image: url(./info-icon.png);
}
#w3c-report tr.color-error .page-summary .icon {
  background-image: url(./error-icon.png);
}
#w3c-report tr.color-warning .page-summary .icon {
  background-image: url(./warning-icon.png);
}
#w3c-report tr.color-status .page-summary .icon {
  background-image: url(./valid-icon.png);
}
/* TITLE */
#w3c-report .page-summary .title {
  width: 70%;
  display: inline-block;
}
/* RESULT */

/* STATUS */
#w3c-report .page-summary .status {
  float: right;
  font-size: 1.2em;
  font-weight: bold;
}
#w3c-report tr.color-error .page-summary .status {
  color: #d23d24;
}
#w3c-report tr.color-status .page-summary .status {
  color: #55b05a;
}
#w3c-report tr.color-warning .page-summary .status {
  color: #cfac08;
}
#w3c-report tr.color-unknown .page-summary .status {
  color: #000;
  font-style: italic;
}

/**
 * Display properly the detailled results.
 */
#w3c-report .analysis-results {
  color: #000;
}
#w3c-report .analysis-results.open {
  margin-top: 1em;
}
/* TITLE */
#w3c-report .analysis-results h2.message {
  color: white;
  margin: 0px;
  text-align: center;
  background-color: #d23d24;
  padding: 0.2em 0px;
}
#w3c-report .analysis-results h2.message.color-warning,
#w3c-report .analysis-results h2.message.color-status {
  background-color: #55b05a;
}
/* REPORT */
#w3c-report .analysis-results .report {
  margin-top: -2px;
}
#w3c-report .analysis-results .report tr {
  line-height: 5px;
  border: 1px solid #bebfb9;
}
#w3c-report .analysis-results .report tr.odd {
  background-color: #fff;
}
#w3c-report .analysis-results .report tr.even {
  background-color: #f3f4ee;
}

/**
 * Error and Warning descriptions.
 */
#w3c-report .analysis-results .message-wrapper {
  background-color: #fff;
  border: 1px solid #eaebee;
  list-style-position: inside;
  padding: 0.7em;
  clear: both;
  margin-bottom: 5px;
}
#w3c-report .analysis-results .message .where {
  font-style: italic;
  margin-right: 1em;
}
#w3c-report .analysis-results .message-wrapper .source {
  font-family: "Lucida Console", Monaco, monospace;
  color: #888;
}
#w3c-report .analysis-results .message-wrapper .source b {
  color: black;
  background-color: #ffff80;
}

File

misc/w3c_validator.css
View source
  1. /**
  2. * Enable collapse/expand if js is enabled on the page
  3. */
  4. html.js #w3c-report .w3c_validator-wrapper.collapsed .fieldset-wrapper {
  5. display: none;
  6. }
  7. /* Expand/collapse image for page title */
  8. html.js #w3c-report .w3c_validator-wrapper .page-summary .title {
  9. background: url("./menu-expanded.png") left 65% no-repeat;
  10. padding-left: 10px;
  11. }
  12. html.js #w3c-report .w3c_validator-wrapper.collapsed .page-summary .title {
  13. background: url("./menu-collapsed.png") left 50% no-repeat;
  14. }
  15. html.js #w3c-report .w3c_validator-wrapper .page-summary .title a {
  16. margin-left: -10px;
  17. padding-left: 10px;
  18. }
  19. /* Overrides */
  20. #w3c-report .color-warning {
  21. color: #734c00;
  22. background-color: #fff9d3;
  23. }
  24. /**
  25. * Display properly the summary
  26. */
  27. #w3c-report tr {
  28. border: 1px solid #bebfb9;
  29. }
  30. #w3c-report tr.color-unknown,
  31. #w3c-report tr.color-outdated {
  32. background-color: #c4c4bd;
  33. }
  34. #w3c-report .page-summary {
  35. color: #000;
  36. font-size: 1.2em;
  37. }
  38. /* ICON */
  39. #w3c-report .page-summary .icon {
  40. display: inline-block;
  41. width: 16px;
  42. height: 16px;
  43. background-repeat: no-repeat;
  44. margin-bottom: -3px;
  45. margin-right: 8px;
  46. }
  47. #w3c-report tr.color-unknown .icon {
  48. background-image: url(./info-icon.png);
  49. }
  50. #w3c-report tr.color-error .page-summary .icon {
  51. background-image: url(./error-icon.png);
  52. }
  53. #w3c-report tr.color-warning .page-summary .icon {
  54. background-image: url(./warning-icon.png);
  55. }
  56. #w3c-report tr.color-status .page-summary .icon {
  57. background-image: url(./valid-icon.png);
  58. }
  59. /* TITLE */
  60. #w3c-report .page-summary .title {
  61. width: 70%;
  62. display: inline-block;
  63. }
  64. /* RESULT */
  65. /* STATUS */
  66. #w3c-report .page-summary .status {
  67. float: right;
  68. font-size: 1.2em;
  69. font-weight: bold;
  70. }
  71. #w3c-report tr.color-error .page-summary .status {
  72. color: #d23d24;
  73. }
  74. #w3c-report tr.color-status .page-summary .status {
  75. color: #55b05a;
  76. }
  77. #w3c-report tr.color-warning .page-summary .status {
  78. color: #cfac08;
  79. }
  80. #w3c-report tr.color-unknown .page-summary .status {
  81. color: #000;
  82. font-style: italic;
  83. }
  84. /**
  85. * Display properly the detailled results.
  86. */
  87. #w3c-report .analysis-results {
  88. color: #000;
  89. }
  90. #w3c-report .analysis-results.open {
  91. margin-top: 1em;
  92. }
  93. /* TITLE */
  94. #w3c-report .analysis-results h2.message {
  95. color: white;
  96. margin: 0px;
  97. text-align: center;
  98. background-color: #d23d24;
  99. padding: 0.2em 0px;
  100. }
  101. #w3c-report .analysis-results h2.message.color-warning,
  102. #w3c-report .analysis-results h2.message.color-status {
  103. background-color: #55b05a;
  104. }
  105. /* REPORT */
  106. #w3c-report .analysis-results .report {
  107. margin-top: -2px;
  108. }
  109. #w3c-report .analysis-results .report tr {
  110. line-height: 5px;
  111. border: 1px solid #bebfb9;
  112. }
  113. #w3c-report .analysis-results .report tr.odd {
  114. background-color: #fff;
  115. }
  116. #w3c-report .analysis-results .report tr.even {
  117. background-color: #f3f4ee;
  118. }
  119. /**
  120. * Error and Warning descriptions.
  121. */
  122. #w3c-report .analysis-results .message-wrapper {
  123. background-color: #fff;
  124. border: 1px solid #eaebee;
  125. list-style-position: inside;
  126. padding: 0.7em;
  127. clear: both;
  128. margin-bottom: 5px;
  129. }
  130. #w3c-report .analysis-results .message .where {
  131. font-style: italic;
  132. margin-right: 1em;
  133. }
  134. #w3c-report .analysis-results .message-wrapper .source {
  135. font-family: "Lucida Console", Monaco, monospace;
  136. color: #888;
  137. }
  138. #w3c-report .analysis-results .message-wrapper .source b {
  139. color: black;
  140. background-color: #ffff80;
  141. }