Team:BIT

From 2013.igem.org

(Difference between revisions)
Line 5: Line 5:
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">  
<style type="text/css">  
-
<!-----------style----------->
 
-
/*=========================== TAGS ============================*/
 
-
 
-
* {
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
 
-
html {
 
-
min-width:913px;
 
-
}
 
-
 
-
body {
 
-
font-family:"trebuchet MS", Helvetica, sans-serif;
 
-
font-size:100%;
 
-
line-height:1em;
 
-
color:#352b28;
 
-
min-width:913px;
 
-
height:100%;
 
-
background-color: #000000;
 
-
}
 
-
 
-
object {
 
-
vertical-align:top;
 
-
outline:none;
 
-
}
 
-
 
-
input,
 
-
textarea,
 
-
select {
 
-
font-family:"trebuchet MS", Helvetica, sans-serif;
 
-
font-size:1em;
 
-
vertical-align:middle;
 
-
font-weight:normal;
 
-
}
 
-
 
-
fieldset {
 
-
border:0;
 
-
}
 
-
 
-
p {
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
 
-
img {
 
-
border:0;
 
-
vertical-align:top;
 
-
text-align:left;
 
-
}
 
-
 
-
ul,
 
-
ol {
 
-
list-style:none;
 
-
}
 
-
 
-
/*========================== ALIGMENT =========================*/
 
-
 
-
.fleft {
 
-
float:left;
 
-
}
 
-
 
-
.fright {
 
-
float:right;
 
-
}
 
-
 
-
.clear {
 
-
clear:both;
 
-
}
 
-
 
-
.alignright {
 
-
text-align:right;
 
-
}
 
-
 
-
.aligncenter {
 
-
text-align:center;
 
-
}
 
-
 
-
.wrapper {
 
-
width:100%;
 
-
overflow:hidden;
 
-
}
 
-
 
-
.extra-wrapp {
 
-
overflow:hidden;
 
-
}
 
-
 
-
.container {
 
-
width:100%;
 
-
}
 
-
 
-
/*=========================== TAILING =========================*/
 
-
 
-
.tail-top {
 
-
background:url(images/tail-top.gif) left top repeat-x;
 
-
position:relative;
 
-
z-index:2;
 
-
}
 
-
 
-
/*=========================== FORMS ===========================*/
 
-
 
-
#contacts-form fieldset {
 
-
float:left;
 
-
}
 
-
#contacts-form .field1 {
 
-
width:300px;
 
-
}
 
-
#contacts-form .field2 {
 
-
width:286px;
 
-
}
 
-
#contacts-form .field1 div {
 
-
height:45px;
 
-
}
 
-
#contacts-form label {
 
-
display:block;
 
-
padding-bottom:2px;
 
-
}
 
-
#contacts-form input {
 
-
width:244px;
 
-
padding:1px 0 1px 3px;
 
-
background:#fff;
 
-
color:#000;
 
-
border:1px solid #c7c6c2;
 
-
vertical-align:top;
 
-
line-height:1.2em;
 
-
}
 
-
#contacts-form textarea {
 
-
width:281px;
 
-
height:108px;
 
-
overflow:auto;
 
-
background:#fff;
 
-
color:#000;
 
-
border:1px solid #c7c6c2;
 
-
padding:1px 0 1px 3px;
 
-
margin-bottom:22px;
 
-
}
 
-
#contacts-form .link1 a {
 
-
margin-left:22px;
 
-
}
 
-
 
-
/*========================== LISTS ============================*/
 
-
 
-
.list {
 
-
margin-left:-20px;
 
-
position:relative;
 
-
}
 
-
.list li {
 
-
font-size:1.15em;
 
-
line-height:1.2em;
 
-
width:100%;
 
-
overflow:hidden;
 
-
vertical-align:top;
 
-
padding-bottom:1px;
 
-
}
 
-
.list li a {
 
-
color:#352b28;
 
-
text-decoration:none;
 
-
padding-left:16px;
 
-
display:block;
 
-
background:url(images/arrow.gif) no-repeat 20px 12px;
 
-
padding:5px 0 7px 36px;
 
-
}
 
-
.list li a:hover,
 
-
.list li a.active {
 
-
background-color:#eae9e9;
 
-
}
 
-
 
