Team:BIT-China/stylesheet

From 2013.igem.org

(Difference between revisions)
(Created page with "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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,...")
Line 1: Line 1:
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:BIT-China/Team?action=raw&ctype=text/css" type="text/css" />
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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
     margin: 0;
     margin: 0;

Revision as of 07:33, 24 July 2013

<link rel="stylesheet" href="https://2013.igem.org/Team:BIT-China/Team?action=raw&ctype=text/css" type="text/css" /> 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,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { 

   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 

   display: block;

}

body { 

   line-height: 1;

}

ol,ul { 

   list-style: none;

}

blockquote,q { 

   quotes: none;

}

blockquote:before,blockquote:after,q:before,q:after { 

   content: ;
   content: none;

}

table { 

   border-collapse: collapse;
   border-spacing: 0;

}

table { 

   vertical-align: middle;

}

tbody,tfoot,thead,tr,th,td { 

   vertical-align: inherit;

}

h1,h2,h3,h4,h5,h6 { 

   font-weight: bold;
   line-height: 1.5em;

}

th { 

   font-weight: bold;

}

strong { 

   font-weight: bold;

}

p { 

   margin: 1em 0;

}

h3 { 

   font-size: 1.17em;

}

a { 

   outline: 0;

}

  1. fancybox-loading { 
   position: fixed;
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   margin-top: -20px;
   margin-left: -20px;
   cursor: pointer;
   overflow: hidden;
   z-index: 11040;
   display: none;

}

  1. fancybox-loading div { 
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');

}

  1. fancybox-overlay { 
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 11000;
   display: none;

}

  1. fancybox-tmp { 
   padding: 0;
   margin: 0;
   border: 0;
   overflow: auto;
   display: none;

}

  1. fancybox-wrap { 
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   z-index: 11010;
   outline: 0;
   display: none;

}

  1. fancybox-outer { 
   position: relative;
   width: 100%;
   height: 100%;
   background: #fff;

}

  1. fancybox-content { 
   width: 0;
   height: 0;
   padding: 0;
   outline: 0;
   position: relative;
   overflow: hidden;
   z-index: 11020;
   border: 0 solid #fff;

}

  1. fancybox-hide-sel-frame { 
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent;
   z-index: 11010;

}

  1. fancybox-close { 
   position: absolute;
   top: -15px;
   right: -15px;
   width: 30px;
   height: 30px;
   background: transparent url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png') -40px 0;
   cursor: pointer;
   z-index: 11030;
   display: none;

}

  1. fancybox-error { 
   color: #444;
   font: normal 12px/20px Arial;
   padding: 14px;
   margin: 0;

}

  1. fancybox-img { 
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   outline: 0;
   line-height: 0;
   vertical-align: top;

}

  1. fancybox-frame { 
   width: 100%;
   height: 100%;
   border: 0;
   display: block;

}

  1. fancybox-left,#fancybox-right { 
   position: absolute;
   bottom: 0;
   height: 100%;
   width: 35%;
   cursor: pointer;
   outline: 0;
   background: transparent url('//cdn.mxpnl.com/cache/325472601571f31e1bf00674c368d335/plugins/fancybox/blank.gif');
   z-index: 11020;
   display: none;

}

  1. fancybox-left { 
   left: 0;

}

  1. fancybox-right { 
   right: 0;

}

  1. fancybox-left-ico,#fancybox-right-ico { 
   position: absolute;
   top: 50%;
   left: -9999px;
   width: 30px;
   height: 30px;
   margin-top: -15px;
   cursor: pointer;
   z-index: 11020;
   display: block;

}

  1. fancybox-left-ico { 
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -30px;

}

  1. fancybox-right-ico { 
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -60px;

}

  1. fancybox-left:hover,#fancybox-right:hover { 
   visibility: visible;

}

  1. fancybox-left:hover span { 
   left: 20px;

}

  1. fancybox-right:hover span { 
   left: auto;
   right: 20px;

}

