Team:Shenzhen BGIC 0101/css/frontpagecss

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}.next{right:-120px;left:auto;}.slider-wrap .next:after{border-top:2px solid #000;border-right:2px solid #000;border-left:none;border-bottom:none;right:40%;left:auto;}@media screen and (max-width: 1200px){.slider-wrap .next,.slider-wrap .prev{display:none !important;}}video-wrap .player-wrap video{width:100%;display:block;}#tour{z-index:1;position:relative;padding:80px;position:relative;z-index:1;padding-top:0;min-height:800px;background-image:url(https://static.igem.org/mediawiki/2013/7/7a/Patternge.png);background-repeat:repeat-x;background-position:center bottom;margin-top:-50px;padding-top:80px;}@media screen and (max-width: 1200px){#tour{padding-left:30px;padding-right:30px;}}#img-slider,#text-slider{height:600px;margin-top:150px;position:relative;}#img-slider .slide,#text-slider .slide{width:100%;background:#fff;position:absolute;}#img-slider .slide .img,#text-slider .slide .img{margin:10px auto;border:none;}#img-slider .img,#text-slider .img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(204,205,206,5);-moz-box-shadow:0 1px 0 rgba(204,205,206,5);-ms-box-shadow:0 1px 0 rgba(204,205,206,5);box-shadow:0 1px 0 rgba(204,205,206,5);border:1px solid #edeeee;background-color:#fff;width:780px;height:500px;position:relative;}#img-slider .img img,#img-slider .img .i,#text-slider .img img,#text-slider .img .i{display:block;width:100%;}#img-slider .img .label,#text-slider .img .label{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#10af8b;padding:2.5% 0;position:absolute;bottom:0;left:0;right:0;font-weight:400;text-align:center;color:#fff;font-size:150%;}#img-slider .img:first-child,#text-slider .img:first-child{display:block;}#text-slider{height:auto;margin-top:0;}#photo-slider{z-index:1;position:relative;padding:80px;position:relative;z-index:1;}@media screen and (max-width: 770px){#photo-slider{padding-left:30px;padding-right:30px;}}.switcher-wrap{position:relative;padding-bottom:60px;padding-left:80px;padding-right:80px;}.switcher-wrap.slider{padding-left:380px;padding-right:380px;}.switcher-wrap.slider #img-slider .img{-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.4);-moz-box-shadow:0 4px 20px rgba(0,0,0,0.4);-ms-box-shadow:0 4px 20px rgba(0,0,0,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.4);border-color:#fff;}.switcher-wrap > p{background-color:rgba(255,255,255,0);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));background:-webkit-linear-gradient(left,#fff,rgba(255,255,255,0));background:-moz-linear-gradient(left,#fff,rgba(255,255,255,0));background:-ms-linear-gradient(left,#fff,rgba(255,255,255,0));background:-o-linear-gradient(left,#fff,rgba(255,255,255,0));position:absolute;width:100px;left:0;z-index:999;top:0;bottom:0;}.switcher-wrap > p + p{background-color:rgba(255,255,255,0);background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff);background:-moz-linear-gradient(left,rgba(255,255,255,0),#fff);background:-ms-linear-gradient(left,rgba(255,255,255,0),#fff);background:-o-linear-gradient(left,rgba(255,255,255,0),#fff);left:auto;right:0;}.switcher-wrap a.next,.switcher-wrap a.prev{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;bottom:0;left:0;background:url(https://static.igem.org/mediawiki/2013/4/4c/Sprites.png) no-repeat -160px -705px;z-index:1000;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}.switcher-wrap a.next:hover,.switcher-wrap a.prev:hover{background-color:rgba(16,175,139,0.1);}.switcher-wrap a.prev{right:0;left:auto;background-position:-242px -705px;}.switcher-wrap ul.switcher{text-align:center;position:absolute;left:0;right:0;bottom:0;}.switcher-wrap ul.switcher li{display:inline-block;padding:2px;border:1px solid #10af8b;border-radius:100%;margin:0 4px;}.switcher-wrap ul.switcher li a{display:block;width:14px;height:14px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-o-transition:background 0.30s ease-in-out;-webkit-transition:background 0.30s ease-in-out;-moz-transition:background 0.30s ease-in-out;transition:background 0.30s ease-in-out;}.switcher-wrap ul.switcher li a:hover,.switcher-wrap ul.switcher li.active a{background:#10af8b;}.switcher-wrap ul.switcher li:last-child{margin-right:0;}#video,#goodness{background:#f5f5f5;}#workflows:hover .small-pulse{width:88px;height:88px;}#float-bar a.app{background-position:0px -74px !important;}@media screen and (max-width: 1366px){.image-preview .image img{width:100%;}}@media screen and (max-width: 1024px){#workflows .bg-a{padding:200px 0;}#top h2{font-size:50pt;margin-bottom:20px;margin-left:10px;margin-right:10px;}}
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}.next{right:-120px;left:auto;}.slider-wrap .next:after{border-top:2px solid #000;border-right:2px solid #000;border-left:none;border-bottom:none;right:40%;left:auto;}@media screen and (max-width: 1200px){.slider-wrap .next,.slider-wrap .prev{display:none !important;}}video-wrap .player-wrap video{width:100%;display:block;}#tour{z-index:1;position:relative;padding:80px;position:relative;z-index:1;padding-top:0;min-height:800px;background-image:url("https://static.igem.org/mediawiki/2013/7/7a/Patternge.png");background-repeat:repeat-x;background-position:center bottom;margin-top:-50px;padding-top:80px;}@media screen and (max-width: 1200px){#tour{padding-left:30px;padding-right:30px;}}#img-slider,#text-slider{height:600px;margin-top:150px;position:relative;}#img-slider .slide,#text-slider .slide{width:100%;background:#fff;position:absolute;}#img-slider .slide .img,#text-slider .slide .img{margin:10px auto;border:none;}#img-slider .img,#text-slider .img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(204,205,206,5);-moz-box-shadow:0 1px 0 rgba(204,205,206,5);-ms-box-shadow:0 1px 0 rgba(204,205,206,5);box-shadow:0 1px 0 rgba(204,205,206,5);border:1px solid #edeeee;background-color:#fff;width:780px;height:500px;position:relative;}#img-slider .img img,#img-slider .img .i,#text-slider .img img,#text-slider .img .i{display:block;width:100%;}#img-slider .img .label,#text-slider .img .label{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#10af8b;padding:2.5% 0;position:absolute;bottom:0;left:0;right:0;font-weight:400;text-align:center;color:#fff;font-size:150%;}#img-slider .img:first-child,#text-slider .img:first-child{display:block;}#text-slider{height:auto;margin-top:0;}#photo-slider{z-index:1;position:relative;padding:80px;position:relative;z-index:1;}@media screen and (max-width: 770px){#photo-slider{padding-left:30px;padding-right:30px;}}.switcher-wrap{position:relative;padding-bottom:60px;padding-left:80px;padding-right:80px;}.switcher-wrap.slider{padding-left:380px;padding-right:380px;}.switcher-wrap.slider #img-slider .img{-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.4);-moz-box-shadow:0 4px 20px rgba(0,0,0,0.4);-ms-box-shadow:0 4px 20px rgba(0,0,0,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.4);border-color:#fff;}.switcher-wrap > p{background-color:rgba(255,255,255,0);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));background:-webkit-linear-gradient(left,#fff,rgba(255,255,255,0));background:-moz-linear-gradient(left,#fff,rgba(255,255,255,0));background:-ms-linear-gradient(left,#fff,rgba(255,255,255,0));background:-o-linear-gradient(left,#fff,rgba(255,255,255,0));position:absolute;width:100px;left:0;z-index:999;top:0;bottom:0;}.switcher-wrap > p + p{background-color:rgba(255,255,255,0);background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff);background:-moz-linear-gradient(left,rgba(255,255,255,0),#fff);background:-ms-linear-gradient(left,rgba(255,255,255,0),#fff);background:-o-linear-gradient(left,rgba(255,255,255,0),#fff);left:auto;right:0;}.switcher-wrap a.next,.switcher-wrap a.prev{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;bottom:0;left:0;background:url("https://static.igem.org/mediawiki/2013/4/4c/Sprites.png") no-repeat -160px -705px;z-index:1000;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}.switcher-wrap a.next:hover,.switcher-wrap a.prev:hover{background-color:rgba(16,175,139,0.1);}.switcher-wrap a.prev{right:0;left:auto;background-position:-242px -705px;}.switcher-wrap ul.switcher{text-align:center;position:absolute;left:0;right:0;bottom:0;}.switcher-wrap ul.switcher li{display:inline-block;padding:2px;border:1px solid #10af8b;border-radius:100%;margin:0 4px;}.switcher-wrap ul.switcher li a{display:block;width:14px;height:14px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-o-transition:background 0.30s ease-in-out;-webkit-transition:background 0.30s ease-in-out;-moz-transition:background 0.30s ease-in-out;transition:background 0.30s ease-in-out;}.switcher-wrap ul.switcher li a:hover,.switcher-wrap ul.switcher li.active a{background:#10af8b;}.switcher-wrap ul.switcher li:last-child{margin-right:0;}#video,#goodness{background:#f5f5f5;}#workflows:hover .small-pulse{width:88px;height:88px;}#float-bar a.app{background-position:0px -74px !important;}@media screen and (max-width: 1366px){.image-preview .image img{width:100%;}}@media screen and (max-width: 1024px){#workflows .bg-a{padding:200px 0;}#top h2{font-size:50pt;margin-bottom:20px;margin-left:10px;margin-right:10px;}}

Revision as of 17:30, 28 October 2013

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}.next{right:-120px;left:auto;}.slider-wrap .next:after{border-top:2px solid #000;border-right:2px solid #000;border-left:none;border-bottom:none;right:40%;left:auto;}@media screen and (max-width: 1200px){.slider-wrap .next,.slider-wrap .prev{display:none !important;}}video-wrap .player-wrap video{width:100%;display:block;}#tour{z-index:1;position:relative;padding:80px;position:relative;z-index:1;padding-top:0;min-height:800px;background-image:url("Patternge.png");background-repeat:repeat-x;background-position:center bottom;margin-top:-50px;padding-top:80px;}@media screen and (max-width: 1200px){#tour{padding-left:30px;padding-right:30px;}}#img-slider,#text-slider{height:600px;margin-top:150px;position:relative;}#img-slider .slide,#text-slider .slide{width:100%;background:#fff;position:absolute;}#img-slider .slide .img,#text-slider .slide .img{margin:10px auto;border:none;}#img-slider .img,#text-slider .img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 0 rgba(204,205,206,5);-moz-box-shadow:0 1px 0 rgba(204,205,206,5);-ms-box-shadow:0 1px 0 rgba(204,205,206,5);box-shadow:0 1px 0 rgba(204,205,206,5);border:1px solid #edeeee;background-color:#fff;width:780px;height:500px;position:relative;}#img-slider .img img,#img-slider .img .i,#text-slider .img img,#text-slider .img .i{display:block;width:100%;}#img-slider .img .label,#text-slider .img .label{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#10af8b;padding:2.5% 0;position:absolute;bottom:0;left:0;right:0;font-weight:400;text-align:center;color:#fff;font-size:150%;}#img-slider .img:first-child,#text-slider .img:first-child{display:block;}#text-slider{height:auto;margin-top:0;}#photo-slider{z-index:1;position:relative;padding:80px;position:relative;z-index:1;}@media screen and (max-width: 770px){#photo-slider{padding-left:30px;padding-right:30px;}}.switcher-wrap{position:relative;padding-bottom:60px;padding-left:80px;padding-right:80px;}.switcher-wrap.slider{padding-left:380px;padding-right:380px;}.switcher-wrap.slider #img-slider .img{-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.4);-moz-box-shadow:0 4px 20px rgba(0,0,0,0.4);-ms-box-shadow:0 4px 20px rgba(0,0,0,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.4);border-color:#fff;}.switcher-wrap > p{background-color:rgba(255,255,255,0);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));background:-webkit-linear-gradient(left,#fff,rgba(255,255,255,0));background:-moz-linear-gradient(left,#fff,rgba(255,255,255,0));background:-ms-linear-gradient(left,#fff,rgba(255,255,255,0));background:-o-linear-gradient(left,#fff,rgba(255,255,255,0));position:absolute;width:100px;left:0;z-index:999;top:0;bottom:0;}.switcher-wrap > p + p{background-color:rgba(255,255,255,0);background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0),#fff);background:-moz-linear-gradient(left,rgba(255,255,255,0),#fff);background:-ms-linear-gradient(left,rgba(255,255,255,0),#fff);background:-o-linear-gradient(left,rgba(255,255,255,0),#fff);left:auto;right:0;}.switcher-wrap a.next,.switcher-wrap a.prev{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;bottom:0;left:0;background:url("Sprites.png") no-repeat -160px -705px;z-index:1000;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}.switcher-wrap a.next:hover,.switcher-wrap a.prev:hover{background-color:rgba(16,175,139,0.1);}.switcher-wrap a.prev{right:0;left:auto;background-position:-242px -705px;}.switcher-wrap ul.switcher{text-align:center;position:absolute;left:0;right:0;bottom:0;}.switcher-wrap ul.switcher li{display:inline-block;padding:2px;border:1px solid #10af8b;border-radius:100%;margin:0 4px;}.switcher-wrap ul.switcher li a{display:block;width:14px;height:14px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-o-transition:background 0.30s ease-in-out;-webkit-transition:background 0.30s ease-in-out;-moz-transition:background 0.30s ease-in-out;transition:background 0.30s ease-in-out;}.switcher-wrap ul.switcher li a:hover,.switcher-wrap ul.switcher li.active a{background:#10af8b;}.switcher-wrap ul.switcher li:last-child{margin-right:0;}#video,#goodness{background:#f5f5f5;}#workflows:hover .small-pulse{width:88px;height:88px;}#float-bar a.app{background-position:0px -74px !important;}@media screen and (max-width: 1366px){.image-preview .image img{width:100%;}}@media screen and (max-width: 1024px){#workflows .bg-a{padding:200px 0;}#top h2{font-size:50pt;margin-bottom:20px;margin-left:10px;margin-right:10px;}}