-
.box-list {
 
-
padding-bottom:7px;
 
-
}
 
-
.box-list li {
 
-
float:left;
 
-
width:223px;
 
-
margin-right:7px;
 
-
}
 
-
.box-list li.last {
 
-
margin-right:0;
 
-
}
 
-
.box-list li ul li {
 
-
width:auto;
 
-
margin:0;
 
-
float:none;
 
-
}
 
-
 
-
.list1 li {
 
-
padding:0 0 14px 16px;
 
-
background-image:url(images/arrow1.gif);
 
-
background-repeat:no-repeat;
 
-
background-position:0 5px;
 
-
font-size:1.15em;
 
-
}
 
-
.list1 li.last {
 
-
padding-bottom:0;
 
-
}
 
-
.list1 li a {
 
-
text-decoration:none;
 
-
color:#fff;
 
-
}
 
-
.list1 li a:hover {
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.list2 li {
 
-
width:100%;
 
-
overflow:hidden;
 
-
vertical-align:top;
 
-
padding-bottom:26px;
 
-
}
 
-
.list2 li.last {
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
 
-
.clients {
 
-
margin-top:-30px;
 
-
}
 
-
.clients li {
 
-
width:100%;
 
-
overflow:hidden;
 
-
vertical-align:top;
 
-
padding-top:30px;
 
-
}
 
-
.clients li img {
 
-
float:left;
 
-
margin-right:20px;
 
-
}
 
-
.clients li h4 {
 
-
margin:0;
 
-
}
 
-
.clients li p {
 
-
margin:0;
 
-
}
 
-
 
-
/*========================== OTHER ============================*/
 
-
 
-
.img-box1 {
 
-
width:100%;
 
-
overflow:hidden;
 
-
}
 
-
.img-box1 img {
 
-
float:left;
 
-
margin:0 20px 0 0;
 
-
}
 
-
 
-
p {
 
-
line-height:1.38em;
 
-
margin-bottom:20px;
 
-
}
 
-
.p0 {
 
-
margin:0;
 
-
}
 
-
.p1 {
 
-
margin-bottom:10px;
 
-
}
 
-
 
-
.address {
 
-
float:left;
 
-
width:167px;
 
-
}
 
-
.address span {
 
-
float:right;
 
-
}
 
-
.address p {
 
-
margin:0;
 
-
}
 
-
 
-
.testimonials strong {
 
-
color:#70a312;
 
-
display:block;
 
-
text-align:right;
 
-
}
 
-
p.testimonials {
 
-
margin:0;
 
-
}
 
-
 
-
dl {
 
-
line-height:1.38em;
 
-
}
 
-
dl dt {
 
-
color:#70a312;
 
-
font-weight:bold;
 
-
}
 
-
dl dd {
 
-
padding-bottom:20px;
 
-
}
 
-
dl dd.last {
 
-
padding:0;
 
-
}
 
-
 
-
/*================= TXT, LINKS, LINES, TITLES =================*/
 
-
 
-
a {
 
-
color:#70a312;
 
-
outline:none;
 
-
}
 
-
a:hover {
 
-
text-decoration:none;
 
-
}
 
-
 
-
h3 {
 
-
font-size:24px;
 
-
line-height:1.2em;
 
-
letter-spacing:-1px;
 
-
text-transform:uppercase;
 
-
margin-bottom:25px;
 
-
}
 
-
h3 img {
 
-
position:relative;
 
-
margin:-8px 0 0 7px;
 
-
}
 
-
h4 {
 
-
font-size:1em;
 
-
line-height:1.38em;
 
-
margin-bottom:20px;
 
-
}
 
-
h5 {
 
-
color:#70a312;
 
-
font-size:1em;
 
-
line-height:1.38em;
 
-
margin-bottom:20px;
 
-
}
 
-
 
-
.link {
 
-
text-decoration:none;
 
-
}
 
-
.link:hover {
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.link1 {
 
-
text-transform:uppercase;
 
-
line-height:1.2em;
 
-
width:100%;
 
-
overflow:hidden;
 
-
}
 
-
.link1 a {
 
-
display:block;
 
-
float:right;
 
-
background:url(images/link1-right.png) no-repeat right top; 
 
-
color:#352b28;
 
-
text-decoration:none;
 
-
cursor:pointer;
 
-
}
 
-
.link1 a em {
 
-
display:inline-block;
 
-
background:url(images/link1-left.png) no-repeat left top;
 
-
padding:0 18px 0 26px;
 
-
}
 
-
.link1 a b {
 
-
display:inline-block;
 
-
background:url(images/link1-tail.png) repeat-x left top;
 
-
padding:11px 5px 12px 7px;
 
-
font-style:normal;
 
-
font-weight:normal;
 
-
}
 
-
.link1 a:hover b {
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.line-hor {
 
-
margin:18px 0 30px 0;
 
-
height:1px;
 
-
background:url(images/line-hor.gif) repeat-x left top;
 
-
overflow:hidden;
 
-
font-size:0;
 
-
line-height:0;
 
-
}
 
-
.line-hor.extra {
 
-
margin-top:34px;
 
-
}
 
-
 
-
/*============================ BOXES ==========================*/
 
-
 
-
.box {
 
-
width:100%;
 
-
}
 
-
.box .left-top-corner {
 
-
height:73px;
 
-
padding-left:138px;
 
-
background-repeat:no-repeat;
 
-
background-position:left top;
 
-
}
 
-
.box .right-top-corner {
 
-
height:73px;
 
-
padding-right:45px;
 
-
background-repeat:no-repeat;
 
-
background-position:right top;
 
-
}
 
-
.box .right-bot-corner {
 
-
height:23px;
 
-
background-repeat:no-repeat;
 
-
background-position:right bottom;
 
-
padding-right:38px;
 
-
}
 
-
.box .left-bot-corner {
 
-
height:23px;
 
-
padding-left:74px;
 
-
background-repeat:no-repeat;
 
-
background-position:left bottom;
 
-
}
 
-
.box .border-top {
 
-
height:73px;
 
-
background-repeat:repeat-x;
 
-
background-position:left top;
 
-
font-size:0;
 
-
line-height:0;
 
-
width:100%;
 
-
position:relative;
 
-
}
 
-
.box .border-bot {
 
-
height:23px;
 
-
background-repeat:repeat-x;
 
-
background-position:left top;
 
-
font-size:0;
 
-
line-height:0;
 
-
width:100%;
 
-
}
 
-
.box .border-left {
 
-
background-repeat:repeat-y;
 
-
background-position:left top;
 
-
}
 
-
.box .border-right {
 
-
background-repeat:repeat-y;
 
-
background-position:right top;
 
-
}
 
-
.box .xcontent {
 
-
width:100%;
 
-
}
 
-
.box .extra-border-bot {
 
-
background-repeat:repeat-x;
 
-
background-position:left bottom;
 
-
}
 
-
.box .extra-left-corner {
 
-
background-repeat:no-repeat;
 
-
background-position:left bottom;
 
-
}
 
-
.box .extra-right-corner {
 
-
background-repeat:no-repeat;
 
-
background-position:right bottom;
 
-
min-height:184px;
 
-
height:auto!important;
 
-
height:184px;
 
-
}
 
-
.box .inner {
 
-
padding:0 22px 0 26px;
 
-
}
 
-
.box h3 {
 
-
color:#fff;
 
-
position:absolute;
 
-
left:-114px;
 
-
width:223px;
 
-
top:28px;
 
-
}
 
-
.box p {
 
-
color:#fff;
 
-
line-height:1.54em;
 
-
}
 
-
 
-
/*--- style1 ---*/
 
-
 
-
.box.style1 .xcontent {
 
-
background-color:#fba01c;
 
-
}
 
-
.box.style1 .left-top-corner {
 
-
background-image:url(images/left-top-corner1.png);
 
-
}
 
-
.box.style1 .right-top-corner {
 
-
background-image:url(images/right-top-corner1.png);
 
-
}
 
-
.box.style1 .left-bot-corner {
 
-
background-image:url(images/left-bot-corner1.png);
 
-
}
 
-
.box.style1 .right-bot-corner {
 
-
background-image:url(images/right-bot-corner1.png);
 
-
}
 
-
.box.style1 .border-top {
 
-
background-image:url(images/border-top1.gif);
 
-
}
 
-
.box.style1 .border-left {
 
-
background-image:url(images/border-left1.gif);
 
-
}
 
-
.box.style1 .border-right {
 
-
background-image:url(images/border-right1.gif);
 
-
}
 
-
.box.style1 .border-bot {
 
-
background-image:url(images/border-bot1.gif);
 
-
}
 
-
.box.style1 .extra-border-bot {
 
-
background-image:url(images/extra-border-bot1.gif);
 
-
}
 
-
.box.style1 .extra-left-corner {
 
-
background-image:url(images/extra-left-corner1.jpg);
 
-
}
 
-
.box.style1 .extra-right-corner {
 
-
background-image:url(images/extra-right-corner1.jpg);
 
-
}
 
-
 
-
/*--- style2 ---*/
 
-
 
-
.box.style2 .xcontent {
 
-
background-color:#ffd120;
 
-
}
 
-
.box.style2 .left-top-corner {
 
-
background-image:url(images/left-top-corner2.png);
 
-
}
 
-
.box.style2 .right-top-corner {
 
-
background-image:url(images/right-top-corner2.png);
 
-
}
 
-
.box.style2 .left-bot-corner {
 
-
background-image:url(images/left-bot-corner2.png);
 
-
}
 
-
.box.style2 .right-bot-corner {
 
-
background-image:url(images/right-bot-corner2.png);
 
-
}
 
-
.box.style2 .border-top {
 
-
background-image:url(images/border-top2.gif);
 
-
}
 
-
.box.style2 .border-left {
 
-
background-image:url(images/border-left2.gif);
 
-
}
 
-
.box.style2 .border-right {
 
-
background-image:url(images/border-right2.gif);
 
-
}
 
-
.box.style2 .border-bot {
 
-
background-image:url(images/border-bot2.gif);
 
-
}
 
-
.box.style2 .extra-border-bot {
 
-
background-image:url(images/extra-border-bot2.gif);
 
-
}
 
-
.box.style2 .extra-left-corner {
 
-
background-image:url(images/extra-left-corner2.jpg);
 
-
}
 
-
.box.style2 .extra-right-corner {
 
-
background-image:url(images/extra-right-corner2.jpg);
 
-
}
 
-
 
-
/*--- style3 ---*/
 
-
 
-
.box.style3 .xcontent {
 
-
background-color:#ccdb01;
 
-
}
 
-
.box.style3 .left-top-corner {
 
-
background-image:url(images/left-top-corner3.png);
 
-
}
 
-
.box.style3 .right-top-corner {
 
-
background-image:url(images/right-top-corner3.png);
 
-
padding-right:56px;
 
-
}
 
-
.box.style3 .left-bot-corner {
 
-
background-image:url(images/left-bot-corner3.png);
 
-
}
 
-
.box.style3 .right-bot-corner {
 
-
background-image:url(images/right-bot-corner3.png);
 
-
padding-right:65px;
 
-
}
 
-
.box.style3 .border-top {
 
-
background-image:url(images/border-top3.gif);
 
-
}
 
-
.box.style3 .border-left {
 
-
background-image:url(images/border-left3.gif);
 
-
}
 
-
.box.style3 .border-right {
 
-
background-image:url(images/border-right3.gif);
 
-
}
 
-
.box.style3 .border-bot {
 
-
background-image:url(images/border-bot3.gif);
 
-
}
 
-
.box.style3 .extra-border-bot {
 
-
background-image:url(images/extra-border-bot3.gif);
 
-
}
 
-
.box.style3 .extra-left-corner {
 
-
background-image:url(images/extra-left-corner3.jpg);
 
-
}
 
-
.box.style3 .extra-right-corner {
 
-
background-image:url(images/extra-right-corner3.jpg);
 
-
}
 
-
 
-
/*--- style4 ---*/
 
-
 
-
.box.style4 .xcontent {
 
-
background-color:#8dbc16;
 
-
}
 
-
.box.style4 .left-top-corner {
 
-
background-image:url(images/left-top-corner4.png);
 
-
}
 
-
.box.style4 .right-top-corner {
 
-
background-image:url(images/right-top-corner4.png);
 
-
padding-right:65px;
 
-
}
 
-
.box.style4 .left-bot-corner {
 
-
background-image:url(images/left-bot-corner4.png);
 
-
padding-left:95px;
 
-
}
 
-
.box.style4 .right-bot-corner {
 
-
background-image:url(images/right-bot-corner4.png);
 
-
padding-right:65px;
 
-
}
 
-
.box.style4 .border-top {
 
-
background-image:url(images/border-top4.gif);
 
-
}
 
-
.box.style4 .border-left {
 
-
background-image:url(images/border-left4.gif);
 
-
}
 
-
.box.style4 .border-right {
 
-
background-image:url(images/border-right4.gif);
 
-
}
 
-
.box.style4 .border-bot {
 
-
background-image:url(images/border-bot4.gif);
 
-
}
 
-
.box.style4 .extra-border-bot {
 
-
background-image:url(images/extra-border-bot4.gif);
 
-
}
 
-
.box.style4 .extra-left-corner {
 
-
background-image:url(images/extra-left-corner4.jpg);
 
-
}
 
-
.box.style4 .extra-right-corner {
 
-
background-image:url(images/extra-right-corner4.jpg);
 
-
}
 
-
 
-
/*---*/
 
-
 
-
.box1 {
 
-
width:100%;
 
-
}
 
-
.box1.alt {
 
-
margin:0 0 8px 0;
 
-
padding:0;
 
-
}
 
-
.box1 .left-top-corner {
 
-
background:url(images/left-top-corner5.png) no-repeat left top;
 
-
height:55px;
 
-
padding-left:28px;
 
-
}
 
-
.box1 .right-top-corner {
 
-
background:url(images/right-top-corner5.png) no-repeat right top;
 
-
height:55px;
 
-
padding-right:28px;
 
-
}
 
-
.box1 .border-top {
 
-
height:55px;
 
-
background-color:#352b28;
 
-
width:100%;
 
-
}
 
-
.box1 .left-bot-corner {
 
-
background:url(images/left-bot-corner5.png) no-repeat left bottom;
 
-
height:28px;
 
-
padding-left:28px;
 
-
}
 
-
.box1 .right-bot-corner {
 
-
background:url(images/right-bot-corner5.png) no-repeat right bottom;
 
-
height:28px;
 
-
padding-right:28px;
 
-
}
 
-
.box1 .border-bot {
 
-
height:28px;
 
-
background-color:#fff;
 
-
font-size:0;
 
-
line-height:0;
 
-
width:100%;
 
-
}
 
-
.box1 .xcontent {
 
-
background-color:#fff;
 
-
padding:23px 19px 10px 39px;
 
-
}
 
-
.box1 h4 {
 
-
color:#fff;
 
-
font-weight:normal;
 
-
text-transform:uppercase;
 
-
padding:19px 0 0 12px;
 
-
margin:0;
 
-
}
 
-
 
-
/*---*/
 
-
 
-
.box2 {
 
-
width:100%;
 
-
position:relative;
 
-
}
 
-
.box2 .left-top-corner {
 
-
background:url(images/left-top-corner6.png) no-repeat left top;
 
-
height:28px;
 
-
padding-left:28px;
 
-
}
 
-
.box2 .right-top-corner {
 
-
background:url(images/right-top-corner6.png) no-repeat right top;
 
-
height:28px;
 
-
padding-right:28px;
 
-
}
 
-
.box2 .border-top {
 
-
height:28px;
 
-
background-color:#fff;
 
-
width:100%;
 
-
}
 
-
.box2 .left-bot-corner {
 
-
background:url(images/left-bot-corner6.png) no-repeat left bottom;
 
-
height:28px;
 
-
padding-left:28px;
 
-
}
 
-
.box2 .right-bot-corner {
 
-
background:url(images/right-bot-corner6.png) no-repeat right bottom;
 
-
height:28px;
 
-
padding-right:28px;
 
-
}
 
-
.box2 .border-bot {
 
-
height:28px;
 
-
background-color:#fff;
 
-
font-size:0;
 
-
line-height:0;
 
-
width:100%;
 
-
}
 
-
.box2 .xcontent {
 
-
background-color:#fff;
 
-
width:100%;
 
-
}
 
-
.box2 .inner {
 
-
padding:5px 29px 35px 39px;
 
-
}
 
-
.box2 .list1 li {
 
-
background-image:url(images/arrow.gif);
 
-
}
 
-
.box2 .list1 li a {
 
-
color:#352b28;
 
-
}
 
-
 
-
/*========================== HEADER ===========================*/
 
-
 
-
#header .fleft {
 
-
padding-top:141px;
 
-
}
 
-
#header .fleft a {
 
-
cursor:pointer;
 
-
}
 
-
#header .fright {
 
-
padding:9px 14px 0 0;
 
-
position:relative;
 
-
}
 
-
 
-
/*========================= CONTENT ===========================*/
 
-
 
-
#content .indent {
 
-
margin-right:55px;
 
-
}
 
