Template:Team:BNU-China/CSS/main

From 2014.igem.org

(Difference between revisions)
Line 48: Line 48:
font-size:15px;
font-size:15px;
color:#F00;}
color:#F00;}
 +
 +
 +
/*-----------------------------------------------------------------------------------*/
 +
/* RESET
 +
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
Line 193: Line 198:
}
}
ul li {
ul li {
-
background: transparent url('https://static.igem.org/mediawiki/2014/4/46/Bnu_bullet.png') center left no-repeat;
+
background: transparent url(style/images/bullet.png) center left no-repeat;
padding-left: 15px;
padding-left: 15px;
}
}
Line 220: Line 225:
line-height: 25px;
line-height: 25px;
padding-left: 30px;
padding-left: 30px;
-
background: transparent url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat left 7px;
+
background: transparent url(style/images/quote.png) no-repeat left 7px;
}
}
.hr2 {
.hr2 {
Line 238: Line 243:
margin: 0 auto;
margin: 0 auto;
}
}
-
 
p .center {
p .center {
text-align: center;
text-align: center;
Line 245: Line 249:
}
}
img {
img {
-
 
display: block;
display: block;
}
}
Line 263: Line 266:
}
}
a.button {
a.button {
-
background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x;
+
background: #5499c3 url(style/images/button.png) repeat-x;
border: none;
border: none;
height: 15px;
height: 15px;
Line 349: Line 352:
display: block;
display: block;
clear: both;
clear: both;
-
background: url('https://static.igem.org/mediawiki/2014/b/be/Bnu_codebg.jpg') repeat;
+
background: url(style/images/codebg.jpg) repeat;
line-height: 20px;
line-height: 20px;
font-size: 12px;
font-size: 12px;
Line 434: Line 437:
font-size: 12px;
font-size: 12px;
text-align: center;
text-align: center;
-
font-weight:bold;
 
}
}
#footer {
#footer {
Line 502: Line 504:
padding: 0;
padding: 0;
}
}
-
 
+
ul.flickr li {
-
.sponsors  img {
+
padding: 0;
-
        display:inline!important;
+
background: none;
-
        padding-left:10px;
+
display: inline-block;
 +
background-color: #fff;
 +
padding: 0;
 +
margin: 0 8px 8px 0;
}
}
 +
ul.flickr li img {
 +
width: 58px;
 +
height: 58px;
 +
padding: 0;
 +
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* MENU
 +
/*-----------------------------------------------------------------------------------*/
.menu {
.menu {
-
font-family: Verdana, Geneva, sans-serif;
+
font-family: 'Museo500';
list-style: none;
list-style: none;
-
font-weight: bold;
+
font-weight: normal;
width: 960px;
width: 960px;
padding: 0;
padding: 0;
Line 564: Line 577:
}
}
.menu ul li a:hover {
.menu ul li a:hover {
-
background: rgba(255,255,255,0.8);
+
background: #fff;
color: #4d87ab;
color: #4d87ab;
}
}
Line 572: Line 585:
display: none;
display: none;
visibility: hidden;
visibility: hidden;
-
width: 170px;
+
width: 180px;
padding: 0;
padding: 0;
-
border-radius:0 0 0.5em 0.5em;
 
-
background-color: rgba(255,255,255,0.8);
 
}
}
.menu ul li ul li {
.menu ul li ul li {
Line 581: Line 592:
float: none;
float: none;
padding: 0 17px;
padding: 0 17px;
 +
background-color: #fff;
}
}
.menu ul li ul li:first-child a {
.menu ul li ul li:first-child a {
Line 605: Line 617:
}
}
.quote blockquote {
.quote blockquote {
-
background: #FFF url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat 15px 15px;
+
background: #FFF url(style/images/quote.png) no-repeat 15px 15px;
padding: 15px 15px 15px 40px;
padding: 15px 15px 15px 40px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
Line 622: Line 634:
#piecemaker {
#piecemaker {
margin-top: -30px;
margin-top: -30px;
-
}/*-----------------------------------------------------------------------------------*/
+
}
 +
