|
|
| (45 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| + | {{Team:SMS_Shenzhen/CSS}} |
| − | <head>
| + | |
| − | <title>SMS | Shenzhen</title>
| + | |
| − | <meta property="og:site_name" content="SMS | Shenzhen" />
| + | |
| − | <meta property="og:title" content="SMS | Shenzhen" />
| + | |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
| + | |
| − | <style>
| + | |
| − | .nav .wsite-menu-item-wrap.wsite-nav-1 {
| + | |
| − | color: #4aa328 !important;
| + | |
| − | }
| + | |
| − | .nav .wsite-menu-item-wrap.wsite-nav-2 {
| + | |
| − | color: #2a2a2a !important;
| + | |
| − | } | + | |
| − | .nav .wsite-menu-item-wrap.wsite-nav-3 {
| + | |
| − | color: #4aa328 !important;
| + | |
| − | }
| + | |
| − | .nav .wsite-menu-item-wrap.wsite-nav-4 {
| + | |
| − | color: #2a2a2a !important;
| + | |
| − | }
| + | |
| − | .nav .wsite-menu-item-wrap.wsite-nav-5 {
| + | |
| − | color: #4aa328 !important;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <!--<link rel="stylesheet" type="text/css" href="files/main_style-1498765045.css" title="wsite-theme-css" />-->
| + | |
| − | <style title="wsite-theme-css" type="text/css">
| + | |
| − |
| + | |
| − | ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | } | + | |
| | | | |
| − | html {
| |
| − | height: 100%;
| |
| − | }
| |
| − | body {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background: rgba(0,0,0,0.05);
| |
| − | color: #000000;
| |
| − | font-family: 'Birdseye', sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-weight: 500;
| |
| − | -webkit-font-smoothing: antialiased;
| |
| − | -moz-osx-font-smoothing: grayscale;
| |
| − | }
| |
| − | a {
| |
| − | color: inherit;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | a img, a:hover img {
| |
| − | border: none;
| |
| − | }
| |
| − | h2 {
| |
| − | color: #000000;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | font-size: 24px;
| |
| − | font-weight: 700;
| |
| − | line-height: 1.25;
| |
| − | margin: 0 auto 30px;
| |
| − | }
| |
| − | div.paragraph {
| |
| − | font-family: 'Birdseye', sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-weight: 500;
| |
| − | line-height: 1.75;
| |
| − | margin: 0 auto 30px;
| |
| − | }
| |
| − | p {
| |
| − | font-family: 'Birdseye', sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-weight: 500;
| |
| − | line-height: 1.75;
| |
| − | margin: 0 auto 30px;
| |
| − | }
| |
| − | div.paragraph a {
| |
| − | color: inherit;
| |
| − | font-weight: 600;
| |
| − | text-decoration: underline;
| |
| − | -webkit-transition: opacity 300ms ease-in-out;
| |
| − | -moz-transition: opacity 300ms ease-in-out;
| |
| − | -ms-transition: opacity 300ms ease-in-out;
| |
| − | transition: opacity 300ms ease-in-out;
| |
| − | }
| |
| − | p a {
| |
| − | color: inherit;
| |
| − | font-weight: 600;
| |
| − | text-decoration: underline;
| |
| − | -webkit-transition: opacity 300ms ease-in-out;
| |
| − | -moz-transition: opacity 300ms ease-in-out;
| |
| − | -ms-transition: opacity 300ms ease-in-out;
| |
| − | transition: opacity 300ms ease-in-out;
| |
| − | }
| |
| − | div.paragraph a:hover {
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | p a:hover {
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − | blockquote {
| |
| − | position: relative;
| |
| − | padding: 1.5em 2.5em;
| |
| − | background: rgba(0,0,0,0.05);
| |
| − | font-family: 'Birdseye', sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-weight: 500;
| |
| − | line-height: 1.75;
| |
| − | text-align: left;
| |
| − | margin: 0 auto 30px;
| |
| − | }
| |
| − | blockquote:before {
| |
| − | position: absolute;
| |
| − | content: '\201C';
| |
| − | top: 0.75em;
| |
| − | left: 0.5em;
| |
| − | font-size: 2em;
| |
| − | line-height: 1;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | .splash-page .wsite-background, .wsite-header-section {
| |
| − | background: url("theme/images/default-bg-1498765045.jpg") no-repeat top center;
| |
| − | background-size: cover;
| |
| − | }
| |
| − | .wsite-header-section {
| |
| − | height: 600px;
| |
| − | }
| |
| − | body.header-overlay-on .wsite-header-section:not(.wsite-section-bg-color):before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | height: 60%;
| |
| − | background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0) 100%);
| |
| − | }
| |
| − | .banner-wrap {
| |
| − | position: relative;
| |
| − | height: 100%;
| |
| − | background: #000000;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − | .banner-wrap .container {
| |
| − | padding: 80px 40px;
| |
| − | }
| |
| − | .banner-wrap .banner {
| |
| − | text-align: center;
| |
| − | -webkit-transition: opacity 500ms ease;
| |
| − | -moz-transition: opacity 500ms ease;
| |
| − | -ms-transition: opacity 500ms ease;
| |
| − | transition: opacity 500ms ease;
| |
| − | }
| |
| − | .banner-wrap h2 {
| |
| − | color: inherit;
| |
| − | font-family: 'Birdseye', sans-serif;
| |
| − | font-size: 80px;
| |
| − | font-weight: 100;
| |
| − | line-height: 1.15;
| |
| − | margin: 15px auto;
| |
| − | }
| |
| − | .banner-wrap div.paragraph {
| |
| − | color: inherit;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | font-size: 12px;
| |
| − | font-weight: 700;
| |
| − | line-height: 1.15;
| |
| − | letter-spacing: 0.15em;
| |
| − | margin: 15px auto;
| |
| − | }
| |
| − | .banner-wrap p {
| |
| − | color: inherit;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | font-size: 12px;
| |
| − | font-weight: 700;
| |
| − | line-height: 1.15;
| |
| − | letter-spacing: 0.15em;
| |
| − | margin: 15px auto;
| |
| − | }
| |
| − | .container, .wsite-footer {
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | margin: 0 auto;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − | .main-wrap {
| |
| − | width: 100%;
| |
| − | background: #ffffff;
| |
| − | }
| |
| − | .main-wrap .container {
| |
| − | padding: 60px 40px;
| |
| − | }
| |
| − | body.full-width-body-off .banner-wrap .container, body.full-width-body-off .main-wrap .container, body.full-width-body-off .wsite-footer {
| |
| − | max-width: 1200px;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| − | .birdseye-header {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | z-index: 12;
| |
| − | width: 100%;
| |
| − | max-width: 100%;
| |
| − | padding: 20px 40px;
| |
| − | color: #ffffff;
| |
| − | border-color: #ffffff;
| |
| − | box-sizing: border-box;
| |
| − | -webkit-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
| |
| − | -moz-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
| |
| − | -ms-transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
| |
| − | transition: background-color 300ms ease, color 260ms ease, padding 180ms ease;
| |
| − | backface-visibility: hidden;
| |
| − | -webkit-backface-visibility: hidden;
| |
| − | }
| |
| − | .birdseye-header .container {
| |
| − | display: table;
| |
| − | overflow-y: hidden;
| |
| − | width: 100%;
| |
| − | max-height: 80px;
| |
| − | }
| |
| − | .birdseye-header .hamburger {
| |
| − | display: none;
| |
| − | }
| |
| − | .birdseye-header .logo {
| |
| − | display: table-cell;
| |
| − | overflow-y: hidden;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .birdseye-header .logo * {
| |
| − | display: block;
| |
| − | }
| |
| − | .birdseye-header .logo a {
| |
| − | margin-right: 30px;
| |
| − | -webkit-transition: opacity 200ms ease;
| |
| − | -moz-transition: opacity 200ms ease;
| |
| − | -ms-transition: opacity 200ms ease;
| |
| − | transition: opacity 200ms ease;
| |
| − | }
| |
| − | .birdseye-header .logo a:hover {
| |
| − | opacity: .6;
| |
| − | }
| |
| − | .birdseye-header .logo #wsite-title {
| |
| − | max-width: 400px;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | font-size: 30px;
| |
| − | font-weight: 700;
| |
| − | line-height: 1;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.03em;
| |
| − | -webkit-transition: font-size 260ms ease;
| |
| − | -moz-transition: font-size 260ms ease;
| |
| − | -ms-transition: font-size 260ms ease;
| |
| − | transition: font-size 260ms ease;
| |
| − | }
| |
| − | .birdseye-header .logo img {
| |
| − | overflow: hidden;
| |
| − | max-width: 200px;
| |
| − | max-height: 40px;
| |
| − | }
| |
| − | .nav {
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .nav ul {
| |
| − | float: right;
| |
| − | max-width: calc(100vw - 480px);
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .nav li {
| |
| − | display: inline-block;
| |
| − | margin: 5px 5px 5px 0;
| |
| − | }
| |
| − | .nav .wsite-menu-item {
| |
| − | display: block;
| |
| − | padding: 12px 20px;
| |
| − | border: 1px solid transparent;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | font-size: 12px;
| |
| − | font-weight: 500;
| |
| − | line-height: 1;
| |
| − | letter-spacing: 0.05em;
| |
| − | text-transform: uppercase;
| |
| − | -webkit-transition: opacity 300ms ease;
| |
| − | -moz-transition: opacity 300ms ease;
| |
| − | -ms-transition: opacity 300ms ease;
| |
| − | transition: opacity 300ms ease;
| |
| − | }
| |
| − | .nav li:not(.wsite-nav-cart)#active > .wsite-menu-item {
| |
| − | border-color: inherit;
| |
| − | }
| |
| − | .nav li .wsite-menu-item:hover {
| |
| − | opacity: 0.6;
| |
| − | }
| |
| − | .nav #wsite-nav-cart-a {
| |
| − | padding-right: 0;
| |
| − | }
| |
| − | .nav #wsite-nav-cart-num {
| |
| − | display: inline-block;
| |
| − | min-width: 10px;
| |
| − | padding: 2px 3px;
| |
| − | margin-left: 2px;
| |
| − | text-align: center;
| |
| − | background: #ffffff;
| |
| − | color: #000000;
| |
| − | }
| |
| − | .mobile-nav {
| |
| − | display: none;
| |
| − | }
| |
| − | #wsite-menus > .wsite-menu-wrap > .wsite-menu .wsite-menu {
| |
| − | margin: 0 -1px;
| |
| − | }
| |
| − | #wsite-menus .wsite-menu {
| |
| − | position: relative;
| |
| − | background: #ffffff;
| |
| − | -webkit-box-shadow: inset 0px 0px 0px 1px #000000;
| |
| − | -moz-box-shadow: inset 0px 0px 0px 1px #000000;
| |
| − | -ms-box-shadow: inset 0px 0px 0px 1px #000000;
| |
| − | box-shadow: inset 0px 0px 0px 1px #000000;
| |
| − | }
| |
| − | #wsite-menus .wsite-menu li a {
| |
| − | background: transparent;
| |
| − | color: #000000;
| |
| − | font-family: 'Montserrat', sans-serif;
| |
| − | font-size: 12px;
| |
| − | font-weight: normal;
| |
| − | line-height: normal;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.05em;
| |
| − | border: none;
| |
| − | }
| |
| − | #wsite-menus .wsite-menu li a:hover {
| |
| − | background: rgba(0,0,0,0.05);
| |
| − | -webkit-transition: opacity 200ms ease;
| |
| − | -moz-transition: opacity 200ms ease;
| |
| − | -ms-transition: opacity 200ms ease;
| |
| − | transition: opacity 200ms ease;
| |
| − | }
| |
| − | #wsite-menus .wsite-menu-arrow {
| |
| − | display: none;
| |
| − | }
| |
| − | body.affix .birdseye-header {
| |
| − | position: fixed;
| |
| − | -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
| |
| − | -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
| |
| − | -ms-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
| |
| − | box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
| |
| − | padding: 10px 40px;
| |
| − | }
| |
| − | body.affix .birdseye-header .logo #wsite-title {
| |
| − | font-size: 24px;
| |
| − | }
| |
| − | body.affix .birdseye-header .wsite-menu-item {
| |
| − | padding: 10px 20px;
| |
| − | }
| |
| − | body.affix .birdseye-header, body.no-header-page .birdseye-header, body.splash-banner-page .birdseye-header {
| |
| − | background: #ffffff;
| |
| − | color: #000000;
| |
| − | border-color: #000000;
| |
| − | }
| |
| − | body.affix .birdseye-header .nav #wsite-nav-cart-num, body.no-header-page .birdseye-header .nav #wsite-nav-cart-num, body.splash-banner-page .birdseye-header .nav #wsite-nav-cart-num {
| |
| − | background: #000000;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − | body.affix .birdseye-header .hamburger span, body.affix .birdseye-header .hamburger span:before, body.affix .birdseye-header .hamburger span:after, body.no-header-page .birdseye-header .hamburger span, body.no-header-page .birdseye-header .hamburger span:before, body.no-header-page .birdseye-header .hamburger span:after, body.splash-banner-page .birdseye-header .hamburger span, body.splash-banner-page .birdseye-header .hamburger span:before, body.splash-banner-page .birdseye-header .hamburger span:after {
| |
| − | background: #000000;
| |
| − | }
| |
| − | body.affix.alt-nav-on .birdseye-header, body.no-header-page.alt-nav-on .birdseye-header, body.splash-banner-page.alt-nav-on .birdseye-header {
| |
| − | background: rgba(0,0,0,0.9);
| |
| − | color: #ffffff;
| |
| − | border-color: #ffffff;
| |
| − | }
| |
| − | body.affix.alt-nav-on .birdseye-header .nav #wsite-nav-cart-num, body.no-header-page.alt-nav-on .birdseye-header .nav #wsite-nav-cart-num, body.splash-banner-page.alt-nav-on .birdseye-header .nav #wsite-nav-cart-num {
| |
| − | background: #ffffff;
| |
| − | color: rgba(0,0,0,0.9);
| |
| − | }
| |
| | | | |
| − | .no-header-page .main-wrap {
| + | <html lang="en"> |
| − | padding-top: 80px;
| + | <head> |
| − | }
| + | <meta charset="UTF-8"> |
| − | body:not(.wsite-editor) .logo, body:not(.wsite-editor) .desktop-nav {
| + | <title>Title</title> |
| − | opacity: 0;
| + | |
| − | -webkit-transition: opacity 600ms ease-in 300ms;
| + | |
| − | -moz-transition: opacity 600ms ease-in 300ms;
| + | |
| − | -ms-transition: opacity 600ms ease-in 300ms;
| + | |
| − | transition: opacity 600ms ease-in 300ms;
| + | |
| − | }
| + | |
| − | body:not(.wsite-editor).fade-in .logo, body:not(.wsite-editor).fade-in .desktop-nav {
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
| + | |
| − | color: rgba(0,0,0,0.4);
| + | |
| − | }
| + | |
| − | | + | |
| − | .wsite-form-label {
| + | |
| − | display: inline-block;
| + | |
| − | padding: 0;
| + | |
| − | color: #000000;
| + | |
| − | font-family: 'Montserrat', sans-serif;
| + | |
| − | font-size: 12px;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-weight: normal;
| + | |
| − | line-height: 1;
| + | |
| − | margin-bottom: 10px;
| + | |
| − | }
| + | |
| − | .wsite-form-sublabel {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .wsite-form-radio-container {
| + | |
| − | margin-bottom: 15px;
| + | |
| − | }
| + | |
| − | .formlist, .wsite-editor .formlist {
| + | |
| − | min-height: inherit;
| + | |
| − | }
| + | |
| − | .wsite-form-container .form-input-error {
| + | |
| − | border: 1px solid red !important;
| + | |
| − | }
| + | |
| − | .form-field-error .wsite-form-radio-container {
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .wsite-button {
| + | |
| − | display: inline-block;
| + | |
| − | height: auto;
| + | |
| − | padding: 0;
| + | |
| − | background-image: none !important;
| + | |
| − | background-color: transparent;
| + | |
| − | color: #000000 !important;
| + | |
| − | border: 1px solid #000000 !important;
| + | |
| − | -webkit-transition: all 100ms ease-in-out;
| + | |
| − | -moz-transition: all 100ms ease-in-out;
| + | |
| − | -ms-transition: all 100ms ease-in-out;
| + | |
| − | transition: all 100ms ease-in-out;
| + | |
| − | }
| + | |
| − | .wsite-button:hover {
| + | |
| − | background-color: rgba(0,0,0,0.05);
| + | |
| − | }
| + | |
| − | .wsite-button .wsite-button-inner {
| + | |
| − | display: inline-block;
| + | |
| − | height: auto;
| + | |
| − | padding: 14px 30px;
| + | |
| − | background: transparent;
| + | |
| − | background-image: none !important;
| + | |
| − | color: inherit;
| + | |
| − | letter-spacing: 0.03em;
| + | |
| − | font-family: 'Montserrat', sans-serif;
| + | |
| − | font-size: 12px;
| + | |
| − | line-height: 1;
| + | |
| − | text-transform: uppercase;
| + | |
| − | }
| + | |
| − | .wsite-button-large {
| + | |
| − | color: #ffffff !important;
| + | |
| − | border: 1px solid #ffffff !important;
| + | |
| − | }
| + | |
| − | .wsite-button-large:hover {
| + | |
| − | background-color: rgba(255,255,255,0.2) !important;
| + | |
| − | }
| + | |
| − | .wsite-button-highlight, #wsite-com-product-add-to-cart.wsite-button-highlight {
| + | |
| − | background-color: #000000 !important;
| + | |
| − | color: #ffffff !important;
| + | |
| − | border: 1px solid #000000 !important;
| + | |
| − | }
| + | |
| − | .wsite-button-highlight:hover, #wsite-com-product-add-to-cart.wsite-button-highlight:hover {
| + | |
| − | background-color: transparent !important;
| + | |
| − | color: #000000 !important;
| + | |
| − | }
| + | |
| − | .wsite-button-highlight.wsite-button-large:not(.wsite-buy-button), #wsite-com-product-add-to-cart.wsite-button-highlight.wsite-button-large:not(.wsite-buy-button) {
| + | |
| − | background-color: #ffffff !important;
| + | |
| − | color: #000000 !important;
| + | |
| − | border: 1px solid #ffffff !important;
| + | |
| − | }
| + | |
| − | .wsite-button-highlight.wsite-button-large:not(.wsite-buy-button):hover, #wsite-com-product-add-to-cart.wsite-button-highlight.wsite-button-large:not(.wsite-buy-button):hover {
| + | |
| − | background-color: transparent !important;
| + | |
| − | color: #ffffff !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | @media screen and (max-width: 992px) {
| + | |
| − | .container, .wsite-footer {
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | .birdseye-header {
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | padding: 5px 20px !important;
| + | |
| − | min-height: 50px;
| + | |
| − | }
| + | |
| − | .birdseye-header .birdseye-header, .birdseye-header .logo, .birdseye-header .logo img {
| + | |
| − | max-height: 40px;
| + | |
| − | }
| + | |
| − | .birdseye-header .logo {
| + | |
| − | overflow: hidden;
| + | |
| − | padding-right: 25px;
| + | |
| − | }
| + | |
| − | .birdseye-header .logo a {
| + | |
| − | margin-left: 0;
| + | |
| − | margin-right: 0;
| + | |
| − | font-size: 1.1em;
| + | |
| − | line-height: 1.4em;
| + | |
| − | }
| + | |
| − | .birdseye-header .logo #wsite-title {
| + | |
| − | display: block;
| + | |
| − | max-width: 100%;
| + | |
| − | font-size: 1.1em !important;
| + | |
| − | line-height: 1.4em !important;
| + | |
| − | }
| + | |
| − | .birdseye-header .container {
| + | |
| − | min-height: 40px;
| + | |
| − | max-height: inherit;
| + | |
| − | }
| + | |
| − | body.nav-open .mobile-nav {
| + | |
| − | padding: 50px 0;
| + | |
| − | max-height: 100vh;
| + | |
| − | }
| + | |
| − | | + | |
| − | .desktop-nav {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .mobile-nav {
| + | |
| − | position: fixed;
| + | |
| − | top: 0;
| + | |
| − | left: 0;
| + | |
| − | z-index: 12;
| + | |
| − | display: block;
| + | |
| − | overflow-x: hidden;
| + | |
| − | overflow-y: auto;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | max-height: 0;
| + | |
| − | padding: 0;
| + | |
| − | background: #ffffff;
| + | |
| − | box-sizing: border-box;
| + | |
| − | -webkit-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
| + | |
| − | -moz-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
| + | |
| − | -ms-transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
| + | |
| − | transition: all 300ms cubic-bezier(0, 0.085, 0.68, 0.53);
| + | |
| − | }
| + | |
| − | | + | |
| − | .mobile-nav ul {
| + | |
| − | float: none;
| + | |
| − | height: auto;
| + | |
| − | max-width: none;
| + | |
| − | }
| + | |
| − | .mobile-nav li {
| + | |
| − | position: relative;
| + | |
| − | display: block !important;
| + | |
| − | margin: 0;
| + | |
| − | border: none;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | .mobile-nav li .wsite-menu-link-styles {
| + | |
| − | position: relative;
| + | |
| − | padding: 10px 0;
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .mobile-nav li > a.wsite-menu-item {
| + | |
| − | position: relative;
| + | |
| − | padding: 10px 0;
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .mobile-nav li > a.wsite-menu-subitem {
| + | |
| − | display: block;
| + | |
| − | position: relative;
| + | |
| − | padding: 10px 0;
| + | |
| − | color: rgba(0,0,0,0.6);
| + | |
| − | border: none;
| + | |
| − | font-size: 14px;
| + | |
| − | font-weight: 400;
| + | |
| − | line-height: 1;
| + | |
| − | -webkit-transition: all 300ms ease;
| + | |
| − | -moz-transition: all 300ms ease;
| + | |
| − | -ms-transition: all 300ms ease;
| + | |
| − | transition: all 300ms ease;
| + | |
| − | }
| + | |
| − | .mobile-nav li .wsite-menu-wrap {
| + | |
| − | display: block !important;
| + | |
| − | overflow: hidden;
| + | |
| − | max-height: 0;
| + | |
| − | -webkit-transition: all 500ms ease-in-out 250ms;
| + | |
| − | -moz-transition: all 500ms ease-in-out 250ms;
| + | |
| − | -ms-transition: all 500ms ease-in-out 250ms;
| + | |
| − | transition: all 500ms ease-in-out 250ms;
| + | |
| − | }
| + | |
| − | .mobile-nav li .wsite-menu-wrap li.wsite-nav-current > a.wsite-menu-subitem {
| + | |
| − | background: rgba(0,0,0,0.05);
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .mobile-nav li .wsite-menu-wrap .wsite-menu-arrow {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | .mobile-nav li.wsite-menu-item-wrap#active > a.wsite-menu-item, .mobile-nav li.wsite-menu-item-wrap > a.wsite-menu-item:hover, .mobile-nav li.wsite-menu-subitem-wrap > a.wsite-menu-subitem:hover {
| + | |
| − | background: rgba(0,0,0,0.05);
| + | |
| − | border: none;
| + | |
| − | }
| + | |
| − | .mobile-nav li.wsite-nav-more {
| + | |
| − | display: none !important;
| + | |
| − | }
| + | |
| − | .banner-wrap .container {
| + | |
| − | padding: 60px 20px;
| + | |
| − | word-wrap: break-word;
| + | |
| − | }
| + | |
| − | .banner-wrap .container h2 {
| + | |
| − | font-size: 50px;
| + | |
| − | }
| + | |
| − | .main-wrap .container {
| + | |
| − | padding: 30px 20px;
| + | |
| − | }
| + | |
| − | .footer-wrap .wsite-footer {
| + | |
| − | width: 100%;
| + | |
| − | padding: 30px 20px;
| + | |
| − | box-sizing: border-box;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | div.paragraph ul, div.paragraph ol {
| + | |
| − | padding-left: 3em !important;
| + | |
| − | margin: 5px 0 !important;
| + | |
| − | }
| + | |
| − | div.paragraph li {
| + | |
| − | padding-left: 5px !important;
| + | |
| − | margin: 3px 0 0 !important;
| + | |
| − | }
| + | |
| − | div.paragraph ul, div.paragraph ul li {
| + | |
| − | list-style: disc outside !important;
| + | |
| − | }
| + | |
| − | div.paragraph ol, div.paragraph ol li {
| + | |
| − | list-style: decimal outside !important;
| + | |
| − | }
| + | |
| − | </style> | + | |
| − | | + | |
| − | | + | |
| − | <link href='http://cdn2.editmysite.com/fonts/Distant_Galaxy/font.css?2' rel='stylesheet' type='text/css' />
| + | |
| − | | + | |
| − | </style> | + | |
| − | <style type="text/css"> | + | |
| − | .wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
| + | |
| − | font-family: "Playfair Display" !important;
| + | |
| − | }
| + | |
| − | #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
| + | |
| − | color: #0e4361 !important;
| + | |
| − | }
| + | |
| − | .wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label {
| + | |
| − | }
| + | |
| − | .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
| + | |
| − | font-family: "Playfair Display" !important;
| + | |
| − | font-weight: 400 !important;
| + | |
| − | }
| + | |
| − | #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
| + | |
| − | color: #1b597c !important;
| + | |
| − | }
| + | |
| − | .wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title {
| + | |
| − | }
| + | |
| − | #wsite-title {
| + | |
| − | font-family: "Distant Galaxy" !important;
| + | |
| − | color: #3f3f3f !important;
| + | |
| − | }
| + | |
| − | .wsite-menu-default a {
| + | |
| − | font-family: "Distant Galaxy" !important;
| + | |
| − | text-transform: none !important;
| + | |
| − | letter-spacing: 0px !important;
| + | |
| − | }
| + | |
| − | .wsite-menu a {
| + | |
| − | font-family: "Advent Pro" !important;
| + | |
| − | }
| + | |
| − | .wsite-image div, .wsite-caption {
| + | |
| − | }
| + | |
| − | .galleryCaptionInnerText {
| + | |
| − | }
| + | |
| − | .fancybox-title {
| + | |
| − | }
| + | |
| − | .wslide-caption-text {
| + | |
| − | }
| + | |
| − | .wsite-phone {
| + | |
| − | }
| + | |
| − | .wsite-headline, .wsite-header-section .wsite-content-title {
| + | |
| − | font-family: "Monoton" !important;
| + | |
| − | color: #2a2a2a !important;
| + | |
| − | text-transform: none !important;
| + | |
| − | letter-spacing: -3px !important;
| + | |
| − | }
| + | |
| − | .wsite-headline-paragraph, .wsite-header-section .paragraph {
| + | |
| − | font-family: "Bebas" !important;
| + | |
| − | color: #d5d5d5 !important;
| + | |
| − | text-transform: none !important;
| + | |
| − | letter-spacing: 1px !important;
| + | |
| − | }
| + | |
| − | .wsite-button-inner {
| + | |
| − | }
| + | |
| − | .wsite-not-footer blockquote {
| + | |
| − | }
| + | |
| − | .wsite-footer blockquote {
| + | |
| − | }
| + | |
| − | .blog-header h2 a {
| + | |
| − | }
| + | |
| − | #wsite-content h2.wsite-product-title {
| + | |
| − | }
| + | |
| − | .wsite-product .wsite-product-price a {
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (min-width: 767px) {
| + | |
| − | .wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
| + | |
| − | }
| + | |
| − | #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
| + | |
| − | }
| + | |
| − | .wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label {
| + | |
| − | }
| + | |
| − | .wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
| + | |
| − | font-size: 37px !important;
| + | |
| − | }
| + | |
| − | #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
| + | |
| − | }
| + | |
| − | .wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title {
| + | |
| − | }
| + | |
| − | #wsite-title {
| + | |
| − | }
| + | |
| − | .wsite-menu-default a {
| + | |
| − | font-size: 15px !important;
| + | |
| − | }
| + | |
| − | .wsite-menu a {
| + | |
| − | }
| + | |
| − | .wsite-image div, .wsite-caption {
| + | |
| − | }
| + | |
| − | .galleryCaptionInnerText {
| + | |
| − | }
| + | |
| − | .fancybox-title {
| + | |
| − | }
| + | |
| − | .wslide-caption-text {
| + | |
| − | }
| + | |
| − | .wsite-phone {
| + | |
| − | }
| + | |
| − | .wsite-headline, .wsite-header-section .wsite-content-title {
| + | |
| − | font-size: 80px !important;
| + | |
| − | line-height: 6px !important;
| + | |
| − | }
| + | |
| − | .wsite-headline-paragraph, .wsite-header-section .paragraph {
| + | |
| − | font-size: 53px !important;
| + | |
| − | line-height: 35px !important;
| + | |
| − | }
| + | |
| − | .wsite-button-inner {
| + | |
| − | }
| + | |
| − | .wsite-not-footer blockquote {
| + | |
| − | }
| + | |
| − | .wsite-footer blockquote {
| + | |
| − | }
| + | |
| − | .blog-header h2 a {
| + | |
| − | }
| + | |
| − | #wsite-content h2.wsite-product-title {
| + | |
| − | }
| + | |
| − | .wsite-product .wsite-product-price a {
| + | |
| − | }
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | | + | |
| − | <script> | + | |
| − | var STATIC_BASE = '//cdn1.editmysite.com/';
| + | |
| − | var ASSETS_BASE = '//cdn2.editmysite.com/';
| + | |
| − | var STYLE_PREFIX = 'wsite';
| + | |
| − | </script>
| + | |
| − | <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
| + | |
| − | | + | |
| − | <script type="text/javascript"><!--
| + | |
| − |
| + | |
| − |
| + | |
| − | function initFlyouts(){
| + | |
| − | initPublishedFlyoutMenus(
| + | |
| − | [{"id":"773361053354162385","title":"Home","url":"index.html","target":"","nav_menu":false,"nonclickable":false},{"id":"879366751275371116","title":"Services","url":"services.html","target":"","nav_menu":false,"nonclickable":false},{"id":"154088305433596214","title":"About","url":"about.html","target":"","nav_menu":false,"nonclickable":false},{"id":"300162110557398011","title":"News","url":"news.html","target":"","nav_menu":false,"nonclickable":false},{"id":"166984439471463045","title":"Contact","url":"contact.html","target":"","nav_menu":false,"nonclickable":false}],
| + | |
| − | "773361053354162385",
| + | |
| − | '',
| + | |
| − | 'active',
| + | |
| − | false,
| + | |
| − | {"navigation\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}} class=\"wsite-menu-item-wrap\">\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\t{{#membership_required}}\n\t\t\tdata-membership-required=\"{{.}}\"\n\t\t{{\/membership_required}}\n\t\tclass=\"wsite-menu-item\"\n\t\t>\n\t\t{{{title_html}}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n","navigation\/flyout\/list":"<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">><\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
| + | |
| − | {}
| + | |
| − | )
| + | |
| − | }
| + | |
| − | //-->
| + | |
| − | </script>
| + | |
| | </head> | | </head> |
| | | | |
| − | <body class="header-page wsite-page-index full-width-body-on header-overlay-on alt-nav-off wsite-theme-light">
| |
| − | <div class="wrapper">
| |
| − | <div class="birdseye-header">
| |
| − | <div class="nav-wrap">
| |
| − | <div class="container">
| |
| − | <div class="logo"><span class="wsite-logo"> <a> <span id="wsite-title">SMS | Shenzhen</span> </a> </span></div>
| |
| − | <div class="nav desktop-nav">
| |
| − | <ul class="wsite-menu-default">
| |
| − | <li id="active" class="wsite-menu-item-wrap"> <a
| |
| − | href="index.html"
| |
| − | class="wsite-menu-item" style = "color: #4aa328"
| |
| − | > 主页 </a> </li>
| |
| − | <li id="pg879366751275371116" class="wsite-menu-item-wrap"> <a
| |
| − | href="services.html"
| |
| − | class="wsite-menu-item"
| |
| − | > 分页1 </a> </li>
| |
| − | <li id="pg154088305433596214" class="wsite-menu-item-wrap"> <a
| |
| − | href="about.html" style = "color: #4aa328"
| |
| − | class="wsite-menu-item"
| |
| − | > 分页2 </a> </li>
| |
| − | <li id="pg300162110557398011" class="wsite-menu-item-wrap"> <a
| |
| − | href="news.html"
| |
| − | class="wsite-menu-item"
| |
| − | > 分页3 </a> </li>
| |
| − | <li id="pg166984439471463045" class="wsite-menu-item-wrap"> <a
| |
| − | href="contact.html"
| |
| − | class="wsite-menu-item" style = "color: #4aa328"
| |
| − | > 分页4 </a> </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <label class="hamburger"><span></span></label>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="banner-wrap">
| |
| − | <div class="wsite-elements wsite-not-footer wsite-header-elements">
| |
| − | <div class="wsite-section-wrap">
| |
| − | <div class="wsite-section wsite-header-section wsite-section-bg-image wsite-section-effect-reveal" style="height: 977px;background-image: url('https://static.igem.org/mediawiki/2017/b/b5/SMS_Shenzhen_17_homepicture2.jpg') ;background-repeat: no-repeat ;background-position: 50% 50% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
| |
| − | <div class="wsite-section-content">
| |
| − | <div class="container">
| |
| − | <div class="banner">
| |
| − | <div class="wsite-section-elements">
| |
| − | <div class="wsite-spacer" style="height:83px;"></div>
| |
| − | <h2 class="wsite-content-title" style="text-align:left;">​<br />
| |
| − | <font color="#c2743b"></font><br />
| |
| − | <br />
| |
| − | <br />
| |
| − | </h2>
| |
| − | <div class="paragraph" style="text-align:left;"><font color="#da8044"><font size="6"> </font></font> <font size="7"> </font><font size="6"><font color="#626262"></font> <font color="#e0915c"> </font><font color="#818181"></font> ​</font><br />
| |
| − | <font size="6">​ </font><font size="5"> </font><font size="6"><font color="#e0915c"></font> <font color="#626262"> </font><font color="#e0915c"></font></font></div>
| |
| − | <div>
| |
| − | <div class="wsite-multicol">
| |
| − | <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
| |
| − | <table class="wsite-multicol-table">
| |
| − | <tbody class="wsite-multicol-tbody">
| |
| − | <tr class="wsite-multicol-tr">
| |
| − | <td class="wsite-multicol-col" style="width:96.418338108883%; padding:0 15px;"><div class="wsite-spacer" style="height:35px;"></div></td>
| |
| − | <td class="wsite-multicol-col" style="width:3.5816618911175%; padding:0 15px;"><div class="wsite-spacer" style="height:50px;"></div></td>
| |
| − | </tr>
| |
| − | </tbody>
| |
| − | </table>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-spacer" style="height:163px;"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class=""></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="main-wrap">
| |
| − | <div id="wsite-content" class="wsite-elements wsite-not-footer">
| |
| − | <div class="wsite-section-wrap">
| |
| − | <div class="wsite-section wsite-body-section wsite-section-bg-color wsite-background-2" style="background-color: #ffffff;background-image: none;" >
| |
| − | <div class="wsite-section-content">
| |
| − | <div class="container">
| |
| − | <div class="wsite-section-elements">
| |
| − | <div class="wsite-spacer" style="height:31px;"></div>
| |
| − | <div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-1_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-spacer" style="height:19px;"></div>
| |
| − | <h2 class="wsite-content-title" style="text-align:center;">​<span>Our Project</span></h2>
| |
| − | <div class="wsite-spacer" style="height:50px;"></div>
| |
| − | <div>
| |
| − | <div class="wsite-multicol">
| |
| − | <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
| |
| − | <table class="wsite-multicol-table">
| |
| − | <tbody class="wsite-multicol-tbody">
| |
| − | <tr class="wsite-multicol-tr">
| |
| − | <td class="wsite-multicol-col" style="width:100%; padding:0 15px;"><div class="paragraph"><span> Scale insects like to be parasitic on many kinds of fruit trees, flowers, and crops. For example, succulent plants, apricot, and apple trees attract them a lot. Besides, the honeydew they secrete can cause sooty mildew. Therefore, it is extremely important for the farmers to prevent the rampancy of scale insects. Scale insects vary in appearance, but the common thing is that they all secrete a waxy coating as their “armor”.</span>​</div></td>
| |
| − | </tr>
| |
| − | </tbody>
| |
| − | </table>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center"> <a> <img src="https://static.igem.org/mediawiki/2017/3/3c/SMS_Shenzhen_17_SootyMould.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div>
| |
| − | <div class="wsite-multicol">
| |
| − | <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
| |
| − | <table class="wsite-multicol-table">
| |
| − | <tbody class="wsite-multicol-tbody">
| |
| − | <tr class="wsite-multicol-tr">
| |
| − | <td class="wsite-multicol-col" style="width:100%; padding:0 45px;"><div class="paragraph"><span> To control the effect of the scale insects on farming, nowadays farmers kill scale insect by injecting pesticides into the trunk. So when the scale insect bites the trees, they would be killed. However, chemical method would result in the resistance of the insects to drugs. And there is a possibility that the whole food chain would be changed and the ecological balance would be destroyed. In order to bring convenience and safe to farmers, we decide to create a special bio-safe pesticide, making the deinsectization process faster, stronger and better.</span>​</div></td>
| |
| − | </tr>
| |
| − | </tbody>
| |
| − | </table>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-section-wrap">
| |
| − | <div class="wsite-section wsite-body-section wsite-section-bg-image wsite-background-3" style="height: 791px;vertical-align: top;background-image: url('uploads/1/0/8/3/108309233/background-images/854131082.png') ;background-repeat: no-repeat ;background-position: 50% 50% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
| |
| − | <div class="wsite-section-content">
| |
| − | <div class="container">
| |
| − | <div class="wsite-section-elements">
| |
| − | <div class="wsite-spacer" style="height:646px;"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-section-wrap">
| |
| − | <div class="wsite-section wsite-body-section wsite-section-bg-color wsite-background-4" style="height: auto;background-color: #ffffff;background-image: none;is_customized: 1;" >
| |
| − | <div class="wsite-section-content">
| |
| − | <div class="container">
| |
| − | <div class="wsite-section-elements">
| |
| − | <div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:left"> <a> <img src="uploads/1/0/8/3/108309233/icon-2_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <h2 class="wsite-content-title" style="text-align:left;"><font size="6" color="#2a2a2a"><font size="7"><span>Breathtaking adventures</span></font></font></h2>
| |
| − | <div class="wsite-spacer" style="height:16px;"></div>
| |
| − | <div>
| |
| − | <div class="wsite-multicol">
| |
| − | <div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
| |
| − | <table class="wsite-multicol-table">
| |
| − | <tbody class="wsite-multicol-tbody">
| |
| − | <tr class="wsite-multicol-tr">
| |
| − | <td class="wsite-multicol-col" style="width:100%; padding:0 15px;"><div class="paragraph"><span>From over 500 different mountain adventures, Highpeak is the tour company to use. Not only are our guides effecitve in giving you the best journey, we’re knowledgable about the areas we venture out into. So no matter what you’re looking for, Highpeak has it. From 14,000 feet in the air, to multiple day long hikes and camping under the stars, we’ve got you covered. Come explore the nations most beautiful and scenic areas with us, we’re certain you’ll be wanting more. </span>​</div>
| |
| − | <div style="clear:both;"></div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | </td>
| |
| − |
| |
| − | </tr>
| |
| − |
| |
| − | </tbody>
| |
| − |
| |
| − | </table>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-spacer" style="height:178px;"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-section-wrap">
| |
| − | <div class="wsite-section wsite-body-section wsite-section-bg-image wsite-section-effect-reveal wsite-background-5" style="height: 944px;vertical-align: top;background-image: url('uploads/1/0/8/3/108309233/background-images/1180849163.png') ;background-repeat: no-repeat ;background-position: 50% 50% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
| |
| − | <div class="wsite-section-content">
| |
| − | <div class="container">
| |
| − | <div class="wsite-section-elements">
| |
| − | <div class="wsite-spacer" style="height:65px;"></div>
| |
| − | <div class="wsite-spacer" style="height:74px;"></div>
| |
| − | <div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-3_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <h2 class="wsite-content-title" style="text-align:center;"><font size="7" color="#ffffff"><span>Nature calls. Will you answer?</span></font></h2>
| |
| − | <div class="wsite-spacer" style="height:12px;"></div>
| |
| − | <div class="paragraph" style="text-align:center;"><span><span><font color="#ffffff"><font size="5">To edit, simply click directly on the text and add your own words.<br />
| |
| − | Use this text to go into more detail about who you are.</font></font></span></span></div>
| |
| − | <div class="wsite-spacer" style="height:50px;"></div>
| |
| − | <div>
| |
| − | <div class="wsite-multicol">
| |
| − | <div class="wsite-multicol-table-wrap" style="margin:0 -55px;">
| |
| − | <table class="wsite-multicol-table">
| |
| − | <tbody class="wsite-multicol-tbody">
| |
| − | <tr class="wsite-multicol-tr">
| |
| − | <td class="wsite-multicol-col" style="width:33.146591970121%; padding:0 55px;"><div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-service-1_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">KAYAKING</font></strong></h2>
| |
| − | <div class="paragraph" style="text-align:center;"><span></span><font color="#ffffff"><font size="3">Explore the clear waters of Hanging Lake or, Lake Tahoe. Kayak with Highpeak on adventures that will leave you speachless to say the least. Book a kayak tour today!</font></font></div>
| |
| − | <div class="wsite-spacer" style="height:16px;"></div>
| |
| − | <div style="text-align:center;">
| |
| − | <div style="height: 10px; overflow: hidden;"></div>
| |
| − | <a class="wsite-button wsite-button-large wsite-button-highlight" href="services.html" > <span class="wsite-button-inner">VIEW TOURS</span> </a>
| |
| − | <div style="height: 10px; overflow: hidden;"></div>
| |
| − | </div></td>
| |
| − | <td class="wsite-multicol-col" style="width:33.520074696545%; padding:0 55px;"><div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-service-2_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">FREE CLIMBING</font></strong></h2>
| |
| − | <div class="paragraph" style="text-align:center;"><font size="4"><span style="color:rgb(255, 255, 255)"></span></font><span><font size="3" color="#ffffff">Does free climbing down a steep mountain get your juices flowing? Embark on a hike and climb adventure with our knowledgable climbing guides.</font></span><br />
| |
| − | <span></span><span style="color:rgb(255, 255, 255)"></span></div>
| |
| − | <div class="wsite-spacer" style="height:32px;"></div>
| |
| − | <div style="text-align:center;">
| |
| − | <div style="height: 10px; overflow: hidden;"></div>
| |
| − | <a class="wsite-button wsite-button-large wsite-button-highlight" href="services.html" > <span class="wsite-button-inner">VIEW TOURS</span> </a>
| |
| − | <div style="height: 10px; overflow: hidden;"></div>
| |
| − | </div></td>
| |
| − | <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 55px;"><div>
| |
| − | <div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="uploads/1/0/8/3/108309233/icon-service-3_2_orig.png" alt="Picture" style="width:auto;max-width:100%" /> </a>
| |
| − | <div style="display:block;font-size:90%"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">MOUNTAIN BIKE</font></strong></h2>
| |
| − | <div class="paragraph" style="text-align:center;"><span><font color="#ffffff"><font size="3">From high in the Seirras to up in the clouds, mountain biking with Highpeak will prove to be a challenging adventure you won’t soon forget.</font></font></span></div>
| |
| − | <div class="wsite-spacer" style="height:32px;"></div>
| |
| − | <div style="text-align:center;">
| |
| − | <div style="height: 10px; overflow: hidden;"></div>
| |
| − | <a class="wsite-button wsite-button-large wsite-button-highlight" href="services.html" > <span class="wsite-button-inner">VIEW TOURS</span> </a>
| |
| − | <div style="height: 10px; overflow: hidden;"></div>
| |
| − | </div></td>
| |
| − | </tr>
| |
| − | </tbody>
| |
| − | </table>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-spacer" style="height:36px;"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="wsite-section-wrap">
| |
| − | <div class="wsite-section wsite-body-section wsite-section-bg-image wsite-background-15" style="height: 430px;background-image: url('uploads/1/0/8/3/108309233/background-images/860602141.jpeg') ;background-repeat: no-repeat ;background-position: 50.00% 83.07% ;background-size: 100% ;background-color: transparent ;background-size: cover;" >
| |
| − | <div class="wsite-section-content">
| |
| − | <div class="container">
| |
| − | <div class="wsite-section-elements">
| |
| − | <div class="wsite-spacer" style="height:84px;"></div>
| |
| − | <div class="paragraph" style="text-align:center;"><br />
| |
| − | <em><span><font size="6" color="#ffffff">"If you’re writing a medium or long section of text, break it up with more than one paragraph for better readability.”</font></span></em><br />
| |
| − | </div>
| |
| − | <div class="wsite-spacer" style="height:19px;"></div>
| |
| − | <h2 class="wsite-content-title" style="text-align:center;"><strong><font size="4" color="#ffffff">- SOMEONE ONCE SAID</font></strong></h2>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- /.wrapper -->
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | jQuery(function($) {
| |
| − |
| |
| − | // Fixed nav
| |
| − | $.fn.checkHeaderPositioning = function(scrollEl, scrollClass) {
| |
| − | var $me = $(this);
| |
| − |
| |
| − | if (!$me.length) {
| |
| − | return;
| |
| − | }
| |
| − |
| |
| − | if($(scrollEl).scrollTop() > 50) {
| |
| − | $me.addClass(scrollClass);
| |
| − | } else if($(scrollEl).scrollTop() === 0) {
| |
| − | $me.removeClass(scrollClass);
| |
| − | }
| |
| − | };
| |
| − |
| |
| − | // Mobile sidebars
| |
| − | $.fn.expandableSidebar = function(expandedClass) {
| |
| − | var $me = this;
| |
| − |
| |
| − | $me.on('click', function() {
| |
| − | if(!$me.hasClass(expandedClass)) {
| |
| − | $me.addClass(expandedClass);
| |
| − | } else {
| |
| − | $me.removeClass(expandedClass);
| |
| − | }
| |
| − | });
| |
| − | }
| |
| − |
| |
| − | // Interval loop
| |
| − | $.fn.intervalLoop = function(condition, action, duration, limit) {
| |
| − | var counter = 0;
| |
| − | var looper = setInterval(function(){
| |
| − | if (counter >= limit || $.fn.checkIfElementExists(condition)) {
| |
| − | clearInterval(looper);
| |
| − | } else {
| |
| − | action();
| |
| − | counter++;
| |
| − | }
| |
| − | }, duration);
| |
| − | }
| |
| − |
| |
| − | // Check if element exists
| |
| − | $.fn.checkIfElementExists = function(selector) {
| |
| − | return $(selector).length;
| |
| − | }
| |
| − |
| |
| − | var birdseyeController = {
| |
| − | init: function(opts) {
| |
| − | var base = this;
| |
| − |
| |
| − | $('body').checkHeaderPositioning(window, 'affix');
| |
| − |
| |
| − | // Add classes to elements
| |
| − | base._addClasses();
| |
| − |
| |
| − | if(!$('body').hasClass('wsite-editor') && $('#wsite-nav-cart-a').length) {
| |
| − | $('#wsite-nav-cart-a').html($('#wsite-nav-cart-a').html().replace(/[()]/g, ''));
| |
| − | }
| |
| − |
| |
| − | setTimeout(function(){
| |
| − | base._checkCartItems();
| |
| − | base._attachEvents();
| |
| − | if($('#wsite-nav-cart-a').length) {
| |
| − | $('#wsite-nav-cart-a').html($('#wsite-nav-cart-a').html().replace(/[()]/g, ''));
| |
| − | }
| |
| − | }, 1000);
| |
| − | },
| |
| − |
| |
| − | _addClasses: function() {
| |
| − | var base = this;
| |
| − |
| |
| − | // Add fade in class to nav + logo + banner
| |
| − | $('body').addClass('fade-in');
| |
| − |
| |
| − | // Add class to nav items with subnav
| |
| − | $('.wsite-menu-default').find('li.wsite-menu-item-wrap').each(function(){
| |
| − | var $me = $(this);
| |
| − |
| |
| − | if($me.children('.wsite-menu-wrap').length > 0) {
| |
| − | $me.addClass('has-submenu');
| |
| − | $('<span class="icon-caret"></span>').insertAfter($me.children('a.wsite-menu-item'));
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | // Add class to subnav items with subnav
| |
| − | $('.wsite-menu').find('li.wsite-menu-subitem-wrap').each(function(){
| |
| − | var $me = $(this);
| |
| − |
| |
| − | if($me.children('.wsite-menu-wrap').length > 0) {
| |
| − | $me.addClass('has-submenu');
| |
| − | $('<span class="icon-caret"></span>').insertAfter($me.children('a.wsite-menu-subitem'));
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | // Keep subnav open if submenu item is active
| |
| − | if ($(window).width() < 1024) {
| |
| − | $('li.wsite-menu-subitem-wrap.wsite-nav-current').parents('.wsite-menu-wrap').addClass('open');
| |
| − | }
| |
| − |
| |
| − | // Add placeholder text to inputs
| |
| − | $('.wsite-form-sublabel').each(function(){
| |
| − | var sublabel = $(this).text();
| |
| − | $(this).prev('.wsite-form-input').attr('placeholder', sublabel);
| |
| − | });
| |
| − | },
| |
| | | | |
| − | _checkCartItems: function() {
| |
| − | var base = this;
| |
| − | if($('#wsite-mini-cart').find('li.wsite-product-item').length > 0) {
| |
| − | $('body').addClass('cart-full');
| |
| − | } else {
| |
| − | $('body').removeClass('cart-full');
| |
| − | }
| |
| − | },
| |
| | | | |
| − | _moveFlyout: function() {
| |
| − | var maxheight = $(window).height() - $('.birdseye-header').outerHeight();
| |
| − | var anchor = true;
| |
| | | | |
| − | $('#wsite-menus .wsite-menu-wrap').each(function() {
| + | <img src="https://static.igem.org/mediawiki/2017/a/a2/Hpage1-SMS_Shenzhen.jpg" width="100%" > |
| − | if ($(this).outerHeight() > maxheight) {
| + | |
| − | anchor = false;
| + | |
| − | }
| + | |
| − | });
| + | |
| | | | |
| − | if (anchor) {
| + | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Description"> |
| − | var move = $("#wsite-menus").detach();
| + | <img src="https://static.igem.org/mediawiki/2017/f/f7/TeamH3-SMS_Shenzhen.jpg" width="100%" > |
| − | $(".birdseye-header").append(move);
| + | </a> |
| − | }
| + | |
| − | },
| + | |
| | | | |
| − | _attachEvents: function() {
| + | <img src="https://static.igem.org/mediawiki/2017/6/61/Hpage5-SMS_Shenzhen.jpg" width="100%" > |
| − | var base = this;
| + | <img src="https://static.igem.org/mediawiki/2017/0/0b/Hpage6-SMS_Shenzhen.jpg" width="100%" > |
| | | | |
| − | $('label.hamburger').on('click', function() {
| + | <a href="https://2017.igem.org/Team:SMS_Shenzhen/Team"> |
| − | if (!$('body').hasClass('nav-open')) {
| + | <img src="https://static.igem.org/mediawiki/2017/5/56/Ourteam1-SMS_Shenzhen.jpg" width="100%" > |
| − | $('body').addClass('nav-open');
| + | </a> |
| − | } else {
| + | |
| − | $('body').removeClass('nav-open');
| + | |
| − | }
| + | |
| − | });
| + | |
| − | // Move Flyout
| + | |
| − | $.fn.intervalLoop('.birdseye-header #wsite-menus', base._moveFlyout, 300, 8);
| + | |
| | | | |
| − | // Window scroll
| + | <img src="https://static.igem.org/mediawiki/2017/d/d9/Ourteam2-SMS_Shenzhen.jpg" width="100%" > |
| | | | |
| − | // Fixed header
| + | <img src="https://static.igem.org/mediawiki/2017/a/ae/RightsFooter-SMS_Shenzhen.jpg" width="100%" > |
| − | $(window).on('scroll', function() {
| + | |
| − | $('body').checkHeaderPositioning(window, 'affix');
| + | |
| − | });
| + | |
| − | }
| + | |
| − | };
| + | |
| | | | |
| − | $(document).ready(function(){
| |
| − | birdseyeController.init();
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <style>
| |
| − | .cento-header, .cento-header .nav-wrap, .footer-wrap
| |
| − | {
| |
| − | background: #ffffff !important;
| |
| − | }
| |
| − | </style>
| |
| | </body> | | </body> |
| | </html> | | </html> |
