Team:UESTC-Software/style.css

From 2014.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 1: Line 1:
.firstHeading{
.firstHeading{
display: none !important;
display: none !important;
 +
}
 +
#content{
 +
top: -8px !important;
 +
position: absolute !important;
}
}
h1, h2, h3, h4, h5, h6{
h1, h2, h3, h4, h5, h6{
Line 11: Line 15:
min-width: 500px;
min-width: 500px;
background-color: #e7f0e2;
background-color: #e7f0e2;
 +
background: url(https://static.igem.org/mediawiki/2014/c/ca/2014-UESTC-Software-Background.jpg);
 +
background-size: 100% auto;
font-family: arial,sans-serif;
font-family: arial,sans-serif;
-
font-size: 16px;
+
font-size: 12px;
 +
}
 +
.DownloadButton{
 +
cursor: pointer;
}
}
#menubar{
#menubar{
Line 61: Line 70:
border: solid 7px #8fc41f;
border: solid 7px #8fc41f;
position: absolute;
position: absolute;
 +
z-index: 99999999;
}
}
@keyframes logoShadow
@keyframes logoShadow
Line 85: Line 95:
animation: logoShadow 1.3s ease 0 infinite alternate;
animation: logoShadow 1.3s ease 0 infinite alternate;
-webkit-animation: logoShadow 1.3s ease 0 infinite alternate;
-webkit-animation: logoShadow 1.3s ease 0 infinite alternate;
 +
z-index: 99999999;
}
}
Line 94: Line 105:
width: 100%;
width: 100%;
z-index: 99999;
z-index: 99999;
 +
left: 0;
}
}
ul{
ul{
Line 196: Line 208:
float: left;
float: left;
}
}
-
.Tdescription{
+
.Tdescription {
-
position: relative;
+
position: relative;
-
top: -400px;
+
top: -350px;
-
height: 400px;
+
height: 400px;
-
width: 100%;
+
background-color: rgba(0,0,0,.5);
-
background-color: rgba(0,0,0,.5);
+
color: #fff !important;
-
color: #fff;
+
display: none;
-
display: none;
+
font-size: 16px;
 +
padding: 20px;
 +
}
 +
.Tdescription>h2{
 +
color: #fff !important;
}
}
.person img{
.person img{
Line 213: Line 229:
}
}
.board{
.board{
-
background-color: #eee;
+
background-color: #fff;
position: absolute;
position: absolute;
top: 0;
top: 0;
Line 244: Line 260:
max-width: 700px;
max-width: 700px;
margin: 20px;
margin: 20px;
-
background-color: #ddd;
+
background-color: #f0f0f0;
padding: 20px 25px;
padding: 20px 25px;
border-radius: 5px;
border-radius: 5px;
Line 251: Line 267:
}
}
.journal.even .content{
.journal.even .content{
-
background-color: #aaa;
+
background-color: #b7b7b7;
color: #fdfdfd;
color: #fdfdfd;
box-shadow: 0 0 3px rgba(0,0,0,.9);
box-shadow: 0 0 3px rgba(0,0,0,.9);
Line 258: Line 274:
position: relative;
position: relative;
left: -25px;
left: -25px;
-
top: 25px;
+
top: 20px;
border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
}
Line 270: Line 286:
right: 20px;
right: 20px;
cursor: pointer;
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(https://static.igem.org/mediawiki/2014/9/9b/2014-UESTC-Software-Vine1.png) repeat-y;
 +
}
 +
#vine2{
 +
background: url(https://static.igem.org/mediawiki/2014/6/69/2014-UESTC-Software-Vine2.png) repeat-y;
 +
}
 +
#vine3{
 +
background: url(https://static.igem.org/mediawiki/2014/b/b0/2014-UESTC-Software-Vine3.png) repeat-y;}
 +
.question{
 +
background: url(https://static.igem.org/mediawiki/2014/3/30/2014-UESTC-Software-Question.png) no-repeat;
 +
background-size: cover;
 +
padding: 20px 30px 20px 20px;
 +
color: #fff;
 +
font-size: 18px;
 +
margin: 10px;
 +
position: relative;
 +
}
 +
.answer{
 +
background: url(https://static.igem.org/mediawiki/2014/7/77/2014-UESTC-Software-Answer.png) 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(https://static.igem.org/mediawiki/2014/e/ed/2014_UESTC_Software_Ok_green.png) 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(https://static.igem.org/mediawiki/2014/b/b9/2014_UESTC_Software_Ok_blue.png) 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(https://static.igem.org/mediawiki/2014/3/3f/2014_UESTC_Software_Ok_yellow.png) 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{
 +
}
}

Latest revision as of 20:07, 17 October 2014

.firstHeading{ display: none !important; }

  1. 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(2014-UESTC-Software-Background.jpg); background-size: 100% auto; font-family: arial,sans-serif; font-size: 12px; } .DownloadButton{ cursor: pointer; }

  1. menubar{

font-size: 14px; } h1{ text-align: center; }

  1. logoBox{

margin: auto; position: absolute; }

  1. logoBox img{

position: absolute; }

  1. home{

top: 164px; left: 43px; }

  1. project{

top: 240px; left: 10px; }

  1. team{

top: 295px; left: 55px; }

  1. document{

top: 91px; left: 192px; }

  1. requirment{

top: 171px; left: 300px; }

  1. notebook{

top: 294px; left: 230px; } .imenu{ display: none; } .imenu:hover{ opacity: .5; cursor: pointer; }

  1. 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} }

  1. logo{

animation: logoShadow 1.3s ease 0 infinite alternate; -webkit-animation: logoShadow 1.3s ease 0 infinite alternate; z-index: 99999999; }

