Mingdao CSS bio-brick
From 2014hs.igem.org
(22 intermediate revisions not shown) | |||
Line 422: | Line 422: | ||
#u6226-12 | #u6226-12 | ||
{ | { | ||
- | letter-spacing: | + | letter-spacing: 38px; |
} | } | ||
Line 594: | Line 594: | ||
{ | { | ||
padding-top: 8px; | padding-top: 8px; | ||
+ | color: #FFFFFF; | ||
} | } | ||
Line 1,534: | Line 1,535: | ||
font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; | font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; | ||
position: fixed; | position: fixed; | ||
- | top: | + | top: 410px; |
- | left: | + | left: 45px; |
} | } | ||
Latest revision as of 03:51, 20 June 2014
.html { background-color: #EDEDED; }
- page
{ z-index: 1; width: 1024px; min-height: 900px; background-image: none; border-style: none; border-color: transparent; background-color: #EDEDED; margin-left: auto; margin-right: auto; }
- page_position_content
{ margin-top: -36px; margin-bottom: -36px; }
- u1673
{ z-index: 57; width: 1224px; padding-bottom: 3px; left: -100px; }
- u1673_align_to_page
{ margin-left: auto; margin-right: auto; width: 1024px; left: -100px; }
- u1674
{ z-index: 58; width: 235px; margin-right: -10000px; margin-top: 21px; left: 141px; }
- u6162-4
{ z-index: 75; margin-right: -10000px; margin-top: 36px; left: 819px; }
- u1676
{ z-index: 60; width: 89px; margin-right: -10000px; margin-top: 23px; left: 994px; }
- top
{ position: relative; width: 22px; margin-right: -10000px; left: 1112px; }
- pu1682-3
{ width: 0.01px; left: -100px; margin-top: 2px; position: relative; }
- u1682-3
{ z-index: 5; width: 1224px; min-height: 30px; margin-right: -10000px; margin-top: 4px; }
- menuu468
{ z-index: 8; width: 1024px; margin-right: -10000px; margin-top: 6px; left: 95px; }
- u616
{ width: 126px; min-height: 28px; margin-right: -10000px; }
- u617
{ width: 126px; padding-bottom: 11px; }
- u617:hover
{ margin: 0px; }
- u617:active
{ margin: 0px; }
- u623
{ width: 126px; min-height: 28px; margin-right: -10000px; left: 128px; }
- u624
{ width: 126px; padding-bottom: 11px; }
- u617.MuseMenuActive,#u624:hover
{ margin: 0px; }
- u624:active
{ margin: 0px; }
- u630
{ width: 126px; min-height: 28px; margin-right: -10000px; left: 256px; }
- u631
{ width: 126px; padding-bottom: 11px; }
- u624.MuseMenuActive,#u631:hover
{ margin: 0px; }
- u631:active
{ margin: 0px; }
- u637
{ width: 126px; min-height: 28px; margin-right: -10000px; left: 384px; }
- u638
{ width: 126px; padding-bottom: 11px; }
- u631.MuseMenuActive,#u638:hover
{ margin: 0px; }
- u638:active
{ margin: 0px; }
- u651
{ width: 126px; min-height: 28px; margin-right: -10000px; left: 512px; }
- u652
{ width: 126px; padding-bottom: 11px; }
- u638.MuseMenuActive,#u652:hover
{ margin: 0px; }
- u652:active
{ margin: 0px; }
- u5718
{ width: 126px; min-height: 28px; margin-right: -10000px; left: 640px; }
- u5721
{ width: 126px; padding-bottom: 11px; }
- u652.MuseMenuActive,#u5721:hover
{ margin: 0px; }
- u5721:active
{ margin: 0px; }
- u619-4,#u625-4,#u632-4,#u639-4,#u653-4,#u5722-4
{ width: 126px; min-height: 17px; margin-right: -10000px; top: 5px; }
- u644
{ width: 127px; min-height: 28px; margin-right: -10000px; left: 768px; }
- u645
{ width: 127px; padding-bottom: 11px; }
- u5721.MuseMenuActive,#u645:hover
{ margin: 0px; }
- u645:active
{ margin: 0px; }
- u671
{ width: 127px; min-height: 28px; margin-right: -10000px; left: 897px; }
- u674
{ width: 127px; padding-bottom: 11px; }
- u645.MuseMenuActive,#u674:hover
{ margin: 0px; }
- u674:active
{ margin: 0px; }
- u674.MuseMenuActive
{ margin: 0px; }
- u646-4,#u676-4
{ width: 127px; min-height: 17px; margin-right: -10000px; top: 5px; }
- u1681
{ z-index: 62; width: 1224px; height: 5px; margin-right: -10000px; }
- u2764
{ z-index: 81; width: 1924px; height: 200px; border-style: none; border-color: transparent; position: fixed; top: 94px; left: -450px; background: #FFFFFF url("") no-repeat left top; }
- pu3615
{ width: 0.01px; left: -100px; position: relative; }
- u3615
{ z-index: 79; width: 1224px; height: 200px; border-style: none; border-color: transparent; background-color: #757575; position: relative; margin-right: -10000px; }
- u2740-4
{ z-index: 82; display: block; vertical-align: top; position: relative; margin-right: -10000px; margin-top: 45px; left: 104px; }
- u3442-4
{ z-index: 131; width: 1224px; min-height: 60px; -pie-box-shadow: 6px 6px 8px #7F7F7F; -moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 6px 6px 8px -1px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); border-style: none; border-color: transparent; background-color: #51CACA; line-height: 41px; text-align: center; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; position: relative; left: -100px; top: -1px; margin-bottom: -1px; }
- u6226-16
{ z-index: 284; width: 1024px; min-height: 27px; line-height: 19px; font-size: 14px; margin-left: 22px; margin-top: 22px; position: relative; }
- u6226-2
{ letter-spacing: 31px; }
- u6226-4
{ letter-spacing: 192px; }
- u6226-6
{ letter-spacing: 82px; }
- u6226-8
{ letter-spacing: 134px; }
- u6226-10
{ letter-spacing: 18px; }
- u6226-12
{ letter-spacing: 38px; }
- u6225
{ z-index: 252; width: 1045px; left: -5px; top: -4px; margin-bottom: -4px; position: relative; }
- u6224
{ z-index: 255; width: 18px; position: relative; margin-right: -10000px; margin-top: 1px; }
- u3569
{ z-index: 256; width: 18px; position: relative; }
- u3575
{ z-index: 258; width: 18px; margin-top: 4px; position: relative; }
- u3578
{ z-index: 260; width: 18px; margin-top: 3px; position: relative; }
- u3581
{ z-index: 262; width: 18px; margin-top: 4px; position: relative; }
- u3584
{ z-index: 264; width: 18px; margin-top: 4px; position: relative; }
- u3587
{ z-index: 266; width: 18px; margin-top: 42px; position: relative; }
- u3590
{ z-index: 268; width: 18px; margin-top: 7px; position: relative; }
- u3593
{ z-index: 270; width: 18px; margin-top: 22px; position: relative; }
- u3611
{ z-index: 282; width: 18px; margin-top: 24px; position: relative; }
- u3596
{ z-index: 272; width: 18px; margin-top: 4px; position: relative; }
- u3599
{ z-index: 274; width: 18px; margin-top: 3px; position: relative; }
- u3602
{ z-index: 276; width: 18px; margin-top: 3px; position: relative; }
- u3605
{ z-index: 278; width: 18px; margin-top: 4px; position: relative; }
- u3608
{ z-index: 280; width: 18px; margin-top: 3px; position: relative; }
- u2915
{ z-index: 253; width: 1015px; position: relative; margin-right: -10000px; left: 30px; }
- pu3197-4
{ width: 0.01px; left: -100px; margin-top: 24px; position: relative; }
- u3197-4
{ z-index: 86; width: 1224px; min-height: 60px; -pie-box-shadow: 6px 6px 8px #7F7F7F; -moz-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 6px 6px 8px -1px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5); border-style: none; border-color: transparent; background-color: #51CACA; line-height: 41px; text-align: center; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; position: relative; margin-right: -10000px; }
- u3442-2,#u3197-2
{ padding-top: 8px;
color: #FFFFFF;
}
- biobrickdesign
{ position: relative; width: 22px; margin-right: -10000px; margin-top: 30px; left: 21px; }
- pu3380
{ width: 0.01px; margin-left: 24px; margin-top: 35px; position: relative; }
- u3380
{ z-index: 90; width: 303px; position: relative; margin-right: -10000px; margin-top: 9px; left: 11px; }
- u3315-4
{ z-index: 91; width: 303px; min-height: 33px; line-height: 36px; font-size: 30px; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; font-weight: bold; position: relative; }
- u3316
{ z-index: 95; width: 225px; height: 7px; border-style: solid; border-color: #606060; background-color: transparent; position: relative; border-width: 1px 0px 0px; }
- u3466
{ z-index: 348; width: 611px; margin-left: 375px; top: -6px; margin-bottom: -6px; position: relative; }
- pu3317-21
{ width: 0.01px; position: relative; }
- u3317-21
{ z-index: 349; width: 566px; min-height: 134px; position: relative; margin-right: -10000px; }
- u3320
{ z-index: 383; width: 507px; position: relative; margin-right: -10000px; margin-top: 136px; left: 11px; }
- u3352-9
{ z-index: 370; width: 568px; min-height: 26px; margin-top: 25px; position: relative; }
- u3352-5
{ letter-spacing: 301px; }
- pu3358
{ width: 0.01px; margin-top: 17px; position: relative; }
- u3358
{ z-index: 381; width: 298px; position: relative; margin-right: -10000px; margin-top: 1px; }
- u1676_img,#u3358_img
{ padding-right: 1px; padding-bottom: 1px; }
- u3353
{ z-index: 379; width: 297px; position: relative; margin-right: -10000px; left: 314px; }
- bb02
{ left: -71px; margin-top: 52px; position: relative; }
- u3493
{ z-index: 413; width: 519px; margin-left: 371px; position: relative; }
- u3366-16
{ z-index: 414; width: 453px; min-height: 98px; position: relative; margin-right: -10000px; }
- u3487
{ z-index: 430; width: 519px; position: relative; margin-right: -10000px; margin-top: 100px; }
- bb03
{ left: -73px; margin-top: 51px; position: relative; }
- pattack
{ width: 0.01px; margin-left: 26px; margin-top: 9px; position: relative; }
- attack
{ position: relative; width: 22px; margin-right: -10000px; margin-top: 322px; }
- u3512
{ z-index: 159; width: 512px; position: relative; margin-right: -10000px; left: 345px; }
- u3374-20
{ z-index: 160; width: 448px; min-height: 97px; position: relative; margin-right: -10000px; }
- u3317-6,#u3317-9,#u3352-7,#u3366-6,#u3374-6,#u3374-9
{ font-weight: bold; }
- u3366-10,#u3374-13
{ line-height: 18px; font-weight: bold; }
- u3507
{ z-index: 180; width: 504px; position: relative; margin-right: -10000px; margin-top: 161px; left: 8px; }
- pbb004
{ width: 0.01px; left: -56px; margin-top: 5px; position: relative; }
- bb01,#bb004
{ position: relative; width: 22px; margin-right: -10000px; }
- u3381
{ z-index: 96; width: 303px; position: relative; margin-right: -10000px; margin-top: 9px; left: 91px; }
- u3383-4
{ z-index: 97; width: 303px; min-height: 33px; line-height: 36px; font-size: 30px; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; position: relative; }
- u3382
{ z-index: 101; width: 225px; height: 7px; border-style: solid; border-color: #606060; background-color: transparent; position: relative; border-width: 1px 0px 0px; }
- u3505
{ z-index: 432; width: 599px; margin-left: 375px; position: relative; }
- u3385-9
{ z-index: 433; width: 597px; min-height: 166px; padding: 1px; position: relative; }
- u3494
{ z-index: 442; width: 510px; top: -4px; margin-bottom: -4px; position: relative; }
- bb05
{ left: -38px; margin-top: 23px; position: relative; }
- u3551
{ z-index: 452; width: 599px; margin-left: 375px; margin-top: 7px; position: relative; }
- u3398-11
{ z-index: 453; width: 597px; min-height: 143px; padding: 1px; position: relative; margin-right: -10000px; }
- u3499
{ z-index: 464; width: 510px; position: relative; margin-right: -10000px; margin-top: 160px; }
- pdecomposing
{ width: 0.01px; margin-left: 35px; margin-top: 48px; position: relative; }
- decomposing
{ position: relative; width: 22px; margin-right: -10000px; margin-top: 142px; }
- u3550
{ z-index: 444; width: 686px; position: relative; margin-right: -10000px; left: 303px; }
- u3410-5
{ z-index: 445; width: 326px; min-height: 76px; position: relative; margin-right: -10000px; margin-top: 21px; }
- u3405
{ z-index: 450; width: 360px; position: relative; margin-right: -10000px; left: 326px; }
- pbb06
{ width: 0.01px; left: -45px; margin-top: 10px; position: relative; }
- bb06
{ position: relative; width: 22px; margin-right: -10000px; margin-top: 13px; }
- u3401
{ z-index: 102; width: 303px; position: relative; margin-right: -10000px; left: 80px; }
- u3402-4
{ z-index: 103; width: 303px; min-height: 33px; line-height: 36px; font-size: 30px; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; position: relative; }
- u3403
{ z-index: 107; width: 225px; height: 7px; border-style: solid; border-color: #606060; background-color: transparent; position: relative; border-width: 1px 0px 0px; }
- u3543
{ z-index: 242; width: 600px; padding-bottom: 0px; margin-left: 374px; position: relative; }
- u3411-7
{ z-index: 243; width: 600px; min-height: 113px; position: relative; }
- u3533
{ z-index: 250; width: 510px; top: -2px; margin-bottom: -2px; position: relative; }
- bb07
{ left: -61px; margin-top: 25px; position: relative; }
- u3544
{ z-index: 218; width: 600px; margin-left: 374px; margin-top: 5px; position: relative; }
- u3412-9
{ z-index: 219; width: 600px; min-height: 108px; position: relative; }
- u3528
{ z-index: 228; width: 510px; top: -4px; margin-bottom: -4px; position: relative; }
- bb08
{ left: -50px; margin-top: 26px; position: relative; }
- u3545
{ z-index: 206; width: 600px; padding-bottom: 0px; margin-left: 374px; margin-top: 3px; position: relative; }
- u3414-9
{ z-index: 207; width: 600px; min-height: 33px; position: relative; }
- u3518
{ z-index: 216; width: 510px; top: -4px; margin-bottom: -4px; position: relative; }
- bb09
{ left: -50px; margin-top: 15px; position: relative; }
- u3546
{ z-index: 230; width: 600px; margin-left: 374px; margin-top: 15px; position: relative; }
- u3415-9
{ z-index: 231; width: 600px; min-height: 51px; position: relative; }
- u3538
{ z-index: 240; width: 510px; position: relative; }
- bb10
{ left: -39px; margin-top: 30px; position: relative; }
- u3547
{ z-index: 182; width: 608px; margin-left: 374px; position: relative; }
- u3419-9
{ z-index: 183; width: 608px; min-height: 87px; position: relative; }
- u3513
{ z-index: 192; width: 510px; top: -4px; margin-bottom: -4px; position: relative; }
- bb11
{ left: -28px; margin-top: 17px; position: relative; }
- u3548
{ z-index: 194; width: 608px; margin-left: 370px; margin-top: 13px; position: relative; }
- u3420-9
{ z-index: 195; width: 608px; min-height: 109px; position: relative; }
- u3523
{ z-index: 204; width: 510px; margin-top: 4px; position: relative; }
- pselfdestruct
{ width: 0.01px; margin-left: 35px; margin-top: 47px; position: relative; }
- selfdestruct
{ position: relative; width: 22px; margin-right: -10000px; margin-top: 361px; }
- u3549
{ z-index: 114; width: 718px; position: relative; margin-right: -10000px; left: 303px; }
- u3422-12
{ z-index: 115; width: 625px; min-height: 70px; line-height: 18px; position: relative; }
- u3422-10
{ letter-spacing: 0px; font-weight: bold; }
- u3422-8
{ letter-spacing: 335px; }
- pu3423
{ width: 0.01px; margin-top: 6px; position: relative; }
- u3423
{ z-index: 127; width: 367px; position: relative; margin-right: -10000px; margin-top: 5px; }
- u3428
{ z-index: 129; width: 377px; position: relative; margin-right: -10000px; left: 341px; }
- pbb12
{ width: 0.01px; left: -39px; margin-top: 19px; position: relative; }
- bb12
{ position: relative; width: 22px; margin-right: -10000px; margin-top: 4px; }
- u3433
{ z-index: 108; width: 303px; position: relative; margin-right: -10000px; left: 74px; }
- u3434-4
{ z-index: 109; width: 303px; min-height: 33px; line-height: 36px; font-size: 30px; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; position: relative; }
- u3435
{ z-index: 113; width: 225px; height: 7px; border-style: solid; border-color: #606060; background-color: transparent; position: relative; border-width: 1px 0px 0px; }
- u3486
{ z-index: 385; width: 608px; margin-left: 375px; position: relative; }
- u3468
{ z-index: 395; width: 608px; position: relative; }
- u3446-11
{ z-index: 396; width: 608px; min-height: 196px; position: relative; margin-right: -10000px; }
- u3456
{ z-index: 407; width: 508px; position: relative; margin-right: -10000px; margin-top: 149px; }
- pu3451-9
{ width: 0.01px; margin-top: 36px; position: relative; }
- u3451-9
{ z-index: 386; width: 608px; min-height: 34px; line-height: 18px; position: relative; margin-right: -10000px; }
- u3451-3
{ letter-spacing: 31px; }
- u3451-7
{ padding-left: 49px; font-weight: bold; }
- u3451-5
{ letter-spacing: 260px; }
- u3476
{ z-index: 409; width: 220px; position: relative; margin-right: -10000px; margin-top: 57px; left: 27px; }
- u3476_img
{ padding-bottom: 1px; }
- u3481
{ z-index: 411; width: 220px; position: relative; margin-right: -10000px; margin-top: 64px; left: 314px; }
- bb13
{ left: -43px; position: relative; }
- u3469
{ z-index: 135; width: 608px; padding-bottom: 0px; margin-left: 375px; margin-top: 23px; position: relative; }
- u3450-9
{ z-index: 136; width: 608px; min-height: 75px; position: relative; }
- u3366-4,#u3366-5,#u3374-4,#u3374-5,#u3385-4,#u3385-5,#u3398-4,#u3398-5,#u3411-2,#u3411-3,#u3412-4,#u3412-5,#u3414-4,#u3414-5,#u3415-4,#u3415-5,#u3419-4,#u3419-5,#u3420-4,#u3420-5,#u3446-4,#u3446-5,#u3450-4,#u3450-5
{ font-size: 20px; line-height: 25px; font-weight: bold; }
- u3317-8,#u3317-11,#u3317-13,#u3317-15,#u3317-17,#u3366-8,#u3366-12,#u3374-8,#u3374-11,#u3374-15,#u3385-7,#u3398-7,#u3411-5,#u3412-7,#u3414-7,#u3415-7,#u3419-7,#u3420-7,#u3446-7,#u3446-8,#u3446-9,#u3450-7
{ line-height: 18px; }
- u3461
{ z-index: 145; width: 508px; margin-top: 8px; position: relative; }
- bb14
{ left: -43px; margin-top: 44px; position: relative; }
- u3475
{ z-index: 147; width: 608px; padding-bottom: 0px; margin-left: 375px; margin-top: 4px; position: relative; }
- u3455-9
{ z-index: 148; width: 608px; min-height: 175px; position: relative; }
- u3317-4,#u3455-4,#u3455-5
{ font-size: 20px; line-height: 24px; font-weight: bold; }
- u3470
{ z-index: 157; width: 509px; margin-top: 9px; position: relative; }
- pu3440-18
{ width: 0.01px; padding-bottom: 190px; left: -52px; top: -148px; margin-bottom: -148px; position: relative; }
- u3440-18
{ z-index: 306; width: 200px; min-height: 166px; border-style: none; border-color: transparent; background-color: #FFFFFF; opacity: 0.71; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=71)"; filter: alpha(opacity=71); -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; line-height: 26px; color: #3C3C3C; font-size: 22px; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; position: fixed;
top: 410px; left: 45px;
}
- u3440-4
{ padding-left: 15px; padding-top: 20px; }
- u3440-8,#u3440-12,#u3440-16
{ padding-left: 15px; padding-top: 10px; }
- u6182
{ z-index: 341; width: 54px; position: fixed; bottom: 56px; right: 47px; }
- u6182_position_content
{ margin-top: -2264px; margin-bottom: 2348px; }
- u6184
{ z-index: 346; position: fixed; bottom: 78px; right: 38px; }
- u6184_img
{ display: block; vertical-align: top; }
- u6183-4
{ z-index: 342; width: 46px; min-height: 22px; line-height: 22px; color: #000000; letter-spacing: 3px; font-size: 18px; font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif; font-weight: bold; position: fixed; bottom: 56px; right: 47px; }
- pu2040-3
{ width: 0.01px; left: -100px; top: -6758px; margin-bottom: -6758px; position: relative; }
- u2040-3
{ z-index: 2; width: 1224px; min-height: 98px; margin-right: -10000px; margin-top: 6716px; }
- u1692
{ z-index: 63; width: 94px; margin-right: -10000px; margin-top: 6746px; left: 967px; }
- u1698-4
{ z-index: 65; width: 97px; min-height: 18px; margin-right: -10000px; margin-top: 6760px; left: 865px; }
- u1702-6
{ z-index: 69; width: 66px; min-height: 15px; margin-right: -10000px; margin-top: 6786px; left: 1075px; }
- u3436
{ z-index: 80; width: 1224px; height: 6731px; border-style: none; border-color: transparent; background-color: #E7E7E7; position: relative; margin-right: -10000px; }
- u6138-4
{ z-index: 300; width: 230px; min-height: 26px; margin-right: -10000px; margin-top: 6726px; left: 100px; }
body { padding-top: 36px; padding-bottom: 36px; }
- page .verticalspacer
{ clear: both; }