CSS Validator Alteration

Alex Ross <[email protected]> Tue, 7 Jun 2011 17:20:12 -0600

Newsgroups	gmane.org.w3c.validator.css
Message-ID	<[email protected]>

Hi, I'm Alex Ross and I've found it quite irritating when it comes to
vendor specs that don't validate, even with vendor extensions declared
as warnings only.

A prime example is the attached CSS file: screen.css (2082 bytes) as
mime-type text/css

The validator declares any MSIE gradients as errors and also gives
warnings about -moz-*, -khtml-*, -webkit-*, and -ms-*

I like to cater to all web browsers (I don't support IE < 7) and I
follow all the latest web standards and initiatives provided by both
the web developing community and by the vendors.

I would like to assist in any way I can towards keeping the W3C Jigsaw
CSS Validator up to date on all initiatives and web standards.

screen.css (text/css, 2 KB)

@import url("/css/floating.css");
html, body
 {
  background: #C0C0C0;
  color: #000;
  text-align: left;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: "Times New Roman";
 }
html, body, img
 {
  padding: 0px;
  margin: 0px;
 }
img
 {
  border: 0px;
 }
.error
 {
  padding: 10px;
  margin: 5px;
  border: 3px solid #FF0;
  display: block;
  width: 40%;
 }
.error, .error a
 {
  background: #000;
  color: #CCC;
  font-weight: bold;
  font-family: "Courier New";
 }
#page
 {
  min-width: 800px;
  width: 90%;
  margin: 10px auto;
  margin-top: 90px;
  padding: 10px;
  display: block;
  background: #EEEEE0;
  position: relative;
  z-index: 1;
 }
#logo-fill
 {
  background: #EEEEE0 url("/image.sid?q=logo-c.png") repeat-x;
  height: 100px;
  margin: 0px 10px;
 }
#logo-r
 {
  float: right;
 }
#logo-l
 {
  float: left;
 }
#nav
 {
  overflow: hidden;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
 }
#nav, #nav ul
 {
  margin: 0px 10px;
  padding: 0px;
 }
#nav, #nav li
 {
  background: #EEEEE0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEE0');
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEEEE0));
  background: -moz-linear-gradient(top,  #FFF,  #EEEEE0);
 }
#nav li
 {
  display: inline;
  list-style-type: none;
  float: left;
  padding: 20px;
  font-weight: bold;
  color: #F00;
 }
#nav a
 {
  text-decoration: none;
  font-weight: bold;
  color: #000;
 }
#nav a:hover
 {
  text-decoration: underline;
  color: #F00;
 }
#foot
 {
  text-align: center;
 }
.shadow, #page
 {
  -moz-box-shadow: 3px 3px 4px #000;
  -webkit-box-shadow: 3px 3px 4px #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  box-shadow: 3px 3px 4px #000;
 }
.round, #page
 {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
 }