Résultats de la validation W3C CSS de http://www.codeblocks.org/downloads/binaries/ (CSS niveau 3 + SVG)

Désolé ! Les erreurs suivantes ont été trouvées : (1)

URI : https://www.codeblocks.org/sass/style.min.cf2eeff825d4dbc673ce0b82d270d9fc32d34973a7d5cd079e0dcf4fe3e77515.css

1 Pseudo-élément ou pseudo-classe ::hover inconnu(e) [hover]

↑ Haut

Avertissements (28)

URI : https://www.codeblocks.org/sass/style.min.cf2eeff825d4dbc673ce0b82d270d9fc32d34973a7d5cd079e0dcf4fe3e77515.css

1 La propriété -webkit-transition est une extension propriétaire
1 La propriété -moz-transition est une extension propriétaire
1 La propriété -ms-transition est une extension propriétaire
1 La propriété -o-transition est une extension propriétaire
1 La propriété -webkit-transition est une extension propriétaire
1 La propriété -moz-transition est une extension propriétaire
1 La propriété -ms-transition est une extension propriétaire
1 La propriété -o-transition est une extension propriétaire
1 La propriété -webkit-transition est une extension propriétaire
1 La propriété -moz-transition est une extension propriétaire
1 La propriété -ms-transition est une extension propriétaire
1 La propriété -o-transition est une extension propriétaire
1 La propriété -webkit-transition est une extension propriétaire
1 La propriété -moz-transition est une extension propriétaire
1 La propriété -ms-transition est une extension propriétaire
1 La propriété -o-transition est une extension propriétaire
1 La propriété -webkit-transition est une extension propriétaire
1 La propriété -moz-transition est une extension propriétaire
1 La propriété -ms-transition est une extension propriétaire
1 La propriété -o-transition est une extension propriétaire
1 La propriété -webkit-transition est une extension propriétaire
1 La propriété -moz-transition est une extension propriétaire
1 La propriété -ms-transition est une extension propriétaire
1 La propriété -o-transition est une extension propriétaire
1 La propriété -webkit-transform est une extension propriétaire
1 La propriété -ms-transform est une extension propriétaire
1 La propriété -webkit-transform est une extension propriétaire
1 La propriété -ms-transform est une extension propriétaire

↑ Haut

Votre feuille de style CSS validée :

