img green hover

This commit is contained in:
2018-08-21 11:21:51 +02:00
parent 0cd1042973
commit 86273530e4
8 changed files with 20 additions and 13 deletions
+1 -1
View File
@@ -1 +1 @@
{"01-08-2018":19,"02-08-2018":424,"20-08-2018":102}
{"01-08-2018":19,"02-08-2018":424,"20-08-2018":112,"21-08-2018":37}
+1 -1
View File
@@ -1 +1 @@
{"08-2018":545}
{"08-2018":592}
+1 -1
View File
@@ -1 +1 @@
{"\/":234,"\/projets":99,"\/news":79,"\/a-propros":11,"\/projets-n-1":1,"\/projets\/projets-n-1":113,"\/projets\/projet-n-2":8}
{"\/":276,"\/projets":99,"\/news":81,"\/a-propros":13,"\/projets-n-1":1,"\/projets\/projets-n-1":114,"\/projets\/projet-n-2":8}
+1 -1
View File
@@ -1 +1 @@
{"4b84b15bff6ee5796152495a230e45e3d7e947d9":1534769688}
{"4b84b15bff6ee5796152495a230e45e3d7e947d9":1534843289}
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1 +1 @@
@font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:auto;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}h1 a{font-family:Roboto-regular;font-size:1rem}h2 a{font-family:Roboto-Medium;font-size:1.5rem}nav li a{font-family:Roboto-regular;font-size:.9rem;text-transform:uppercase}p{font-family:Roboto-Light;font-size:.8rem}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:35px;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between}header ul{display:-ms-flexbox;display:flex}header ul.tags{display:none}header ul.visible{display:-ms-flexbox;display:flex}#start{margin-top:35px}#start .item{display:-ms-flexbox;display:flex}#start .item .card{position:relative;width:calc(100% / 3)}#start .item .card .card-image:hover{transition:all 1s;opacity:.95;mix-blend-mode:multiply;filter:contrast(10) grayscale(1)}#start .item .card .card-title{position:absolute;top:50%;left:50%;transform:translateX(-50%)}#start #items .content-item .e-content{display:-ms-flexbox;display:flex}#start #items .content-item .media{width:calc((100% / 3) + (100% / 3))}#start #items .content-item .txt{position:fixed;right:0;width:calc(100% / 3);height:100%}#start #items .content-item .txt .taxonomy{position:fixed;bottom:0}
@font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:auto;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}h1 a{font-family:Roboto-regular;font-size:1rem}h2 a{font-family:Roboto-Medium;font-size:1.5rem;color:#fff}nav li a{font-family:Roboto-regular;font-size:.9rem;text-transform:uppercase}p{font-family:Roboto-Light;font-size:.8rem}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:35px;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between}header ul{display:-ms-flexbox;display:flex}header ul.tags{display:none}header ul.visible{display:-ms-flexbox;display:flex}#start{margin-top:35px}#start .item{display:-ms-flexbox;display:flex}#start .item .card{position:relative;width:calc(100% / 3)}#start .item .card .card-image{background-color:#0f0}#start .item .card .card-image img{transition:all .6s;opacity:.95;mix-blend-mode:multiply}#start .item .card .card-title{position:absolute;top:50%;left:50%;transform:translateX(-50%)}#start #items .content-item .e-content{display:-ms-flexbox;display:flex}#start #items .content-item .media{width:calc((100% / 3) + (100% / 3))}#start #items .content-item .txt{position:fixed;right:0;width:calc(100% / 3);height:100%}#start #items .content-item .txt .taxonomy{position:fixed;bottom:0}
+9 -5
View File
@@ -5,11 +5,15 @@
.card{
position: relative;
width: calc(100% / 3);
.card-image:hover{
transition: all 1s;
mix-blend-mode: multiply;
filter: contrast(10) grayscale(1);
opacity: .95;
.card-image{
background-color: rgb(0, 255, 0);
img{
transition: all .6s;
mix-blend-mode: multiply;
// filter: contrast(10) grayscale(1);
opacity: .95;
}
}
.card-title{
position: absolute;
@@ -8,6 +8,7 @@ h1{
h2{
a{
font-family:$roboto_medium;
color: white;
font-size:1.5rem;
}
}