Difference between revisions of "Template:Toronto/css/styles min css"

Line 6: Line 6:
 
/* repo for this wiki: https://github.com/igemuoftATG/wiki2015 */
 
/* repo for this wiki: https://github.com/igemuoftATG/wiki2015 */
  
hr,input[type=search]{box-sizing:content-box}#content,h1,h2,h3,h4,h5,h6,legend,td,th,ul{padding:0}#navigation ul li,body,sub,sup{position:relative}#homepage,#navigation ul li,.image-wrapper{text-align:center}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.team .tableofcontents,[hidden],h1.firstHeading,template{display:none}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.66667em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}#bodyContent,p{line-height:1.42857143}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-collapse:collapse;border-spacing:0}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track-piece{background:#004389}html::-webkit-scrollbar-thumb{background:#00b5e6}#top_menu_under{position:absolute;border:0}#top_menu_14{opacity:0}#top_menu_14:hover{opacity:1}#bodyContent,#content,#globalWrapper,#mw-content-text{height:100%}#globalWrapper{font-size:100%;padding-bottom:0}#content{border:0;width:100%}#bodyContent{background:#004389}h1,h2,h3,h4,h5,h6{border:0;margin-bottom:10px}.mw-content-ltr ul,.mw-content-rtl .mw-content-ltr ul,p,ul{margin:0}li{margin-bottom:0}body,html{height:100%;width:100%}.team .col{margin:0 auto}.content,.iframewrapper{margin-left:50px;overflow:hidden}#homepage{background-image:url(https://static.igem.org/mediawiki/2015/4/48/Toronto_2015_Alberta_river_bright.jpg);background-position:top left;background-repeat:no-repeat;background-size:100% auto}#homepage h1 span,#homepage h2 span{background-color:rgba(0,0,0,.7);color:#FFF;display:inline-block;font-size:2em;font-style:italic;padding:20px}#homepage h1 span:after,#homepage h2 span:after{content:'';display:block}.iframewrapper{padding:0;height:100%}.iframewrapper iframe{width:100%;height:100%;border:0}.content{background-color:#fff;min-height:100%;padding-left:20px;padding-right:20px}.content .tableofcontents{list-style:none;margin-top:20px;max-height:100%;overflow-y:scroll}.content .tableofcontents li a{border-left:4px solid transparent;color:#616161;padding-left:10px;text-decoration:none}.content .tableofcontents li ul{display:none;list-style:none;padding:0}.content .tableofcontents li ul li a{padding-left:20px}.content .tableofcontents li ul li ul{display:none}.content .tableofcontents li ul li ul li a{padding-left:30px}.content .tableofcontents li ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .tableofcontents li:hover a{border-left:4px solid rgba(115,202,154,.5)}.content .tableofcontents li:hover ul{display:block}.content .tableofcontents li:hover ul li a{border-left:4px solid transparent}.content .tableofcontents li:hover ul li ul{display:none}.content .tableofcontents li.active ul,.content .tableofcontents li:hover ul li:hover ul{display:block}.content .tableofcontents li:hover ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .tableofcontents li:hover ul li:hover ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li:hover ul li:hover ul li:hover a{border-left:4px solid rgba(0,67,137,.5)}.content .tableofcontents li.active a,.content .tableofcontents li:hover ul li:hover ul li.active a{border-left:4px solid #73ca9a;color:#212121}.content .tableofcontents li.active ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li.active ul li ul{display:none}#navigation ul li,.content .tableofcontents li.active ul li.active ul,.content .tableofcontents li.active ul li:hover ul{display:block}.content .tableofcontents li.active ul li.active a{border-left:4px solid #3b2b55;color:#212121}.content .tableofcontents li.active ul li.active ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li.active ul li.active ul li.active a{border-left:4px solid #004389;color:#212121}.content .content-main{-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px 2px rgba(0,0,0,.5);background-color:#FFF;font-family:proxima-nova,sans-serif;margin:0 auto;max-width:640px;padding:20px}#content-main{background-image:url(https://static.igem.org/mediawiki/2015/6/67/Toronto_2015_subtle-pattern-10.jpg)}#navigation{-webkit-transform:translateX(calc(-100% + 50px));-moz-transform:translateX(calc(-100% + 50px));-ms-transform:translateX(calc(-100% + 50px));-o-transform:translateX(calc(-100% + 50px));transform:translateX(calc(-100% + 50px));-webkit-transition:all false false,.5s false false,ease false false;-moz-transition:all false false false,.5s false false false,ease false false false;-o-transition:all false false false,.5s false false false,ease false false false;transition:all .5s ease;-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px 2px rgba(0,0,0,.5);background-color:#004389;display:inline-block;height:100%;position:fixed}#navigation:hover{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);z-index:9002}#navigation ul{margin:0;padding:0}#navigation ul li{list-style:none;width:100%}#navigation ul li a{-webkit-transition:all false false,.2s false false,ease false false;-moz-transition:all false false false,.2s false false false,ease false false false;-o-transition:all false false false,.2s false false false,ease false false false;transition:all .2s ease;color:#fff;display:block;font-size:1em;padding:10px;text-decoration:none;text-transform:capitalize}#navigation ul li a span{margin-right:50px}#navigation ul li a i{-webkit-transform:translateY(-55%);-moz-transform:translateY(-55%);-ms-transform:translateY(-55%);-o-transform:translateY(-55%);transform:translateY(-55%);position:absolute;right:0;top:50%;font-size:2em;width:50px}#navigation ul li a:after{clear:both;content:''}#navigation ul li ul{-webkit-box-shadow:5px 0 5px rgba(0,0,0,.5);-moz-box-shadow:5px 0 5px rgba(0,0,0,.5);box-shadow:5px 0 5px rgba(0,0,0,.5);left:-9999px;line-height:100%;position:absolute;z-index:9000}#navigation ul li ul li a span{margin-right:0;font-size:1em}#navigation ul li ul ul{background-color:#73ca9a}#navigation ul li:hover a{background-color:#73ca9a;color:#fff}#navigation ul li:hover span,#navigation ul li:hover ul li:hover span{left:calc(100% + 5px);top:50%}#navigation ul li:hover ul{left:100%;top:0}#navigation ul li:hover ul li span{left:-9999px}#navigation ul li:hover ul a:hover{color:#fff}#navigation ul li:hover ul li:hover a{background:#3b2b55}#navigation ul li.active a{background-color:#89c3ff;color:#000}#navigation ul li.active ul li a{background-color:#73ca9a;color:#fff}#navigation ul li.active ul li.active a{background-color:#98d8b5;color:#000}.image-wrapper img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#EEE;height:auto;border:5px solid #EEE;width:50%}
+
body,sub,sup{position:relative}hr,input[type=search]{box-sizing:content-box}#content,h1,h2,h3,h4,h5,h6,legend,td,th,ul{padding:0}#bodyContent,#content,#globalWrapper,#mw-content-text,body,html{height:100%}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.team .tableofcontents,[hidden],h1.firstHeading,template{display:none}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.66667em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}#bodyContent,p{line-height:1.42857143}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-collapse:collapse;border-spacing:0}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track-piece{background:#004389}html::-webkit-scrollbar-thumb{background:#00b5e6}#top_menu_under{position:absolute;border:0}#top_menu_14{opacity:0}#top_menu_14:hover{opacity:1}#globalWrapper{font-size:100%;padding-bottom:0}#content{border:0;width:100%}#bodyContent{background:#004389}h1,h2,h3,h4,h5,h6{border:0;margin-bottom:10px}.mw-content-ltr ul,.mw-content-rtl .mw-content-ltr ul,p,ul{margin:0}li{margin-bottom:0}body,html{width:100%}.team .col{margin:0 auto}.content,.iframewrapper{margin-left:50px;overflow:hidden}.logowrap svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;height:auto}#homepage,#navigation ul li{position:relative;text-align:center}#bgimgwrapper{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;-webkit-transition:all false false,1s false false,ease false false;-moz-transition:all false false false,1s false false false,ease false false false;-o-transition:all false false false,1s false false false,ease false false false;transition:all 1s ease}#bgimgwrapper img{width:100%;height:100%}#homepage{background:top left no-repeat #004389;background-size:100% auto;-webkit-transition:all false false,1s false false,ease false false;-moz-transition:all false false false,1s false false false,ease false false false;-o-transition:all false false false,1s false false false,ease false false false;transition:all 1s ease;overflow-x:hidden}#homepage h1 span,#homepage h2 span{background-color:rgba(0,0,0,.7);color:#FFF;display:inline-block;font-size:2em;font-style:italic;padding:20px}#homepage h1 span:after,#homepage h2 span:after{content:'';display:block}.iframewrapper{padding:0;height:100%}.iframewrapper iframe{width:100%;height:100%;border:0}.content{background-color:#fff;min-height:100%;padding-left:20px;padding-right:20px}.content .tableofcontents{list-style:none;margin-top:20px;max-height:100%;overflow-y:scroll}.content .tableofcontents li a{border-left:4px solid transparent;color:#616161;padding-left:10px;text-decoration:none}.content .tableofcontents li ul{display:none;list-style:none;padding:0}.content .tableofcontents li ul li a{padding-left:20px}.content .tableofcontents li ul li ul{display:none}.content .tableofcontents li ul li ul li a{padding-left:30px}.content .tableofcontents li ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .tableofcontents li:hover a{border-left:4px solid rgba(115,202,154,.5)}.content .tableofcontents li:hover ul{display:block}.content .tableofcontents li:hover ul li a{border-left:4px solid transparent}.content .tableofcontents li:hover ul li ul{display:none}.content .tableofcontents li.active ul,.content .tableofcontents li:hover ul li:hover ul{display:block}.content .tableofcontents li:hover ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .tableofcontents li:hover ul li:hover ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li:hover ul li:hover ul li:hover a{border-left:4px solid rgba(0,67,137,.5)}.content .tableofcontents li.active a,.content .tableofcontents li:hover ul li:hover ul li.active a{border-left:4px solid #73ca9a;color:#212121}.content .tableofcontents li.active ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li.active ul li ul{display:none}#navigation ul li,.content .tableofcontents li.active ul li.active ul,.content .tableofcontents li.active ul li:hover ul{display:block}.content .tableofcontents li.active ul li.active a{border-left:4px solid #3b2b55;color:#212121}.content .tableofcontents li.active ul li.active ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li.active ul li.active ul li.active a{border-left:4px solid #004389;color:#212121}.content .content-main{-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px 2px rgba(0,0,0,.5);background-color:#FFF;font-family:proxima-nova,sans-serif;margin:0 auto;max-width:640px;padding:20px}#content-main{background-image:url(https://static.igem.org/mediawiki/2015/6/67/Toronto_2015_subtle-pattern-10.jpg)}#navigation{-webkit-transform:translateX(calc(-100% + 50px));-moz-transform:translateX(calc(-100% + 50px));-ms-transform:translateX(calc(-100% + 50px));-o-transform:translateX(calc(-100% + 50px));transform:translateX(calc(-100% + 50px));-webkit-transition:all false false,.5s false false,ease false false;-moz-transition:all false false false,.5s false false false,ease false false false;-o-transition:all false false false,.5s false false false,ease false false false;transition:all .5s ease;-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px 2px rgba(0,0,0,.5);background-color:#004389;display:inline-block;height:100%;position:fixed}#navigation:hover{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);z-index:9002}#navigation ul{margin:0;padding:0}#navigation ul li{list-style:none;width:100%}#navigation ul li a{-webkit-transition:all false false,.2s false false,ease false false;-moz-transition:all false false false,.2s false false false,ease false false false;-o-transition:all false false false,.2s false false false,ease false false false;transition:all .2s ease;color:#fff;display:block;font-size:1em;padding:10px;text-decoration:none;text-transform:capitalize}#navigation ul li a span{margin-right:50px}#navigation ul li a i{-webkit-transform:translateY(-55%);-moz-transform:translateY(-55%);-ms-transform:translateY(-55%);-o-transform:translateY(-55%);transform:translateY(-55%);position:absolute;right:0;top:50%;font-size:2em;width:50px}#navigation ul li a:after{clear:both;content:''}#navigation ul li ul{-webkit-box-shadow:5px 0 5px rgba(0,0,0,.5);-moz-box-shadow:5px 0 5px rgba(0,0,0,.5);box-shadow:5px 0 5px rgba(0,0,0,.5);left:-9999px;line-height:100%;position:absolute;z-index:9000}#navigation ul li ul li a span{margin-right:0;font-size:1em}#navigation ul li ul ul{background-color:#73ca9a}#navigation ul li:hover a{background-color:#73ca9a;color:#fff}#navigation ul li:hover span,#navigation ul li:hover ul li:hover span{left:calc(100% + 5px);top:50%}#navigation ul li:hover ul{left:100%;top:0}#navigation ul li:hover ul li span{left:-9999px}#navigation ul li:hover ul a:hover{color:#fff}#navigation ul li:hover ul li:hover a{background:#3b2b55}#navigation ul li.active a{background-color:#89c3ff;color:#000}#navigation ul li.active ul li a{background-color:#73ca9a;color:#fff}#navigation ul li.active ul li.active a{background-color:#98d8b5;color:#000}.image-wrapper{text-align:center}.image-wrapper img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#EEE;height:auto;border:5px solid #EEE;width:50%}

