"

From 2014.igem.org

---

Revision as of 14:06, 29 May 2014

/* CSS Document */ /*reset padding, margin and list style*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; list-style-type:none; } a{ text-decoration:none; } h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%; } p{ font-family:Helvetica,sans-serif; } body{ background-image:url(images/Goettingen_bg.png); background-repeat:repeat; } /*end of the reset*/ #globalWrapper{ margin:0 auto; width:1002px; } #topBar{ float:left; height:15px; width:1002px; background-color:#FFD79D; font-size:12px; z-index:5; position:absolute; } #topBar ul li a{ float:left; line-height:15px; margin:0 10px; } #topBar a:hover li{ display:block; background-color:#CCC; } /*header part*/ #header{ float:left; height:270px; width:1002px; margin-top:15px; } #headerPic{ float:left; height:230px; width:1002px; background-image:url(images/header.png); background-size:contain; } #teamLogo{ float:left; margin:35px 0; padding-left:25px; } #igemLogo{ float:right; margin:160px 0px 20px 20px; } #menuBar{ float:left; height:38px; text-align:center; font:16px Calibri,sans-serif; color:#000; background-color:#FFBB4A; } #menuBar ul li{ width:120px; line-height:38px; float:left; } #menuBar ul li:hover{ background-color:#DFDFDF; } #menuBar ul li:hover .wrap{ display:block; z-index:99; } #menuBar ul li .wrap{ position:absolute; background-color:#FFD79D; width:160px; text-align:left; display:none; } #menuBar ul li ul li{ line-height:20px; border:#999 solid 1px; padding:10px 20px; font-size:15px; background-color:#FFD79D; } #menuBar ul li ul li:hover{ background-color:#DFDFDF; } #contact{ float:right; height:38px; width:162px; background-color:#FFBB4A; } #contact a{ display:block; float:right; margin-right:10px; } #go2top{ z-index:199; position:fixed; bottom:3%; right:5%; overflow:visible; } /*main part*/ /*for the wrapper*/ #wrapper { display: block; height: 360px; width: 1002px; margin: auto; } #container { background-color: #FFC; background-image: none; display: block; float: left; height: 360px; width: 1002px; overflow: auto; } #container #prev{ background-image: url(images/leftarrow.png); background-repeat: no-repeat; background-position: center center; background-size:40%; display: block; height: 360px; width: 100px; float: left; position: relative; z-index: 9; } #container #next { background-image: url(images/rightarrow.png); background-repeat: no-repeat; background-position: center center; background-size:40%; display: block; float: right; height: 360px; width: 100px; position: relative; z-index: 9; } #container #slider { display: block; float: left; height: 360px; width: 1002px; overflow: hidden; position: absolute; } /*For the four main parts*/ #fourParts{ float:left; margin:10px 0; height:600px; width:1002px; } .four{ margin:5px 15px; padding:20px 20px 10px 10px; height:260px; width:440px; background:url(images/4parts_bg.png); float:left; } #fourParts h1{ font:20px Helvetica,sans-serif; color:#BF2F15; } .pictures{ margin:15px 0 25px 5px; height:170px; width:180px; float:left; } .paragraph{ margin:5px 0; height:190px; width:250px; float:right; font-size:13px; line-height:18px; text-align:justify; } .paragraph p{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; } .button{ width:80px; height:30px; float:right; background:#EBC196; font:14px Candara,sans-serif; text-align:center; } .button a{ line-height:30px; } .button a:hover{ color:#FFF; } /*For the footer*/ #footer{ float:left; margin:12px auto; height:31px; width:1002px; background:#FC9; } #copyrightIco{ float:left; width:88px; height:31px; } #list1{ margin:0 151px; } #list1 ul li{ display:block; float:left; width:140px; text-align:center; font-size:80%; } #list2{ margin:0 53px; } #list2 ul li{ display:block; float:left; width:140px; text-align:center; font-size:80%; } #poweredByIco{ float:right; } /*For the subpage*/ /*For the navigation part*/ .leftpart{ float:left; width:198px; height:400px; margin:15px 25px; background-color:transparent; border-right-style:solid; border-width:2px; border-color:#CCC; } .rightpart{ float:left; width:650px; margin:15px 0 30px 0; padding:30px; background-color:transparent; border-style:solid; border-color:#CCC; border-width:1px; } .leftpart h3{ font: Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#000; padding:10px; } .leftpart ul{ padding: 10px 20px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:30px; } .leftpart ul li a{ color:#F88005; display:block; width:130px; padding-left:30px; } .leftpart ul li:hover{ background-color:#DFDFDF; } .rightpart h1{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#F90; text-align:left; line-height:60px; } .rightpart h2{ font-family:"Times New Roman", Times, serif; font-size:24px; color:#39F; line-height:36px; } .rightpart h3{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#F88005; line-height:24px; } .rightpart p{ font-size:16px; line-height:20px; text-align:justify; } /* For team part*/ .teamMember{ float:left; width:650px; height:450px; margin-top:10px; border-bottom-style:solid; border-width:2px; border-color:#CCC; } .instructors{ float:left; width:650px; height:450px; margin-top:10px; border-bottom-style:solid; border-width:2px; border-color:#CCC; } .teamMember img{ display:block; float:left; width:200px; height:250px; margin-top:36px; } .teamMember h2{ display:block; float:left; width:410px; height:36px; margin-left:20px; } .teamMember p{ display:block; float:left; width:410px; margin-left:40px; } .instructors img{ display:block; float:left; width:200px; height:250px; margin-top:36px; } .instructors h2{ display:block; float:left; width:410px; height:36px; margin-left:20px; } .instructors h3{ display:block; float:left; width:410px; margin-left:40px; } .instructors p{ display:block; float:left; width:410px; margin-left:40px; } /*For sponsor part*/ #sponsorWrap{ float:left; width:1002px; border-style:solid; border-color:#CCC; border-width:1px; } #sponsorHeader{ float:left; width:1002px; height:80px; margin-top:30px; text-align:center; line-height:40px; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#F90; border-bottom:solid #CCC 2px; } #sponsorPic{ float:left; width:952px; height:460px; padding:25px; border-bottom:solid #CCC 2px; } .spPic{ float:left; width:300px; height:120px; text-align:center; margin:6px; } .sponsors{ float:left; width:982px; height:260px; margin-top:20px; padding:10px; border-bottom:solid #CCC 2px; } .sponsors a{ display:block; float:left; width:240px; height:240px; margin-right:20px; text-align:center; } .sponsors h3{ display:block; float:left; width:690px; margin-left:20px; font-family:Verdana, Geneva, sans-serif; font-size:24px; line-height:36px; color:#39F; } .sponsors p{ display:block; float:left; margin:20px; padding-right:50px; width:632px; font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:24px; text-align:justify; } .links a{ display:none; }