"
Team:UESTC-Software/style.css
From 2014.igem.org
Tangying0608 (Talk | contribs) |
Tangying0608 (Talk | contribs) |
||
| Line 15: | Line 15: | ||
min-width: 500px; | min-width: 500px; | ||
background-color: #e7f0e2; | background-color: #e7f0e2; | ||
| + | background: url(https://static.igem.org/mediawiki/2014/thumb/c/ca/2014-UESTC-Software-Background.jpg/573px-2014-UESTC-Software-Background.jpg); | ||
font-family: arial,sans-serif; | font-family: arial,sans-serif; | ||
font-size: 12px; | font-size: 12px; | ||
| Line 600: | Line 601: | ||
} | } | ||
#dSV td{ | #dSV td{ | ||
| - | + | ||
} | } | ||
Revision as of 19:53, 17 October 2014
.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;
background: url(
);
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;
left: 0;
}
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; } .Tdescription>h2{ color: #fff !important; } .person img{ opacity: .5; }
- scrollTip{
position: fixed;
bottom: 90px;
}
.board{
background-color: #fff;
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: #f0f0f0;
padding: 20px 25px;
border-radius: 5px;
box-shadow: 0 0 3px rgba(0,0,0,.4);
font-size: 17px;
}
.journal.even .content{
background-color: #b7b7b7;
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;
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; text-align: center; padding: 0; font-size: 12px !important; } .pc1{ width: 6em; } .pc2{ width: 50%; } .pc4{ width: 2em; } .red{ color: red; } .green{ color: green; } .parts img{ max-width: 100%; } /*doc*/ .ti{ width: 4em; } .docDownload{ color: #444; width: 260px; background-color: #f7f7f7; } .docDownload>.name>h2,.docDownload img{ display: inline-block; }
.docDownload>.name{
background-color: #ddd;
height: 72px;
border-radius: 5px;
}
.docDownload>.type{
margin-top: 3px;
border-radius: 5px;
background-color: #efefef;
height: 72px;
}
.docDownload>.type>a{
display: inline-block;
font-size: 14px;
color: #8FC41F;
text-decoration: blink;
position: relative;
left: 5px; margin-right: 2px; text-align: center; } /*medal*/ .no-indent{ text-indent: 0 !important;
}
.gold{
border-left: 30px dotted #8fc41f;
}
.gold>.no-indent{
color: #AF9F00;
background: url(
) no-repeat;
background-position: 0 45%;
}
.gold>p{
color: #8fc41f;
}
.medal>img{
position: absolute;
left: 12.8%;
}
.medal>p{
padding: 0 0 0 35px;
}
.silver{
background-color: #f9f9f9;
border-left: 30px dotted #81C7E2;
}
.silver>p,.silver a,.silver>ul{
color: #81C7E2;
}
.silver>.no-indent,.silver.re>ul>li{
background: url(
) no-repeat;
}
.silver>.no-indent{
background-position: 0 45%;
color: #BFA6C7;
}
.bronze{
background-color: #E4D1A7;
border-left: 30px dotted #9789CE;
}
.bronze>p{
color: #9789CE;
}
.bronze>.no-indent{
color: #8D683D;
background: url(
) no-repeat;
background-position: 0 45%;
}
.no-bg{
background: none !important;
}
/*others*/
.parts>p, .parts>ul{
line-height: 1.5em;
}
a{
color: #8fc41f ;
}
a:visited{
color: #8fc41f;
}
.no-bg{ background: none !important; } /*Download*/ .DownloadButton{ width: 90px; height: 90px; background-color: #fff; border-radius: 128px; display: inline-block; margin: 6%; padding: 19px; }
- DownloadButtonGroup{
margin: 0 auto; max-width: 600px; overflow: hidden; margin-top: 10%; }
- DownloadButtonGroup>div{
float: left; width: 33%; text-align: center; }
- DownloadButtonGroup>div>p{
display: inline-block; width: 100%; text-align: center; color: #444; font-size: 16px; font-weight: 900; } .softwareInf{ padding: 10px; background: none; } .softwareInf td{ text-align: left; border:0; } .cl{ display: inline-block; margin: 10px; float: left;
} .dlBoard{ background-color: #fff; position: absolute; overflow: auto; bottom: 0; top: 100px; left: 0; right: 0; padding: 50px 10% 90px; } ul.cl{ font-size: 16px; color: #777; height: initial; max-width: 400px; } .serif{ font-family: -webkit-pictograph,serif; font-style: italic; }
.instructors{ background-color: #fff; } .instructors>img{ float: left; } .instructors>p{ font-size: 15px; text-indent: 2em; color: #999; }
- Acknowledgement1 h1,#Acknowledgement1 h2,#Acknowledgement2 h2,#Acknowledgement1 h3{
color: #8fc41f; }
- Acknowledgement1{
background-color: rgba(255,255,255,.7); }
- Acknowledgement2{
float: left; height: 100%; width: 600px; font-size: 15px; color: #777;; padding: 20px; max-width: 650px; }
.hta>a>img{ max-width: 100%; } .hta>h1{ color: #c7d3af; } .hta>h2{ color: #8fc41f; } .hta>p{ color: #777; font-size: 16px; } .dbb{ margin: 3px; }
- dSV td{
}
