Difference between revisions of "Team:OUC-China"

Line 103: Line 103:
  
 
/*Thanks for Peking University 2013*/
 
/*Thanks for Peking University 2013*/
−
.home-box{width:100%; height:676px; position:absolute; margin-left:0px;background-size:100% 100%; }
+
<style type="text/css">
−
.home-box-1{ margin-top:0px; background-image:url(https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg);}
+
body{color:#222;-webkit-text-size-adjust:none;}
−
.home-box-2{ margin-top:676px; background-image:url(https://static.igem.org/mediawiki/2015/e/e5/Team-OUC-China-home2.jpg); }
+
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
−
.home-box-3{ margin-top:1352px;background-image:url(https://static.igem.org/mediawiki/2015/d/da/OUC-China-home3.jpg); }
+
h1,h2,h3,h4,h5,h6{font-size:100%;}
−
.home-box-4{ margin-top:2028px;background-image:url(https://static.igem.org/mediawiki/2015/a/a8/OUC-China-home4.jpg); }
+
body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}
−
.home-box-5{ margin-top:2704px;background-image:url(https://static.igem.org/mediawiki/2015/b/bb/OUC-China-home5.jpg); }
+
ol,ul{list-style:none;}
−
.home-box-6{ margin-top:3380px;background-image:url(https://static.igem.org/mediawiki/2015/d/d5/OUC-China-home6.jpg); }
+
−
 
+
html,body{ width:100%; height:100%; overflow:hidden;}
 +
.OUC-section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
 +
.OUC-section-wrap .OUC-section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
 +
.OUC-section-wrap .OUC-section .OUC-title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
 +
.OUC-section-wrap .OUC-section .OUC-title p{ padding:0 4%;opacity:0}
 +
.OUC-section-wrap .OUC-section .OUC-title.active .OUC-tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
 +
.OUC-section-wrap .OUC-section-1{ background-color:#337ab7}
 +
.OUC-section-wrap .OUC-section-2{ background-color:#5cb85c}
 +
.OUC-section-wrap .OUC-section-3{ background-color:#5bc0de}
 +
.OUC-section-wrap .OUC-section-4{ background-color:#f0ad4e}
 +
.OUC-section-wrap .OUC-section-5{ background-color:#d9534f}
 +
.OUC-put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
 +
.OUC-put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
 +
.OUC-put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
 +
.OUC-put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
 +
.OUC-put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
 +
.OUC-section-btn{ width:14px;position:fixed;right:4%;top:50%;}
 +
.OUC-section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#BD362F;text-align:center; color:#fff; onsor:pointer;}
 +
.OUC-section-btn li.on{ background:#fff}
 +
.OUC-arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;}
 +
.OUC-arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
 +
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
 +
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
 +
</style>
 
</style>
 
</style>
 
<body>
 
<body>

Revision as of 03:46, 7 August 2015