Team:UESTC-Software/style.css
From 2014.igem.org
Tangying0608 (Talk | contribs) |
Tangying0608 (Talk | contribs) |
||
Line 85: | Line 85: | ||
.navbar{ | .navbar{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/5/53/2014-UESTC-Software-Nav_bg.png") repeat; |
height: 60px; | height: 60px; | ||
position: fixed; | position: fixed; | ||
Line 141: | Line 141: | ||
} | } | ||
#nav_home{ | #nav_home{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/3/36/2014-UESTC-Software-navHome.png") no-repeat center; |
} | } | ||
#nav_home:hover{ | #nav_home:hover{ | ||
- | background: rgba(255,255,255,.2) url(" | + | background: rgba(255,255,255,.2) url("https://static.igem.org/mediawiki/2014/3/36/2014-UESTC-Software-navHome.png") no-repeat center; |
} | } | ||
#nav_project{ | #nav_project{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/0/00/2014-UESTC-Software-navProject.png") no-repeat center; |
} | } | ||
#nav_project:hover{ | #nav_project:hover{ | ||
- | background: rgba(0,0,0,.3) url(" | + | background: rgba(0,0,0,.3) url("https://static.igem.org/mediawiki/2014/0/00/2014-UESTC-Software-navProject.png") no-repeat center; |
} | } | ||
#nav_team{ | #nav_team{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/b/bf/2014-UESTC-Software-navTeam.png") no-repeat center; |
} | } | ||
#nav_team:hover{ | #nav_team:hover{ | ||
- | background: rgba(255,255,255,.2) url(" | + | background: rgba(255,255,255,.2) url("https://static.igem.org/mediawiki/2014/b/bf/2014-UESTC-Software-navTeam.png") no-repeat center; |
} | } | ||
#nav_doc{ | #nav_doc{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/c/c8/2014-UESTC-Software-navDoc.png") no-repeat center; |
} | } | ||
#nav_doc:hover{ | #nav_doc:hover{ | ||
- | background: rgba(0,0,0,.3) url(" | + | background: rgba(0,0,0,.3) url("https://static.igem.org/mediawiki/2014/c/c8/2014-UESTC-Software-navDoc.png") no-repeat center; |
} | } | ||
#nav_reqrmt{ | #nav_reqrmt{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/a/a8/2014-UESTC-Software-navReqrmt.png") no-repeat center; |
} | } | ||
#nav_reqrmt:hover{ | #nav_reqrmt:hover{ | ||
- | background: rgba(0,0,0,.3) url(" | + | background: rgba(0,0,0,.3) url("https://static.igem.org/mediawiki/2014/a/a8/2014-UESTC-Software-navReqrmt.png") no-repeat center; |
} | } | ||
#nav_notebk{ | #nav_notebk{ | ||
- | background: url(" | + | background: url("https://static.igem.org/mediawiki/2014/c/c0/2014-UESTC-Software-navNotebk.png") no-repeat center; |
} | } | ||
#nav_notebk:hover{ | #nav_notebk:hover{ | ||
- | background: rgba(0,0,0,.3) url(" | + | background: rgba(0,0,0,.3) url("https://static.igem.org/mediawiki/2014/c/c0/2014-UESTC-Software-navNotebk.png") no-repeat center; |
} | } | ||
#body>p{ | #body>p{ | ||
Line 257: | Line 257: | ||
} | } | ||
.journal{ | .journal{ | ||
- | background: url( | + | background: url(https://static.igem.org/mediawiki/2014/1/1f/2014-UESTC-Software-NotePoint.png) no-repeat; |
background-position: -10px 40px; | background-position: -10px 40px; | ||
} | } |
Revision as of 04:58, 2 September 2014
.firstHeading{ display: none !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; }
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; } @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; }
.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;
}
.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,.7);
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: -400px; height: 400px; width: 100%; background-color: rgba(0,0,0,.5); color: #fff; display: none; } .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;
}
.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: 25px;
border-radius: 0 0 5px 5px;
}
.journal{
background: url() no-repeat;
background-position: -10px 40px;
}
- top{
position: fixed; bottom: 65px; right: 20px; cursor: pointer; }