-
 
-
/*========================= FOOTER ============================*/
 
-
 
-
#footer,
 
-
#footer a {
 
-
color:#fff;
 
-
text-transform:uppercase;
 
-
}
 
-
 
-
/*=============================================================*/
 
-
 
-
/*--- bgstretcher ---*/
 
-
.bgstretcher {
 
-
background: black;
 
-
overflow: hidden;
 
-
width: 100%;
 
-
position: fixed !important;
 
-
z-index: 1;
 
-
}
 
-
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
 
-
position: absolute;
 
-
top: 0;
 
-
right: 0;
 
-
left: 0;
 
-
bottom: 0;
 
-
}
 
-
.bgstretcher UL, .bgstretcher UL LI {
 
-
margin: 0;
 
-
padding: 0;
 
-
list-style: none;
 
-
}
 
-
 
-
/*--- carousel ---*/
 
-
.carousel-box {
 
-
position:relative;
 
-
width:600px;
 
-
height:196px;
 
-
}
 
-
.carousel-box .prev {
 
-
position:absolute;
 
-
left:-21px;
 
-
top:80px;
 
-
}
 
-
.carousel-box .next {
 
-
position:absolute;
 
-
left:612px;
 
-
top:80px;
 
-
}
 
-
.carousel-box .carousel {
 
-
width:600px;
 
-
overflow:hidden;
 
-
}
 
