1 line
5.8 KiB
CSS
1 line
5.8 KiB
CSS
@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;line-height:18px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{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;font-weight:400}h2 a{font-family:Roboto-Medium;font-size:1.5rem;font-weight:400;color:#fff}h3{font-family:Roboto-regular;font-size:.8rem;text-transform:uppercase}h3 a{font-weight:400;background:#0f0}nav li a{font-family:Roboto-regular;font-size:.9rem;font-weight:400;text-transform:uppercase}nav a li{font-family:Roboto-regular;font-size:.9rem;font-weight:400;text-transform:uppercase}p{font-family:Roboto-Light;font-size:.8rem;margin-bottom:10px}p a{font-weight:400;background:#0f0}.taxonomy a{font-family:Roboto-regular;font-size:.9rem;font-weight:400;text-transform:uppercase}.news h3{font-family:Roboto-regular;font-weight:400;text-transform:uppercase}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:50px;padding:0 20px;border-bottom:2px solid #000;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between}header h1{margin:auto 0}header nav{margin:auto 0}header nav>ul:nth-child(1)>li:nth-child(1){position:relative;display:-ms-flexbox;display:flex;margin-right:80px}header nav>ul:nth-child(1)>li:nth-child(1):after{position:absolute;right:-25px;display:block;width:15px;height:20px;content:' ';cursor:pointer;transition:all .5s;transform:rotate(0);background-image:url(../images/fleche.svg);background-size:contain}header nav>ul:nth-child(1)>li:nth-child(1).hover:after{transition:all .5s;transform:rotate(180deg)!important}header ul{display:-ms-flexbox;display:flex}header ul li{display:-ms-flexbox;display:flex;height:50px;margin-right:50px;-ms-flex-align:center;align-items:center}header ul.tags{display:none}header ul.visible{position:absolute;z-index:999;top:50px;right:0;display:-ms-flexbox;display:flex;width:auto;border-bottom:2px solid #000;border-left:2px solid #000}header ul.visible a{display:-ms-flexbox;display:flex;width:100px;height:50px}header ul.visible a li{margin:auto}#start{margin-top:50px}#start .item{display:-ms-flexbox;display:flex}#start .item .card{position:relative;overflow-y:hidden;width:calc(100% / 3);padding-bottom:5px}#start .item .card:nth-child(2n+2){margin:0 5px}#start .item .card .card-image:hover{transition:all .6s;background-color:#0f0}#start .item .card .card-image:hover img{transition:all .6s;opacity:.95;mix-blend-mode:multiply}#start .item .card .card-image:hover~.card-title{top:50%;left:50%;transition:all 1s;opacity:1}#start .item .card .card-title{position:absolute;left:50%;transition:all 1s;transform:translateX(-50%);pointer-events:none;opacity:0}#start .content-item .e-content{display:-ms-flexbox;display:flex}#start .content-item .media{width:calc((100% / 3) * 2)}#start .content-item .content .txt{position:fixed;right:0;overflow-x:auto;width:calc(100% / 3);height:calc(100% - 70px);padding:0 30px 0 30px}#start .content-item .content .txt h3{margin:20px 0 10px 0}#start .content-item .content .taxonomy{position:fixed;bottom:0;display:-ms-flexbox;display:flex;width:100%;height:35px;padding:0 10px 0 20px;border-top:2px solid #000;background:#fff}#start .content-item .content .taxonomy span{margin:auto 0}#start .content-item .content .taxonomy span a{margin-left:5px}#start .news{width:calc(100% / 7);height:auto;padding:20px}#start .news h3{margin-bottom:10px;pointer-events:none}#start .about{width:calc(100% / 3);height:auto;padding:20px}#start .about h3{margin-bottom:10px;pointer-events:none} |