.navbar{ background: url("2014-UESTC-Software-Nav_bg.png") 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; }

  1. nav_home{

background: url("2014-UESTC-Software-navHome.png") no-repeat center; }

  1. nav_home:hover{

background: rgba(255,255,255,.2) url("2014-UESTC-Software-navHome.png") no-repeat center; }

  1. nav_project{

background: url("2014-UESTC-Software-navProject.png") no-repeat center; }

  1. nav_project:hover{

background: rgba(0,0,0,.3) url("2014-UESTC-Software-navProject.png") no-repeat center; }

  1. nav_team{

background: url("2014-UESTC-Software-navTeam.png") no-repeat center; }

  1. nav_team:hover{

background: rgba(255,255,255,.2) url("2014-UESTC-Software-navTeam.png") no-repeat center; }

  1. nav_doc{

background: url("2014-UESTC-Software-navDoc.png") no-repeat center; }

  1. nav_doc:hover{

background: rgba(0,0,0,.3) url("2014-UESTC-Software-navDoc.png") no-repeat center; }

  1. nav_reqrmt{

background: url("2014-UESTC-Software-navReqrmt.png") no-repeat center; }

  1. nav_reqrmt:hover{

background: rgba(0,0,0,.3) url("2014-UESTC-Software-navReqrmt.png") no-repeat center; }

  1. nav_notebk{

background: url("2014-UESTC-Software-navNotebk.png") no-repeat center; }

  1. nav_notebk:hover{

background: rgba(0,0,0,.3) url("2014-UESTC-Software-navNotebk.png") no-repeat center; }

  1. 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; }

  1. 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(2014-UESTC-Software-NotePoint.png) no-repeat; background-position: -10px 40px; }

  1. 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; }

  1. vine1{

background: url(2014-UESTC-Software-Vine1.png) repeat-y; }

  1. vine2{

background: url(2014-UESTC-Software-Vine2.png) repeat-y; }

  1. vine3{

background: url(2014-UESTC-Software-Vine3.png) repeat-y;} .question{ background: url(2014-UESTC-Software-Question.png) no-repeat; background-size: cover; padding: 20px 30px 20px 20px; color: #fff; font-size: 18px; margin: 10px; position: relative; } .answer{ background: url(2014-UESTC-Software-Answer.png) 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; }

  1. 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(2014_UESTC_Software_Ok_green.png) 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(2014_UESTC_Software_Ok_blue.png) 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(2014_UESTC_Software_Ok_yellow.png) 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; }

  1. DownloadButtonGroup{

margin: 0 auto; max-width: 600px; overflow: hidden; margin-top: 10%; }

  1. DownloadButtonGroup>div{

float: left; width: 33%; text-align: center; }

  1. 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; }

  1. Acknowledgement1 h1,#Acknowledgement1 h2,#Acknowledgement2 h2,#Acknowledgement1 h3{

color: #8fc41f; }

  1. Acknowledgement1{

background-color: rgba(255,255,255,.7); }

  1. 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; }

  1. dSV td{

}

Retrieved from "http://2014.igem.org/Team:UESTC-Software/style.css"