Team:UST Beijing/css/index.css

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
 
Line 1: Line 1:
 +
.version.index /* version checker */
 +
{
 +
color: #0000F8;
 +
background-color: #9A822E;
 +
}
 +
.html
 +
{
 +
background-color: #B0E2D4;
 +
background: -webkit-gradient(linear, center top, center bottom, from(#B0E2D4),color-stop(100%, #E8F8F3));
 +
background: -webkit-linear-gradient(top,#B0E2D4 ,#E8F8F3 100%);
 +
background: -o-linear-gradient(top,#B0E2D4 ,#E8F8F3 100%);
 +
background: linear-gradient(to bottom,#B0E2D4 ,#E8F8F3 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB0E2D4, endColorstr=#FFE8F8F3, GradientType=0);
 +
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB0E2D4', endColorstr='#FFE8F8F3', GradientType=0)";
 +
}
 +
 +
#page
 +
{
 +
z-index: 1;
 +
width: 1000px;
 +
min-height: 500px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#u74
 +
{
 +
z-index: 2;
 +
padding-bottom: 16px;
 +
}
 +
 +
#u74_align_to_page
 +
{
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 1000px;
 +
left: -100px;
 +
}
 +
 +
#u530
 +
{
 +
z-index: 62;
 +
width: 73px;
 +
margin-right: -10000px;
 +
margin-top: 15px;
 +
left: 134px;
 +
}
 +
 +
#u89
 +
{
 +
z-index: 3;
 +
width: 54px;
 +
margin-right: -10000px;
 +
margin-top: 16px;
 +
left: 212px;
 +
}
 +
 +
#menuu153
 +
{
 +
z-index: 5;
 +
width: 568px;
 +
margin-right: -10000px;
 +
margin-top: 36px;
 +
left: 433px;
 +
}
 +
 +
#u154
 +
{
 +
width: 57px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
}
 +
 +
#u157
 +
{
 +
width: 57px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u157:hover
 +
{
 +
width: 57px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u157:active
 +
{
 +
width: 57px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u159-4
 +
{
 +
width: 44px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u157:hover #u159-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u157:active #u159-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u161
 +
{
 +
width: 52px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 59px;
 +
}
 +
 +
#u164
 +
{
 +
width: 52px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u164:hover
 +
{
 +
width: 52px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u164:active
 +
{
 +
width: 52px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u166-4
 +
{
 +
width: 40px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u157.MuseMenuActive #u159-4,#u164:hover #u166-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u164:active #u166-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u169
 +
{
 +
width: 66px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 113px;
 +
}
 +
 +
#u170
 +
{
 +
width: 66px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u170:hover
 +
{
 +
width: 66px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u170:active
 +
{
 +
width: 66px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u172-4
 +
{
 +
width: 54px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u164.MuseMenuActive #u166-4,#u170:hover #u172-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u170:active #u172-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u176
 +
{
 +
width: 53px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 181px;
 +
}
 +
 +
#u179
 +
{
 +
width: 53px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u179:hover
 +
{
 +
width: 53px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u179:active
 +
{
 +
width: 53px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u181-4
 +
{
 +
width: 41px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u170.MuseMenuActive #u172-4,#u179:hover #u181-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u179:active #u181-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u183
 +
{
 +
width: 81px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 236px;
 +
}
 +
 +
#u184
 +
{
 +
width: 81px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u184:hover
 +
{
 +
width: 81px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u184:active
 +
{
 +
width: 81px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u185-4
 +
{
 +
width: 69px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u179.MuseMenuActive #u181-4,#u184:hover #u185-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u184:active #u185-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u190
 +
{
 +
width: 83px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 319px;
 +
}
 +
 +
#u191
 +
{
 +
width: 83px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u191:hover
 +
{
 +
width: 83px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u191:active
 +
{
 +
width: 83px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u193-4
 +
{
 +
width: 71px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u184.MuseMenuActive #u185-4,#u191:hover #u193-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u191:active #u193-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u197
 +
{
 +
width: 59px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 404px;
 +
}
 +
 +
#u198
 +
{
 +
width: 59px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u198:hover
 +
{
 +
width: 59px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u198:active
 +
{
 +
width: 59px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u201-4
 +
{
 +
width: 47px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u191.MuseMenuActive #u193-4,#u198:hover #u201-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u198:active #u201-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u204
 +
{
 +
width: 103px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 465px;
 +
}
 +
 +
#u205
 +
{
 +
width: 103px;
 +
padding-bottom: 15px;
 +
}
 +
 +
#u205:hover
 +
{
 +
width: 103px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u205:active
 +
{
 +
width: 103px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u157.MuseMenuActive,#u164.MuseMenuActive,#u170.MuseMenuActive,#u179.MuseMenuActive,#u184.MuseMenuActive,#u191.MuseMenuActive,#u198.MuseMenuActive,#u205.MuseMenuActive
 +
{
 +
margin: 0px;
 +
}
 +
 +
#u206-4
 +
{
 +
width: 91px;
 +
min-height: 19px;
 +
margin-right: -10000px;
 +
top: 7px;
 +
left: 6px;
 +
}
 +
 +
#u198.MuseMenuActive #u201-4,#u205:hover #u206-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u205:active #u206-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u205.MuseMenuActive #u206-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 19px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u74-bw
 +
{
 +
z-index: 2;
 +
height: 74px;
 +
}
 +
 +
#u219
 +
{
 +
z-index: 54;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 489px;
 +
}
 +
 +
#u220
 +
{
 +
z-index: 55;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 544px;
 +
}
 +
 +
#u221
 +
{
 +
z-index: 56;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 611px;
 +
}
 +
 +
#u222
 +
{
 +
z-index: 57;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 667px;
 +
}
 +
 +
#u223
 +
{
 +
z-index: 58;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 749px;
 +
}
 +
 +
#u224
 +
{
 +
z-index: 59;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 833px;
 +
}
 +
 +
#u225
 +
{
 +
z-index: 60;
 +
width: 1px;
 +
height: 26px;
 +
margin-right: -10000px;
 +
margin-top: 37px;
 +
left: 896px;
 +
}
 +
 +
#pu226
 +
{
 +
width: 0.01px;
 +
padding-bottom: 53px;
 +
margin-left: -100px;
 +
}
 +
 +
#u226
 +
{
 +
z-index: 65;
 +
}
 +
 +
#u226_align_to_page
 +
{
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 868px;
 +
position: relative;
 +
left: -100px;
 +
}
 +
 +
#pu233
 +
{
 +
width: 0.01px;
 +
margin-right: -10000px;
 +
}
 +
 +
#u233
 +
{
 +
z-index: 68;
 +
width: 88px;
 +
margin-left: 21px;
 +
position: relative;
 +
}
 +
 +
#u245
 +
{
 +
z-index: 74;
 +
width: 70px;
 +
margin-top: 283px;
 +
position: relative;
 +
}
 +
 +
#pu227
 +
{
 +
width: 0.01px;
 +
padding-bottom: 0px;
 +
margin-right: -10000px;
 +
margin-top: 11px;
 +
margin-left: 119px;
 +
}
 +
 +
#u227
 +
{
 +
z-index: 66;
 +
width: 141px;
 +
margin-left: 83px;
 +
position: relative;
 +
}
 +
 +
#pu340
 +
{
 +
width: 0.01px;
 +
margin-top: 111px;
 +
}
 +
 +
#u340
 +
{
 +
z-index: 79;
 +
width: 113px;
 +
height: 195px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 50px;
 +
background: transparent url("../images/monkey1-normal.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u340:hover
 +
{
 +
margin: 50px -10000px 0px 0px;
 +
background: transparent url("../images/monkey1-down.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u352
 +
{
 +
z-index: 80;
 +
width: 111px;
 +
height: 243px;
 +
position: relative;
 +
margin-right: -10000px;
 +
left: 180px;
 +
background: transparent url("../images/monkey2-normal.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u352:hover
 +
{
 +
margin: 0px -10000px 0px 0px;
 +
background: transparent url("../images/monkey2-down.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#pu239
 +
{
 +
width: 0.01px;
 +
padding-bottom: 0px;
 +
margin-right: -10000px;
 +
margin-left: 605px;
 +
}
 +
 +
#u239
 +
{
 +
z-index: 70;
 +
width: 88px;
 +
margin-left: 73px;
 +
position: relative;
 +
}
 +
 +
#u363
 +
{
 +
z-index: 81;
 +
width: 132px;
 +
height: 287px;
 +
margin-top: 91px;
 +
position: relative;
 +
background: transparent url("../images/human1-normal.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u363:hover
 +
{
 +
margin: 91px 0px 0px;
 +
background: transparent url("../images/human1-down.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u374
 +
{
 +
z-index: 82;
 +
width: 141px;
 +
height: 287px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 113px;
 +
left: 831px;
 +
background: transparent url("../images/human2-normal.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u374:hover
 +
{
 +
margin: 113px -10000px 0px 0px;
 +
background: transparent url("../images/human2-down.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u242
 +
{
 +
z-index: 72;
 +
width: 83px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 22px;
 +
left: 985px;
 +
}
 +
 +
#u226-bw
 +
{
 +
z-index: 65;
 +
margin-top: 34px;
 +
height: 402px;
 +
}
 +
 +
#u328
 +
{
 +
z-index: 77;
 +
height: 115px;
 +
width: 77px;
 +
vertical-align: top;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 311px;
 +
left: 530px;
 +
background: url("../images/puzzle-u328.png") no-repeat 0px 0px;
 +
}
 +
 +
#u328:hover
 +
{
 +
background: url("../images/puzzle-u328-r.png") no-repeat 0px 0px;
 +
}
 +
 +
.hidpi #u328
 +
{
 +
background-image: url("../images/puzzle-u328_2x.png");
 +
background-size: 77px 114.99999999999994px;
 +
}
 +
 +
.hidpi #u328:hover
 +
{
 +
background-image: url("../images/puzzle-u328-r_2x.png");
 +
background-size: 77px 114.99999999999994px;
 +
}
 +
 +
#u322
 +
{
 +
z-index: 83;
 +
width: 91px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 241px;
 +
left: 611px;
 +
}
 +
 +
#u385
 +
{
 +
z-index: 85;
 +
width: 96px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 94px;
 +
left: 995px;
 +
}
 +
 +
#pu521
 +
{
 +
width: 0.01px;
 +
padding-bottom: 78px;
 +
margin-left: -100px;
 +
}
 +
 +
#u521
 +
{
 +
z-index: 64;
 +
}
 +
 +
#u521_align_to_page
 +
{
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 607px;
 +
position: relative;
 +
left: -100px;
 +
}
 +
 +
#u392
 +
{
 +
z-index: 87;
 +
width: 141px;
 +
height: 287px;
 +
position: relative;
 +
margin-right: -10000px;
 +
background: transparent url("../images/human2-normal.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u392:hover
 +
{
 +
margin: 0px -10000px 0px 0px;
 +
background: transparent url("../images/human2-down.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u434
 +
{
 +
z-index: 89;
 +
width: 460px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 42px;
 +
left: 168px;
 +
}
 +
 +
#u421
 +
{
 +
z-index: 88;
 +
width: 104px;
 +
height: 287px;
 +
position: relative;
 +
margin-right: -10000px;
 +
left: 703px;
 +
background: transparent url("../images/human3-u421-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u421:hover
 +
{
 +
margin: 0px -10000px 0px 0px;
 +
background: transparent url("../images/human3-u421-r-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
.hidpi #u421
 +
{
 +
background-image: url("../images/human3-u421-fr_2x.png");
 +
}
 +
 +
.hidpi #u421:hover
 +
{
 +
background-image: url("../images/human3-u421-r-fr_2x.png");
 +
}
 +
 +
#u521-bw
 +
{
 +
z-index: 64;
 +
margin-top: 66px;
 +
height: 421px;
 +
}
 +
 +
#u458
 +
{
 +
z-index: 91;
 +
width: 116px;
 +
height: 204px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 223px;
 +
left: 401px;
 +
background: transparent url("../images/monkey3-u458-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u458:hover
 +
{
 +
margin: 223px -10000px 0px 0px;
 +
background: transparent url("../images/monkey3-u458-r-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
.hidpi #u458
 +
{
 +
background-image: url("../images/monkey3-u458-fr_2x.png");
 +
}
 +
 +
.hidpi #u458:hover
 +
{
 +
background-image: url("../images/monkey3-u458-r-fr_2x.png");
 +
}
 +
 +
#u470
 +
{
 +
z-index: 92;
 +
width: 117px;
 +
height: 259px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 169px;
 +
left: 656px;
 +
background: transparent url("../images/doctor-u470-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u470:hover
 +
{
 +
margin: 169px -10000px 0px 0px;
 +
background: transparent url("../images/doctor-u470-r-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
.hidpi #u470
 +
{
 +
background-image: url("../images/doctor-u470-fr_2x.png");
 +
}
 +
 +
.hidpi #u470:hover
 +
{
 +
background-image: url("../images/doctor-u470-r-fr_2x.png");
 +
}
 +
 +
#u482
 +
{
 +
z-index: 93;
 +
width: 44px;
 +
height: 98px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 261px;
 +
left: 539px;
 +
background: transparent url("../images/gene1-u482-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u482:hover
 +
{
 +
margin: 261px -10000px 0px 0px;
 +
background: transparent url("../images/gene1-u482-r-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
.hidpi #u482
 +
{
 +
background-image: url("../images/gene1-u482-fr_2x.png");
 +
}
 +
 +
.hidpi #u482:hover
 +
{
 +
background-image: url("../images/gene1-u482-r-fr_2x.png");
 +
}
 +
 +
#u494
 +
{
 +
z-index: 94;
 +
width: 44px;
 +
height: 98px;
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 261px;
 +
left: 599px;
 +
background: transparent url("../images/gene2-u494-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
#u494:hover
 +
{
 +
margin: 261px -10000px 0px 0px;
 +
background: transparent url("../images/gene2-u494-r-fr.png") no-repeat left top;
 +
background-size: contain;
 +
}
 +
 +
.hidpi #u494
 +
{
 +
background-image: url("../images/gene2-u494-fr_2x.png");
 +
}
 +
 +
.hidpi #u494:hover
 +
{
 +
background-image: url("../images/gene2-u494-r-fr_2x.png");
 +
}
 +
 +
#u510
 +
{
 +
z-index: 95;
 +
width: 91px;
 +
-webkit-transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117);
 +
-ms-transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117);
 +
-o-transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117);
 +
transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117);
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 339px;
 +
left: 288px;
 +
}
 +
 +
#u513
 +
{
 +
z-index: 97;
 +
width: 91px;
 +
-webkit-transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135);
 +
-ms-transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135);
 +
-o-transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135);
 +
transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135);
 +
position: relative;
 +
margin-right: -10000px;
 +
margin-top: 333px;
 +
left: 824px;
 +
}
 +
 +
#pu74,#pu520
 +
{
 +
width: 0.01px;
 +
margin-left: -100px;
 +
}
 +
 +
#u520,#u520-bw
 +
{
 +
z-index: 61;
 +
height: 62px;
 +
}
 +
 +
#u522-4
 +
{
 +
z-index: 99;
 +
min-height: 17px;
 +
color: #61B1A7;
 +
font-size: 16px;
 +
line-height: 19px;
 +
text-align: center;
 +
font-family: bree-serif, sans-serif;
 +
font-weight: 400;
 +
}
 +
 +
#u522-4-bw
 +
{
 +
z-index: 99;
 +
min-height: 17px;
 +
margin-top: 20px;
 +
height: 19px;
 +
}
 +
 +
body
 +
{
 +
position: relative;
 +
min-width: 1000px;
 +
}
 +
 +
#page .verticalspacer
 +
{
 +
clear: both;
 +
}

Latest revision as of 14:56, 2 October 2014

.version.index /* version checker */ { color: #0000F8; background-color: #9A822E; }

.html { background-color: #B0E2D4; background: -webkit-gradient(linear, center top, center bottom, from(#B0E2D4),color-stop(100%, #E8F8F3)); background: -webkit-linear-gradient(top,#B0E2D4 ,#E8F8F3 100%); background: -o-linear-gradient(top,#B0E2D4 ,#E8F8F3 100%); background: linear-gradient(to bottom,#B0E2D4 ,#E8F8F3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB0E2D4, endColorstr=#FFE8F8F3, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB0E2D4', endColorstr='#FFE8F8F3', GradientType=0)"; }

  1. page

{ z-index: 1; width: 1000px; min-height: 500px; margin-left: auto; margin-right: auto; }

  1. u74

{ z-index: 2; padding-bottom: 16px; }

  1. u74_align_to_page

{ margin-left: auto; margin-right: auto; width: 1000px; left: -100px; }

  1. u530

{ z-index: 62; width: 73px; margin-right: -10000px; margin-top: 15px; left: 134px; }

  1. u89

{ z-index: 3; width: 54px; margin-right: -10000px; margin-top: 16px; left: 212px; }

  1. menuu153

{ z-index: 5; width: 568px; margin-right: -10000px; margin-top: 36px; left: 433px; }

  1. u154

{ width: 57px; min-height: 34px; margin-right: -10000px; }

  1. u157

{ width: 57px; padding-bottom: 15px; }

  1. u157:hover

{ width: 57px; min-height: 0px; margin: 0px; }

  1. u157:active

{ width: 57px; min-height: 0px; margin: 0px; }

  1. u159-4

{ width: 44px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u157:hover #u159-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u157:active #u159-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u161

{ width: 52px; min-height: 34px; margin-right: -10000px; left: 59px; }

  1. u164

{ width: 52px; padding-bottom: 15px; }

  1. u164:hover

{ width: 52px; min-height: 0px; margin: 0px; }

  1. u164:active

{ width: 52px; min-height: 0px; margin: 0px; }

  1. u166-4

{ width: 40px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u157.MuseMenuActive #u159-4,#u164:hover #u166-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u164:active #u166-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u169

{ width: 66px; min-height: 34px; margin-right: -10000px; left: 113px; }

  1. u170

{ width: 66px; padding-bottom: 15px; }

  1. u170:hover

{ width: 66px; min-height: 0px; margin: 0px; }

  1. u170:active

{ width: 66px; min-height: 0px; margin: 0px; }

  1. u172-4

{ width: 54px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u164.MuseMenuActive #u166-4,#u170:hover #u172-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u170:active #u172-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u176

{ width: 53px; min-height: 34px; margin-right: -10000px; left: 181px; }

  1. u179

{ width: 53px; padding-bottom: 15px; }

  1. u179:hover

{ width: 53px; min-height: 0px; margin: 0px; }

  1. u179:active

{ width: 53px; min-height: 0px; margin: 0px; }

  1. u181-4

{ width: 41px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u170.MuseMenuActive #u172-4,#u179:hover #u181-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u179:active #u181-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u183

{ width: 81px; min-height: 34px; margin-right: -10000px; left: 236px; }

  1. u184

{ width: 81px; padding-bottom: 15px; }

  1. u184:hover

{ width: 81px; min-height: 0px; margin: 0px; }

  1. u184:active

{ width: 81px; min-height: 0px; margin: 0px; }

  1. u185-4

{ width: 69px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u179.MuseMenuActive #u181-4,#u184:hover #u185-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u184:active #u185-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u190

{ width: 83px; min-height: 34px; margin-right: -10000px; left: 319px; }

  1. u191

{ width: 83px; padding-bottom: 15px; }

  1. u191:hover

{ width: 83px; min-height: 0px; margin: 0px; }

  1. u191:active

{ width: 83px; min-height: 0px; margin: 0px; }

  1. u193-4

{ width: 71px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u184.MuseMenuActive #u185-4,#u191:hover #u193-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u191:active #u193-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u197

{ width: 59px; min-height: 34px; margin-right: -10000px; left: 404px; }

  1. u198

{ width: 59px; padding-bottom: 15px; }

  1. u198:hover

{ width: 59px; min-height: 0px; margin: 0px; }

  1. u198:active

{ width: 59px; min-height: 0px; margin: 0px; }

  1. u201-4

{ width: 47px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u191.MuseMenuActive #u193-4,#u198:hover #u201-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u198:active #u201-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u204

{ width: 103px; min-height: 34px; margin-right: -10000px; left: 465px; }

  1. u205

{ width: 103px; padding-bottom: 15px; }

  1. u205:hover

{ width: 103px; min-height: 0px; margin: 0px; }

  1. u205:active

{ width: 103px; min-height: 0px; margin: 0px; }

  1. u157.MuseMenuActive,#u164.MuseMenuActive,#u170.MuseMenuActive,#u179.MuseMenuActive,#u184.MuseMenuActive,#u191.MuseMenuActive,#u198.MuseMenuActive,#u205.MuseMenuActive

{ margin: 0px; }

  1. u206-4

{ width: 91px; min-height: 19px; margin-right: -10000px; top: 7px; left: 6px; }

  1. u198.MuseMenuActive #u201-4,#u205:hover #u206-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u205:active #u206-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u205.MuseMenuActive #u206-4

{ padding-top: 0px; padding-bottom: 0px; min-height: 19px; margin: 0px -10000px 0px 0px; }

  1. u74-bw

{ z-index: 2; height: 74px; }

  1. u219

{ z-index: 54; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 489px; }

  1. u220

{ z-index: 55; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 544px; }

  1. u221

{ z-index: 56; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 611px; }

  1. u222

{ z-index: 57; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 667px; }

  1. u223

{ z-index: 58; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 749px; }

  1. u224

{ z-index: 59; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 833px; }

  1. u225

{ z-index: 60; width: 1px; height: 26px; margin-right: -10000px; margin-top: 37px; left: 896px; }

  1. pu226

{ width: 0.01px; padding-bottom: 53px; margin-left: -100px; }

  1. u226

{ z-index: 65; }

  1. u226_align_to_page

{ margin-left: auto; margin-right: auto; width: 868px; position: relative; left: -100px; }

  1. pu233

{ width: 0.01px; margin-right: -10000px; }

  1. u233

{ z-index: 68; width: 88px; margin-left: 21px; position: relative; }

  1. u245

{ z-index: 74; width: 70px; margin-top: 283px; position: relative; }

  1. pu227

{ width: 0.01px; padding-bottom: 0px; margin-right: -10000px; margin-top: 11px; margin-left: 119px; }

  1. u227

{ z-index: 66; width: 141px; margin-left: 83px; position: relative; }

  1. pu340

{ width: 0.01px; margin-top: 111px; }

  1. u340

{ z-index: 79; width: 113px; height: 195px; position: relative; margin-right: -10000px; margin-top: 50px; background: transparent url("../images/monkey1-normal.png") no-repeat left top; background-size: contain; }

  1. u340:hover

{ margin: 50px -10000px 0px 0px; background: transparent url("../images/monkey1-down.png") no-repeat left top; background-size: contain; }

  1. u352

{ z-index: 80; width: 111px; height: 243px; position: relative; margin-right: -10000px; left: 180px; background: transparent url("../images/monkey2-normal.png") no-repeat left top; background-size: contain; }

  1. u352:hover

{ margin: 0px -10000px 0px 0px; background: transparent url("../images/monkey2-down.png") no-repeat left top; background-size: contain; }

  1. pu239

{ width: 0.01px; padding-bottom: 0px; margin-right: -10000px; margin-left: 605px; }

  1. u239

{ z-index: 70; width: 88px; margin-left: 73px; position: relative; }

  1. u363

{ z-index: 81; width: 132px; height: 287px; margin-top: 91px; position: relative; background: transparent url("../images/human1-normal.png") no-repeat left top; background-size: contain; }

  1. u363:hover

{ margin: 91px 0px 0px; background: transparent url("../images/human1-down.png") no-repeat left top; background-size: contain; }

  1. u374

{ z-index: 82; width: 141px; height: 287px; position: relative; margin-right: -10000px; margin-top: 113px; left: 831px; background: transparent url("../images/human2-normal.png") no-repeat left top; background-size: contain; }

  1. u374:hover

{ margin: 113px -10000px 0px 0px; background: transparent url("../images/human2-down.png") no-repeat left top; background-size: contain; }

  1. u242

{ z-index: 72; width: 83px; position: relative; margin-right: -10000px; margin-top: 22px; left: 985px; }

  1. u226-bw

{ z-index: 65; margin-top: 34px; height: 402px; }

  1. u328

{ z-index: 77; height: 115px; width: 77px; vertical-align: top; position: relative; margin-right: -10000px; margin-top: 311px; left: 530px; background: url("../images/puzzle-u328.png") no-repeat 0px 0px; }

  1. u328:hover

{ background: url("../images/puzzle-u328-r.png") no-repeat 0px 0px; }

.hidpi #u328 { background-image: url("../images/puzzle-u328_2x.png"); background-size: 77px 114.99999999999994px; }

.hidpi #u328:hover { background-image: url("../images/puzzle-u328-r_2x.png"); background-size: 77px 114.99999999999994px; }

  1. u322

{ z-index: 83; width: 91px; position: relative; margin-right: -10000px; margin-top: 241px; left: 611px; }

  1. u385

{ z-index: 85; width: 96px; position: relative; margin-right: -10000px; margin-top: 94px; left: 995px; }

  1. pu521

{ width: 0.01px; padding-bottom: 78px; margin-left: -100px; }

  1. u521

{ z-index: 64; }

  1. u521_align_to_page

{ margin-left: auto; margin-right: auto; width: 607px; position: relative; left: -100px; }

  1. u392

{ z-index: 87; width: 141px; height: 287px; position: relative; margin-right: -10000px; background: transparent url("../images/human2-normal.png") no-repeat left top; background-size: contain; }

  1. u392:hover

{ margin: 0px -10000px 0px 0px; background: transparent url("../images/human2-down.png") no-repeat left top; background-size: contain; }

  1. u434

{ z-index: 89; width: 460px; position: relative; margin-right: -10000px; margin-top: 42px; left: 168px; }

  1. u421

{ z-index: 88; width: 104px; height: 287px; position: relative; margin-right: -10000px; left: 703px; background: transparent url("../images/human3-u421-fr.png") no-repeat left top; background-size: contain; }

  1. u421:hover

{ margin: 0px -10000px 0px 0px; background: transparent url("../images/human3-u421-r-fr.png") no-repeat left top; background-size: contain; }

.hidpi #u421 { background-image: url("../images/human3-u421-fr_2x.png"); }

.hidpi #u421:hover { background-image: url("../images/human3-u421-r-fr_2x.png"); }

  1. u521-bw

{ z-index: 64; margin-top: 66px; height: 421px; }

  1. u458

{ z-index: 91; width: 116px; height: 204px; position: relative; margin-right: -10000px; margin-top: 223px; left: 401px; background: transparent url("../images/monkey3-u458-fr.png") no-repeat left top; background-size: contain; }

  1. u458:hover

{ margin: 223px -10000px 0px 0px; background: transparent url("../images/monkey3-u458-r-fr.png") no-repeat left top; background-size: contain; }

.hidpi #u458 { background-image: url("../images/monkey3-u458-fr_2x.png"); }

.hidpi #u458:hover { background-image: url("../images/monkey3-u458-r-fr_2x.png"); }

  1. u470

{ z-index: 92; width: 117px; height: 259px; position: relative; margin-right: -10000px; margin-top: 169px; left: 656px; background: transparent url("../images/doctor-u470-fr.png") no-repeat left top; background-size: contain; }

  1. u470:hover

{ margin: 169px -10000px 0px 0px; background: transparent url("../images/doctor-u470-r-fr.png") no-repeat left top; background-size: contain; }

.hidpi #u470 { background-image: url("../images/doctor-u470-fr_2x.png"); }

.hidpi #u470:hover { background-image: url("../images/doctor-u470-r-fr_2x.png"); }

  1. u482

{ z-index: 93; width: 44px; height: 98px; position: relative; margin-right: -10000px; margin-top: 261px; left: 539px; background: transparent url("../images/gene1-u482-fr.png") no-repeat left top; background-size: contain; }

  1. u482:hover

{ margin: 261px -10000px 0px 0px; background: transparent url("../images/gene1-u482-r-fr.png") no-repeat left top; background-size: contain; }

.hidpi #u482 { background-image: url("../images/gene1-u482-fr_2x.png"); }

.hidpi #u482:hover { background-image: url("../images/gene1-u482-r-fr_2x.png"); }

  1. u494

{ z-index: 94; width: 44px; height: 98px; position: relative; margin-right: -10000px; margin-top: 261px; left: 599px; background: transparent url("../images/gene2-u494-fr.png") no-repeat left top; background-size: contain; }

  1. u494:hover

{ margin: 261px -10000px 0px 0px; background: transparent url("../images/gene2-u494-r-fr.png") no-repeat left top; background-size: contain; }

.hidpi #u494 { background-image: url("../images/gene2-u494-fr_2x.png"); }

.hidpi #u494:hover { background-image: url("../images/gene2-u494-r-fr_2x.png"); }

  1. u510

{ z-index: 95; width: 91px; -webkit-transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117); -ms-transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117); -o-transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117); transform: matrix(-0.2079,-0.9781,0.9781,-0.2079,-3,117); position: relative; margin-right: -10000px; margin-top: 339px; left: 288px; }

  1. u513

{ z-index: 97; width: 91px; -webkit-transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135); -ms-transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135); -o-transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135); transform: matrix(-0.8192,-0.5736,0.5736,-0.8192,49,135); position: relative; margin-right: -10000px; margin-top: 333px; left: 824px; }

  1. pu74,#pu520

{ width: 0.01px; margin-left: -100px; }

  1. u520,#u520-bw

{ z-index: 61; height: 62px; }

  1. u522-4

{ z-index: 99; min-height: 17px; color: #61B1A7; font-size: 16px; line-height: 19px; text-align: center; font-family: bree-serif, sans-serif; font-weight: 400; }

  1. u522-4-bw

{ z-index: 99; min-height: 17px; margin-top: 20px; height: 19px; }

body { position: relative; min-width: 1000px; }

  1. page .verticalspacer

{ clear: both; }

Retrieved from "http://2014.igem.org/Team:UST_Beijing/css/index.css"