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}body,p{margin:0}#bodyContent,#content,#globalWrapper,body,html{height:100%}#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%}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 .toc,[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;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding: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;padding:0;width:100%}#bodyContent{background:#004389}h1,h2,h3,h4,h5,h6{border:0;padding:0;margin-bottom:10px}li{margin-bottom:0}body,html{width:100%}.team .col{margin:0 auto}#homepage{background-image:url(https://static.igem.org/mediawiki/2015/7/79/Toronto_2015_Alberta_water_homepage.jpg);background-position:top left;background-repear:no-repeat;background-size:auto 100%}#homepage h1 span,#homepage h2 span{display:inline-block;background-color:rgba(0,0,0,.7);color:#FFF;font-size:2em;font-style:italic;padding:20px}#homepage h1 span:after,#homepage h2 span:after{content:'';display:block}.content{background-color:#fff;margin-left:50px;min-height:100%;overflow:hidden;padding-bottom:20px;padding-left:20px;padding-right:20px}.content .toc{list-style:none;margin-top:20px;max-height:100%;overflow-y:scroll}.content .toc li a{border-left:4px solid transparent;color:#616161;padding-left:10px;text-decoration:none}.content .toc li ul{display:none;list-style:none;padding:0}.content .toc li ul li a{padding-left:20px}.content .toc li ul li ul{display:none}.content .toc li ul li ul li a{padding-left:30px}.content .toc li ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .toc li:hover a{border-left:4px solid rgba(115,202,154,.5)}.content .toc li:hover ul{display:block}.content .toc li:hover ul li a{border-left:4px solid transparent}.content .toc li:hover ul li ul{display:none}.content .toc li.active ul,.content .toc li:hover ul li:hover ul{display:block}.content .toc li:hover ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .toc li:hover ul li:hover ul li a{border-left:4px solid transparent;color:#616161}.content .toc li:hover ul li:hover ul li:hover a{border-left:4px solid rgba(0,67,137,.5)}.content .toc li.active a,.content .toc li:hover ul li:hover ul li.active a{border-left:4px solid #73ca9a;color:#212121}.content .toc li.active ul li a{border-left:4px solid transparent;color:#616161}.content .toc li.active ul li ul{display:none}#navigation ul li,.content .toc li.active ul li.active ul,.content .toc li.active ul li:hover ul{display:block}.content .toc li.active ul li.active a{border-left:4px solid #3b2b55;color:#212121}.content .toc li.active ul li.active ul li a{border-left:4px solid transparent;color:#616161}.content .toc li.active ul li.active ul li.active a{border-left:4px solid #004389;color:#212121}.content .content-main{font-family:proxima-nova,sans-serif;margin:0 auto;max-width:600px}#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;background-color:#004389;border-bottom:9999px solid #004389;display:inline-block;position:fixed;z-index:9000}#navigation:hover{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-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)}#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;background-color:#004389;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;border-bottom:2px solid #c8c8c8;height:auto;padding:5px;width:50%} | + | hr,input[type=search]{box-sizing:content-box}body,p{margin:0}#bodyContent,#content,#globalWrapper,#mw-content-text,body,html{height:100%}#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%}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 .toc,[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;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding: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;padding:0;width:100%}#bodyContent{background:#004389}h1,h2,h3,h4,h5,h6{border:0;padding:0;margin-bottom:10px}li{margin-bottom:0}body,html{width:100%}.team .col{margin:0 auto}#homepage{background-image:url(https://static.igem.org/mediawiki/2015/7/79/Toronto_2015_Alberta_water_homepage.jpg);background-position:top left;background-repear:no-repeat;background-size:auto 100%}#homepage h1 span,#homepage h2 span{display:inline-block;background-color:rgba(0,0,0,.7);color:#FFF;font-size:2em;font-style:italic;padding:20px}#homepage h1 span:after,#homepage h2 span:after{content:'';display:block}.content{background-color:#fff;margin-left:50px;min-height:100%;overflow:hidden;padding-bottom:20px;padding-left:20px;padding-right:20px}.content .toc{list-style:none;margin-top:20px;max-height:100%;overflow-y:scroll}.content .toc li a{border-left:4px solid transparent;color:#616161;padding-left:10px;text-decoration:none}.content .toc li ul{display:none;list-style:none;padding:0}.content .toc li ul li a{padding-left:20px}.content .toc li ul li ul{display:none}.content .toc li ul li ul li a{padding-left:30px}.content .toc li ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .toc li:hover a{border-left:4px solid rgba(115,202,154,.5)}.content .toc li:hover ul{display:block}.content .toc li:hover ul li a{border-left:4px solid transparent}.content .toc li:hover ul li ul{display:none}.content .toc li.active ul,.content .toc li:hover ul li:hover ul{display:block}.content .toc li:hover ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .toc li:hover ul li:hover ul li a{border-left:4px solid transparent;color:#616161}.content .toc li:hover ul li:hover ul li:hover a{border-left:4px solid rgba(0,67,137,.5)}.content .toc li.active a,.content .toc li:hover ul li:hover ul li.active a{border-left:4px solid #73ca9a;color:#212121}.content .toc li.active ul li a{border-left:4px solid transparent;color:#616161}.content .toc li.active ul li ul{display:none}#navigation ul li,.content .toc li.active ul li.active ul,.content .toc li.active ul li:hover ul{display:block}.content .toc li.active ul li.active a{border-left:4px solid #3b2b55;color:#212121}.content .toc li.active ul li.active ul li a{border-left:4px solid transparent;color:#616161}.content .toc li.active ul li.active ul li.active a{border-left:4px solid #004389;color:#212121}.content .content-main{font-family:proxima-nova,sans-serif;margin:0 auto;max-width:600px}#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;background-color:#004389;border-bottom:9999px solid #004389;display:inline-block;position:fixed;z-index:9000}#navigation:hover{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-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)}#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;background-color:#004389;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;border-bottom:2px solid #c8c8c8;height:auto;padding:5px;width:50%} |
Revision as of 06:22, 25 October 2015
/* ####################################################### */ /* # This css was produced by the igemwiki generator # */ /* # https://github.com/igemuoftATG/generator-igemwiki # */ /* ####################################################### */
/* repo for this wiki: https://github.com/igemuoftATG/wiki2015 */
hr,input[type=search]{box-sizing:content-box}body,p{margin:0}#bodyContent,#content,#globalWrapper,#mw-content-text,body,html{height:100%}#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%}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 .toc,[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;padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding: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;padding:0;width:100%}#bodyContent{background:#004389}h1,h2,h3,h4,h5,h6{border:0;padding:0;margin-bottom:10px}li{margin-bottom:0}body,html{width:100%}.team .col{margin:0 auto}#homepage{background-image:url(https://static.igem.org/mediawiki/2015/7/79/Toronto_2015_Alberta_water_homepage.jpg);background-position:top left;background-repear:no-repeat;background-size:auto 100%}#homepage h1 span,#homepage h2 span{display:inline-block;background-color:rgba(0,0,0,.7);color:#FFF;font-size:2em;font-style:italic;padding:20px}#homepage h1 span:after,#homepage h2 span:after{content:;display:block}.content{background-color:#fff;margin-left:50px;min-height:100%;overflow:hidden;padding-bottom:20px;padding-left:20px;padding-right:20px}.content .toc{list-style:none;margin-top:20px;max-height:100%;overflow-y:scroll}.content .toc li a{border-left:4px solid transparent;color:#616161;padding-left:10px;text-decoration:none}.content .toc li ul{display:none;list-style:none;padding:0}.content .toc li ul li a{padding-left:20px}.content .toc li ul li ul{display:none}.content .toc li ul li ul li a{padding-left:30px}.content .toc li ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .toc li:hover a{border-left:4px solid rgba(115,202,154,.5)}.content .toc li:hover ul{display:block}.content .toc li:hover ul li a{border-left:4px solid transparent}.content .toc li:hover ul li ul{display:none}.content .toc li.active ul,.content .toc li:hover ul li:hover ul{display:block}.content .toc li:hover ul li:hover a{border-left:4px solid rgba(59,43,85,.5)}.content .toc li:hover ul li:hover ul li a{border-left:4px solid transparent;color:#616161}.content .toc li:hover ul li:hover ul li:hover a{border-left:4px solid rgba(0,67,137,.5)}.content .toc li.active a,.content .toc li:hover ul li:hover ul li.active a{border-left:4px solid #73ca9a;color:#212121}.content .toc li.active ul li a{border-left:4px solid transparent;color:#616161}.content .toc li.active ul li ul{display:none}#navigation ul li,.content .toc li.active ul li.active ul,.content .toc li.active ul li:hover ul{display:block}.content .toc li.active ul li.active a{border-left:4px solid #3b2b55;color:#212121}.content .toc li.active ul li.active ul li a{border-left:4px solid transparent;color:#616161}.content .toc li.active ul li.active ul li.active a{border-left:4px solid #004389;color:#212121}.content .content-main{font-family:proxima-nova,sans-serif;margin:0 auto;max-width:600px}#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;background-color:#004389;border-bottom:9999px solid #004389;display:inline-block;position:fixed;z-index:9000}#navigation:hover{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-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)}#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;background-color:#004389;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;border-bottom:2px solid #c8c8c8;height:auto;padding:5px;width:50%}