-
.carousel-box ul li {
 
-
float:left;
 
-
border:0;
 
-
margin-right:13px;
 
-
position:relative;
 
-
}
 
-
.carousel-box ul li a {
 
-
width:192px;
 
-
height:181px;
 
-
display:block;
 
-
}
 
-
 
-
/*--- twitter ---*/
 
-
.twitted {
 
-
width:308px;
 
-
position:relative;
 
-
overflow:hidden;
 
-
margin-bottom:-12px;
 
-
}
 
-
 
-
.twitted p.preLoader {
 
-
margin: 0;
 
-
padding: 1em 1em 1em 3em;
 
-
background: transparent url(images/loader.gif) 1em center no-repeat;
 
-
/* generate your own loader gif: http://www.ajaxload.info */
 
-
}
 
-
 
-
.twitted ul#twitter_update_list {
 
-
margin: 0;
 
-
list-style-type: none;
 
-
font-size:13px;
 
-
line-height:18px;
 
-
color:#707070;
 
-
margin:-12px 0 0 0;
 
-
}
 
-
 
-
.twitted ul#twitter_update_list li div div div div {
 
-
background:none;
 
-
padding:12px 0 2px 0;
 
-
background:url(images/line-hor1.gif) repeat-x left top;
 
-
margin-bottom:12px;
 