.fancybox-bg { 

   position: absolute;
   padding: 0;
   margin: 0;
   border: 0;
   width: 20px;
   height: 20px;
   z-index: 10010;

}

  1. fancybox-bg-n { 
   top: -20px;
   left: 0;
   width: 100%;
   background-image: url('//cdn.mxpnl.com/cache/168696d8a694214090ef90e029cdf393/plugins/fancybox/fancybox-x.png');

}

  1. fancybox-bg-ne { 
   top: -20px;
   right: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -162px;

}

  1. fancybox-bg-e { 
   top: 0;
   right: -20px;
   height: 100%;
   background-image: url('//cdn.mxpnl.com/cache/36a58859beb9a6b19322a37466b9f78e/plugins/fancybox/fancybox-y.png');
   background-position: -20px 0;

}

  1. fancybox-bg-se { 
   bottom: -20px;
   right: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -182px;

}

  1. fancybox-bg-s { 
   bottom: -20px;
   left: 0;
   width: 100%;
   background-image: url('//cdn.mxpnl.com/cache/168696d8a694214090ef90e029cdf393/plugins/fancybox/fancybox-x.png');
   background-position: 0 -20px;

}

  1. fancybox-bg-sw { 
   bottom: -20px;
   left: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -142px;

}

  1. fancybox-bg-w { 
   top: 0;
   left: -20px;
   height: 100%;
   background-image: url('//cdn.mxpnl.com/cache/36a58859beb9a6b19322a37466b9f78e/plugins/fancybox/fancybox-y.png');

}

  1. fancybox-bg-nw { 
   top: -20px;
   left: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -122px;

}

  1. fancybox-title { 
   font-family: Helvetica;
   font-size: 12px;
   z-index: 11020;

}

.fancybox-title-inside { 

   padding-bottom: 10px;
   text-align: center;
   color: #333;
   background: #fff;
   position: relative;

}

.fancybox-title-outside { 

   padding-top: 10px;
   color: #fff;

}

.fancybox-title-over { 

   position: absolute;
   bottom: 0;
   left: 0;
   color: #FFF;
   text-align: left;

}

  1. fancybox-title-over { 
   padding: 10px;
   background-image: url('//cdn.mxpnl.com/cache/b886fd165d4b7ac77d41fb52d87ffc60/plugins/fancybox/fancy_title_over.png');
   display: block;

}

.fancybox-title-float { 

   position: absolute;
   left: 0;
   bottom: -20px;
   height: 32px;

}

  1. fancybox-title-float-wrap { 
   border: 0;
   border-collapse: collapse;
   width: auto;

}

  1. fancybox-title-float-wrap td { 
   white-space: nowrap;

}

  1. fancybox-title-float-left { 
   padding-left: 15px;
   background: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png') -40px -90px no-repeat;

}

  1. fancybox-title-float-main { 
   color: #FFF;
   line-height: 29px;
   font-weight: bold;
   padding-bottom: 3px;
   background: url('//cdn.mxpnl.com/cache/168696d8a694214090ef90e029cdf393/plugins/fancybox/fancybox-x.png') 0 -40px;

}

  1. fancybox-title-float-right { 
   padding-left: 15px;
   background: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png') -55px -90px no-repeat;

}

.fancybox-ie6 #fancybox-close { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/6e2879a324a76e9972ebc98201aae1d8/plugins/fancybox/fancy_close.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-left-ico { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/3f3e406102152cd8236383568a40ba35/plugins/fancybox/fancy_nav_left.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-right-ico { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/216e4bde5bddeeaa60dc3d692890a68e/plugins/fancybox/fancy_nav_right.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-title-over { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/b886fd165d4b7ac77d41fb52d87ffc60/plugins/fancybox/fancy_title_over.png',sizingMethod='scale');
   zoom: 1;

}

.fancybox-ie6 #fancybox-title-float-left { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/1582ac2d3bef6a6445bf02ceca2741cd/plugins/fancybox/fancy_title_left.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-title-float-main { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/38dad6c1ed4bdc81c0bec721b2deb8c2/plugins/fancybox/fancy_title_main.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-title-float-right { 

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/6cbe0c935511e7f9a2555ccb6a7324c4/plugins/fancybox/fancy_title_right.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame { 

   height: expression(this.parentNode.clientHeight+"px");

}

  1. fancybox-loading.fancybox-ie6 { 
   position: absolute;
   margin-top: 0;
   top: expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');

}

  1. fancybox-loading.fancybox-ie6 div { 
   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/b1d54c240cf06e7f41e372d56919b738/plugins/fancybox/fancy_loading.png',sizingMethod='scale');

}