* {
box-sizing : border-box;
}
html {
background-color : #f6eb0f;
}
body {
background-color : #fff;
margin : 0;
min-height : 100%;
font-family : raleway, "helvetica neue", sans-serif;
color : #112f41;
font-size : 16px;
}
@media (max-width: 767px) {
body {
line-height : 1.7em;
}
}
ul {
margin-top : -15px;
}
li {
line-height : 1.5em;
}
p::selection {
background-color : #eaedf0;
color : #364049;
}
p {
display : block;
font-weight : 400;
font-size : 1em;
margin-top : 0;
margin-bottom : 15px;
line-height : 1.5em;
text-align : justify;
}
h1, h2, h3, h4, h5 {
font-family : montserrat, "helvetica neue", sans-serif;
letter-spacing : 0.02em;
margin-bottom : 10px;
margin-top : 30px;
line-height : 1.5em;
}
h1 {
font-size : 36px;
font-weight : 600;
}
h2 {
font-size : 30px;
font-weight : 600;
}
h3 {
font-size : 24px;
font-weight : 500;
}
h4 {
font-size : 20px;
font-weight : 500;
}
blockquote {
margin : 0 5px;
font-size : 1em;
line-height : 1.5em;
text-align : justify;
font-style : italic;
}
blockquote:before {
font-family : Georgia, serif;
content : '\201C';
position : absolute;
top : 0.15em;
left : -0.18em;
color : #dce0e5;
font-size : 7em;
z-index : -1;
font-style : italic;
}
header, #content {
height : 100%;
}
figure {
margin : 0;
}
figure img {
margin-bottom : 6px !important ;
}
figure figcaption p {
font-size : 14px;
text-align : center;
}
header {
width : 30%;
background-size : cover;
background-position : 50% 0;
position : fixed;
color : #fcfcfd;
}
header h2 {
font-size : 36px;
font-weight : 600;
}
header .menu {
text-align : left;
}
header .menu p {
margin-bottom : 0;
}
header .socials {
padding : 35px 45px;
bottom : 0;
position : fixed;
border : 0;
max-width : 30%;
}
header .socials .social-link a svg, header .socials a:visited svg, header .socials a:focus svg, header .socials a:active svg {
fill : #fff;
}
header .socials .social-link a:focus svg, header .socials a:active svg, header .socials a:hover svg {
transition : fill 0.7s;
fill : #b9c2cb;
}
header a, header a:link, header a:visited {
color : #fff;
border-bottom : 0;
font-weight : 400;
transition : all 0.25s;
line-height : 1.9em;
}
header a:not(.social-link), header a:link:not(.social-link), header a:visited:not(.social-link) {
border-bottom : 1px dashed #fcfcfd;
}
header a:hover, header a:focus, header a:active {
color : #fd3519;
}
header a:hover:not(.social-link), header a:focus:not(.social-link), header a:active:not(.social-link) {
font-weight : 600;
border-bottom : 1px dashed #fcfcfd;
}
header .intro {
padding : 35px 45px;
position : absolute;
bottom : 140px;
}
header .rounded-logo {
width : 150px;
height : 150px;
border-radius : 50%;
margin-bottom : 40px;
display : block;
box-shadow : 0 0 5px #112f41;
}
@media (min-width: 768px) and (max-width: 1023px) {
header {
width : 40%;
}
header .intro {
bottom : 150px;
}
header .socials {
max-width : 40%;
}
}
@media (max-width: 767px) {
header {
position : relative;
width : 100%;
background : #112f41 !important ;
display : block;
height : auto;
}
header p {
padding-top : 10px;
}
header .socials {
padding : 0 45px 35px;
position : relative;
max-width : inherit;
}
header .rounded-logo {
text-align : center;
margin : 0 auto;
}
header .intro {
bottom : inherit;
display : block;
position : relative;
}
}
#content, .breadcrumb {
max-width : 35em;
margin : 0 auto;
display : block;
}
a {
line-height : 1.6em;
}
a, a:visited, a:link {
text-decoration : none;
color : inherit;
font-weight : 600;
border-bottom : 1px dashed #8494a4;
padding-bottom : 1px;
transition : all 0.2s;
}
a svg, a:visited svg, a:link svg {
fill : inherit;
transition : all 0.2s;
}
a:hover, a:focus, a:active {
color : #fd3519;
text-decoration : none;
font-weight : 600;
border-bottom : 1px dashed #8494a4;
padding-bottom : 1px;
}
a:hover svg, a:focus svg, a:active svg {
fill : #fd3519;
}
.content-wrapper {
padding : 35px 45px;
position : static;
width : 70%;
margin-left : 30%;
float : none;
clear : none;
display : block;
min-height : 88vh;
}
@media (min-width: 768px) and (max-width: 1023px) {
.content-wrapper {
width : 60%;
margin-left : 40%;
}
}
@media (max-width: 767px) {
.content-wrapper {
position : relative;
width : 100%;
margin-left : 0;
}
}
footer {
position : absolute;
width : 70%;
left : 30%;
background-color : #112f41;
color : #fcfcfd;
padding : 35px 45px;
}
footer .footer-wrapper {
max-width : 35em;
margin : 0 auto;
display : block;
}
@media (min-width: 768px) and (max-width: 1023px) {
footer {
width : 60%;
left : 40%;
}
}
@media (max-width: 767px) {
footer {
position : relative;
width : 100%;
left : 0;
}
}
footer p {
margin-bottom : 0;
}
img.gopher {
margin : 0 auto 30px !important ;
max-width : 200px;
}
.small {
font-size : 13px;
}
.active {
font-weight : 500;
}
#content .icon, header .icon {
margin-right : 5px;
display : inline-block;
}
#content .icon svg, header .icon svg {
width : auto;
}
header .icon {
fill : #fff;
margin-right : 10px;
}
#content .icon {
fill : #112f41;
}
#content:not(.portfolio) img {
width : 110%;
display : block;
margin : 0 -5%;
}
.published-date, .reading-time {
display : inline-block;
margin-bottom : 20px;
}
.reading-time {
margin-right : 20px;
}
.img-caption {
margin-bottom : 5px !important ;
}
.portfolio img {
max-width : 100%;
margin-bottom : 30px;
box-shadow : 0 0 5px #112f41;
}
.portfolio .rounded-img {
width : 150px;
height : 150px;
border-radius : 50%;
}
.portfolio .testimonial-list {
margin : 0 auto;
display : flex;
}
.portfolio .testimonial-list .testimonial-container {
display : inline-block;
text-align : center;
}
.portfolio .testimonial-list .testimonial-container .testimonial-name, .portfolio .testimonial-list .testimonial-container .testimonial-role {
text-align : center;
font-weight : 600;
font-size : 18px;
margin-top : -20px;
}
.portfolio .testimonial-list .testimonial-container .testimonial-role {
font-weight : 400;
}
.portfolio .testimonial-list .testimonial-container .testimonial-text {
position : relative;
z-index : 0;
}
.portfolio .portfolio-tags {
margin-top : 6px;
}
.portfolio .portfolio-tags span {
font-weight : 600;
}
.portfolio .portfolio-tags a {
overflow-wrap : break-word;
}
.portfolio .tags {
margin-bottom : 10px;
}
#content .portfolio-list h2 {
margin : 0;
}
#content .portfolio-list a, #content .portfolio-list a:hover, #content .portfolio-list a:link, #content .portfolio-list a:active, #content .portfolio-list a:visited, #content .portfolio-list a:focus {
border-bottom : none;
color : inherit;
}
#content .portfolio-list img {
max-width : 100%;
border-radius : 2px;
display : block;
box-shadow : 0 0 5px #112f41;
margin : inherit;
}
#content .portfolio-list .portfolio-container {
position : relative;
max-width : 35em;
margin-bottom : 30px;
}
#content .portfolio-list .portfolio-container .portfolio-details {
opacity : 0;
display : none;
width : 100%;
padding : 2em 1em;
color : #f6eb0f;
transition : opacity 0.4s ease;
}
#content .portfolio-list .portfolio-container .portfolio-details p, #content .portfolio-list .portfolio-container .portfolio-details h2 {
text-align : center;
margin-bottom : 0;
position : relative;
}
#content .portfolio-list .portfolio-container .img-overlay {
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
height : 100%;
width : 100%;
opacity : 0;
transition : 0.4s ease;
background-color : #112f41;
}
#content .portfolio-list .portfolio-container:hover .img-overlay {
opacity : 0.7;
}
#content .portfolio-list .portfolio-container:hover .portfolio-details {
opacity : 1;
display : block;
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
@media (max-width: 767px) {
#content .portfolio-list .portfolio-container img {
margin-bottom : 0;
}
#content .portfolio-list .portfolio-container .img-overlay {
display : none;
}
#content .portfolio-list .portfolio-container .portfolio-details {
display : block;
opacity : 1;
width : 100%;
padding : 0;
color : #364049;
}
#content .portfolio-list .portfolio-container .portfolio-details h2 {
font-size : 24px;
line-height : 1.5em;
}
#content .portfolio-list .portfolio-container .portfolio-details h2 span {
background-image : linear-gradient(180deg, transparent 60%, #F6EB0F 0);
padding : 0 0.2em;
}
#content .portfolio-list .portfolio-container .portfolio-details p, #content .portfolio-list .portfolio-container .portfolio-details h2 {
text-align : center;
margin-bottom : 0;
position : relative;
}
#content .portfolio-list .portfolio-container:hover .portfolio-details {
transform : none;
position : relative;
left : 0;
}
}
.designs, .techs {
display : inline-block;
}
.designs {
margin-right : 20px;
}
.read-more {
margin-top : -10px;
text-align : right;
display : block;
}
.chroma {
padding : 10px;
}
.chroma {
color : #f8f8f2;
background-color : #272822;
}
.chroma .err {
color : #960050;
background-color : #1e0010;
}
.chroma .lntd {
vertical-align : top;
padding : 0;
margin : 0;
border : 0;
}
.chroma .lntable {
border-spacing : 0;
padding : 0;
margin : 0;
border : 0;
width : auto;
overflow : auto;
display : block;
}
.chroma .hl {
display : block;
width : 100%;
background-color : #ffc;
}
.chroma .lnt {
margin-right : 0.4em;
padding : 0 0.4em;
}
.chroma .ln {
margin-right : 0.4em;
padding : 0 0.4em;
}
.chroma .k {
color : #66d9ef;
}
.chroma .kc {
color : #66d9ef;
}
.chroma .kd {
color : #66d9ef;
}
.chroma .kn {
color : #f92672;
}
.chroma .kp {
color : #66d9ef;
}
.chroma .kr {
color : #66d9ef;
}
.chroma .kt {
color : #66d9ef;
}
.chroma .na {
color : #a6e22e;
}
.chroma .nc {
color : #a6e22e;
}
.chroma .no {
color : #66d9ef;
}
.chroma .nd {
color : #a6e22e;
}
.chroma .ne {
color : #a6e22e;
}
.chroma .nf {
color : #a6e22e;
}
.chroma .nx {
color : #a6e22e;
}
.chroma .nt {
color : #f92672;
}
.chroma .l {
color : #ae81ff;
}
.chroma .ld {
color : #e6db74;
}
.chroma .s {
color : #e6db74;
}
.chroma .sa {
color : #e6db74;
}
.chroma .sb {
color : #e6db74;
}
.chroma .sc {
color : #e6db74;
}
.chroma .dl {
color : #e6db74;
}
.chroma .sd {
color : #e6db74;
}
.chroma .s2 {
color : #e6db74;
}
.chroma .se {
color : #ae81ff;
}
.chroma .sh {
color : #e6db74;
}
.chroma .si {
color : #e6db74;
}
.chroma .sx {
color : #e6db74;
}
.chroma .sr {
color : #e6db74;
}
.chroma .s1 {
color : #e6db74;
}
.chroma .ss {
color : #e6db74;
}
.chroma .m {
color : #ae81ff;
}
.chroma .mb {
color : #ae81ff;
}
.chroma .mf {
color : #ae81ff;
}
.chroma .mh {
color : #ae81ff;
}
.chroma .mi {
color : #ae81ff;
}
.chroma .il {
color : #ae81ff;
}
.chroma .mo {
color : #ae81ff;
}
.chroma .o {
color : #f92672;
}
.chroma .ow {
color : #f92672;
}
.chroma .c {
color : #75715e;
}
.chroma .ch {
color : #75715e;
}
.chroma .cm {
color : #75715e;
}
.chroma .c1 {
color : #75715e;
}
.chroma .cs {
color : #75715e;
}
.chroma .cp {
color : #75715e;
}
.chroma .cpf {
color : #75715e;
}
.chroma .gd {
color : #f92672;
}
.chroma .ge {
font-style : italic;
}
.chroma .gi {
color : #a6e22e;
}
.chroma .gs {
font-weight : 700;
}
.chroma .gu {
color : #75715e;
}
#content, .breadcrumb {
max-width : 50em;
}
.logo-container .rounded-logo {
border-radius : 0 !important ;
box-shadow : none !important ;
}
.intro {
text-shadow : 0 0 8px #333;
}
img[src*="#logo"] {
width : 48px !important ;
display : inline !important ;
margin : 0 0 !important ;
vertical-align : middle;
}
img[src*="project-support.jpg"] {
width : 88px !important ;
height : 32px !important ;
display : inline !important ;
margin : 0 0 !important ;
}
nav {
position : fixed;
width : 70%;
left : 30%;
background-color : #fff;
text-align : right;
font-size : 14px;
}
nav > a {
font-weight : 400 !important ;
padding : 10px;
}
footer .footer-wrapper {
max-width : 50em;
}
.box-info {
display : inline-block;
width : 49%;
padding : 0 1em;
margin-bottom : 30px;
vertical-align : top;
font-size : 14px;
border-radius : 20px;
}
.box-info h4 {
margin-top : 8px;
}
@font-face {
font-family : 'Montserrat';
font-style : normal;
font-weight : 500;
src : url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aX8.ttf) format('truetype');
}
@font-face {
font-family : 'Montserrat';
font-style : normal;
font-weight : 600;
src : url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aX8.ttf) format('truetype');
}
@font-face {
font-family : 'Raleway';
font-style : italic;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/raleway/v28/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMDrMfJQ.ttf) format('truetype');
}
@font-face {
font-family : 'Raleway';
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}
@font-face {
font-family : 'Raleway';
font-style : normal;
font-weight : 600;
src : url(https://fonts.gstatic.com/s/raleway/v28/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrQ.ttf) format('truetype');
}

↑ Haut