-
}
 
-
 
-
.twitted ul#twitter_update_list li span {
 
-
/* tweet content */
 
-
display: block;
 
-
color:#352b28;
 
-
text-align:left;
 
-
}
 
-
 
-
.twitted ul#twitter_update_list li span a {
 
-
/* links in tweet content */
 
-
color:#70a312;
 
-
text-decoration:underline;
 
-
font-weight:bold;
 
-
font-size:1em;
 
-
}
 
-
.twitted ul#twitter_update_list li span a:hover {
 
-
text-decoration:none;
 
-
}
 
-
 
-
.twitted ul#twitter_update_list li a {
 
-
/* timestamp link */
 
-
color:#70a312;
 
-
text-decoration:none;
 
-
}
 
-
.twitted ul#twitter_update_list li a:hover {
 
-
text-decoration:underline;
 
-
}
 
-
 
-
.twitted ul#twitter_update_list li.lastTweet {
 
-
border-bottom: none;
 
-
}
 
-
 
-
.twitted p.profileLink {
 
-
display:none;
 
-
}
 
-
.twitted p.profileLink a {
 
-
display:block;
 
-
color:#707070;
 
-
text-decoration:underline;
 
-
}
 
-
.twitted p.profileLink a:hover {
 
-
text-decoration:none;
 
-
}
 
