Zhiling Zhou (Talk | contribs) |
Zhiling Zhou (Talk | contribs) |
||
Line 30: | Line 30: | ||
<!-- Skin CSS --> | <!-- Skin CSS --> | ||
<link rel="stylesheet" href="https://2017.igem.org/Team:ZJU-China/csss/coolgray?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2017.igem.org/Team:ZJU-China/csss/coolgray?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | /*Override default CSS*/ | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;} | ||
+ | |||
+ | |||
+ | /* set all basic objects to neutral formatting*/ | ||
+ | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | font-size: 100%; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | font-size: 100%; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* set page to fill window*/ | ||
+ | html{ | ||
+ | height: 100%; | ||
+ | } | ||
+ | body { | ||
+ | min-height: 100%; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content_wrapper { | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | margin: 0px; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | text-align:center; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #content_wrapper p { | ||
+ | font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | #content_wrapper a { | ||
+ | color:#004789; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer { | ||
+ | position:absolute; | ||
+ | bottom: 0px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #FFFFFF; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | width: 60%; | ||
+ | margin-top: 16px; | ||
+ | min-width: 500px; | ||
+ | padding-bottom:32px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .TextContent { | ||
+ | text-align: left; | ||
+ | vertical-align: baseline; | ||
+ | font-size: 0.875em; | ||
+ | font-family:'Yanone Kaffeesatz', verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | .TextContent h1{ | ||
+ | text-align: center; | ||
+ | font-size: 1.5rem; | ||
+ | margin-bottom: 1em; | ||
+ | margin-top: 0.2em; | ||
+ | color: #3399ff; | ||
+ | font-family:'Yanone Kaffeesatz', verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | .TextContent h2{ | ||
+ | line-height: 1.6; | ||
+ | margin-bottom: 0em; | ||
+ | margin-top: 1em; | ||
+ | text-align: left; | ||
+ | font-family:'Yanone Kaffeesatz', verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | .TextContent p{ | ||
+ | margin-bottom: 1.2em; | ||
+ | font-family:'Yanone Kaffeesatz', verdana, sans-serif; | ||
+ | } | ||
+ | |||
+ | .Page_Wide { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .Quarter_Image { | ||
+ | width:25%; | ||
+ | max-height:250px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .Quarter_Image img { | ||
+ | display:block; | ||
+ | margin:auto; | ||
+ | max-height: 250px; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .SocialMediaIconWrapper { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .SocialMediaIcon { | ||
+ | width:4%; | ||
+ | height:auto; | ||
+ | margin-left:20px; | ||
+ | display: inline-block; | ||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .SocialMediaIcon img{ | ||
+ | max-width:100%; | ||
+ | height:auto | ||
+ | } | ||
+ | |||
+ | .TeamImage { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .TeamImage img { | ||
+ | max-width:100%; | ||
+ | height:auto | ||
+ | } | ||
+ | |||
+ | .sponsors { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .sponsor_row { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .sponsor_img { | ||
+ | width: 16.6666667%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .sponsor_img img{ | ||
+ | max-width:100%; | ||
+ | height:auto | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .clear.extra_space { | ||
+ | height: 20px; | ||
+ | } | ||
+ | |||
+ | .line_divider { | ||
+ | border-top: 1px solid #d3d3d3; | ||
+ | width: 98%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .copyright{ | ||
+ | color: #888888; | ||
+ | font-size: 13px; | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .copyright a{ | ||
+ | color: #d2ebe3; | ||
+ | border-bottom: dotted 1px #a5d8c7; | ||
+ | } | ||
+ | |||
+ | .PP { | ||
+ | font-family: georgia; | ||
+ | font-size: 20px; | ||
+ | font-weight: 100; | ||
+ | text-align: left; | ||
+ | line-height: 35px; | ||
+ | } | ||
+ | |||
+ | /*文中自定义*/ | ||
+ | .CuteButton:active { | ||
+ | -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9); | ||
+ | -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9); | ||
+ | box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9); | ||
+ | position: relative; | ||
+ | top: 6px; | ||
+ | } | ||
+ | |||
+ | .YellowCB { | ||
+ | background-color: rgba(254,196,62,1); | ||
+ | -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7); | ||
+ | -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7); | ||
+ | box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7); | ||
+ | } | ||
+ | |||
+ | .GreenCB { | ||
+ | background-color: rgba(25,148,117,1); | ||
+ | -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7); | ||
+ | -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7); | ||
+ | box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7); | ||
+ | } | ||
+ | |||
+ | .SmallCB { | ||
+ | font-size: 1.5em; | ||
+ | margin-left: 2px; | ||
+ | padding: 2px 10px ; | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .ArticleHead{ | ||
+ | font-family: 'Tempus Sans ITC',georgia !important; | ||
+ | font-size: 40px !important; | ||
+ | font-weight: 800 !important; | ||
+ | color: #56A36C !important; | ||
+ | text-align: center !important; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-top: .6em !important; | ||
+ | } | ||
+ | |||
+ | .H3Head{ | ||
+ | font-family: 'Tempus Sans ITC',georgia !important; | ||
+ | color: #FEC43E !important; | ||
+ | font-size: 25px !important; | ||
+ | font-weight: 400 !important; | ||
+ | text-align: left !important; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-top:.6em !important; | ||
+ | } | ||
+ | |||
+ | .PP{ | ||
+ | font-family:Tahoma, Geneva, sans-serif !important; | ||
+ | font-size: 20px !important; | ||
+ | font-weight: 100 !important; | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .Retract{ | ||
+ | padding-left: 50px; | ||
+ | } | ||
+ | |||
+ | .GreenAH{ | ||
+ | color: #56A36C; | ||
+ | } | ||
+ | |||
+ | .YellowAH{ | ||
+ | color: #FEC43E; | ||
+ | } | ||
+ | |||
+ | .contentLi{ | ||
+ | margin:0; | ||
+ | font-size:17px; | ||
+ | line-height: 27px; | ||
+ | padding-bottom: 20px; | ||
+ | color: #111111; | ||
+ | } | ||
+ | |||
+ | .blueTable | ||
+ | { | ||
+ | color: #1E90FF; | ||
+ | } | ||
+ | |||
+ | .yellowTable | ||
+ | { | ||
+ | color: #CD9B1D; | ||
+ | } | ||
+ | |||
+ | h2{ | ||
+ | font-family: 'Tempus Sans ITC'; | ||
+ | font-weight: 500; | ||
+ | font-size: 35px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h3{ | ||
+ | font-family: 'Tempus Sans ITC'; | ||
+ | font-weight: 500; | ||
+ | font-size: 32px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h4{ | ||
+ | font-family: 'Tempus Sans ITC'; | ||
+ | font-weight: 500; | ||
+ | font-size: 28px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h5{ | ||
+ | font-family: 'Tempus Sans ITC'; | ||
+ | font-weight: 500; | ||
+ | font-size: 25px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | margin:0; | ||
+ | font-size:17px; | ||
+ | line-height: 30px; | ||
+ | /*padding-bottom: 20px;*/ | ||
+ | color: #111111; | ||
+ | } | ||
+ | |||
+ | .bs-docs-sidenav | ||
+ | { | ||
+ | font-family:Tahoma, Geneva, sans-serif !important; | ||
+ | font-size: 20px !important; | ||
+ | font-weight: 100 !important; | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .textli li{ | ||
+ | font-family:Tahoma, Geneva, sans-serif !important; | ||
+ | font-size: 20px !important; | ||
+ | font-weight: 100 !important; | ||
+ | text-align: left !important; | ||
+ | } | ||
+ | /*文中自定义*/ | ||
+ | |||
+ | /*老姜要好看一点的表格*/ | ||
+ | .tableNice thead, .tableNice tr { | ||
+ | text-align: center; | ||
+ | border-top-width: 1px; | ||
+ | border-top-style: solid; | ||
+ | border-top-color: #b1c6d9; | ||
+ | } | ||
+ | .tableNice { | ||
+ | width: auto; | ||
+ | align: center; | ||
+ | border-bottom-width: 1px; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: #D0E9FF; | ||
+ | } | ||
+ | |||
+ | /* Padding and font style */ | ||
+ | .tableNice td, .tableNice th { | ||
+ | padding: 5px 10px; | ||
+ | font-size: 12px; | ||
+ | |||
+ | color: #00343F; | ||
+ | } | ||
+ | |||
+ | /* Alternating background colors */ | ||
+ | .tableNice tr:nth-child(even) { | ||
+ | background: transparent; | ||
+ | |||
+ | } | ||
+ | .tableNice tr:nth-child(odd) { | ||
+ | background: #EBFFFF; | ||
+ | } | ||
+ | |||
+ | .tableOuter | ||
+ | { | ||
+ | align: center; | ||
+ | text-align: left; | ||
+ | } | ||
+ | /*老姜要好看一点的表格止*/ | ||
+ | </style> | ||
</head> | </head> |
Revision as of 10:39, 18 October 2017
About
little information
Download Our Pdf
Inspired by nature, follow technology, appreciate the classics. You can build modern & professional websites with Unika. The possibilities are just endless.
Services
what we really know how
Reviews
What people say about us
"This was my first experience with that team and outperformed my expectation! They know there stuff and I highly recommend them! A+++".
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
"Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit".
Our Works
What we are proud of
Some Fun Facts
Before anyone is not told
Clients Worked With
Completed Projects
Winning Awards
Cups of coffee drinking
Our Team
Meat our experts
John Doe
Jane Doe
John Doe
John Doe
John Doe
John Doe
Jane Doe
Our Partners
Those who trust us