Team:HUST-China/template/reset

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 52: Line 52:
position: relative;
position: relative;
}
}
-
h1{ text-shadow: 1px 1px 1px #ccc;}
+
h1{ text-shadow: 3px 3px 3px #ccc;}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Lucida,Arial, Helvetica,‘Corben’, Georgia, Times, serif;
font-family: Verdana, Lucida,Arial, Helvetica,‘Corben’, Georgia, Times, serif;
Line 102: Line 102:
.container{
.container{
background: url(https://static.igem.org/mediawiki/2013/c/c9/HUST-1.png) repeat 0 0;
background: url(https://static.igem.org/mediawiki/2013/c/c9/HUST-1.png) repeat 0 0;
-
margin:15px 0 15px 20;
+
box-shadow: 5px 0px 10px 5px rgba(0,0,0,.6),-5px 0 10px 5px rgba(0,0,0,.6);
}
}
.footer{
.footer{
text-align:center;
text-align:center;
color:#333;
color:#333;
-
padding:60px 0 30px;
+
padding:20px 0 30px;
}
}
#up{
#up{
Line 129: Line 129:
transition:background-position .5s ease-in .1s;
transition:background-position .5s ease-in .1s;
}
}
-
 
+
.block-left{
 +
width:350px;
 +
float: left;
 +
text-align: center;
 +
margin-bottom: 15px;
 +
}
 +
.block-right{
 +
width:350px;
 +
float: right;
 +
margin-bottom: 15px;
 +
text-align: center;
 +
}
 +
#Attributes ul li{
 +
padding-right: 30px;
 +
}
.bs-docs-sidenav {
.bs-docs-sidenav {
   width: 228px;
   width: 228px;
Line 196: Line 210:
}
}
 +
/**Home page background block**/
 +
#abstract,#oscillator,#propionate,#future-work,#protocol,#modeling,#human-practice{
 +
  -moz-transition:background-color 0.25s ease-in 0.1s;
 +
  -webkit-transition:background-color 0.25s ease-in 0.1s;
 +
  -o-transition:background-color 0.25s ease-in 0.1s;
 +
  transition:background-color 0.25s ease-in 0.1s;
 +
}
 +
#abstract{background:rgba(105, 226, 89, .7);}
 +
#abstract:hover{background:rgba(146, 230, 135, .7);}
 +
#oscillator{background:rgba(248, 222, 79,.7);}
 +
#oscillator:hover{background:rgba(250, 230, 122, .7);}
 +
#propionate{background:rgba(86, 193, 241,.7);}
 +
#propionate:hover{background:rgba(170, 219, 241, .7);}
 +
#future-work{background:rgba(66, 221, 66,.7);}
 +
#future-work:hover{background:rgba(158, 245, 158,.7);}
 +
#protocol{background:rgba(199, 187, 55,.7);}
 +
#protocol:hover{background:rgba(213, 203, 97, .7);}
 +
#human-practice {background:rgba(188, 130, 221,.7);}
 +
#human-practice:hover{background:rgba(204, 168, 224, .7);}
 +
#modeling{background:rgba(236, 215, 63,.7);}
 +
#modeling:hover{background:rgba(238, 225, 128, .7);}
Line 214: Line 249:
margin-left:-640px;
margin-left:-640px;
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
overflow:hidden;
overflow:hidden;
}
}
Line 225: Line 260:
margin:0 auto;
margin:0 auto;
width:100%;
width:100%;
-
height:335px;
+
height:135px;
visibility:hidden;
visibility:hidden;
}
}
Line 308: Line 343:
margin:0 auto;
margin:0 auto;
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
}
}
.showcase-ones img{
.showcase-ones img{
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
}
}
#showcase-current{
#showcase-current{
Line 504: Line 539:
<!--backstretch.js-->
<!--backstretch.js-->
<script>
<script>
-
(function(a){a.backstretch=function(l,b,j){function m(c){try{h={left:0,top:0},e=f.width(),d=e/k,d>=f.height()?(i=(d-f.height())/2,g.centeredY&&a.extend(h,{top:"-"+i+"px"})):(d=f.height(),e=d*k,i=(e-f.width())/2,g.centeredX&&a.extend(h,{left:"-"+i+"px"})),a("#backstretch, #backstretch img:not(.deleteable)").width(e).height(d).filter("img").css(h)}catch(b){}"function"==typeof c&&c()}var n={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),g=c.data("settings")||n;c.data("settings");var f="onorientationchange"in window?a(document):a(window),k,e,d,i,h;b&&"object"==typeof b&&a.extend(g,b);b&&"function"==typeof b&&(j=b);a(document).ready(function(){if(l){var b;0==c.length?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"});e=this.width||a(b.target).width();b=this.height||a(b.target).height();k=e/b;m(function(){d.fadeIn(g.speed,function(){c.find(".deleteable").remove();"function"==typeof j&&j()})})}).appendTo(c);0==a("body #backstretch").length&&a("body").append(c);c.data("settings",g);b.attr("src",l);a(window).resize(m)}});return this}})(jQuery);
+
(function(a){a.backstretch=function(l,b,j){function m(c){try{h={left:0,top:0},e=f.width(),d=e/k,d>=f.height()?(i=(d-f.height())/2,!(!g.centeredY||!a.extend(h,{top:"-"+i+"px"}))):(d=f.height(),e=d*k,i=(e-f.width())/2,!(!g.centeredX||!a.extend(h,{left:"-"+i+"px"}))),a("#backstretch, #backstretch img:not(.deleteable)").width(e).height(d).filter("img").css(h)}catch(b){}!("function"!=typeof c || !c())}var n={centeredX:!0,centeredY:!0,speed:0},c=a("#backstretch"),g=c.data("settings")||n;c.data("settings");var f="onorientationchange"in window?a(document):a(window),k,e,d,i,h;!(!b||"object"!=typeof b||!a.extend(g,b));!(!b||"function"!=typeof b||!(j=b));a(document).ready(function(){if(l){var b;0==c.length?c=a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-999999,margin:0,padding:0,height:"100%",width:"100%"}):c.find("img").addClass("deleteable");b=a("<img />").css({position:"absolute",display:"none",margin:0,padding:0,border:"none",zIndex:-999999}).bind("load",function(b){var d=a(this),e;d.css({width:"auto",height:"auto"});e=this.width||a(b.target).width();b=this.height||a(b.target).height();k=e/b;m(function(){d.fadeIn(g.speed,function(){c.find(".deleteable").remove();!("function"!=typeof j||!j())})})}).appendTo(c);!(0!=a("body #backstretch").length||!a("body").append(c));c.data("settings",g);b.attr("src",l);a(window).resize(m)}});return this}})(jQuery);
</script>
</script>

Latest revision as of 15:18, 26 October 2013