-
 
-
/* anythingSlider */
 
-
.anythingSlider                        { width: 600px; height: 524px; position: relative;}
 
-
.anythingSlider .wrapper                { width: 600px; height: 524px; position: absolute; top: 0; left: 0;}
 
-
.anythingSlider .wrapper ul            { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
 
-
.anythingSlider ul li                  { display:block; float: left; padding: 0; height: 524px; width:600px; position:relative;}
 
-
.anythingSlider ul li img.slide {
 
-
float:left;
 
-
}
 
-
 
-
#start-stop                            { display:none;}
 
-
/* anythingSlider */
 
-
 
-
/* gallery */
 
-
#img {
 
-
    width:600px;
 
-
    height:323px;
 
-
}
 
-
 
-
#gallery {
 
-
height:201px;
 
-
width:600px;
 
-
}
 
-
 
-
#gallery li {
 
-
    float: left;
 
-
    cursor: pointer;
 
-
    margin-right:11px;
 
-
}
 
-
 
-
.caption {
 
-
    display: block;
 
-
    position: absolute;
 
-
    bottom: 0;
 
-
    left: 0;
 
-
    width: 96%;
 
-
    height: 50px;
 
-
    padding: 0 2%;
 
-
    line-height: 50px;
 
-
    color: #fff;
 
-
    display:none !important;
 
-
}
 
