Page 1 of 1

CSS validation

Posted: Thu Jul 18, 2019 12:29 pm
by Tata
In xhstyles.css, there is e.g.

Code: Select all

...
    background-position: 10px 10px;
    -moz-border-radius:4px; /* Firefox */
    -webkit-border-radius:4px; /* Safari, Chrome */
    -khtml-border-radius:4px; /* Konqueror */
...
Using https://jigsaw.w3.org/css-validator/ I get the warning
Warnings (3)
URI : https://www.cmsimple.sk/table_xh/assets ... styles.css
884 -moz-border-radius is an unknown vendor extension
885 -webkit-border-radius is an unknown vendor extension
886 -khtml-border-radius is an unknown vendor extension
How is it with these vendors' extensions? Are they still necessary?

Re: CSS validation

Posted: Thu Jul 18, 2019 1:03 pm
by lck
Tata wrote:
Thu Jul 18, 2019 12:29 pm
How is it with these vendors' extensions? Are they still necessary?
Probably this information comes from a plugin (?).

No, not necessary. https://caniuse.com/#search=border-radius or http://shouldiprefix.com/#border-radius

Re: CSS validation

Posted: Fri Jul 19, 2019 3:37 pm
by cmb
lck wrote:
Thu Jul 18, 2019 1:03 pm
Probably this information comes from a plugin (?).
Yes, hi_updatecheck.
Not sure if we can drop support for Firefox 3.6. ;)

Re: CSS validation

Posted: Fri Jul 19, 2019 4:39 pm
by Tata
I have found it both in /assets/css/xhstyles.css (this looks like the css_code from hi_updatecheck)

Code: Select all

/*
 * Automatically created by CMSimple_XH. DO NOT MODIFY!
 * elfinder_xh,fa,filebrowser,hi_updatecheck,jquery,meta_tags,morepagedata,pagemanager,page_params,tinymce4
 */


/****************************************************** ./assets/css/core.css */
...
/*** Messageboxes ***/
.upd_info, .upd_success, .upd_warning, .upd_error {
    min-width: 220px;
    max-width: 440px;
    display: inline-block;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    /*background-position: 10px center;*/
    background-position: 10px 10px;
    -moz-border-radius:4px; /* Firefox */
    -webkit-border-radius:4px; /* Safari, Chrome */
    -khtml-border-radius:4px; /* Konqueror */
    border-radius:4px; /* CSS3 */
}
...