Team:HUST-China/template/reset

From 2013.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 33: Line 33:
     border: none;
     border: none;
     width: auto;
     width: auto;
 +
    font-size:100%;
}
}
#content #bodyContent div p{
#content #bodyContent div p{
Line 51: 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 75: Line 76:
-ms-transition-timing-function:ease-out;
-ms-transition-timing-function:ease-out;
}
}
 +
#bodyContent a:link{font-weight:bold;}
 +
#bodyContent a:visited{font-weight:bold;}
 +
#bodyContent a:hover{font-weight:bold;}
.standout{  
.standout{  
box-shadow: 0 0 1em 1em #ccceee;
box-shadow: 0 0 1em 1em #ccceee;
}
}
.header{
.header{
-
padding: 55px 0 10px;
 
position: relative;
position: relative;
color: #ffffff;
color: #ffffff;
Line 85: Line 88:
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
border-bottom: 4px dashed #f2f2f2;
border-bottom: 4px dashed #f2f2f2;
-
/*background: #020031;*/
+
        border-top: 4px dashed #f2f2f2;
background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
background: linear-gradient(45deg, #020031 0%,#6d3353 100%);
background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%);
background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%);
Line 96: Line 99:
-o-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
-o-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
-
/*opacity: 0.7;
 
-
filter:opacity=70;*/
 
}
}
.container{
.container{
-
background: url(../images/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 114: Line 115:
bottom:20px;
bottom:20px;
right:20px;
right:20px;
-
background: url(../images/top.png) 0 0 no-repeat;
+
background: url(https://static.igem.org/mediawiki/2013/d/d7/HUST-top.png) 0 0 no-repeat;
cursor: pointer;
cursor: pointer;
-moz-transition:background-position .5s ease-in .1s;
-moz-transition:background-position .5s ease-in .1s;
Line 128: 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 195: 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 213: Line 249:
margin-left:-640px;
margin-left:-640px;
width:1280px;
width:1280px;
-
height:450px;
+
height:200px;
overflow:hidden;
overflow:hidden;
}
}
Line 224: Line 260:
margin:0 auto;
margin:0 auto;
width:100%;
width:100%;
-
height:335px;
+
height:135px;
visibility:hidden;
visibility:hidden;
}
}
Line 248: Line 284:
-ms-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
border-radius:3px;
-
background:url(../images/prev.gif) 7px 5px no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/9/9c/HUST-prev.gif) 7px 5px no-repeat;
background-color:#ebf3f6;
background-color:#ebf3f6;
cursor:pointer;
cursor:pointer;
Line 257: Line 293:
width:7px;
width:7px;
height:13px;
height:13px;
-
background:url(../images/prev.gif) 0 0 no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/9/9c/HUST-prev.gif) 0 0 no-repeat;
}
}
#showcase-prev:hover{
#showcase-prev:hover{
Line 274: Line 310:
-ms-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
border-radius:3px;
-
background:url(../images/next.gif) 9px 5px no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/1/11/HUST-next.gif) 9px 5px no-repeat;
background-color:#ebf3f6;cursor:pointer;
background-color:#ebf3f6;cursor:pointer;
}
}
Line 283: Line 319:
width:7px;
width:7px;
height:13px;
height:13px;
-
background:url(../images/next.gif) 0 0 no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/1/11/HUST-next.gif) 0 0 no-repeat;
}
}
#showcase-next:hover{
#showcase-next:hover{
Line 307: 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 317: Line 353:
}
}
-
</style>
 
-
<style type="text/css">
 
-
#showcase{position:relative;width:100%;height:490px;overflow:hidden;text-align:center;line-height:0;font-size:0;overflow:hidden;background:url(../images/index_sbg1.jpg) 0 0 repeat-x;}
 
-
/*#showcase-cont{width:960px;height:450px;}*/
 
-
#showcase-cont{position:relative;left:50%;margin-left:-640px;width:1280px;height:450px;overflow:hidden;}
 
-
#showcase-cont.pc{left:50%;margin-left:-640px;}
 
-
.showcase-pho{display:block;margin:0 auto;width:100%;height:335px;visibility:hidden;}
 
-
/*.showcase-inner{position:absolute;display:none;left:50%;top:0;z-index:100;margin-left:-480px;width:960px;height:450px;}*/
 
-
.showcase-inner{position:absolute;display:none;right:160px;bottom:120px;z-index:100;margin-left:-480px;width:68px;height:28px;}
 
-
#showcase-prev{position:absolute;right:42px;bottom:2px;width:22px;height:22px;border-radius:3px;-moz-border-radius:3px;background:url(../images/prev.gif) 7px 5px no-repeat;background-color:#ebf3f6;cursor:pointer;}
 
-
.arrow_pre{margin:5px 0 0 1px;display:none;display:inline-block\9;width:7px;height:13px;background:url(../images/prev.gif) 0 0 no-repeat;}
 
-
#showcase-prev:hover{background-color:#86c0e8;background:none\9;}
 
-
#showcase-next{position:absolute;right:1px;bottom:2px;width:22px;height:22px;border-radius:3px;-moz-border-radius:3px;background:url(../images/next.gif) 9px 5px no-repeat;background-color:#ebf3f6;cursor:pointer;}
 
-
.arrow_next{margin:5px 0 0 2px;display:none;display:inline-block\9;width:7px;height:13px;background:url(../images/next.gif) 0 0 no-repeat;}
 
-
#showcase-next:hover{background-color:#86c0e8;background:none\9;}
 
-
.showcase-left{position:absolute;left:0;top:0;width:960px;height:450px;}
 
-
.showcase-right{position:absolute;right:0;top:0;width:960px;height:450px;}
 
-
/*.showcase-ones{position:relative;width:960px;height:450px;}*/
 
-
.showcase-ones{position:relative;margin:0 auto;width:1280px;height:450px;}
 
-
.showcase-ones img{width:1280px;height:450px;}
 
-
#showcase-current{display:block!important;}
 
</style>
</style>
<!--showcase.js-->
<!--showcase.js-->
Line 437: Line 452:
$('#showcase-cont').css('overflow','visible');
$('#showcase-cont').css('overflow','visible');
-
if($.browser.msie&&$.browser.version==6){
+
if(!(!$.browser.msie || $.browser.version!=6)){
$('.showcase-ones').each(function(){
$('.showcase-ones').each(function(){
var that=this;
var that=this;
Line 521: Line 536:
}
}
});
});
 +
</script>
 +
<!--backstretch.js-->
 +
<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);
</script>
</script>

Latest revision as of 15:18, 26 October 2013