Difference between revisions of "Team:SCAU-China"
| Line 4: | Line 4: | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta http-equiv="x-ua-compatible" content="IE=edge"> | <meta http-equiv="x-ua-compatible" content="IE=edge"> | ||
| − | < | + | <---CSS---> |
| + | <style type="text/css"> | ||
| + | * { | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-font-smoothing: antialiased; | ||
| + | box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | /* Firefox */ | ||
| + | -webkit-tap-highlight-color: transparent; | ||
| + | } | ||
| + | |||
| + | input[type='text'] { | ||
| + | -webkit-appearance: none; | ||
| + | } | ||
| + | |||
| + | /**** 文字大小初始化,使1em=10px *****/ | ||
| + | body { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | user-select: none; | ||
| + | font-size: 62.5%; | ||
| + | font-family: Helvetica Neue,Helvetica,Arial,"SimHei","黑体","SimSun","宋体",STHeiti Light,"华文细黑",STHeiti,"华文黑体",Hiragino Sans GB,"冬青黑体",sans-serif; | ||
| + | /* 增加该属性，可以增加弹性，是滑动更加顺畅 但是ios会显示滚动条*/ | ||
| + | } | ||
| + | |||
| + | /* for IE/Win */ | ||
| + | html > body { | ||
| + | font-size: 10px; | ||
| + | } | ||
| + | |||
| + | /* for everything else */ | ||
| + | /*字体边框等初始化*/ | ||
| + | body, | ||
| + | div, | ||
| + | dl, | ||
| + | dt, | ||
| + | dd, | ||
| + | ul, | ||
| + | ol, | ||
| + | li, | ||
| + | h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6, | ||
| + | pre, | ||
| + | form, | ||
| + | fieldset, | ||
| + | input, | ||
| + | textarea, | ||
| + | p, | ||
| + | blockquote, | ||
| + | th, | ||
| + | td { | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | table { | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0; | ||
| + | } | ||
| + | |||
| + | fieldset, | ||
| + | img { | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | img { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | address, | ||
| + | caption, | ||
| + | cite, | ||
| + | code, | ||
| + | dfn, | ||
| + | th, | ||
| + | var { | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | |||
| + | ol, | ||
| + | ul { | ||
| + | list-style: none; | ||
| + | } | ||
| + | |||
| + | caption, | ||
| + | th { | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6 { | ||
| + | font-weight: normal; | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | |||
| + | q:before, | ||
| + | q:after { | ||
| + | content: ''; | ||
| + | } | ||
| + | |||
| + | abbr, | ||
| + | acronym { | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | a { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .clear:after { | ||
| + | content: ''; | ||
| + | display: block; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | .response_img { | ||
| + | max-width: 100%; | ||
| + | max-height: 100%; | ||
| + | } | ||
| + | |||
| + | .container { | ||
| + | position: relative; | ||
| + | width: 960px; | ||
| + | min-height: 900px; | ||
| + | margin: auto; | ||
| + | } | ||
| + | |||
| + | body { | ||
| + | background: #FFF; | ||
| + | } | ||
| + | |||
| + | .scac-page a { | ||
| + | position: absolute; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .scac-page .igem { | ||
| + | left: 0; | ||
| + | top: 22px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-2 { | ||
| + | left: 55px; | ||
| + | top: 144px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-4 { | ||
| + | left: -2px; | ||
| + | top: 208px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-8 { | ||
| + | left: 86px; | ||
| + | top: 272px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-6 { | ||
| + | left: 37px; | ||
| + | top: 365px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-5 { | ||
| + | left: 157px; | ||
| + | top: 346px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-9 { | ||
| + | left: 92px; | ||
| + | top: 445px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-11 { | ||
| + | left: 223px; | ||
| + | top: 50px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-10 { | ||
| + | left: 168px; | ||
| + | top: 605px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-7 { | ||
| + | left: 592px; | ||
| + | top: 486px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-1 { | ||
| + | left: 702px; | ||
| + | top: 734px; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-3 { | ||
| + | left: 295px; | ||
| + | top: 152px; | ||
| + | -webkit-animation: myRotate 10s linear infinite; | ||
| + | animation: myRotate 10s linear infinite; | ||
| + | } | ||
| + | |||
| + | .scac-page .icon-3:hover { | ||
| + | -webkit-animation-play-state: paused; | ||
| + | animation-play-state: paused; | ||
| + | } | ||
| + | |||
| + | .scac-page .content { | ||
| + | position: absolute; | ||
| + | top: 700px; | ||
| + | left: 30px; | ||
| + | width: 550px; | ||
| + | word-break: break-all; | ||
| + | font-size: 18px; | ||
| + | line-height: 25px; | ||
| + | text-indent: 25px; | ||
| + | } | ||
| + | |||
| + | @-webkit-keyframes myRotate { | ||
| + | from { | ||
| + | -webkit-transform: rotateZ(0deg); | ||
| + | transform: rotateZ(0deg); | ||
| + | } | ||
| + | to { | ||
| + | -webkit-transform: rotateZ(360deg); | ||
| + | transform: rotateZ(360deg); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes myRotate { | ||
| + | from { | ||
| + | -webkit-transform: rotateZ(0deg); | ||
| + | transform: rotateZ(0deg); | ||
| + | } | ||
| + | to { | ||
| + | -webkit-transform: rotateZ(360deg); | ||
| + | transform: rotateZ(360deg); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .footer-table { | ||
| + | min-height: 30px; | ||
| + | } | ||
| + | |||
| + | .footer-table table { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .footer-table table th { | ||
| + | background: #78c8dc; | ||
| + | font-size: 16px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | |||
| + | .footer-table table td { | ||
| + | background: #83ceee; | ||
| + | font-size: 16px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | |||
| + | .contact-us { | ||
| + | height: 40px; | ||
| + | } | ||
| + | |||
| + | .contact-us li { | ||
| + | float: left; | ||
| + | margin-right: 50px; | ||
| + | font-size: 16px; | ||
| + | padding-top: 10px; | ||
| + | } | ||
| + | |||
| + | .contact-us li img { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | </style> | ||
| + | <---CSS end---> | ||
</head> | </head> | ||
<body> | <body> | ||
Revision as of 16:02, 30 September 2016
<---CSS---> <---CSS end--->
Team SCAU-China set up in March, 2015. In the first three months, we actively come up with various thoughts in the meetings every twice a week, exchanging our idea with all the team members. Delightfully, we always got inspiration from other's sharing. After that, we divided our team into several small groups to work over several ideas, which were thought to be viable and meaningful. We dedicated to our issue and cooperated with other group members to complete them.