/*-----------------------------------------------------------------------------------*/
/* SHOWCASE
/* SHOWCASE
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
Line 649: Line 662:
top: 50%;
top: 50%;
margin-top: -9px;
margin-top: -9px;
-
background: url('https://static.igem.org/mediawiki/2014/5/5f/Bnu_arrows.png');
+
background: url('style/images/arrows.png');
width: 25px;
width: 25px;
height: 25px;
height: 25px;
Line 689: Line 702:
text-align: left;
text-align: left;
padding: 5px 8px;
padding: 5px 8px;
-
background-image: url('https://static.igem.org/mediawiki/2014/5/53/Bnu_white-opacity-80.png');
+
background-image: url(style/images/white-opacity-80.png);
}
}
.showcase-caption {
.showcase-caption {
Line 700: Line 713:
display: none;
display: none;
width: auto;
width: auto;
-
background-image: url('https://static.igem.org/mediawiki/2014/5/53/Bnu_white-opacity-80.png');
+
background-image: url(style/images/white-opacity-80.png);
}
}
.showcase-onepage .showcase-content {
.showcase-onepage .showcase-content {
Line 719: Line 732:
text-indent: -99999px;
text-indent: -99999px;
display: inline-block;
display: inline-block;
-
background: url('https://static.igem.org/mediawiki/2014/2/27/Bnu_navs.png');
+
background: url('style/images/navs.png');
}
}
.showcase-button-wrapper span:hover, .showcase-button-wrapper span.active {
.showcase-button-wrapper span:hover, .showcase-button-wrapper span.active {
Line 841: Line 854:
}
}
.two-third {
.two-third {
-
}
+
width:65.33%;
 +
}
.one-fourth {
.one-fourth {
-
width:22%!important;
+
width:22%;
}
}
-
.one-fourth img{width:22%!important;}
 
.three-fourth {
.three-fourth {
width:74%;
width:74%;
Line 923: Line 936:
}
}
#prev, #next {
#prev, #next {
-
background: transparent url('https://static.igem.org/mediawiki/2014/5/57/Bnu_car-arrow.png') no-repeat;
+
background: transparent url(style/images/car-arrow.png) no-repeat;
width: 21px;
width: 21px;
height: 21px;
height: 21px;
Line 1,044: Line 1,057:
}
}
.forms fieldset .btn-submit {
.forms fieldset .btn-submit {
-
background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x;
+
background: #5499c3 url(style/images/button.png) repeat-x;
border: none;
border: none;
height: 27px;
height: 27px;
Line 1,106: Line 1,119:
}
}
#footer .forms fieldset .btn-submit {
#footer .forms fieldset .btn-submit {
-
background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x;
+
background: #5499c3 url(style/images/button.png) repeat-x;
border: none;
border: none;
height: 27px;
height: 27px;
Line 1,241: Line 1,254:
}
}
#portfolio .items, #gallery .items {
#portfolio .items, #gallery .items {
-
opacity: 1;
+
opacity: 0;
}
}
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/* PORTFOLIO HOVER
/* PORTFOLIO HOVER
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
 +
.box a, .carousel ul li {
.box a, .carousel ul li {
Line 1,257: Line 1,271:
.play, .zoom, .details {
.play, .zoom, .details {
position: absolute;
position: absolute;
-
background: transparent url('https://static.igem.org/mediawiki/2014/a/a1/Bnu_icon-play.png') no-repeat center center;
+
background: transparent url(style/images/icon-play.png) no-repeat center center;
}
}
.zoom {
.zoom {
-
background-image: url('https://static.igem.org/mediawiki/2014/3/39/Bnu_icon-zoom.png');
+
background-image: url(style/images/icon-zoom.png);
}
}
.details {
.details {
-
background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Bnu_icon-more.png');
+
background-image: url(style/images/icon-more.png);
}
}
.box a span, .carousel ul li a span {
.box a span, .carousel ul li a span {
Line 1,367: Line 1,381:
}
}
.comments {
.comments {
-
background: transparent url('https://static.igem.org/mediawiki/2014/f/f4/Bnu_icon-comment.png') no-repeat left center;
+
background: transparent url(style/images/icon-comment.png) no-repeat left center;
padding-left: 26px;
padding-left: 26px;
margin-right: 10px;
margin-right: 10px;
Line 1,373: Line 1,387:
}
}
.categories {
.categories {
-
background: transparent url('https://static.igem.org/mediawiki/2014/d/d4/Bnu_icon-category.png') no-repeat left center;
+
background: transparent url(style/images/icon-category.png) no-repeat left center;
padding-left: 22px;
padding-left: 22px;
}
}
.tags {
.tags {
-
background: transparent url('https://static.igem.org/mediawiki/2014/c/c4/Bnu_icon-tag.png') no-repeat left center;
+
background: transparent url(style/images/icon-tag.png) no-repeat left center;
padding-left: 30px;
padding-left: 30px;
margin-top: 10px;
margin-top: 10px;
Line 1,453: Line 1,467:
-moz-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-
background: #FFF url('https://static.igem.org/mediawiki/2014/7/74/Bnu_search.png') 240px center no-repeat;
+
background: #FFF url(style/images/search.png) 240px center no-repeat;
}
}
.tag-list ul li {
.tag-list ul li {
Line 1,537: Line 1,551:
.service {
.service {
-
background: transparent url('https://static.igem.org/mediawiki/2014/0/07/Bnu_circle.png') no-repeat;
+
background: transparent url(style/images/circle.png) no-repeat;
width: 100px;
width: 100px;
height: 100px;
height: 100px;
Line 1,755: Line 1,769:
}
}
.check-icon {
.check-icon {
-
background: transparent url('https://static.igem.org/mediawiki/2014/8/88/Bnu_check-table.png') no-repeat center left;
+
background: transparent url(style/images/check-table.png) no-repeat center left;
width: 12px;
width: 12px;
height: 10px;
height: 10px;
}
}
.cross {
.cross {
-
background: transparent url('https://static.igem.org/mediawiki/2014/f/f0/Bnu_cross.png') no-repeat center left;
+
background: transparent url(style/images/cross.png) no-repeat center left;
width: 10px;
width: 10px;
height: 10px;
height: 10px;
Line 1,779: Line 1,793:
height: 100%;
height: 100%;
z-index: 2;
z-index: 2;
-
background: url('https://static.igem.org/mediawiki/2014/d/d0/Bnu_tile.png');
+
background: url('style/images/tile.png');
}
}
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
Line 1,914: Line 1,928:
.comment-form {
.comment-form {
margin-top: 40px;
margin-top: 40px;
 +
}
 +
 +
 +
 +
 +
 +
 +
/*Navigation*/
 +
#navigation{
 +
width:150px;
 +
height:150px;
 +
border-radius:10em 0 0 0;
 +
bottom:-50px;
 +
right:-50px;
 +
position:fixed;
 +
z-index:10000;
 +
    background: rgb(0,120,250);
 +
opacity:0.5;
 +
    transition: all 2s ease-in-out 0.1s;
 +
}
 +
#navigation:hover{
 +
bottom:0px;
 +
right:0px;
 +
opacity:1;
 +
    transition: all 0.5s ease-in-out;
 +
cursor:pointer;
}
}
<!--[if IE 7]>
<!--[if IE 7]>

Revision as of 23:13, 1 August 2014

Retrieved from "http://2014.igem.org/Template:Team:BNU-China/CSS/main"