|
|
|
|
@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:16px}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;color:#fff;weight:normal}h3{font-family:Roboto-regular;font-size:.8rem;text-transform:uppercase}h3 a{background:#0f0;weight:normal}nav li a{font-family:Roboto-regular;font-size:.9rem;text-transform:uppercase;weight:normal}p{font-family:Roboto-Light;font-size:.8rem;margin-bottom:10px}p a{background:#0f0;weight:normal}.taxonomy a{font-family:Roboto-regular;font-size:.9rem;text-transform:uppercase;weight:normal}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:35px;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 ul{display:-ms-flexbox;display:flex}header ul li{margin:0 35px}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;overflow-y:hidden;width:calc(100% / 3);padding-bottom:5px}#start .item .card .card-image:hover{transition:all .5s;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;top:105%;left:50%;transition:all 1s;transform:translate(-50%,-50%);pointer-events:none;opacity:0}#start .content-item .e-content{display:-ms-flexbox;display:flex}#start .content-item .media{width:calc((100% / 4) * (3))}#start .content-item .content .txt{position:fixed;right:0;overflow-x:auto;width:calc(100% / 4);height:calc(100% - 70px);padding:0 10px 0 20px}#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}
|
|
|
|
|
@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}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}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:35px;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 ul{display:-ms-flexbox;display:flex}header ul li{margin:0 35px}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;overflow-y:hidden;width:calc(100% / 3);padding-bottom:5px}#start .item .card .card-image:hover{transition:all .5s;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;top:105%;left:50%;transition:all 1s;transform:translate(-50%,-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}
|