Revision as of 03:49, 20 November 2015

/* ####################################################### */ /* # This css was produced by the igemwiki generator # */ /* # https://github.com/igemuoftATG/generator-igemwiki # */ /* ####################################################### */

/* repo for this wiki: https://github.com/igemuoftATG/wiki2015 */

body,sub,sup{position:relative}hr,input[type=search]{box-sizing:content-box}#content,h1,h2,h3,h4,h5,h6,legend,td,th,ul{padding:0}#bodyContent,#content,#globalWrapper,#mw-content-text,body,html{height:100%}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.team .tableofcontents,[hidden],h1.firstHeading,template{display:none}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.66667em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}#bodyContent,p{line-height:1.42857143}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0}table{border-collapse:collapse;border-spacing:0}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track-piece{background:#004389}html::-webkit-scrollbar-thumb{background:#00b5e6}#top_menu_under{position:absolute;border:0}#top_menu_14{opacity:0}#top_menu_14:hover{opacity:1}#globalWrapper{font-size:100%;padding-bottom:0}#content{border:0;width:100%}#bodyContent{background:#004389}h1,h2,h3,h4,h5,h6{border:0;margin-bottom:10px}.mw-content-ltr ul,.mw-content-rtl .mw-content-ltr ul,p,ul{margin:0}li{margin-bottom:0}body,html{width:100%}.team .col{margin:0 auto}.content,.iframewrapper{margin-left:50px;overflow:hidden}.logowrap svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%;height:auto}#homepage,#navigation ul li{position:relative;text-align:center}#bgimgwrapper{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;-webkit-transition:all false false,1s false false,ease false false;-moz-transition:all false false false,1s false false false,ease false false false;-o-transition:all false false false,1s false false false,ease false false false;transition:all 1s ease}#bgimgwrapper img{width:100%;height:100%}#homepage{background:top left no-repeat #004389;background-size:100% auto;-webkit-transition:all false false,1s false false,ease false false;-moz-transition:all false false false,1s false false false,ease false false false;-o-transition:all false false false,1s false false false,ease false false false;transition:all 1s ease;overflow-x:hidden}#homepage h1 span,#homepage h2 span{background-color:rgba(0,0,0,.7);color:#FFF;display:inline-block;font-size:2em;font-style:italic;padding:20px}#homepage h1 span:after,#homepage h2 span:after{content:;display:block}.iframewrapper{padding:0;height:100%}.iframewrapper iframe{width:100%;height:100%;border:0}.content{background-color:#fff;min-height:100%;padding-left:20px;padding-right:20px}.content .tableofcontents{list-style:none;margin-top:20px;max-height:100%;overflow-y:scroll}.content .tableofcontents li a{border-left:4px solid transparent;color:#616161;padding-left:10px;text-decoration:none}.content .tableofcontents li ul{display:none;list-style:none;padding:0}.content .tableofcontents li ul li a{padding-left:20px}.content .tableofcontents li ul li ul{display:none}.content .tableofcontents li ul li ul li a{padding-left:30px}.content .tableofcontents li ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .tableofcontents li:hover a{border-left:4px solid rgba(115,202,154,.5)}.content .tableofcontents li:hover ul{display:block}.content .tableofcontents li:hover ul li a{border-left:4px solid transparent}.content .tableofcontents li:hover ul li ul{display:none}.content .tableofcontents li.active ul,.content .tableofcontents li:hover ul li:hover ul{display:block}.content .tableofcontents li:hover ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .tableofcontents li:hover ul li:hover ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li:hover ul li:hover ul li:hover a{border-left:4px solid rgba(0,67,137,.5)}.content .tableofcontents li.active a,.content .tableofcontents li:hover ul li:hover ul li.active a{border-left:4px solid #73ca9a;color:#212121}.content .tableofcontents li.active ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li.active ul li ul{display:none}#navigation ul li,.content .tableofcontents li.active ul li.active ul,.content .tableofcontents li.active ul li:hover ul{display:block}.content .tableofcontents li.active ul li.active a{border-left:4px solid #3b2b55;color:#212121}.content .tableofcontents li.active ul li.active ul li a{border-left:4px solid transparent;color:#616161}.content .tableofcontents li.active ul li.active ul li.active a{border-left:4px solid #004389;color:#212121}.content .content-main{-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px 2px rgba(0,0,0,.5);background-color:#FFF;font-family:proxima-nova,sans-serif;margin:0 auto;max-width:640px;padding:20px}#content-main{background-image:url(https://static.igem.org/mediawiki/2015/6/67/Toronto_2015_subtle-pattern-10.jpg)}#navigation{-webkit-transform:translateX(calc(-100% + 50px));-moz-transform:translateX(calc(-100% + 50px));-ms-transform:translateX(calc(-100% + 50px));-o-transform:translateX(calc(-100% + 50px));transform:translateX(calc(-100% + 50px));-webkit-transition:all false false,.5s false false,ease false false;-moz-transition:all false false false,.5s false false false,ease false false false;-o-transition:all false false false,.5s false false false,ease false false false;transition:all .5s ease;-webkit-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);-moz-box-shadow:0 2px 4px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px 2px rgba(0,0,0,.5);background-color:#004389;display:inline-block;height:100%;position:fixed}#navigation:hover{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);z-index:9002}#navigation ul{margin:0;padding:0}#navigation ul li{list-style:none;width:100%}#navigation ul li a{-webkit-transition:all false false,.2s false false,ease false false;-moz-transition:all false false false,.2s false false false,ease false false false;-o-transition:all false false false,.2s false false false,ease false false false;transition:all .2s ease;color:#fff;display:block;font-size:1em;padding:10px;text-decoration:none;text-transform:capitalize}#navigation ul li a span{margin-right:50px}#navigation ul li a i{-webkit-transform:translateY(-55%);-moz-transform:translateY(-55%);-ms-transform:translateY(-55%);-o-transform:translateY(-55%);transform:translateY(-55%);position:absolute;right:0;top:50%;font-size:2em;width:50px}#navigation ul li a:after{clear:both;content:}#navigation ul li ul{-webkit-box-shadow:5px 0 5px rgba(0,0,0,.5);-moz-box-shadow:5px 0 5px rgba(0,0,0,.5);box-shadow:5px 0 5px rgba(0,0,0,.5);left:-9999px;line-height:100%;position:absolute;z-index:9000}#navigation ul li ul li a span{margin-right:0;font-size:1em}#navigation ul li ul ul{background-color:#73ca9a}#navigation ul li:hover a{background-color:#73ca9a;color:#fff}#navigation ul li:hover span,#navigation ul li:hover ul li:hover span{left:calc(100% + 5px);top:50%}#navigation ul li:hover ul{left:100%;top:0}#navigation ul li:hover ul li span{left:-9999px}#navigation ul li:hover ul a:hover{color:#fff}#navigation ul li:hover ul li:hover a{background:#3b2b55}#navigation ul li.active a{background-color:#89c3ff;color:#000}#navigation ul li.active ul li a{background-color:#73ca9a;color:#fff}#navigation ul li.active ul li.active a{background-color:#98d8b5;color:#000}.image-wrapper{text-align:center}.image-wrapper img{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#EEE;height:auto;border:5px solid #EEE;width:50%}