Topic on Project:Support desk

hi this is part of my css

.regions {
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-bottom-left-radius: 20px;
 color: #fff;
 font-family: Verdana;
 font-size: 14px;
 padding-left: 20px;
 margin-top:-2px;
 background-color: #006699;
 background-image: -moz-linear-gradient(top, #006699, #008FCC);
 background-image: -webkit-gradient(linear,
            left top, left bottom, from(#006699), to(#008FCC));
 filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#006699', EndColorStr='#008FCC', GradientType=0);
} 

when using codeeditor it says this problem

Info: Missing vendor-prefixed CSS gradients for Webkit (Safari 5+, Chrome), Opera 11.1+.

background-image: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#008FCC));

is the old Webkit syntax, while the new is:

background-image: -webkit-linear-gradient(top, #006699, #008FCC);

Hi the the error is the same but instead of saying WebKit it now says old WebKit can I have some help to make it back words compatible my website is at http://simple-random-wikisaur.tk/index.php/MediaWiki:Common.css

I get this error now too

Info: Missing vendor-prefixed CSS gradients for Opera 11.1+

Hi I also get this erro when using this code

#contentSub {
 display:show;
}

Error is Warning: Expected (inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | box | inline-box | grid | inline-grid | none | inherit | -moz-box | -moz-inline-block | -moz-inline-box | -moz-inline-grid | -moz-inline-stack | -moz-inline-table | -moz-grid | -moz-grid-group | -moz-grid-line | -moz-groupbox | -moz-deck | -moz-popup | -moz-stack | -moz-marker | -webkit-box | -webkit-inline-box) but found 'show'.

yes, "show" is incorrect and un-needed. See http://www.w3.org/wiki/CSS/Properties/display

Things that begin with "info" are information only and not warnings or errors.

Things that begin with "info" are information only and not warnings or errors. You can safely ignore them.

Ok thanks

Which one do I use that is like saying show because I carnt find anything that is similer to the word show.

Is display: none being set somewhere? Maybe that is what is causing your problem, since the default is to display the element.

You can set display to any of those other terms and it should show up. The term you use will control how it is displayed, though. You probably want "inline" or "block".

.regions {
 -webkit-border-bottom-left-radius: 20px;
 -moz-border-radius-bottomleft: 20px;
 border-bottom-left-radius: 20px;
 color: #fff;
 font-family: Verdana;
 font-size: 14px;
 padding-left: 20px;
 margin-top:-2px;
 background-color: #006699;
 background-image: -o-linear-gradient(top, #006699, #008FCC);
 background-image: -moz-linear-gradient(top, #006699, #008FCC);
 background-image: -webkit-linear-gradient(top, #006699, #008FCC);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#008FCC));
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#006699', EndColorStr='#008FCC', GradientType=0);
}

Hi thanks.

Hi also get errors when using this

 .mp_header {
  width: 100%;
  clear: both;
  background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png');
  background-color: #333;
  background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png'), -moz-linear-gradient(top, #ddd, #000);
  background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png'), -ms-linear-gradient(top, #ddd, #000);
  background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png'), -o-linear-gradient(top, #ddd, #000);
  background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png'), -webkit-linear-gradient(top, #ddd, #000);
  background-image: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png'), -webkit-gradient(linear,
             left top, left bottom, from(#ddd), to(#000));
  filter: progid:DXImageTransform.Microsoft.Gradient(
             StartColorStr='#ddd', EndColorStr='#000', GradientType=0);
  padding: 1px 10px 1px 10px;
  color: #000;
  border: none;
  margin-bottom:0px;
 }

The error is

Warning: Background image '//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png' was used multiple times, first declared at line 93, col 3.

And

Warning: Using width with padding can sometimes make elements larger than you expect.

And

Info: Values of 0 shouldn't have units specified.

Using 0 instead of 0px as margin-bottom should fix the latest one; IMHO you shouldn't care of the other two.

ok thanks