.fancybox-ie .fancybox-bg { 

   background: transparent!important;

}

.fancybox-ie #fancybox-bg-n { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/18cde16379b2ceadef714d9b346d09ec/plugins/fancybox/fancy_shadow_n.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-ne { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/63adf788acf193d4e4f3642d7d793125/plugins/fancybox/fancy_shadow_ne.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-e { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/fd4f491080d29fade5080877f1ba4c8b/plugins/fancybox/fancy_shadow_e.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-se { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/a8afd5a008884380ee712d177105268f/plugins/fancybox/fancy_shadow_se.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-s { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/9b9e5c888028aaef40fe5b6a363f1e29/plugins/fancybox/fancy_shadow_s.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-sw { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/f81cc0fee5581d76ad3cebe47e7e791b/plugins/fancybox/fancy_shadow_sw.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-w { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/59b0e63eb059e58d932cfd53da4d87e6/plugins/fancybox/fancy_shadow_w.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-nw { 

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/c820c878aedb7a7f9ebd7135a58e7c65/plugins/fancybox/fancy_shadow_nw.png',sizingMethod='scale');

}

.mpbutton,.mpbutton-small,.mpbutton-smaller,.mpbutton-medium,.mpbutton-yans,.mpbutton-jr { 

   background: url(//cdn.mxpnl.com/cache/ea8b6afd60a42accd5f6667720efe1b2/images/buttons/button-sprites.png?version=7) 0 0 no-repeat;
   border: 0 none;
   cursor: pointer;
   outline: 0;
   display: inline-block;
   text-indent: -7000px;
   white-space: nowrap;

}

.mpbutton { 

   width: 95px;
   height: 33px;

}

.mpbutton-small { 

   width: 54px;
   height: 23px;

}

.mpbutton-smaller { 

   width: 44px;
   height: 23px;

}

.mpbutton-medium { 

   width: 72px;
   height: 25px;

}

.mpbutton-yans { 

   width: 69px;
   height: 27px;

}

.mpbutton-jr { 

   width: 82px;
   height: 32px;
   position: relative;
   top: -1px;

}

.mpbutton-grey,.mpbutton-grey.disabled:hover,.mpbutton-grey.disabled:active { 

   padding: 3px 8px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E0E0E0');
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
   background: -moz-linear-gradient(top,#fff,#e0e0e0);
   border: 1px solid #acacac;
   color: #898989;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;

}

.mpbutton-grey:hover { 

   color: #767676;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#c7c7c7');
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#c7c7c7));
   background: -moz-linear-gradient(top,#fff,#c7c7c7);
   border: 1px solid #9c9c9c;

}

.mpbutton-grey:active { 

   color: #767676;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7',endColorstr='#ffffff');
   background: -webkit-gradient(linear,left top,left bottom,from(#c7c7c7),to(#fff));
   background: -moz-linear-gradient(top,#c7c7c7,#fff);
   border: 1px solid #9c9c9c;

}

.mpbutton-grey.disabled,.mpbutton-grey.disabled * { 

   opacity: .6;

}

.mpbutton-grey.disabled { 

   cursor: default;

}

.mpbutton.cancel { 

   background-position: 0 0;

}

.mpbutton.cancel:hover { 

   background-position: -95px 0;

}

.mpbutton.cancel:active { 

   background-position: -190px 0;

}

.mpbutton.reset { 

   background-position: 0 -33px;

}

.mpbutton.reset:hover { 

   background-position: -95px -33px;

}

.mpbutton.reset:active { 

   background-position: -190px -33px;

}

.mpbutton.delete { 

   background-position: 0 -66px;

}

.mpbutton.delete:hover { 

   background-position: -95px -66px;

}

.mpbutton.delete:active { 

   background-position: -190px -66px;

}

.mpbutton.okay-green { 

   background-position: 0 -99px;

}

.mpbutton.okay-green:hover { 

   background-position: -95px -99px;

}

.mpbutton.okay-green:active { 

   background-position: -190px -99px;

}

.mpbutton.upgrade { 

   background-position: 0 -132px;

}

.mpbutton.upgrade:hover { 

   background-position: -95px -132px;

}

.mpbutton.upgrade:active { 

   background-position: -190px -132px;

}

.mpbutton.upgrade.disabled,.mpbutton.upgrade.disabled * { 

   background-position: 0 -132px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton.login { 

   background-position: 0 -165px;

}

.mpbutton.login:hover { 

   background-position: -95px -165px;

}

.mpbutton.login:active { 

   background-position: -190px -165px;

}

.mpbutton.okay-blue { 

   background-position: 0 -198px;

}

.mpbutton.okay-blue:hover { 

   background-position: -95px -198px;

}

.mpbutton.okay-blue:active { 

   background-position: -190px -198px;

}

.mpbutton.edit { 

   background-position: 0 -231px;

}

.mpbutton.edit:hover { 

   background-position: -95px -231px;

}

.mpbutton.edit:active { 

   background-position: -190px -231px;

}

.mpbutton.save-green { 

   background-position: 0 -264px;

}

.mpbutton.save-green:hover { 

   background-position: -95px -264px;

}

.mpbutton.save-green:active { 

   background-position: -190px -264px;

}

.mpbutton.save { 

   background-position: 0 -264px;

}

.mpbutton.save:hover { 

   background-position: -95px -264px;

}

.mpbutton.save:active { 

   background-position: -190px -264px;

}

.mpbutton.sign-up-blue { 

   background-position: 0 -297px;

}

.mpbutton.sign-up-blue:hover { 

   background-position: -95px -297px;

}

.mpbutton.sign-up-blue:active { 

   background-position: -190px -297px;

}

.mpbutton.continue { 

   background-position: 0 -330px;

}

.mpbutton.continue:hover { 

   background-position: -95px -330px;

}

.mpbutton.continue:active { 

   background-position: -190px -330px;

}

.mpbutton.sign-up-green { 

   background-position: 0 -363px;

}

.mpbutton.sign-up-green:hover { 

   background-position: -95px -363px;

}

.mpbutton.sign-up-green:active { 

   background-position: -190px -363px;

}

.mpbutton.purchase { 

   background-position: 0 -396px;

}

.mpbutton.purchase:hover { 

   background-position: -95px -396px;

}

.mpbutton.purchase:active { 

   background-position: -190px -396px;

}

.mpbutton.purchased.disabled,.mpbutton.purchased.disabled * { 

   background-position: 0 -396px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton.contact { 

   background-position: 0 -429px;

}

.mpbutton.contact:hover { 

   background-position: -95px -429px;

}

.mpbutton.contact:active { 

   background-position: -190px -429px;

}

.mpbutton.preview { 

   background-position: 0 -462px;

}

.mpbutton.preview:hover { 

   background-position: -95px -462px;

}

.mpbutton.preview:active { 

   background-position: -190px -462px;

}

.mpbutton.learn-more { 

   background-position: 0 -495px;

}

.mpbutton.learn-more:hover { 

   background-position: -95px -495px;

}

.mpbutton.learn-more:active { 

   background-position: -190px -495px;

}

.mpbutton.previous { 

   background-position: 0 -528px;

}

.mpbutton.previous:hover { 

   background-position: -95px -528px;

}

.mpbutton.previous:active { 

   background-position: -190px -528px;

}

.mpbutton.next-grey { 

   background-position: 0 -561px;

}

.mpbutton.next-grey:hover { 

   background-position: -95px -561px;

}

.mpbutton.next-grey:active { 

   background-position: -190px -561px;

}

.mpbutton.signup-arrow { 

   background-position: 0 -594px;

}

.mpbutton.signup-arrow:hover { 

   background-position: -95px -594px;

}

.mpbutton.signup-arrow:active { 

   background-position: -190px -594px;

}

.mpbutton.close { 

   background-position: 0 -627px;

}

.mpbutton.close:hover { 

   background-position: -95px -627px;

}

.mpbutton.close:active { 

   background-position: -190px -627px;

}

.mpbutton.show { 

   background-position: 0 -660px;

}

.mpbutton.show:hover { 

   background-position: -95px -660px;

}

.mpbutton.show:active { 

   background-position: -190px -660px;

}

.mpbutton.save-gray { 

   background-position: 0 -693px;

}

.mpbutton.save-gray:hover { 

   background-position: -95px -693px;

}

.mpbutton.save-gray:active { 

   background-position: -190px -693px;

}

.mpbutton.update { 

   background-position: 0 -726px;

}

.mpbutton.update:hover { 

   background-position: -95px -726px;

}

.mpbutton.update:active { 

   background-position: -190px -726px;

}

.mpbutton.continue-blue { 

   background-position: 0 -759px;

}

.mpbutton.continue-blue:hover { 

   background-position: -95px -759px;

}

.mpbutton.continue-blue:active { 

   background-position: -190px -759px;

}

.mpbutton.create { 

   background-position: 0 -891px;

}

.mpbutton.create:hover { 

   background-position: -95px -891px;

}

.mpbutton.create:active { 

   background-position: -190px -891px;

}

.mpbutton.create.disabled,.mpbutton.create.disabled * { 

   background-position: 0 -891px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton.previous { 

   background-position: 0 -825px;

}

.mpbutton.previous:hover { 

   background-position: -95px -825px;

}

.mpbutton.previous:active { 

   background-position: -190px -825px;

}

.mpbutton.previous.disabled,.mpbutton.previous.disabled * { 

   background-position: 0 -825px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;
   position: relative;
   top: -1px;

}

.mpbutton.next { 

   background-position: 0 -858px;

}

.mpbutton.next:hover { 

   background-position: -95px -858px;

}

.mpbutton.next:active { 

   background-position: -190px -858px;

}

.mpbutton.next.disabled,.mpbutton.next.disabled * { 

   background-position: 0 -858px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;
   position: relative;
   top: -1px;

}

.mpbutton.skip { 

   background-position: 0 -1023px;

}

.mpbutton.skip:hover { 

   background-position: -95px -1023px;

}

.mpbutton.skip:active { 

   background-position: -190px -1023px;

}

.mpbutton.invite { 

   background-position: 0 -1056px;

}

.mpbutton.invite:hover { 

   background-position: -95px -1056px;

}

.mpbutton.invite:active { 

   background-position: -190px -1056px;

}

.mpbutton.setup { 

   background-position: 0 -1089px;

}

.mpbutton.setup:hover { 

   background-position: -95px -1089px;

}

.mpbutton.setup:active { 

   background-position: -190px -1089px;

}

.mpbutton-small.view-gray { 

   background-position: -285px 0;

}

.mpbutton-small.view-gray:hover { 

   background-position: -339px 0;

}

.mpbutton-small.view-gray:active { 

   background-position: -393px 0;

}

.mpbutton-small.view-blue { 

   background-position: -285px -23px;

}

.mpbutton-small.view-blue:hover { 

   background-position: -339px -23px;

}

.mpbutton-small.view-blue:active { 

   background-position: -393px -23px;

}

.mpbutton-small.save { 

   background-position: -285px -46px;

}

.mpbutton-small.save:hover { 

   background-position: -339px -46px;

}

.mpbutton-small.save:active { 

   background-position: -393px -46px;

}

.mpbutton-small.delete { 

   background-position: -285px -69px;

}

.mpbutton-small.delete:hover { 

   background-position: -339px -69px;

}

.mpbutton-small.delete:active { 

   background-position: -393px -69px;

}

.mpbutton-small.create { 

   background-position: -285px -92px;

}

.mpbutton-small.create:hover { 

   background-position: -339px -92px;

}

.mpbutton-small.create:active { 

   background-position: -393px -92px;

}

.mpbutton-small.invite { 

   background-position: -285px -115px;

}

.mpbutton-small.invite:hover { 

   background-position: -339px -115px;

}

.mpbutton-small.invite:active { 

   background-position: -393px -115px;

}

.mpbutton-small.sign-up { 

   background-position: -285px -138px;

}

.mpbutton-small.sign-up:hover { 

   background-position: -339px -138px;

}

.mpbutton-small.sign-up:active { 

   background-position: -393px -138px;

}

.mpbutton-small.edit { 

   background-position: -285px -161px;

}

.mpbutton-small.edit:hover { 

   background-position: -339px -161px;

}

.mpbutton-small.edit:active { 

   background-position: -393px -161px;

}

.mpbutton-small.save-grey { 

   background-position: -285px -184px;

}

.mpbutton-small.save-grey:hover { 

   background-position: -339px -184px;

}

.mpbutton-small.save-grey:active { 

   background-position: -393px -184px;

}

.mpbutton-small.hide { 

   background-position: -285px -207px;

}

.mpbutton-small.hide:hover { 

   background-position: -339px -207px;

}

.mpbutton-small.hide:active { 

   background-position: -393px -207px;

}

.mpbutton-small.cancel { 

   background-position: -285px -230px;

}

.mpbutton-small.cancel:hover { 

   background-position: -339px -230px;

}

.mpbutton-small.cancel:active { 

   background-position: -393px -230px;

}

.mpbutton-small.next { 

   background-position: -285px -253px;

}

.mpbutton-small.next:hover { 

   background-position: -339px -253px;

}

.mpbutton-small.next:active { 

   background-position: -393px -253px;

}

.mpbutton-small.remove { 

   background-position: -285px -276px;

}

.mpbutton-small.remove:hover { 

   background-position: -339px -276px;

}

.mpbutton-small.remove:active { 

   background-position: -393px -276px;

}

.mpbutton-medium.login { 

   background-position: -447px 0;

}

.mpbutton-medium.login:hover { 

   background-position: -519px 0;

}

.mpbutton-medium.login:active { 

   background-position: -591px 0;

}

.mpbutton-medium.sign-up { 

   background-position: -447px -25px;

}

.mpbutton-medium.sign-up:hover { 

   background-position: -519px -25px;

}

.mpbutton-medium.sign-up:active { 

   background-position: -591px -25px;

}

.mpbutton-medium.skip { 

   background-position: -447px -50px;

}

.mpbutton-medium.skip:hover { 

   background-position: -519px -50px;

}

.mpbutton-medium.skip:active { 

   background-position: -591px -50px;

}

.mpbutton-medium.show { 

   background-position: -447px -75px;

}

.mpbutton-medium.show:hover { 

   background-position: -519px -75px;

}

.mpbutton-medium.show:active { 

   background-position: -591px -75px;

}

.mpbutton-medium.sign-up-green { 

   background-position: -447px -100px;

}

.mpbutton-medium.sign-up-green:hover { 

   background-position: -519px -100px;

}

.mpbutton-medium.sign-up-green:active { 

   background-position: -591px -100px;

}

.mpbutton-medium.check { 

   background-position: -447px -125px;

}

.mpbutton-medium.check:hover { 

   background-position: -519px -125px;

}

.mpbutton-medium.check:active { 

   background-position: -591px -125px;

}

.mpbutton-smaller.hide { 

   background-position: -663px 0;

}

.mpbutton-smaller.hide:hover { 

   background-position: -707px 0;

}

.mpbutton-smaller.hide:active { 

   background-position: -751px 0;

}

.mpbutton-yans.done { 

   background-position: -795px 0;

}

.mpbutton-yans.done:hover { 

   background-position: -864px 0;

}

.mpbutton-yans.done:active { 

   background-position: -933px 0;

}

.mpbutton-jr.change { 

   background-position: -1002px 0;

}

.mpbutton-jr.change:hover { 

   background-position: -1084px 0;

}

.mpbutton-jr.change:active { 

   background-position: -1166px 0;

}

.mpbutton-jr.change.disabled,.mpbutton-jr.change.disabled * { 

   background-position: -1002px 0;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton-jr.invite { 

   background-position: -1002px -32px;

}

.mpbutton-jr.invite:hover { 

   background-position: -1084px -32px;

}

.mpbutton-jr.invite:active { 

   background-position: -1166px -32px;

}

.mpbutton-jr.create { 

   background-position: -1002px -64px;

}

.mpbutton-jr.create:hover { 

   background-position: -1084px -64px;

}

.mpbutton-jr.create:active { 

   background-position: -1166px -64px;

}

.mpbutton-jr.create.disabled,.mpbutton-jr.create.disabled * { 

   background-position: -1002px -64px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

Retrieved from "http://2013.igem.org/Team:BIT-China/stylesheet"