W3C CSS Validator results for http://www.medes.org.uk/ (CSS level 2.1)

Sorry! We found the following errors (76)

URI : https://www.edwards-uk.com/

3 * Property box-sizing doesn't exist in CSS level 2.1 but exists in [css3] : border-box
6 body:before Property background-size doesn't exist in CSS level 2.1 but exists in [css3] : cover
7 .component Value Error : background rgba(0,0,0,0.25) can not be used with this version of CSS : css21 )
8 .component > h2 Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.1
9 .cn-button Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 50%
10 .csstransforms .cn-wrapper Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 50%
10 .csstransforms .cn-wrapper Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0
10 .csstransforms .cn-wrapper Property transition doesn't exist in CSS level 2.1 but exists in [css3] : all 0.3s ease 0.3s
10 .csstransforms .cn-wrapper Property transform doesn't exist in CSS level 2.1 but exists in [css3] : scale(0.1)
10 .csstransforms .cn-wrapper Property pointer-events doesn't exist : none
11 .csstransforms .cn-wrapper:after Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 50%
11 .csstransforms .cn-wrapper:after Value Error : color transparent is not a color value : transparent
12 .csstransforms .opened-nav Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 50%
12 .csstransforms .opened-nav Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 1
12 .csstransforms .opened-nav Property transition doesn't exist in CSS level 2.1 but exists in [css3] : all 0.3s ease
12 .csstransforms .opened-nav Property transform doesn't exist in CSS level 2.1 but exists in [css3] : scale(1)
12 .csstransforms .opened-nav Property pointer-events doesn't exist : auto
13 .csstransforms .cn-wrapper li Property transition doesn't exist in CSS level 2.1 but exists in [css3] : all 0.3s ease
13 .csstransforms .cn-wrapper li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(76deg) skew(60deg)
13 .csstransforms .cn-wrapper li Property transform-origin doesn't exist in CSS level 2.1 but exists in [css3] : 100% 100%
13 .csstransforms .cn-wrapper li Property pointer-events doesn't exist : none
14 .csstransforms .cn-wrapper li a Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 50%
14 .csstransforms .cn-wrapper li a Property transform doesn't exist in CSS level 2.1 but exists in [css3] : skew(-60deg) rotate(-75deg) scale(1)
14 .csstransforms .cn-wrapper li a Property backface-visibility doesn't exist in CSS level 2.1 but exists in [css3] : hidden
14 .csstransforms .cn-wrapper li a Property pointer-events doesn't exist : auto
18 .csstransforms .cn-wrapper li a:hover, .csstransforms .cn-wrapper li a:active, .csstransforms .cn-wrapper li a:focus Value Error : background radial-gradient(transparent 35%,#687068 35%) can not be used with this version of CSS : css21 )
20 .csstransforms .opened-nav li Property transition doesn't exist in CSS level 2.1 but exists in [css3] : all 0.3s ease 0.3s
21 .csstransforms .opened-nav li:first-child Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(-21deg) skew(60deg)
22 Unknown pseudo-element or pseudo-class :nth-child
22 .csstransforms .opened-nav li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(11deg) skew(60deg)
23 Unknown pseudo-element or pseudo-class :nth-child
23 .csstransforms .opened-nav li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(43deg) skew(60deg)
24 Unknown pseudo-element or pseudo-class :nth-child
24 .csstransforms .opened-nav li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(75deg) skew(60deg)
25 Unknown pseudo-element or pseudo-class :nth-child
25 .csstransforms .opened-nav li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(107deg) skew(60deg)
26 Unknown pseudo-element or pseudo-class :nth-child
26 .csstransforms .opened-nav li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(139deg) skew(60deg)
27 Unknown pseudo-element or pseudo-class :nth-child
27 .csstransforms .opened-nav li Property transform doesn't exist in CSS level 2.1 but exists in [css3] : rotate(171deg) skew(60deg)
38 Mediarestrictor not defined in this CSS level screen and (max-width:620px){.no-csstransforms li{width:4em;height:4em;line-height:4em;} }
38 In CSS2, the media type in @media is mandatory
41 Mediarestrictor not defined in this CSS level screen and (max-width:500px){.no-ccstransforms .cn-wrapper{padding:.5em;} .no-csstransforms .cn-wrapper li{width:4em;height:4em;font-size:.9em;line-height:4em;} }
41 In CSS2, the media type in @media is mandatory
44 Mediarestrictor not defined in this CSS level screen and (max-width:480px){.csstransforms .cn-wrapper{font-size:.68em;} .cn-button{font-size:1em;} }
44 In CSS2, the media type in @media is mandatory
46 Mediarestrictor not defined in this CSS level screen and (max-width:420px){.no-csstransforms .cn-wrapper li{width:100%;height:3em;line-height:3em;} }
46 In CSS2, the media type in @media is mandatory
53 Mediarestrictor not defined in this CSS level screen and (max-width:600px){.brand{width:100%;padding-right:10px;padding-left:10px;position:relative;height:auto;overflow:hidden;display:inline-block;} .brand img{max-width:35%;height:auto;} }
53 In CSS2, the media type in @media is mandatory
54 .Page Value Error : background rgba(255,255,255,0.7) can not be used with this version of CSS : css21 )
54 .Page Property border-radius doesn't exist in CSS level 2.1 but exists in [css3] : 25px
54 .Page Property box-shadow doesn't exist in CSS level 2.1 but exists in [css3] : 0 0 5px 2px #E8E8E8
56 @import are not allowed after any valid statement other than @charset and @import. @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
56 Value Error : font-family Property font-family doesn't exist in CSS level 2.1 but exists in [css1, css2, css3] : 'codropsicons'
56 Property src doesn't exist : url("fonts/codropsicons/codropsicons.eot")
59 Property src doesn't exist : url("fonts/codropsicons/codropsicons.eot?#iefix") format('embedded-opentype'),url("fonts/codropsicons/codropsicons.woff") format('woff'),url("fonts/codropsicons/codropsicons.ttf") format('truetype'),url("fonts/codropsicons/codropsicons.svg#codropsicons") format('svg')
59 Value Error : font-weight Property font-weight doesn't exist in CSS level 2.1 but exists in [css1, css2, css3] : normal
59 Value Error : font-style Property font-style doesn't exist in CSS level 2.1 but exists in [css1, css2, css3] : normal
64 .container > header Value Error : background rgba(0,0,0,0.01) can not be used with this version of CSS : css21 )
67 .container > header span Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.7
71 Mediarestrictor not defined in this CSS level screen and (max-width:600px){.container .Page section{padding:2em;font-size:1.9em;max-width:50em;margin:0 auto;} .container .Page section p{padding:0.8em 0;font-weight:bolder;line-height:normal;color:#000;font-size:12px;text-align:left;} .container .Page section ul{padding:0.8em 0;font-weight:bolder;line-height:normal;color:#000;font-size:14px;text-align:left;} }
71 In CSS2, the media type in @media is mandatory
75 Mediarestrictor not defined in this CSS level screen and (min-width:601px){.container .Page section{padding:2em;font-size:1.9em;max-width:50em;margin:0 auto;} .container .Page section p{padding:0.8em 0;font-weight:bold;line-height:normal;color:#000;font-size:30px;text-align:left;} .container .Page section ul{padding:0.8em 0;font-weight:bolder;line-height:normal;color:#000;font-size:18px;text-align:left;} }
75 In CSS2, the media type in @media is mandatory
81 Unknown pseudo-element or pseudo-class :not
82 h1 Value Error : font-size vw is an incorrect unit 6vw
82 hr Property box-sizing doesn't exist in CSS level 2.1 but exists in [css3] : content-box
82 Unknown pseudo-element or pseudo-class :root
82 Unknown pseudo-element or pseudo-class :not
82 input[type="checkbox"], input[type="radio"] Property box-sizing doesn't exist in CSS level 2.1 but exists in [css3] : border-box
82 input[type="search"] Property box-sizing doesn't exist in CSS level 2.1 but exists in [css3] : content-box
82 The pseudo-element ::-webkit-search-cancel-button can't appear here in the context css21 [-webkit-search-cancel-button]
82 The pseudo-element ::-webkit-search-decoration can't appear here in the context css21 [-webkit-search-decoration]
82 The pseudo-element ::-moz-focus-inner can't appear here in the context css21 [-moz-focus-inner]
82 The pseudo-element ::-moz-focus-inner can't appear here in the context css21 [-moz-focus-inner]

↑ Top

Warnings (60)

URI : https://www.edwards-uk.com/

3 -moz-box-sizing is a vendor extension
6 -webkit-background-size is a vendor extension
6 -moz-background-size is a vendor extension
6 -o-background-size is a vendor extension
9 -webkit-backface-visibility is a vendor extension
10 -webkit-transition is a vendor extension
10 -moz-transition is a vendor extension
10 -webkit-transform is a vendor extension
10 -ms-transform is a vendor extension
10 -moz-transform is a vendor extension
12 -webkit-transition is a vendor extension
12 -moz-transition is a vendor extension
12 -webkit-transform is a vendor extension
12 -moz-transform is a vendor extension
12 -ms-transform is a vendor extension
13 -webkit-transition is a vendor extension
13 -moz-transition is a vendor extension
13 -webkit-transform is a vendor extension
13 -moz-transform is a vendor extension
13 -ms-transform is a vendor extension
13 -webkit-transform-origin is a vendor extension
13 -moz-transform-origin is a vendor extension
14 -webkit-radial-gradient(transparent 35%,#7cf 35%) is a vendor extension
14 -webkit-transform is a vendor extension
14 -moz-transform is a vendor extension
14 -ms-transform is a vendor extension
14 -webkit-backface-visibility is a vendor extension
18 -webkit-radial-gradient(transparent 35%,#687068 35%) is a vendor extension
18 -moz-radial-gradient(transparent 35%,#687068 35%) is a vendor extension
20 -webkit-transition is a vendor extension
20 -moz-transition is a vendor extension
21 -webkit-transform is a vendor extension
21 -moz-transform is a vendor extension
21 -ms-transform is a vendor extension
22 -webkit-transform is a vendor extension
22 -moz-transform is a vendor extension
22 -ms-transform is a vendor extension
23 -webkit-transform is a vendor extension
23 -moz-transform is a vendor extension
23 -ms-transform is a vendor extension
24 -webkit-transform is a vendor extension
24 -moz-transform is a vendor extension
24 -ms-transform is a vendor extension
25 -webkit-transform is a vendor extension
25 -moz-transform is a vendor extension
25 -ms-transform is a vendor extension
26 -webkit-transform is a vendor extension
26 -moz-transform is a vendor extension
26 -ms-transform is a vendor extension
27 -webkit-transform is a vendor extension
27 -moz-transform is a vendor extension
27 -ms-transform is a vendor extension
59 No declarations in the rule
82 -ms-text-size-adjust is a vendor extension
82 -webkit-text-size-adjust is a vendor extension
82 -moz-box-sizing is a vendor extension
82 -webkit-appearance is a vendor extension
82 -webkit-appearance is a vendor extension
82 -moz-box-sizing is a vendor extension
82 -webkit-box-sizing is a vendor extension

↑ Top

Valid CSS information

* {
position : relative;
margin : 0;
padding : 0;
list-style : none;
}
html, body {
height : 100%;
}
body:before {
color : #CC0033;
content : "";
display : block;
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-repeat : no-repeat;
background-position : center center;
z-index : -100;
background-image : url(Images/London1.fw.jpg);
}
.component {
position : relative;
margin-bottom : 3em;
height : 15em;
font-family : 'Lato', Arial, sans-serif;
}
.component > h2 {
position : absolute;
overflow : hidden;
width : 100%;
text-align : center;
text-transform : uppercase;
white-space : nowrap;
font-weight : 300;
font-style : italic;
font-size : 12em;
cursor : default;
}
.cn-button {
position : absolute;
top : 100%;
left : 50%;
z-index : 11;
margin-top : -2.25em;
margin-left : -2.25em;
padding-top : 0;
width : 4.5em;
height : 4.5em;
border : none;
background : none;
background-color : #999999;
color : #333333;
text-align : center;
font-weight : 700;
font-size : 1.5em;
text-transform : uppercase;
cursor : pointer;
}
.csstransforms .cn-wrapper {
position : absolute;
top : 100%;
left : 50%;
z-index : 10;
margin-top : -13em;
margin-left : -13.5em;
width : 27em;
height : 27em;
background : transparent;
overflow : hidden;
}
.csstransforms .cn-wrapper:after {
content : ".";
display : block;
font-size : 2em;
width : 6.2em;
height : 6.2em;
position : absolute;
left : 50%;
margin-left : -3.1em;
top : 50%;
margin-top : -3.1em;
z-index : 10;
}
.csstransforms .cn-wrapper li {
position : absolute;
top : 50%;
left : 50%;
overflow : hidden;
margin-top : -1.3em;
margin-left : -10em;
width : 10em;
height : 10em;
font-size : 1.5em;
}
.csstransforms .cn-wrapper li a {
position : absolute;
right : -7.25em;
bottom : -7.25em;
display : block;
width : 14.5em;
height : 14.5em;
background : #595959;
color : #fff;
text-align : center;
text-decoration : none;
font-size : 1.2em;
line-height : 2;
}
.csstransforms .cn-wrapper li a span {
position : relative;
top : 0.5em;
display : block;
font-size : 0.4em;
font-weight : 700;
text-transform : uppercase;
}
.csstransforms .cn-wrapper li a:focus {
position : fixed;
}
.no-csstransforms .cn-wrapper ul {
display : inline-block;
}
.no-csstransforms .cn-wrapper li {
float : left;
width : 5em;
height : 5em;
background-color : #fff;
text-align : center;
font-size : 1em;
line-height : 5em;
}
.no-csstransforms .cn-wrapper li a {
display : block;
width : 100%;
height : 100%;
color : inherit;
text-decoration : none;
}
.no-csstransforms .cn-wrapper li a:hover, .no-csstransforms .cn-wrapper li a:active, .no-csstransforms .cn-wrapper li a:focus {
background-color : #f8f8f8;
}
.no-csstransforms .cn-wrapper li.active a {
background-color : #242D24;
color : #fff;
}
.no-csstransforms .cn-button {
display : none;
}
.marks {
width : 100%;
padding-right : 10px;
padding-left : 10px;
position : relative;
height : 150px;
overflow : hidden;
display : inline-block;
}
.marks img {
max-width : 100%;
height : auto;
}
.brand {
width : 95%;
padding-right : 10px;
padding-left : 10px;
position : relative;
height : auto;
overflow : hidden;
display : inline-block;
}
.brand img {
height : auto;
width : 20%;
}
.Page {
width : 80%;
background : #E8E8E8;
display : inline-block;
margin-top : 20px;
margin-bottom : 20px;
}
@font-face {
}
body {
font-family : 'Lato', Arial, sans-serif;
}
a, button {
outline : none;
}
a {
text-decoration : none;
}
.container {
text-align : center;
}
.container > header {
margin : 0 auto;
padding : 0.2em;
text-align : center;
}
.container > header h1 {
font-size : 4em;
line-height : 1.3;
margin : 0;
font-weight : 300;
}
.container > header h1 a {
color : inherit;
}
.container > header span {
display : block;
font-size : 60%;
padding : 0 0 0.6em 0.1em;
font-weight : 100;
font-family : 'Lato', Arial, sans-serif;
}
.cookies a span {
text-decoration : none;
color : inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display : block;
}
audio, canvas, video {
display : inline-block;
}
[hidden] {
display : none;
}
html {
font-family : sans-serif;
}
body {
margin : 0;
}
a:focus {
outline : thin dotted;
}
a:active, a:hover {
outline : 0;
}
h1 {
margin : 0.67em 0;
text-align : center;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : bold;
}
dfn {
font-style : italic;
}
hr {
height : 0;
}
mark {
background : #ff0;
color : #000;
}
code, kbd, pre, samp {
font-family : monospace, serif;
font-size : 1em;
}
pre {
white-space : pre-wrap;
}
q {
quotes : "\201C" "\201D" "\2018" "\2019";
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
figure {
margin : 0;
}
fieldset {
border : #c0c0c0 solid 1px;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
legend {
border : 0;
padding : 0;
}
button, input, select, textarea {
font-family : inherit;
font-size : 100%;
margin : 0;
}
button, input {
line-height : normal;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input[type="checkbox"], input[type="radio"] {
padding : 0;
}
textarea {
overflow : auto;
vertical-align : top;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
img {
border : 0;
}
.container header h1 span {
margin : 0;
padding : 0;
}
.HPtext {
text-align : center;
display : block;
clear : both;
float : none;
width : 100%;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
font-size : 1.2em;
padding-top : 25px;
}
.HPtext a {
color : #009900;
}

↑ Top