|
|
| 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"> |
| − | <style type="text/css"> | + | <link rel="styleSheet" href="https://2016.igem.org/Template:SCAU-China/style-home？action=raw&ctype=text/css"> |
| − | * {
| + | <style type="text/css"> |
| − | -webkit-font-smoothing: antialiased;
| + | #sideMenu, #top_title {display:none;} |
| − | -moz-font-smoothing: antialiased;
| + | </style> |
| − | 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | footer{
| + | |
| − | width:100%;
| + | |
| − | height:175px;
| + | |
| − | position:absolute;
| + | |
| − | bottom: 0px;
| + | |
| − | background: #6d91b5;
| + | |
| − | padding:0;
| + | |
| − | margin:0;
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap{
| + | |
| − | margin-left:70px;
| + | |
| − | margin-top:15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap ul{
| + | |
| − | list-style:none;
| + | |
| − | display:block;
| + | |
| − | float:left;
| + | |
| − | padding:0;
| + | |
| − | margin:0 10px 0px 10px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap h3{
| + | |
| − | padding:4px 0 4px 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap h3 a{
| + | |
| − | color:#303030;
| + | |
| − | font-size:1.2em;
| + | |
| − | border-style:solid;
| + | |
| − | border-width:1px;
| + | |
| − | border-color:#303030;
| + | |
| − | padding:2px;
| + | |
| − | transition: all 0.5s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap h3 a:hover{
| + | |
| − | color:black;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap li{
| + | |
| − | padding:0;
| + | |
| − | margin:2px 0 0 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #siteMap li a{
| + | |
| − | color:#303030;
| + | |
| − | font-weight: bold;
| + | |
| − | font-size:1.5em;
| + | |
| − | padding:0;
| + | |
| − | margin:0;
| + | |
| − | transition: all 0.5s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .hoverHome a:hover{
| + | |
| − | background-color:white;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverteam a:hover{
| + | |
| − | background-color:#ed1b24;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverteamSections li a:hover{
| + | |
| − | color:#ed1b24;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverproject a:hover{
| + | |
| − | background-color:#f78f1e;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverprojectSections li a:hover{
| + | |
| − | color:#f78f1e;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverresult a:hover{
| + | |
| − | background-color:#ffe200;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverresultSections li a:hover{
| + | |
| − | color:#ffe200;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverpart a:hover{
| + | |
| − | background-color:#14b04d;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverpartSections li a:hover{
| + | |
| − | color:#14b04d;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverNOTEDBOOK a:hover{
| + | |
| − | background-color:#0097dc;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverNOTEDBOOKSections li a:hover{
| + | |
| − | color:#0097dc;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverATTRIBUTION a:hover{
| + | |
| − | background-color:#2e3192;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverATTRIBUTIONSections li a:hover{
| + | |
| − | color:#2e3192;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverHP a:hover{
| + | |
| − | background-color:#9a268b;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverHPSections li a:hover{
| + | |
| − | color:#9a268b;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverJUDGING a:hover{
| + | |
| − | background-color:#3bff2d;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverJUDGINGSections li a:hover{
| + | |
| − | color:#3bff2d;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hoverSAFETY a:hover{
| + | |
| − | background-color:#b1fe00;
| + | |
| − | }
| + | |
| − | | + | |
| − | #hoverSAFETYSections li a:hover{
| + | |
| − | color:#b1fe00;
| + | |
| − | } | + | |
| − | </style> | + | |
| | </head> | | </head> |
| | <body> | | <body> |
