"
Team:HUST-China/template/reset
From 2013.igem.org
(Difference between revisions)
HUST Oshyn (Talk | contribs) |
HUST Oshyn (Talk | contribs) |
||
| (14 intermediate revisions not shown) | |||
| Line 52: | Line 52: | ||
position: relative; | position: relative; | ||
} | } | ||
| - | h1{ text-shadow: | + | 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 76: | 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; | ||
| Line 99: | 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; | ||
| - | + | 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: | + | padding:20px 0 30px; |
} | } | ||
#up{ | #up{ | ||
| Line 126: | 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 193: | 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 211: | Line 249: | ||
margin-left:-640px; | margin-left:-640px; | ||
width:1280px; | width:1280px; | ||
| - | height: | + | height:200px; |
overflow:hidden; | overflow:hidden; | ||
} | } | ||
| Line 222: | Line 260: | ||
margin:0 auto; | margin:0 auto; | ||
width:100%; | width:100%; | ||
| - | height: | + | height:135px; |
visibility:hidden; | visibility:hidden; | ||
} | } | ||
| Line 305: | Line 343: | ||
margin:0 auto; | margin:0 auto; | ||
width:1280px; | width:1280px; | ||
| - | height: | + | height:200px; |
} | } | ||
.showcase-ones img{ | .showcase-ones img{ | ||
width:1280px; | width:1280px; | ||
| - | height: | + | height:200px; |
} | } | ||
#showcase-current{ | #showcase-current{ | ||
| Line 498: | 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
