"
Team:UESTC-Software/Modeling.html
From 2014.igem.org
.firstHeading{ display: none !important; }
- content{
top: -8px !important; position: absolute !important; } h1, h2, h3, h4, h5, h6{ border: 0; } html,body{ padding: 0; margin: 0; min-height: 500px; min-width: 500px; background-color: #e7f0e2; font-family: arial,sans-serif; font-size: 12px; }
- menubar{
font-size: 14px; } h1{ text-align: center; }
- logoBox{
margin: auto; position: absolute; }
- logoBox img{
position: absolute; }
- home{
top: 164px; left: 43px; }
- project{
top: 240px; left: 10px; }
- team{
top: 295px; left: 55px; }
- document{
top: 91px; left: 192px; }
- requirment{
top: 171px; left: 300px; }
- notebook{
top: 294px; left: 230px; } .imenu{ display: none; } .imenu:hover{ opacity: .5; cursor: pointer; }
- logoRay{
border: solid 7px #8fc41f; position: absolute; z-index: 99999999; } @keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f} to{box-shadow: 0 0 20px #8fc41f} } @-moz-keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f} to{box-shadow: 0 0 20px #8fc41f} } @-webkit-keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f;} to{box-shadow: 0 0 20px #8fc41f;} } @-o-keyframes logoShadow { from{box-shadow: 0 0 0 #8fc41f} to{box-shadow: 0 0 20px #8fc41f} }
- logo{
animation: logoShadow 1.3s ease 0 infinite alternate; -webkit-animation: logoShadow 1.3s ease 0 infinite alternate; z-index: 99999999; }
.navbar{
background: url("
") repeat;
height: 60px;
position: fixed;
bottom: 0;
width: 100%;
z-index: 99999;
}
ul{
list-style-type: none;
display: inline-block;
height: 100%;
padding: 0;
margin: 0;
list-style-image: none;
}
.UL li{
height: 100%;
cursor: pointer;
}
.leftUl,.leftUl li{
float: left;
}
.rightUl,.rightUl li{
float: right;
}
.UL>li>ul{
width: 100%;
height: initial;
padding-top: 10px;
position: relative;
border-radius: 5px;
background-color: rgba(0,0,0,.8);
color: #ddd;
}
.UL>li>ul>li{
width: 100%;
text-align: center;
height: 40px;
}
.UL>li>ul>li:hover{
background-color: rgba(0,0,0,.5);
}
.UL>li>ul>li>a{
width: 100%;
height: 100%;
display: inline-block;
color: #fff;
text-decoration: blink;
padding-top: 10px;
}
.navbar .menu{
cursor: default;
}
.menu>ul{
display: none;
}
- nav_home{
background: url("
") no-repeat center;
}
- nav_home:hover{
background: rgba(255,255,255,.2) url("") no-repeat center;
}
- nav_project{
background: url("
") no-repeat center;
}
- nav_project:hover{
background: rgba(0,0,0,.3) url("") no-repeat center;
}
- nav_team{
background: url("
") no-repeat center;
}
- nav_team:hover{
background: rgba(255,255,255,.2) url("") no-repeat center;
}
- nav_doc{
background: url("
") no-repeat center;
}
- nav_doc:hover{
background: rgba(0,0,0,.3) url("") no-repeat center;
}
- nav_reqrmt{
background: url("
") no-repeat center;
}
- nav_reqrmt:hover{
background: rgba(0,0,0,.3) url("") no-repeat center;
}
- nav_notebk{
background: url("
") no-repeat center;
}
- nav_notebk:hover{
background: rgba(0,0,0,.3) url("") no-repeat center;
}
- body>p{
margin: 0 15%; font-size: 22px; line-height: 35px; margin-top: 20px; text-shadow: 0 0 1px #777; } .firstP:first-letter{ font-size: 60px; font-weight: bolder; float: left; }
.person{ float: left; } .Tdescription { position: relative; top: -350px; height: 400px; background-color: rgba(0,0,0,.5); color: #fff !important; display: none; font-size: 16px; padding: 20px; } .person img{ opacity: .5; }
- scrollTip{
position: fixed;
bottom: 90px;
}
.board{
background-color: #eee;
position: absolute;
top: 0;
right: 0;
border-left: 3px solid #8fc41f;
padding-bottom: 100px;
}
.time{
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 36px;
text-align: right;
position: relative;
margin-left: -100px;
display: inline-block;
color: #244910;
float: left;
line-height: 40px;
}
.journal.even .time .date{
color: #01b9f4;
}
.month{
color: #8fc41f;
}
.date{
color: #e60012;
}
.content{
max-width: 700px;
margin: 20px;
background-color: #ddd;
padding: 20px 25px;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0,0,0,.4);
font-size: 17px;
}
.journal.even .content{
background-color: #aaa;
color: #fdfdfd;
box-shadow: 0 0 3px rgba(0,0,0,.9);
}
.content>img{
position: relative;
left: -25px;
top: 20px;
border-radius: 0 0 5px 5px;
}
.journal{
background: url(
) no-repeat;
background-position: -10px 40px;
}
- top{
position: fixed; bottom: 65px; right: 20px; cursor: pointer; } /*safety*/ .midBoard{ background-color: #fff; width: 65%; margin: 0 auto; color: #c7d3af !important; } .midBoard h1{ color: #c7d3af !important; } .vines{ width: 97px; height: 100%; margin-left: -50px; position: fixed; } .vine{ width: 97px; height: 100%; position: absolute; }
- vine1{
background: url(
) repeat-y;
}
- vine2{
background: url(
) repeat-y;
}
- vine3{
background: url(
) repeat-y;}
.question{
background: url(
) no-repeat;
background-size: cover;
padding: 20px 30px 20px 20px;
color: #fff;
font-size: 18px;
margin: 10px;
position: relative;
}
.answer{
background: url(
) no-repeat;
background-size: cover;
padding: 20px;
color: #f1ffd4;
font-size: 18px;
margin: 10px 10px 30px auto;
width: 90%;
position: relative;
}
.answer a{
color: #f1ffd4;
}
.leftMenu{
position: fixed;
top: 8%;
}
.leftMenu div{
background-color: rgba(255,255,255,.87);
text-align: right;
font-size: 20px;
width: 70px;
padding: 10px;
margin: 10px;
font-weight: 900;
color: #8fc41f;
}
- goLab,#goForm,.go{
cursor: pointer; font-family: Georgia, Times, 'Times New Roman', serif; } /*others*/
.parts>p,.parts>ul{ color: #777; font-size: 16px; text-indent: 2em; } .parts>pre{ color: #777; font-size: 16px; } .parts>table{ width: 90%; } td{ margin: 0; padding: 5px; text-align: center; } .pc1{ width: 6em; } .pc2{ width: 50%; } .pc4{ width: 2em; } .red{ color: red; } .green{ color: green; } .parts img{ max-width: 100%; }