-
 
-
 
-
.jcarousel-container {
 
-
position:relative;
 
-
padding:0;
 
-
width:600px;
 
-
}
 
-
 
-
.jcarousel-clip {
 
-
width:600px;
 
-
overflow:hidden;
 
-
}
 
-
 
-
.jcarousel-prev {
 
-
    position: absolute;
 
-
    top: 80px;
 
-
    left: -21px;
 
-
    width: 10px;
 
-
    height: 19px;
 
-
    cursor: pointer;
 
-
    background:url(images/prev.gif) no-repeat left top;
 
-
    z-index:1000;
 
-
}
 
-
.jcarousel-prev:hover {}
 
-
 
-
.jcarousel-next {
 
-
    position: absolute;
 
-
    top: 80px;
 
-
    left: 608px;
 
-
    width: 10px;
 
-
    height: 19px;
 
-
    cursor: pointer;
 
-
    background:url(images/next.gif) no-repeat left top;
 
-
    z-index:1000;
 
-
}
 
-
.jcarousel-next:hover {}
 
-
 
-
.jcarousel-clip {
 
-
    z-index: 2;
 
-
    padding: 0;
 
-
    margin: 0;
 
-
    overflow: hidden;
 
-
    position: relative;
 
-
}
 
-
 
-
.jcarousel-list {
 
-
    z-index: 1;
 
-
    overflow: hidden;
 
-
    position: relative;
 
-
    top: 0;
 
-
    left: 0;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
}
 
-
 
-
.jcarousel-list li,
 
-
.jcarousel-item {
 
-
    float: left;
 
-
    list-style: none;
 
-
    /* We set the width/height explicitly. No width/height causes infinite loops. */
 
-
    width: 192px;
 
-
    height: 181px;
 
-
}
 
-
 
-
/**
 
-
* The buttons are added dynamically by jCarousel before
 
-
* the <ul> list (inside the <div> described above) and
 
-
* have the classnames "jcarousel-next" and "jcarousel-prev".
 
-
*/
 
-
.jcarousel-next {
 
-
    z-index: 3;
 
-
    display: none;
 
-
}
 
-
 
-
.jcarousel-prev {
 
-
    z-index: 3;
 
-
    display: none;
 
-
}
 
-
/* gallery */
 
-
 
-
 
-
<!-------------------------->
 
#main {  
#main {  
width:913px;  
width:913px;  

Revision as of 12:58, 7 August 2013

BIT

  • 简介1

    介绍1

  • 简介2

    介绍2

  • 简介3

    介绍3

  • 简介4

    简介4

TEAM 介绍

XXX团队来自BIT

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

队员介绍