Created
January 1, 2016 17:12
-
-
Save yaodong/95f2c1336a373afee614 to your computer and use it in GitHub Desktop.
qingcloud.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary | |
| { | |
| display: block; | |
| } | |
| audio,canvas,video | |
| { | |
| display: inline-block; | |
| } | |
| audio:not([controls]) | |
| { | |
| display: none; | |
| height: 0; | |
| } | |
| [hidden] | |
| { | |
| display: none; | |
| } | |
| html | |
| { | |
| font-family: sans-serif; | |
| ms-text-size-adjust: 100%; | |
| webkit-text-size-adjust: 100%; | |
| } | |
| body | |
| { | |
| margin: 0; | |
| } | |
| a:focus | |
| { | |
| outline: thin dotted; | |
| } | |
| a:active,a:hover | |
| { | |
| outline: 0; | |
| } | |
| h1 | |
| { | |
| font-size: 2em; | |
| } | |
| abbr[title] | |
| { | |
| border-bottom: 1px dotted; | |
| } | |
| b,strong | |
| { | |
| font-weight: 700; | |
| } | |
| dfn | |
| { | |
| font-style: italic; | |
| } | |
| mark | |
| { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| code,kbd,pre,samp | |
| { | |
| font-family: monospace,serif; | |
| font-size: 1em; | |
| } | |
| pre | |
| { | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| q | |
| { | |
| quotes: "\201C" "\201D" "\2018" "\2019"; | |
| } | |
| small | |
| { | |
| font-size: 80%; | |
| } | |
| sub,sup | |
| { | |
| font-size: 75%; | |
| line-height: 0; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup | |
| { | |
| top: -.5em; | |
| } | |
| sub | |
| { | |
| bottom: -.25em; | |
| } | |
| img | |
| { | |
| border: 0; | |
| } | |
| svg:not(:root) | |
| { | |
| overflow: hidden; | |
| } | |
| figure | |
| { | |
| margin: 0; | |
| } | |
| fieldset | |
| { | |
| border: 1px solid silver; | |
| margin: 0 2px; | |
| padding: .35em .625em .75em; | |
| } | |
| legend | |
| { | |
| border: 0; | |
| padding: 0; | |
| } | |
| button,input,select,textarea | |
| { | |
| font-family: inherit; | |
| font-size: 100%; | |
| margin: 0; | |
| } | |
| button,input | |
| { | |
| line-height: normal; | |
| } | |
| button,html input[type=button],,input[type=reset],input[type=submit] | |
| { | |
| cursor: pointer; | |
| webkit-appearance: button; | |
| } | |
| button[disabled],input[disabled] | |
| { | |
| cursor: default; | |
| } | |
| input[type=checkbox],input[type=radio] | |
| { | |
| box-sizing: border-box; | |
| padding: 0; | |
| } | |
| input[type=search] | |
| { | |
| box-sizing: content-box; | |
| moz-box-sizing: content-box; | |
| webkit-appearance: textfield; | |
| webkit-box-sizing: content-box; | |
| } | |
| input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration | |
| { | |
| webkit-appearance: none; | |
| } | |
| button::-moz-focus-inner,input::-moz-focus-inner | |
| { | |
| border: 0; | |
| padding: 0; | |
| } | |
| textarea | |
| { | |
| overflow: auto; | |
| vertical-align: top; | |
| } | |
| table | |
| { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| body | |
| { | |
| color: #3b3b3b; | |
| font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; | |
| font-size: 14px; | |
| line-height: 16px; | |
| } | |
| .page | |
| { | |
| clear: both; | |
| overflow: hidden; | |
| } | |
| .page .spinner | |
| { | |
| color: #999; | |
| font-style: italic; | |
| left: 50%; | |
| margin-left: -28px; | |
| margin-top: -8px; | |
| position: absolute; | |
| top: 50%; | |
| } | |
| a | |
| { | |
| color: #57b382; | |
| text-decoration: none; | |
| } | |
| a:hover | |
| { | |
| color: #429368; | |
| } | |
| .clearfix | |
| { | |
| clear: both; | |
| } | |
| .container | |
| { | |
| height: 100%; | |
| margin: auto; | |
| width: 100%; | |
| } | |
| [class^="grid_"] | |
| { | |
| display: inline; | |
| float: left; | |
| margin-left: 2%; | |
| margin-right: 2%; | |
| } | |
| .grid_1 | |
| { | |
| width: .16666666666666635%; | |
| } | |
| .grid_2 | |
| { | |
| width: 4.333333333333333%; | |
| } | |
| .grid_3 | |
| { | |
| width: 8.5%; | |
| } | |
| .grid_4 | |
| { | |
| width: 12.666666666666664%; | |
| } | |
| .grid_5 | |
| { | |
| width: 16.833333333333332%; | |
| } | |
| .grid_6 | |
| { | |
| width: 21%; | |
| } | |
| .grid_7 | |
| { | |
| width: 25.16666666666667%; | |
| } | |
| .grid_8 | |
| { | |
| width: 29.333333333333332%; | |
| } | |
| .grid_9 | |
| { | |
| width: 33.5%; | |
| } | |
| .grid_10 | |
| { | |
| width: 37.66666666666667%; | |
| } | |
| .grid_11 | |
| { | |
| width: 41.833333333333336%; | |
| } | |
| .grid_12 | |
| { | |
| width: 46%; | |
| } | |
| .grid_13 | |
| { | |
| width: 50.16666666666666%; | |
| } | |
| .grid_14 | |
| { | |
| width: 54.333333333333336%; | |
| } | |
| .grid_15 | |
| { | |
| width: 58.5%; | |
| } | |
| .grid_16 | |
| { | |
| width: 62.66666666666666%; | |
| } | |
| .grid_17 | |
| { | |
| width: 66.83333333333333%; | |
| } | |
| .grid_18 | |
| { | |
| width: 71%; | |
| } | |
| .grid_19 | |
| { | |
| width: 75.16666666666666%; | |
| } | |
| .grid_20 | |
| { | |
| width: 79.33333333333333%; | |
| } | |
| .grid_21 | |
| { | |
| width: 83.5%; | |
| } | |
| .grid_22 | |
| { | |
| width: 87.66666666666666%; | |
| } | |
| .grid_23 | |
| { | |
| width: 91.83333333333333%; | |
| } | |
| .grid_24 | |
| { | |
| width: 96%; | |
| } | |
| @media screen and (max-width:480px) | |
| { | |
| div[class^="grid_"] | |
| { | |
| display: block; | |
| float: none; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| } | |
| h1,h2,h3,h4,h5,h6 | |
| { | |
| line-height: 1; | |
| margin: 8px 0; | |
| } | |
| h1 small,h2 small,h3 small,h4 small,h5 small,h6 small | |
| { | |
| color: #999; | |
| font-weight: 400; | |
| line-height: 1; | |
| } | |
| h1 | |
| { | |
| font-size: 26px; | |
| line-height: 40px; | |
| } | |
| h2 | |
| { | |
| font-size: 22px; | |
| line-height: 36px; | |
| } | |
| h3 | |
| { | |
| font-size: 18px; | |
| line-height: 34px; | |
| } | |
| h4 | |
| { | |
| font-size: 16px; | |
| line-height: 30px; | |
| } | |
| h5 | |
| { | |
| font-size: 14px; | |
| line-height: 22px; | |
| } | |
| h6 | |
| { | |
| font-size: 12px; | |
| line-height: 20px; | |
| } | |
| address | |
| { | |
| margin-bottom: 32px; | |
| } | |
| ::selection | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .page-title | |
| { | |
| font-size: 28px; | |
| line-height: 48px; | |
| } | |
| .lead | |
| { | |
| color: #555; | |
| line-height: 1.6em; | |
| line-height: 20px; | |
| margin-bottom: 16px; | |
| padding: 10px; | |
| } | |
| .lead em | |
| { | |
| color: #57b382; | |
| font-style: normal; | |
| } | |
| .price-number | |
| { | |
| color: #468847; | |
| } | |
| .price-number.discharge,.price-number.deduct_bonus,.price-number.payback,.price-number.transfer_out,.price-number color:$errorText,.price-number.bonus | |
| { | |
| color: #999; | |
| } | |
| .none | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| font-style: italic; | |
| margin: 12px 30px; | |
| } | |
| table .none | |
| { | |
| margin: 0; | |
| } | |
| .time | |
| { | |
| color: #999; | |
| font-style: italic; | |
| } | |
| dl | |
| { | |
| margin: 20px 0; | |
| } | |
| dl dt,dl dd | |
| { | |
| font-size: 12px; | |
| line-height: 1.6em; | |
| } | |
| dl dd | |
| { | |
| margin-bottom: 12px; | |
| } | |
| code | |
| { | |
| background: #eee; | |
| border: 1px solid #d6d6d6; | |
| border-radius: 3px; | |
| color: #d14; | |
| font-family: Consolas,"Courier New",monospace; | |
| margin: 0 8px; | |
| moz-border-radius: 3px; | |
| padding: 2px 4px; | |
| webkit-border-radius: 3px; | |
| white-space: nowrap; | |
| word-break: keep-all; | |
| } | |
| .code-box | |
| { | |
| background: #292929; | |
| font-family: Consolas,"Courier New",monospace; | |
| margin: 20px; | |
| padding: 10px; | |
| } | |
| .code-box code | |
| { | |
| background: 0; | |
| border: 0 none; | |
| border-radius: 0; | |
| color: #fff; | |
| moz-border-radius: 0; | |
| padding: 0; | |
| webkit-border-radius: 0; | |
| white-space: nowrap; | |
| word-break: keep-all; | |
| } | |
| .code-box em | |
| { | |
| color: #57b382; | |
| font-style: normal; | |
| padding: 0 10px; | |
| } | |
| .pagination | |
| { | |
| color: #555; | |
| float: right; | |
| margin: 12px 0; | |
| } | |
| .pagination .current | |
| { | |
| line-height: 28px; | |
| padding: 0 15px; | |
| vertical-align: middle; | |
| } | |
| .status | |
| { | |
| font-style: italic; | |
| } | |
| .status.pending,.status.dispatched | |
| { | |
| color: #3a87ad; | |
| } | |
| .status.accepted | |
| { | |
| color: #835404; | |
| } | |
| .status.rejected,.status.expired | |
| { | |
| color: #b94a48; | |
| } | |
| .status.delivered,.status.activated | |
| { | |
| color: #468847; | |
| } | |
| .promo | |
| { | |
| background: #d36464; | |
| color: #fff; | |
| line-height: 1.4em; | |
| margin: 10px 0 30px; | |
| padding: 20px; | |
| } | |
| @font-face | |
| { | |
| font-family: Entypo; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url(/static/fonts/entypo.woff?v=1) format('woff'),url(/static/fonts/entypo.eot?v=1),url(/static/fonts/entypo.eot?#iefix?v=1) format('embedded-opentype'),url(/static/fonts/entypo.ttf?v=1) format('truetype'),url(/static/fonts/entypo.svg#entypo?v=1) format('svg'); | |
| } | |
| @font-face | |
| { | |
| font-family: 'Open Sans'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url(/static/fonts/OpenSans-Regular.ttf) format('woff'),url(/static/fonts/OpenSans-Regular.ttf) format('truetype'); | |
| } | |
| @font-face | |
| { | |
| font-family: 'Open Sans Bold'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url(/static/fonts/OpenSans-Bold.ttf) format('woff'),url(/static/fonts/OpenSans-Bold.ttf) format('truetype'); | |
| } | |
| @font-face | |
| { | |
| font-family: FontAwesome; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url(/static/fonts/fontawesome-webfont.eot?#iefix&v=4.2) format('embedded-opentype'),url(/static/fonts/fontawesome-webfont.woff?v=4.2) format('woff'),url(/static/fonts/fontawesome-webfont.ttf?v=4.2) format('truetype'),url(/static/fonts/fontawesome-webfont.svg?v=4.2#fontawesomeregular) format('svg'); | |
| src: url(/static/fonts/fontawesome-webfont.eot?v=4.2); | |
| } | |
| .btn | |
| { | |
| background: #3b3b3b; | |
| border: 0 none; | |
| border-radius: 3px; | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; | |
| font-size: 14px; | |
| margin: 0 3px 0 0; | |
| moz-border-radius: 3px; | |
| padding: 12px 20px; | |
| text-align: center; | |
| vertical-align: middle; | |
| webkit-appearance: none; | |
| webkit-border-radius: 3px; | |
| } | |
| .btn:hover | |
| { | |
| background: #383838; | |
| color: #f2f2f2; | |
| text-decoration: none; | |
| } | |
| .btn [class^=icon-],.btn [class*=" icon-"] | |
| { | |
| vertical-align: top; | |
| } | |
| .btn-huge | |
| { | |
| border-radius: 50px; | |
| font-size: 18px; | |
| margin-right: 20px; | |
| moz-border-radius: 50px; | |
| padding: 20px 30px; | |
| webkit-border-radius: 50px; | |
| } | |
| .btn-huge .icon | |
| { | |
| font-size: 18px; | |
| } | |
| .btn-primary | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .btn-primary:hover | |
| { | |
| background: #4ba575; | |
| } | |
| .btn-highlight | |
| { | |
| background: $promotionBackground; | |
| color: $promotionText; | |
| } | |
| .btn-highlight:hover | |
| { | |
| background: $promotionBackgroundDarker; | |
| } | |
| .btn-loading | |
| { | |
| background: #555; | |
| color: #fff; | |
| } | |
| .btn-loading:hover | |
| { | |
| background: #4d4d4d; | |
| } | |
| .btn-session | |
| { | |
| font-size: 18px; | |
| width: 190px; | |
| } | |
| .btn-disabled,.btn-forbidden,.btn-disabled:hover,.btn-forbidden:hover | |
| { | |
| background: #eee; | |
| color: #999; | |
| cursor: no-drop; | |
| moz-text-shadow: 1px 1px #fff; | |
| text-shadow: 1px 1px #fff; | |
| webkit-text-shadow: 1px 1px #fff; | |
| } | |
| .btn-cancel | |
| { | |
| background: 0; | |
| color: #3b3b3b; | |
| } | |
| .btn-cancel:hover | |
| { | |
| background: #d6d6d6; | |
| color: #353535; | |
| } | |
| .btn-outline | |
| { | |
| background: 0; | |
| border: 1px solid #57b382; | |
| color: #57b382; | |
| } | |
| .btn-outline:hover | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .btn-link | |
| { | |
| color: #57b382; | |
| display: inline-block; | |
| margin-right: 10px; | |
| padding-right: 15px; | |
| } | |
| .btn-link .icon | |
| { | |
| color: #57b382; | |
| display: inline-block; | |
| line-height: 34px; | |
| text-align: center; | |
| width: 40px; | |
| } | |
| .btn-link:hover | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .btn-link:hover .icon | |
| { | |
| color: #fff; | |
| } | |
| [class^=icon-],[class*=" icon-"] | |
| { | |
| font-size: 14px; | |
| vertical-align: baseline; | |
| } | |
| [class^=icon-]:after,[class*=" icon-"]:after,[class^=icon-]:before,[class*=" icon-"]:before | |
| { | |
| display: inline-block; | |
| font-family: Entypo; | |
| font-style: normal; | |
| font-weight: 400; | |
| text-align: center; | |
| text-decoration: none; | |
| width: 1em; | |
| } | |
| .icon-home::before | |
| { | |
| content: '\2302'; | |
| } | |
| .icon-features::before | |
| { | |
| content: '\e005'; | |
| } | |
| .icon-pricing::before | |
| { | |
| content: '\e70c'; | |
| } | |
| .icon-documents::before | |
| { | |
| content: '\e736'; | |
| } | |
| .icon-cases::before | |
| { | |
| content: '\2601'; | |
| } | |
| .icon-console::before | |
| { | |
| content: '\e7a2'; | |
| } | |
| .icon-settings::before | |
| { | |
| content: '\25be'; | |
| } | |
| .icon-profile::before | |
| { | |
| content: '\1F464'; | |
| } | |
| .icon-account::before | |
| { | |
| content: '\43'; | |
| } | |
| .icon-logout::before | |
| { | |
| content: '\E741'; | |
| } | |
| .icon-signin::before | |
| { | |
| content: '\1F464'; | |
| } | |
| .icon-signup::before,.icon-arrow-right::before | |
| { | |
| content: '\E75A'; | |
| } | |
| .icon-guide::before | |
| { | |
| content: '\1F4D5'; | |
| } | |
| .icon-close::before | |
| { | |
| content: '\2715'; | |
| } | |
| .icon-top::before | |
| { | |
| content: '\E75F'; | |
| } | |
| .icon-prev::before | |
| { | |
| content: '\E75D'; | |
| } | |
| .icon-next::before | |
| { | |
| content: '\E75E'; | |
| } | |
| .icon-light-prev::before | |
| { | |
| content: '\E765'; | |
| } | |
| .icon-light-next::before | |
| { | |
| content: '\E766'; | |
| } | |
| .icon-promotion::before,.icon-promotion::before | |
| { | |
| content: '\1F4D1'; | |
| } | |
| .icon-instance::before | |
| { | |
| content: 'A'; | |
| } | |
| .icon-hc-volume::before,.icon-volume::before | |
| { | |
| content: '\e755'; | |
| } | |
| .icon-snapshot::before | |
| { | |
| content: '\1F4F7'; | |
| } | |
| .icon-network::before | |
| { | |
| content: '\e792'; | |
| } | |
| .icon-vxnet::before | |
| { | |
| content: '\21C6'; | |
| } | |
| .icon-router::before | |
| { | |
| content: '\1F4F6'; | |
| } | |
| .icon-eip::before | |
| { | |
| content: '\E776'; | |
| } | |
| .icon-keypair::before | |
| { | |
| content: 'F'; | |
| } | |
| .icon-security::before,.icon-security_group::before | |
| { | |
| content: '\26A1'; | |
| } | |
| .icon-loadbalancer::before | |
| { | |
| content: '\1F500'; | |
| } | |
| .icon-image::before | |
| { | |
| content: 'E'; | |
| } | |
| .icon-cloud::before | |
| { | |
| content: '\2601'; | |
| } | |
| .icon-sdn::before | |
| { | |
| content: '\1f30e'; | |
| } | |
| .icon-billing::before,.icon-loading::before | |
| { | |
| content: '\23f3'; | |
| } | |
| .icon-backup::before | |
| { | |
| content: '\268f'; | |
| } | |
| .icon-monitor::before | |
| { | |
| content: '\1f4c8'; | |
| } | |
| .icon-code::before | |
| { | |
| content: '\e714'; | |
| } | |
| .icon-info::before | |
| { | |
| content: '\e705'; | |
| } | |
| .icon-warning::before | |
| { | |
| content: '\26A0'; | |
| } | |
| .icon-weibo::before | |
| { | |
| content: '\F33F'; | |
| } | |
| .icon-twitter::before | |
| { | |
| content: '\F309'; | |
| } | |
| .icon-facebook::before | |
| { | |
| content: '\f30c'; | |
| } | |
| .icon-weixin::before | |
| { | |
| content: '\f32a'; | |
| } | |
| .icon-email::before | |
| { | |
| content: '\2709'; | |
| } | |
| .icon-mobile::before | |
| { | |
| content: '\1F4F1'; | |
| } | |
| .icon-joinus::before | |
| { | |
| content: '\4a'; | |
| } | |
| .icon-like::before | |
| { | |
| content: '\2665'; | |
| } | |
| .icon-quote::before | |
| { | |
| content: '\275e'; | |
| } | |
| .icon-news::before | |
| { | |
| content: '\1F4E3'; | |
| } | |
| .icon-calendar::before | |
| { | |
| content: '\1f4c5'; | |
| } | |
| .icon-high-capacity-volume::before | |
| { | |
| content: '\e755'; | |
| } | |
| .icon-snapshots::before | |
| { | |
| content: '\1f4f7'; | |
| } | |
| .icon-datacenter::before | |
| { | |
| content: '\e724'; | |
| } | |
| .icon-website::before | |
| { | |
| content: '\e74e'; | |
| } | |
| .icon-tel::before | |
| { | |
| content: '\1F4DE'; | |
| } | |
| .icon-plus::before | |
| { | |
| content: '\2B'; | |
| } | |
| .icon-minus::before | |
| { | |
| content: '\2D'; | |
| } | |
| .icon-location::before | |
| { | |
| content: '\E724'; | |
| } | |
| .icon-graph::before | |
| { | |
| content: '\1F304'; | |
| } | |
| .icon-release::before | |
| { | |
| content: '\2601'; | |
| } | |
| .icon-found::before | |
| { | |
| content: '\2665'; | |
| } | |
| .icon-download::before | |
| { | |
| content: '\1F4E5'; | |
| } | |
| .icon-goodness::before | |
| { | |
| content: '\2601'; | |
| } | |
| .icon-speech::before | |
| { | |
| content: '\4a'; | |
| } | |
| .icon-map::before | |
| { | |
| content: '\e727'; | |
| } | |
| .icon-winner::before | |
| { | |
| content: '\e73c'; | |
| } | |
| .icon-zone::before | |
| { | |
| content: '\e724'; | |
| } | |
| .icon-parallax-next::before | |
| { | |
| content: '\E764'; | |
| } | |
| .icon-parallax-prev::before | |
| { | |
| content: '\E767'; | |
| } | |
| .icon-error::before | |
| { | |
| content: '\1F4A5'; | |
| } | |
| .fa | |
| { | |
| display: inline-block; | |
| font: 400 normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| moz-osx-font-smoothing: grayscale; | |
| text-rendering: auto; | |
| webkit-font-smoothing: antialiased; | |
| } | |
| .fa-currency-cny::before | |
| { | |
| content: '\f157'; | |
| } | |
| .fa-currency-hkd::before | |
| { | |
| content: '\f155'; | |
| } | |
| .fa-currency-usd::before | |
| { | |
| content: '\f155'; | |
| } | |
| .fa-lock::before | |
| { | |
| content: '\f023'; | |
| } | |
| .tooltip | |
| { | |
| display: block; | |
| font-size: 11px; | |
| font-style: normal; | |
| line-height: 1.4; | |
| opacity: 0; | |
| position: absolute; | |
| visibility: visible; | |
| z-index: 1030; | |
| } | |
| .tooltip.in | |
| { | |
| opacity: .8; | |
| } | |
| .tooltip.top | |
| { | |
| margin-top: -3px; | |
| padding: 5px 0; | |
| } | |
| .tooltip.right | |
| { | |
| margin-left: 3px; | |
| padding: 0 5px; | |
| } | |
| .tooltip.bottom | |
| { | |
| margin-top: 3px; | |
| padding: 5px 0; | |
| } | |
| .tooltip.left | |
| { | |
| margin-left: -3px; | |
| padding: 0 5px; | |
| } | |
| .tooltip-inner | |
| { | |
| background-color: #000; | |
| border-radius: 4px; | |
| color: #fff; | |
| max-width: 200px; | |
| moz-border-radius: 4px; | |
| padding: 8px; | |
| text-align: center; | |
| text-decoration: none; | |
| webkit-border-radius: 4px; | |
| } | |
| .tooltip-arrow | |
| { | |
| border-color: transparent; | |
| border-style: solid; | |
| height: 0; | |
| position: absolute; | |
| width: 0; | |
| } | |
| .tooltip.top .tooltip-arrow | |
| { | |
| border-top-color: #000; | |
| border-width: 5px 5px 0; | |
| bottom: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| } | |
| .tooltip.right .tooltip-arrow | |
| { | |
| border-right-color: #000; | |
| border-width: 5px 5px 5px 0; | |
| left: 0; | |
| margin-top: -5px; | |
| top: 50%; | |
| } | |
| .tooltip.left .tooltip-arrow | |
| { | |
| border-left-color: #000; | |
| border-width: 5px 0 5px 5px; | |
| margin-top: -5px; | |
| right: 0; | |
| top: 50%; | |
| } | |
| .tooltip.bottom .tooltip-arrow | |
| { | |
| border-bottom-color: #000; | |
| border-width: 0 5px 5px; | |
| left: 50%; | |
| margin-left: -5px; | |
| top: 0; | |
| } | |
| .popover | |
| { | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0,0,0,.2); | |
| border-radius: 6px; | |
| display: none; | |
| left: 0; | |
| max-width: 276px; | |
| moz-border-radius: 6px; | |
| padding: 1px; | |
| position: absolute; | |
| text-align: left; | |
| top: 0; | |
| webkit-border-radius: 6px; | |
| white-space: normal; | |
| z-index: 1010; | |
| } | |
| .slider .hide | |
| { | |
| display: none; | |
| } | |
| table | |
| { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| margin: 0; | |
| max-width: 100%; | |
| } | |
| .table | |
| { | |
| clear: both; | |
| width: 100%; | |
| } | |
| .table caption | |
| { | |
| display: none; | |
| } | |
| .table th,.table td | |
| { | |
| empty-cells: show; | |
| font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; | |
| font-size: 12px; | |
| font-weight: 400; | |
| padding: 10px; | |
| text-align: left; | |
| } | |
| .table th | |
| { | |
| background: #eee; | |
| border: 0 none; | |
| font-size: 14px; | |
| font-weight: 700; | |
| } | |
| .table .checkbox | |
| { | |
| text-align: center; | |
| } | |
| .table .left | |
| { | |
| text-align: left; | |
| } | |
| .table .right | |
| { | |
| text-align: right; | |
| } | |
| .table-bordered | |
| { | |
| border: 1px solid #e8e8e8; | |
| border-bottom: 0; | |
| border-collapse: separate; | |
| border-left: 0; | |
| } | |
| .table-bordered td,.table-bordered th | |
| { | |
| border-bottom: 1px solid #e8e8e8; | |
| border-left: 1px solid #e8e8e8; | |
| } | |
| .table-striped tbody tr:nth-child(even) td,.table-striped tbody tr:nth-child(even) th | |
| { | |
| background-color: #eee; | |
| } | |
| .table-hover tbody tr:hover td,.table-hover tbody tr:hover td | |
| { | |
| background: #eef7f3; | |
| cursor: pointer; | |
| } | |
| .slider | |
| { | |
| display: inline-block; | |
| position: relative; | |
| vertical-align: middle; | |
| } | |
| .slider.slider-horizontal | |
| { | |
| height: 20px; | |
| width: 210px; | |
| } | |
| .slider.slider-horizontal .slider-track | |
| { | |
| height: 20px; | |
| left: 0; | |
| margin-top: -5px; | |
| top: 50%; | |
| width: 100%; | |
| } | |
| .slider.slider-horizontal .slider-selection | |
| { | |
| bottom: 0; | |
| height: 100%; | |
| top: 0; | |
| } | |
| .slider.slider-horizontal .slider-handle | |
| { | |
| margin-left: -10px; | |
| margin-top: -6px; | |
| } | |
| .slider.slider-horizontal .slider-handle.triangle | |
| { | |
| border-bottom-color: #0480be; | |
| border-width: 0 10px 10px; | |
| height: 0; | |
| margin-top: 0; | |
| width: 0; | |
| } | |
| .slider input | |
| { | |
| display: none; | |
| } | |
| .slider .tooltip-inner | |
| { | |
| white-space: nowrap; | |
| } | |
| .slider-track | |
| { | |
| background-color: #eee; | |
| background-repeat: repeat-x; | |
| border-radius: 2px; | |
| cursor: pointer; | |
| moz-border-radius: 2px; | |
| position: absolute; | |
| webkit-border-radius: 2px; | |
| } | |
| .slider-selection | |
| { | |
| background-color: #bce1cd; | |
| border-radius: 2px; | |
| box-sizing: border-box; | |
| moz-border-radius: 2px; | |
| position: absolute; | |
| webkit-border-radius: 2px; | |
| } | |
| .slider-handle | |
| { | |
| background-color: #57b382; | |
| border-radius: 2px; | |
| height: 30px; | |
| moz-border-radius: 2px; | |
| position: absolute; | |
| webkit-border-radius: 2px; | |
| width: 20px; | |
| } | |
| .alert | |
| { | |
| font-size: 12px; | |
| line-height: 1.6em; | |
| margin: 12px 0; | |
| padding: 10px; | |
| } | |
| .alert p | |
| { | |
| line-height: 1.6em; | |
| margin: 0; | |
| } | |
| .alert-info | |
| { | |
| background: #d9edf7; | |
| color: #3a87ad; | |
| } | |
| .alert-warning | |
| { | |
| background: #fcf8e3; | |
| color: #835404; | |
| } | |
| .alert-error | |
| { | |
| background: #f2dede; | |
| color: #b94a48; | |
| } | |
| .alert-success | |
| { | |
| background: #dff0d8; | |
| color: #468847; | |
| } | |
| .form-wrapper | |
| { | |
| background: #eee; | |
| margin: 50px; | |
| padding: 50px; | |
| } | |
| form | |
| { | |
| margin: 0; | |
| } | |
| fieldset | |
| { | |
| border: 0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color] | |
| { | |
| background: #fff; | |
| border: 1px solid #ccc; | |
| border-radius: 3px; | |
| color: #555; | |
| display: inline-block; | |
| font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; | |
| font-size: 14px; | |
| line-height: 16px; | |
| moz-border-radius: 3px; | |
| padding: 10px; | |
| vertical-align: middle; | |
| webkit-border-radius: 3px; | |
| width: 168px; | |
| } | |
| textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus | |
| { | |
| border-color: #57b382; | |
| outline: 0; | |
| } | |
| select | |
| { | |
| border: 1px solid #ccc; | |
| height: 39px; | |
| line-height: 39px; | |
| } | |
| input[disabled] | |
| { | |
| background: #eee; | |
| color: $graylight; | |
| } | |
| input[type=text].small | |
| { | |
| width: 80px; | |
| } | |
| input[type=text].medium | |
| { | |
| width: 120px; | |
| } | |
| input[type=text].large | |
| { | |
| width: 240px; | |
| } | |
| .form legend | |
| { | |
| display: inline-block; | |
| font-size: 28px; | |
| line-height: 32px; | |
| margin: 10px 0; | |
| } | |
| .form .item | |
| { | |
| margin: 12px 0; | |
| } | |
| .form input.error,.form .error input | |
| { | |
| border-color: #b94a48; | |
| color: #b94a48; | |
| } | |
| .form label.inline | |
| { | |
| line-height: 43px; | |
| padding: 0 15px 0 5px; | |
| } | |
| .form .help-inline,.form label.error | |
| { | |
| display: inline-block; | |
| line-height: 32px; | |
| margin: 0 8px; | |
| padding: 0 10px; | |
| } | |
| .form label.error,.form .error-message | |
| { | |
| background: #f2dede; | |
| color: #b94a48; | |
| } | |
| .form .item-error | |
| { | |
| display: none; | |
| } | |
| .form .required | |
| { | |
| color: #57b382; | |
| font-size: 18px; | |
| font-weight: 700; | |
| padding: 0 5px; | |
| } | |
| .form-horizontal .control-label | |
| { | |
| float: left; | |
| font-size: 14px; | |
| line-height: 43px; | |
| text-align: right; | |
| vertical-align: middle; | |
| width: 130px; | |
| } | |
| .form-horizontal .controls | |
| { | |
| margin-left: 140px; | |
| } | |
| .form-horizontal .controls input[type=checkbox] | |
| { | |
| margin: 8px 0; | |
| } | |
| .form-horizontal .form-actions | |
| { | |
| padding-left: 140px; | |
| } | |
| .form-horizontal .help | |
| { | |
| color: #999; | |
| display: block; | |
| font-style: italic; | |
| padding: 3px 0; | |
| } | |
| .form-horizontal .help.help-highlight | |
| { | |
| color: #468847; | |
| } | |
| .form-actions | |
| { | |
| border-top: 1px solid #ccc; | |
| overflow: hidden; | |
| padding: 20px 0; | |
| } | |
| .form-actions .btn | |
| { | |
| font-size: 14px; | |
| padding: 10px 30px; | |
| } | |
| .window-overlay | |
| { | |
| background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); | |
| background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); | |
| background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); | |
| background: radial-gradient(ellipse at center,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); | |
| background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65))); | |
| background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%); | |
| height: 100%; | |
| left: 0; | |
| overflow: auto; | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| z-index: 101; | |
| } | |
| .modal | |
| { | |
| background: $modalBackground; | |
| box-shadow: 0 0 55px 4px #292929; | |
| left: 50%; | |
| min-height: 150px; | |
| moz-box-shadow: 0 0 55px 4px #292929; | |
| position: absolute; | |
| top: 50%; | |
| webkit-box-shadow: 0 0 55px 4px #292929; | |
| z-index: 1000; | |
| } | |
| .modal-header | |
| { | |
| background: #292929; | |
| font-size: 16px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .modal-header h4 | |
| { | |
| color: #fff; | |
| margin: 0; | |
| padding: 20px; | |
| } | |
| .modal-header .close | |
| { | |
| color: #999; | |
| height: 18px; | |
| position: absolute; | |
| right: 20px; | |
| top: 20px; | |
| width: 18px; | |
| } | |
| .modal-header .close:hover | |
| { | |
| color: #eee; | |
| } | |
| .modal-header .close .icon::before | |
| { | |
| font-size: 28px; | |
| } | |
| .modal-content | |
| { | |
| background: #fff; | |
| overflow: hidden; | |
| padding: 30px; | |
| } | |
| .confirm .btn | |
| { | |
| float: right; | |
| } | |
| .confirm table | |
| { | |
| margin: 10px 0; | |
| } | |
| .confirm th,.confirm td | |
| { | |
| font-size: 14px; | |
| padding: 5px; | |
| } | |
| .timeline-wrapper | |
| { | |
| position: relative; | |
| } | |
| .layout-wrapper | |
| { | |
| position: relative; | |
| width: 50%; | |
| } | |
| .layout-left .layout-wrapper | |
| { | |
| float: left; | |
| text-align: left; | |
| } | |
| .layout-right .layout-wrapper | |
| { | |
| float: right; | |
| text-align: left; | |
| } | |
| .layout-center .layout-wrapper | |
| { | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| .stage | |
| { | |
| min-height: 226px; | |
| padding: 100px 0 50px; | |
| } | |
| .timeline-loading | |
| { | |
| background-image: url(/static/images/svg/loading.svg); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 32px 32px; | |
| display: none; | |
| height: 32px; | |
| left: 50%; | |
| margin-left: -16px; | |
| margin-top: -16px; | |
| position: absolute; | |
| top: 87%; | |
| width: 32px; | |
| } | |
| .timeline-wrapper.loading .timeline-loading | |
| { | |
| display: block; | |
| z-index: 2; | |
| } | |
| .timeline-arrows | |
| { | |
| height: 50px; | |
| margin-top: -37px; | |
| position: absolute; | |
| top: 79%; | |
| width: 100%; | |
| } | |
| .timeline-arrows .arrow | |
| { | |
| color: rgba(255,255,255,.3); | |
| display: block; | |
| height: 50px; | |
| padding: 12px; | |
| position: absolute; | |
| top: 0; | |
| width: 50px; | |
| } | |
| .timeline-arrows .arrow .icon::before | |
| { | |
| font-size: 42px; | |
| line-height: 50px; | |
| vertical-align: middle; | |
| } | |
| .timeline-arrows .arrow:hover | |
| { | |
| background: #353644; | |
| color: #fff; | |
| } | |
| .timeline-arrows .arrow-right | |
| { | |
| right: 50px; | |
| } | |
| .timeline-arrows .arrow-left | |
| { | |
| left: 50px; | |
| } | |
| .tl-element | |
| { | |
| opacity: 0; | |
| position: relative; | |
| } | |
| .tl-animate | |
| { | |
| moz-transition: all .5s ease; | |
| o-transition: all .5s ease; | |
| transition: all .5s ease; | |
| webkit-transition: all .5s ease; | |
| } | |
| .intro-timeline | |
| { | |
| bottom: 130px; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| .intro-timeline .year | |
| { | |
| display: inline-block; | |
| position: relative; | |
| width: auto; | |
| } | |
| .intro-timeline .year::before | |
| { | |
| background: rgba(255,255,255,.5); | |
| content: ''; | |
| display: inline-block; | |
| height: 1px; | |
| } | |
| .intro-timeline .year em | |
| { | |
| color: rgba(255,255,255,.5); | |
| font-size: 12px; | |
| font-style: normal; | |
| font-weight: 700; | |
| left: 0; | |
| position: absolute; | |
| top: 30px; | |
| } | |
| .intro-timeline .year .month | |
| { | |
| background: rgba(255,255,255,.5); | |
| display: inline-block; | |
| height: 6px; | |
| width: 1px; | |
| } | |
| .intro-timeline .monent | |
| { | |
| position: relative; | |
| } | |
| .intro-timeline .dot,.intro-timeline .moment | |
| { | |
| background: #57b382; | |
| border: 3px solid #3e3d49; | |
| border-radius: 30px; | |
| display: inline-block; | |
| height: 8px; | |
| margin: 0 auto; | |
| moz-border-radius: 30px; | |
| vertical-align: middle; | |
| webkit-border-radius: 30px; | |
| width: 8px; | |
| } | |
| .intro-timeline .feature | |
| { | |
| float: left; | |
| padding: 0 7px; | |
| position: relative; | |
| } | |
| .intro-timeline .moment,.intro-timeline .preview | |
| { | |
| background: #fff; | |
| border-width: 5px; | |
| height: 6px; | |
| width: 6px; | |
| } | |
| .intro-timeline .preview | |
| { | |
| background: #fff; | |
| } | |
| .intro-timeline .name | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| display: inline-block; | |
| font-size: 12px; | |
| left: -31px; | |
| moz-transition: all .5s ease; | |
| opacity: 0; | |
| o-transition: all .5s ease; | |
| padding: 5px 8px; | |
| position: absolute; | |
| text-align: center; | |
| top: -28px; | |
| transition: all .5s ease; | |
| webkit-transition: all .5s ease; | |
| width: 70px; | |
| } | |
| .intro-timeline .name::after | |
| { | |
| border-color: #57b382 transparent transparent; | |
| border-style: solid; | |
| border-width: 6px; | |
| content: ''; | |
| left: 50%; | |
| margin-left: -5px; | |
| position: absolute; | |
| top: 26px; | |
| } | |
| .intro-timeline .feature.current .name,.intro-timeline .feature:hover .name | |
| { | |
| opacity: 1; | |
| top: -38px; | |
| } | |
| .intro-timeline .feature:hover | |
| { | |
| z-index: 10; | |
| } | |
| .intro-timeline .year .month-0 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-1 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-2 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-3 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-4 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-5 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-6 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-7 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-8 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-9 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-10 | |
| { | |
| left: 30px; | |
| } | |
| .intro-timeline .year .month-11 | |
| { | |
| left: 30px; | |
| } | |
| @-moz-keyframes bounce | |
| { | |
| 0% | |
| { | |
| animation-timing-function: ease-out; | |
| moz-animation-timing-function: ease-out; | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-animation-timing-function: ease-out; | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| 50% | |
| { | |
| animation-timing-function: ease-in; | |
| moz-animation-timing-function: ease-in; | |
| moz-transform: translate3d(0,-20px,0); | |
| transform: translate3d(0,-20px,0); | |
| webkit-animation-timing-function: ease-in; | |
| webkit-transform: translate3d(0,-20px,0); | |
| } | |
| 100% | |
| { | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| } | |
| @-webkit-keyframes bounce | |
| { | |
| 0% | |
| { | |
| animation-timing-function: ease-out; | |
| moz-animation-timing-function: ease-out; | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-animation-timing-function: ease-out; | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| 50% | |
| { | |
| animation-timing-function: ease-in; | |
| moz-animation-timing-function: ease-in; | |
| moz-transform: translate3d(0,-20px,0); | |
| transform: translate3d(0,-20px,0); | |
| webkit-animation-timing-function: ease-in; | |
| webkit-transform: translate3d(0,-20px,0); | |
| } | |
| 100% | |
| { | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| } | |
| @-o-keyframes bounce | |
| { | |
| 0% | |
| { | |
| animation-timing-function: ease-out; | |
| moz-animation-timing-function: ease-out; | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-animation-timing-function: ease-out; | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| 50% | |
| { | |
| animation-timing-function: ease-in; | |
| moz-animation-timing-function: ease-in; | |
| moz-transform: translate3d(0,-20px,0); | |
| transform: translate3d(0,-20px,0); | |
| webkit-animation-timing-function: ease-in; | |
| webkit-transform: translate3d(0,-20px,0); | |
| } | |
| 100% | |
| { | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| } | |
| @-ms-keyframes bounce | |
| { | |
| 0% | |
| { | |
| animation-timing-function: ease-out; | |
| moz-animation-timing-function: ease-out; | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-animation-timing-function: ease-out; | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| 50% | |
| { | |
| animation-timing-function: ease-in; | |
| moz-animation-timing-function: ease-in; | |
| moz-transform: translate3d(0,-20px,0); | |
| transform: translate3d(0,-20px,0); | |
| webkit-animation-timing-function: ease-in; | |
| webkit-transform: translate3d(0,-20px,0); | |
| } | |
| 100% | |
| { | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| } | |
| @keyframes bounce | |
| { | |
| 0% | |
| { | |
| animation-timing-function: ease-out; | |
| moz-animation-timing-function: ease-out; | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-animation-timing-function: ease-out; | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| 50% | |
| { | |
| animation-timing-function: ease-in; | |
| moz-animation-timing-function: ease-in; | |
| moz-transform: translate3d(0,-20px,0); | |
| transform: translate3d(0,-20px,0); | |
| webkit-animation-timing-function: ease-in; | |
| webkit-transform: translate3d(0,-20px,0); | |
| } | |
| 100% | |
| { | |
| moz-transform: translate3d(0,0,0); | |
| transform: translate3d(0,0,0); | |
| webkit-transform: translate3d(0,0,0); | |
| } | |
| } | |
| .logo-36kr | |
| { | |
| background-image: url(/static/dist/images/cases/36kr.gif); | |
| } | |
| .logo-91jinrong | |
| { | |
| background-image: url(/static/dist/images/cases/91jinrong.gif); | |
| } | |
| .logo-btc | |
| { | |
| background-image: url(/static/dist/images/cases/btc.gif); | |
| } | |
| .logo-chinatou | |
| { | |
| background-image: url(/static/dist/images/cases/chinatou.gif); | |
| } | |
| .logo-pixiu | |
| { | |
| background-image: url(/static/dist/images/cases/pixiu.gif?v=2); | |
| } | |
| .logo-21ops | |
| { | |
| background-image: url(/static/dist/images/cases/21ops.gif); | |
| } | |
| .logo-pythonfan | |
| { | |
| background-image: url(/static/dist/images/cases/pythonfan.gif); | |
| } | |
| .logo-nice | |
| { | |
| background-image: url(/static/dist/images/cases/nice.gif); | |
| } | |
| .logo-42bop | |
| { | |
| background-image: url(/static/dist/images/cases/42bop.gif); | |
| } | |
| .logo-huohua | |
| { | |
| background-image: url(/static/dist/images/cases/huohua.gif); | |
| } | |
| .logo-mofunsky | |
| { | |
| background-image: url(/static/dist/images/cases/mofunsky.jpg?v=1); | |
| } | |
| .logo-zank | |
| { | |
| background-image: url(/static/dist/images/cases/zank.gif); | |
| } | |
| .logo-shise | |
| { | |
| background-image: url(/static/dist/images/cases/shise.gif); | |
| } | |
| .logo-bingdian | |
| { | |
| background-image: url(/static/dist/images/cases/bingdian.gif); | |
| } | |
| .logo-highhand | |
| { | |
| background-image: url(/static/dist/images/cases/highhand.gif); | |
| } | |
| .logo-ruijie | |
| { | |
| background-image: url(/static/dist/images/cases/ruijie.gif); | |
| } | |
| .logo-120jijiu | |
| { | |
| background-image: url(/static/dist/images/cases/120jijiu.gif); | |
| } | |
| .logo-mudan | |
| { | |
| background-image: url(/static/dist/images/cases/mudan.gif?v=1); | |
| } | |
| .logo-xinzhengxin | |
| { | |
| background-image: url(/static/dist/images/cases/xinzhengxin.gif); | |
| } | |
| .logo-datamip | |
| { | |
| background-image: url(/static/dist/images/cases/datamip.gif); | |
| } | |
| .logo-bosen | |
| { | |
| background-image: url(/static/dist/images/cases/bosen.gif); | |
| } | |
| .logo-beiei | |
| { | |
| background-image: url(/static/dist/images/cases/beiei.gif); | |
| } | |
| .logo-soasta | |
| { | |
| background-image: url(/static/dist/images/cases/soasta.gif?v=1); | |
| } | |
| .logo-rongyun | |
| { | |
| background-image: url(/static/dist/images/cases/rongyun.gif?v=1); | |
| } | |
| .logo-haoweilai | |
| { | |
| background-image: url(/static/dist/images/cases/haoweilai.gif); | |
| } | |
| .logo-zhongzhi | |
| { | |
| background-image: url(/static/dist/images/cases/zhongzhi.gif); | |
| } | |
| .logo-baode | |
| { | |
| background-image: url(/static/dist/images/cases/baode.gif); | |
| } | |
| .logo-gongzhikaiyuan | |
| { | |
| background-image: url(/static/dist/images/cases/gongzhikaiyuan.gif); | |
| } | |
| .logo-beiwei | |
| { | |
| background-image: url(/static/dist/images/cases/beiwei.gif); | |
| } | |
| .logo-funplus | |
| { | |
| background-image: url(/static/dist/images/cases/funplus.gif); | |
| } | |
| .logo-xixun | |
| { | |
| background-image: url(/static/dist/images/cases/xixun.gif?v=3); | |
| } | |
| .logo-blingstorm | |
| { | |
| background-image: url(/static/dist/images/cases/blingstorm.gif); | |
| } | |
| .logo-xindong | |
| { | |
| background-image: url(/static/dist/images/cases/xindong.gif); | |
| } | |
| .logo-togic | |
| { | |
| background-image: url(/static/dist/images/cases/togic.gif); | |
| } | |
| .logo-sewise | |
| { | |
| background-image: url(/static/dist/images/cases/sewise.gif); | |
| } | |
| .logo-foream | |
| { | |
| background-image: url(/static/dist/images/cases/foream.gif); | |
| } | |
| .logo-uworld | |
| { | |
| background-image: url(/static/dist/images/cases/uworld.gif); | |
| } | |
| .logo-mingxiaozhibo | |
| { | |
| background-image: url(/static/dist/images/cases/mingxiaozhibo.gif); | |
| } | |
| .logo-liba | |
| { | |
| background-image: url(/static/dist/images/cases/liba.gif); | |
| } | |
| .logo-yidepiao | |
| { | |
| background-image: url(/static/dist/images/cases/yidepiao.gif); | |
| } | |
| .logo-mizao | |
| { | |
| background-image: url(/static/dist/images/cases/mizao.gif); | |
| } | |
| .logo-huju | |
| { | |
| background-image: url(/static/dist/images/cases/huju.gif); | |
| } | |
| .logo-saohuobang | |
| { | |
| background-image: url(/static/dist/images/cases/saohuobang.gif); | |
| } | |
| .logo-cheke | |
| { | |
| background-image: url(/static/dist/images/cases/cheke.gif); | |
| } | |
| .logo-xingshulin | |
| { | |
| background-image: url(/static/dist/images/cases/xingshulin.gif); | |
| } | |
| .logo-jiazhangbang | |
| { | |
| background-image: url(/static/dist/images/cases/jiazhangbang.gif); | |
| } | |
| .logo-dpccc | |
| { | |
| background-image: url(/static/dist/images/cases/dpccc.gif); | |
| } | |
| .logo-gamevil | |
| { | |
| background-image: url(/static/dist/images/cases/gamevil.gif); | |
| } | |
| .logo-dongqiudi | |
| { | |
| background-image: url(/static/dist/images/cases/dongqiudi.jpg); | |
| } | |
| .logo-mixpay | |
| { | |
| background-image: url(/static/dist/images/cases/mixpay.gif); | |
| } | |
| .logo-yonyou | |
| { | |
| background-image: url(/static/dist/images/cases/yonyou.gif); | |
| } | |
| .logo-hoge | |
| { | |
| background-image: url(/static/dist/images/cases/hoge.gif); | |
| } | |
| .logo-zctt | |
| { | |
| background-image: url(/static/dist/images/cases/zctt.gif); | |
| } | |
| .logo-nhii | |
| { | |
| background-image: url(/static/dist/images/cases/nhii.gif); | |
| } | |
| .logo-eoe | |
| { | |
| background-image: url(/static/dist/images/cases/eoe.gif); | |
| } | |
| .logo-neucloud | |
| { | |
| background-image: url(/static/dist/images/cases/neucloud.gif); | |
| } | |
| .logo-lancai | |
| { | |
| background-image: url(/static/dist/images/cases/lancai.gif); | |
| } | |
| .logo-tiaoguoshi | |
| { | |
| background-image: url(/static/dist/images/cases/tiaoguoshi.gif); | |
| } | |
| .logo-yiku | |
| { | |
| background-image: url(/static/dist/images/cases/yiku.gif); | |
| } | |
| .logo-pythonfan | |
| { | |
| background-image: url(/static/dist/images/cases/pythonfan.gif); | |
| } | |
| .logo-energysports | |
| { | |
| background-image: url(/static/dist/images/cases/energysports.gif); | |
| } | |
| .logo-meizumi | |
| { | |
| background-image: url(/static/dist/images/cases/meizumi.gif); | |
| } | |
| .logo-zhigu | |
| { | |
| background-image: url(/static/dist/images/cases/zhigu.gif); | |
| } | |
| .logo-glodon | |
| { | |
| background-image: url(/static/dist/images/cases/glodon.gif); | |
| } | |
| .logo-topkacn | |
| { | |
| background-image: url(/static/dist/images/cases/topkacn.gif); | |
| } | |
| .logo-topkacnapp | |
| { | |
| background-image: url(/static/dist/images/cases/topkacnapp.gif); | |
| } | |
| .logo-fir | |
| { | |
| background-image: url(/static/dist/images/cases/fir.gif?v=2); | |
| } | |
| .logo-kongzi | |
| { | |
| background-image: url(/static/dist/images/cases/kongzi.gif); | |
| } | |
| .logo-huanqiuwangxiao | |
| { | |
| background-image: url(/static/dist/images/cases/huanqiuwangxiao.gif?v=1); | |
| } | |
| .logo-jiekudongli | |
| { | |
| background-image: url(/static/dist/images/cases/jiekudongli.gif); | |
| } | |
| .logo-yike | |
| { | |
| background-image: url(/static/dist/images/cases/yike.gif); | |
| } | |
| .logo-dingdone | |
| { | |
| background-image: url(/static/dist/images/cases/dingdone.gif); | |
| } | |
| .logo-jikexueyuan | |
| { | |
| background-image: url(/static/dist/images/cases/jikexueyuan.gif); | |
| } | |
| .logo-zuji | |
| { | |
| background-image: url(/static/dist/images/cases/zuji.gif?v=1); | |
| } | |
| .locale-switcher | |
| { | |
| display: inline-block; | |
| } | |
| .zone-switcher | |
| { | |
| width: 50%; | |
| } | |
| .currency-switcher | |
| { | |
| vertical-align: top; | |
| width: 50%; | |
| } | |
| .zone-switcher,.currency-switcher,.zone-area | |
| { | |
| background: #353644; | |
| clear: both; | |
| height: 36px; | |
| padding: 3px 0; | |
| position: relative; | |
| } | |
| .zone-switcher:hover,.currency-switcher:hover,.zone-area:hover | |
| { | |
| background: #30313d; | |
| } | |
| .zone-switcher .en,.currency-switcher .en,.zone-area .en | |
| { | |
| color: #999; | |
| padding-left: 5px; | |
| } | |
| .current-zone,.current-currency | |
| { | |
| color: #eee; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 16px; | |
| height: 36px; | |
| line-height: 36px; | |
| position: relative; | |
| vertical-align: middle; | |
| } | |
| .current-zone .icon,.current-currency .icon | |
| { | |
| font-size: 22px; | |
| padding: 11px 9px 8px 13px; | |
| } | |
| .current-zone .fa,.current-currency .fa | |
| { | |
| font-size: 20px; | |
| padding: 9px 9px 8px 13px; | |
| } | |
| .current-zone .loading,.current-currency .loading | |
| { | |
| line-height: 12px; | |
| padding-left: 5px; | |
| } | |
| .current-zone:hover,.current-currency:hover | |
| { | |
| color: #fff; | |
| } | |
| .current-zone.beta .icon,.current-currency.beta .icon,.current-zone.pek1 .icon,.current-currency.pek1 .icon | |
| { | |
| color: #ff615a; | |
| } | |
| .current-zone.aries .icon,.current-currency.aries .icon,.current-zone.gd1 .icon,.current-currency.gd1 .icon | |
| { | |
| color: #59d65e; | |
| } | |
| .current-zone.hrb1 .icon,.current-currency.hrb1 .icon | |
| { | |
| color: #fac726; | |
| } | |
| .current-zone.pek2 .icon,.current-currency.pek2 .icon | |
| { | |
| color: #5ec1f8; | |
| } | |
| .current-zone.ap1 .icon,.current-currency.ap1 .icon | |
| { | |
| color: #9872c2; | |
| } | |
| .current-zone:after,.current-currency:after | |
| { | |
| border: 4px dashed; | |
| border-color: #fff transparent; | |
| content: ''; | |
| height: 0; | |
| pointer-events: none; | |
| position: absolute; | |
| right: 25px; | |
| top: 10px; | |
| width: 0; | |
| z-index: 2; | |
| } | |
| .current-zone:after,.current-currency:after | |
| { | |
| border-bottom: 0; | |
| border-top-style: solid; | |
| margin-top: 7px; | |
| } | |
| .zone-area | |
| { | |
| background: $navigationBackground; | |
| } | |
| .zone-area .current-zone | |
| { | |
| cursor: initial; | |
| } | |
| .zone-area .current-zone::after | |
| { | |
| display: none; | |
| } | |
| .zone-area:hover | |
| { | |
| background: $navigationBackground; | |
| } | |
| .zone-area:hover .current-zone::after | |
| { | |
| display: none; | |
| } | |
| .zone-switcher-select,.currency-switcher-select | |
| { | |
| border-bottom: 0 none; | |
| display: none; | |
| list-style-type: none; | |
| margin: 0 14px; | |
| padding: 0; | |
| position: absolute; | |
| top: 43px; | |
| width: 296px; | |
| } | |
| .zone-switcher-select li,.currency-switcher-select li | |
| { | |
| list-style-type: none; | |
| } | |
| .zone-switcher-select li a,.currency-switcher-select li a | |
| { | |
| background: #fff; | |
| border-bottom: 1px solid #eee; | |
| color: #3b3b3b; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 12px; | |
| line-height: 36px; | |
| padding: 0 10px; | |
| vertical-align: top; | |
| } | |
| .zone-switcher-select li a:hover,.currency-switcher-select li a:hover | |
| { | |
| background: #eee; | |
| } | |
| .zone-switcher-select .label-current,.currency-switcher-select .label-current,.zone-switcher-select .label-unchecked,.currency-switcher-select .label-unchecked | |
| { | |
| background: #999; | |
| border-radius: 30px; | |
| display: inline-block; | |
| height: 8px; | |
| margin: 0 8px 0 3px; | |
| moz-border-radius: 30px; | |
| webkit-border-radius: 30px; | |
| width: 8px; | |
| } | |
| .zone-switcher-select .label-unchecked,.currency-switcher-select .label-unchecked | |
| { | |
| background: 0; | |
| } | |
| .zone-switcher-select.pek1,.currency-switcher-select.pek1,.zone-switcher-select.beta,.currency-switcher-select.beta | |
| { | |
| color: #ff615a; | |
| } | |
| .zone-switcher-select.gd1,.currency-switcher-select.gd1,.zone-switcher-select.aries,.currency-switcher-select.aries | |
| { | |
| color: #59d65e; | |
| } | |
| .zone-switcher-select.hrb1,.currency-switcher-select.hrb1 | |
| { | |
| color: #fac726; | |
| } | |
| .zone-switcher-select.pek2,.currency-switcher-select.pek2 | |
| { | |
| color: #5ec1f8; | |
| } | |
| .zone-switcher-select.ap1,.currency-switcher-select.ap1 | |
| { | |
| color: #9872c2; | |
| } | |
| .zone-switcher-select | |
| { | |
| left: 0; | |
| } | |
| .currency-switcher-select | |
| { | |
| right: 0; | |
| } | |
| .zone-label | |
| { | |
| border-radius: 2px; | |
| display: block; | |
| float: right; | |
| height: 12px; | |
| margin: 12px 3px; | |
| moz-border-radius: 2px; | |
| webkit-border-radius: 2px; | |
| width: 12px; | |
| } | |
| .zone-label.beta | |
| { | |
| background: #ff615a; | |
| } | |
| .zone-label.aries | |
| { | |
| background: #59d65e; | |
| } | |
| .zone-label.pek1 | |
| { | |
| background: #ff615a; | |
| } | |
| .zone-label.gd1 | |
| { | |
| background: #59d65e; | |
| } | |
| .zone-label.hrb1 | |
| { | |
| background: #fac726; | |
| } | |
| .zone-label.pek2 | |
| { | |
| background: #5ec1f8; | |
| } | |
| .zone-label.ap1 | |
| { | |
| background: #9872c2; | |
| } | |
| .attachments .upload-form | |
| { | |
| display: none; | |
| } | |
| .attachments .none | |
| { | |
| display: none; | |
| } | |
| .attachments .loading | |
| { | |
| display: none; | |
| font-size: 14px; | |
| margin: 0; | |
| padding: 5px 20px; | |
| } | |
| .attachment-wrapper | |
| { | |
| cursor: pointer; | |
| display: inline-block; | |
| height: 150px; | |
| margin-right: 10px; | |
| position: relative; | |
| width: 150px; | |
| } | |
| .attachment-wrapper .upload-file | |
| { | |
| background: #eee; | |
| display: table-cell; | |
| height: 150px; | |
| overflow: hidden; | |
| width: 150px; | |
| } | |
| .attachment-wrapper .upload-file .upload-icon | |
| { | |
| display: block; | |
| font-size: 40px; | |
| height: 40px; | |
| line-height: 30px; | |
| margin: 50px auto 0; | |
| opacity: .4; | |
| width: 40px; | |
| } | |
| .attachment-wrapper .upload-file .upload-text | |
| { | |
| display: block; | |
| opacity: .4; | |
| text-align: center; | |
| width: 150px; | |
| } | |
| .attachment-wrapper .upload-file img | |
| { | |
| display: block; | |
| margin: 0 auto; | |
| max-height: 150px; | |
| max-width: 150px; | |
| } | |
| .attachment-wrapper .has-image | |
| { | |
| vertical-align: middle; | |
| } | |
| .attachment-wrapper .text | |
| { | |
| background: #000; | |
| bottom: 0; | |
| color: #fff; | |
| height: 30px; | |
| line-height: 30px; | |
| opacity: .4; | |
| padding: 0 5px; | |
| position: absolute; | |
| text-align: center; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| width: 140px; | |
| } | |
| .attachment-wrapper .del-file | |
| { | |
| background: #b94a48; | |
| border-radius: 2px; | |
| color: #fff; | |
| display: none; | |
| font-size: 20px; | |
| height: 16px; | |
| line-height: 12px; | |
| moz-border-radius: 2px; | |
| position: absolute; | |
| right: 5px; | |
| text-align: center; | |
| top: 5px; | |
| vertical-align: middle; | |
| webkit-border-radius: 2px; | |
| width: 16px; | |
| } | |
| .attachment-preview .upload-file | |
| { | |
| position: relative; | |
| width: 640px; | |
| } | |
| .attachment-preview .upload-file img | |
| { | |
| width: 640px; | |
| } | |
| .attachment-preview .upload-file:hover .view-origin | |
| { | |
| display: block; | |
| } | |
| .attachment-preview .thumbnail | |
| { | |
| opacity: .2; | |
| } | |
| .attachment-preview .view-origin | |
| { | |
| background: #999; | |
| bottom: 0; | |
| color: #fff; | |
| cursor: pointer; | |
| display: none; | |
| font-family: Entypo; | |
| font-size: 30px; | |
| height: 40px; | |
| line-height: 40px; | |
| opacity: .5; | |
| position: absolute; | |
| right: 0; | |
| text-align: center; | |
| width: 40px; | |
| z-index: 9999; | |
| } | |
| .attachment-preview .view-origin::before | |
| { | |
| content: '\48'; | |
| } | |
| .icon-icp-new::before | |
| { | |
| content: '\E79A'; | |
| } | |
| .icon-icp-trans::before | |
| { | |
| content: '\27A6'; | |
| } | |
| .icon-upload::before | |
| { | |
| content: '\E74D'; | |
| } | |
| .icon-view::before | |
| { | |
| content: '\E70A'; | |
| } | |
| .icon-waiting::before | |
| { | |
| content: '\e78d'; | |
| } | |
| .icon-pass::before | |
| { | |
| content: '\2713'; | |
| } | |
| .icon-mail::before | |
| { | |
| content: '\2709'; | |
| } | |
| .icon-photo::before | |
| { | |
| content: '\1F4F7'; | |
| } | |
| .page-inner.icp-intro | |
| { | |
| color: #555; | |
| line-height: 1.6em; | |
| } | |
| .page-inner.icp-intro h4 | |
| { | |
| margin-top: 1.5em; | |
| } | |
| .page-inner.icp-intro ul | |
| { | |
| padding-left: 0; | |
| } | |
| .page-inner.icp-intro ul li | |
| { | |
| line-height: 2em; | |
| list-style-type: none; | |
| } | |
| .page-inner.icp-intro img.icp-procedure | |
| { | |
| margin: 10px 150px; | |
| width: 800px; | |
| } | |
| .modal .authority-rules | |
| { | |
| color: #555; | |
| line-height: 1.6em; | |
| } | |
| .modal .authority-rules h4 | |
| { | |
| margin-top: 1.5em; | |
| } | |
| .icp-list p.none | |
| { | |
| font-size: 14px; | |
| margin-top: 30px; | |
| text-align: center; | |
| } | |
| .icp-list td.controls a | |
| { | |
| margin-right: 15px; | |
| } | |
| .icp-apply-wizard | |
| { | |
| position: relative; | |
| } | |
| .icp-apply-wizard .wizard-ticket | |
| { | |
| position: fixed; | |
| right: -20px; | |
| top: 360px; | |
| } | |
| .icp-apply-wizard .wizard-ticket a | |
| { | |
| border-radius: 0; | |
| font-size: 18px; | |
| line-height: 2em; | |
| moz-border-radius: 0; | |
| webkit-border-radius: 0; | |
| width: 200px; | |
| } | |
| .icp-apply-wizard .wizard-content>.rules | |
| { | |
| display: none; | |
| line-height: 1.5; | |
| position: fixed; | |
| right: 0; | |
| top: 430px; | |
| width: 220px; | |
| } | |
| .icp-apply-wizard .wizard-content form .control-label | |
| { | |
| width: 165px; | |
| } | |
| .icp-apply-wizard .wizard-content form .controls | |
| { | |
| line-height: 43px; | |
| margin-left: 175px; | |
| } | |
| .icp-apply-wizard .wizard-content form .form-actions | |
| { | |
| padding-left: 0; | |
| } | |
| .icp-apply-wizard .wizard-content form .form-actions input[type=button] | |
| { | |
| margin: 0 10px 0 0; | |
| } | |
| .icp-apply-wizard .wizard-content form .form-actions .feedback | |
| { | |
| color: #57b382; | |
| margin-left: 8px; | |
| } | |
| .icp-apply-wizard .wizard-content form .item.must .control-label:before | |
| { | |
| color: #57b382; | |
| content: '*'; | |
| margin-right: 3px; | |
| } | |
| .icp-apply-wizard .wizard-content form .item .hint | |
| { | |
| display: none; | |
| } | |
| .icp-apply-wizard .wizard-content form .item.active .hint | |
| { | |
| border: 1px solid #57b382; | |
| border-radius: 3px; | |
| display: inline-block; | |
| font-size: 12px; | |
| moz-border-radius: 3px; | |
| padding: 15px; | |
| position: absolute; | |
| webkit-border-radius: 3px; | |
| width: 350px; | |
| } | |
| .icp-apply-wizard .wizard-content form .item.active .hint:before | |
| { | |
| border-color: transparent #57b382 transparent transparent; | |
| border-style: solid; | |
| border-width: 6px 10px 6px 0; | |
| content: ''; | |
| display: block; | |
| height: 0; | |
| left: -10px; | |
| position: absolute; | |
| top: 10px; | |
| width: 0; | |
| } | |
| .icp-apply-wizard .wizard-content form .item.active .hint:after | |
| { | |
| border-color: transparent #fff transparent transparent; | |
| border-style: solid; | |
| border-width: 5px 8px 5px 0; | |
| content: ''; | |
| display: block; | |
| height: 0; | |
| left: -8px; | |
| position: absolute; | |
| top: 11px; | |
| width: 0; | |
| } | |
| .icp-apply-wizard .wizard-content form .item.active .hint p | |
| { | |
| line-height: 1.6; | |
| margin: 0; | |
| } | |
| .icp-apply .types | |
| { | |
| margin: 0 0 30px; | |
| } | |
| .icp-apply .types .hint | |
| { | |
| color: #999; | |
| font-style: italic; | |
| } | |
| .icp-apply .types .hint::before | |
| { | |
| color: #57b382; | |
| content: '*'; | |
| margin-right: 2px; | |
| } | |
| .icp-apply .types .hint .redirect | |
| { | |
| margin-left: 5px; | |
| } | |
| .icp-apply .icp-types | |
| { | |
| list-style-type: none; | |
| margin: 20px 0; | |
| padding: 0; | |
| } | |
| .icp-apply .icp-type-item | |
| { | |
| display: inline-block; | |
| margin: 0; | |
| padding: 0; | |
| width: 25%; | |
| } | |
| .icp-apply .icp-type-item.disabled .item-inner .title | |
| { | |
| color: #999; | |
| } | |
| .icp-apply .icp-type-item .item-inner | |
| { | |
| background: #eee; | |
| border-radius: 5px; | |
| color: #3b3b3b; | |
| font-size: 28px; | |
| font-weight: 700; | |
| moz-border-radius: 5px; | |
| padding: 25px 40px 30px; | |
| webkit-border-radius: 5px; | |
| } | |
| .icp-apply .icp-type-item .item-inner .title | |
| { | |
| margin-top: 18px; | |
| } | |
| .icp-apply .icp-type-item .item-inner .title,.icp-apply .icp-type-item .item-inner .help | |
| { | |
| display: block; | |
| font-style: normal; | |
| } | |
| .icp-apply .icp-type-item .item-inner .help | |
| { | |
| color: #999; | |
| font-size: 14px; | |
| font-weight: 400; | |
| line-height: 1.4em; | |
| margin: 18px auto 0; | |
| padding: 0; | |
| text-align: left; | |
| } | |
| .icp-apply .icp-type-item .item-inner .icon | |
| { | |
| background: #fff; | |
| border-radius: 100px; | |
| float: left; | |
| font-size: 28px; | |
| line-height: 48px; | |
| margin-right: 30px; | |
| moz-border-radius: 100px; | |
| moz-transform: scale(1); | |
| moz-transition: all .2s ease-in-out; | |
| o-transition: all .2s ease-in-out; | |
| padding: 10px 0; | |
| text-align: center; | |
| transform: scale(1); | |
| transition: all .2s ease-in-out; | |
| webkit-border-radius: 100px; | |
| webkit-transform: scale(1); | |
| webkit-transition: all .2s ease-in-out; | |
| width: 70px; | |
| } | |
| .icp-apply .icp-type-item .item-inner | |
| { | |
| margin-right: 15px; | |
| } | |
| .icp-apply .icp-type-item:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .icp-apply .icp-type-item:hover .item-inner | |
| { | |
| background: #d5ece0; | |
| color: #57b382; | |
| } | |
| .icp-apply .icp-type-item:hover .item-inner .icon | |
| { | |
| moz-transform: scale(1.1); | |
| transform: scale(1.1); | |
| webkit-transform: scale(1.1); | |
| } | |
| .icp-apply .icp-type-item:hover.disabled | |
| { | |
| cursor: not-allowed; | |
| } | |
| .icp-apply .icp-type-item:hover.disabled .item-inner | |
| { | |
| background: #eee; | |
| color: #3b3b3b; | |
| } | |
| .icp-apply .icp-type-item:hover.disabled .item-inner .icon | |
| { | |
| moz-transform: scale(1); | |
| transform: scale(1); | |
| webkit-transform: scale(1); | |
| } | |
| .icp-apply .icp-type-item.selected .item-inner | |
| { | |
| background: #d5ece0; | |
| color: #57b382; | |
| } | |
| .icp-apply .form-actions | |
| { | |
| padding-left: 0; | |
| } | |
| .icp-apply .zones | |
| { | |
| margin: 0 0 30px; | |
| } | |
| .icp-apply .zones .hint | |
| { | |
| color: #999; | |
| font-style: italic; | |
| } | |
| .icp-apply .zones .hint::before | |
| { | |
| color: #57b382; | |
| content: '*'; | |
| margin-right: 2px; | |
| } | |
| .icp-apply .icp-zones | |
| { | |
| list-style-type: none; | |
| margin: 20px 0; | |
| padding: 0; | |
| } | |
| .icp-apply .icp-zone-item | |
| { | |
| background: #eee; | |
| border-radius: 5px; | |
| color: #3b3b3b; | |
| display: inline-block; | |
| font-size: 18px; | |
| font-weight: 700; | |
| margin-right: 15px; | |
| moz-border-radius: 5px; | |
| padding: 0; | |
| padding: 20px 40px; | |
| webkit-border-radius: 5px; | |
| width: 120px; | |
| } | |
| .icp-apply .icp-zone-item .icon | |
| { | |
| font-size: 20px; | |
| } | |
| .icp-apply .icp-zone-item:hover | |
| { | |
| background: #d5ece0; | |
| color: #57b382; | |
| cursor: pointer; | |
| } | |
| .icp-apply .icp-zone-item.selected | |
| { | |
| background: #d5ece0; | |
| color: #57b382; | |
| } | |
| .icp-apply-wizard | |
| { | |
| margin: 20px 0 50px; | |
| padding: 0; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar | |
| { | |
| margin: 0 0 30px; | |
| padding: 0; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item | |
| { | |
| background: #eee; | |
| display: inline-block; | |
| list-style-type: none; | |
| margin-right: 1px; | |
| padding: 15px 20px; | |
| position: relative; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item.done | |
| { | |
| background: #89caa8; | |
| color: #fff; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item.doing | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item.todo | |
| { | |
| color: #555; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item.todo:hover | |
| { | |
| cursor: not-allowed; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item.current | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item.doing::after | |
| { | |
| border-color: transparent transparent transparent #57b382; | |
| border-style: solid; | |
| border-width: 9px; | |
| content: ''; | |
| position: absolute; | |
| right: -18px; | |
| top: 17px; | |
| z-index: 1; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .progress-bar-item:last-child.doing::after | |
| { | |
| border: 0; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .title | |
| { | |
| display: inline-block; | |
| line-height: 24px; | |
| vertical-align: middle; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .step | |
| { | |
| background: #e2e2e2; | |
| border-radius: 60px; | |
| color: #555; | |
| display: inline-block; | |
| font-size: 12px; | |
| height: 24px; | |
| line-height: 24px; | |
| margin-right: 8px; | |
| moz-border-radius: 60px; | |
| text-align: center; | |
| vertical-align: middle; | |
| webkit-border-radius: 60px; | |
| width: 24px; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .doing .step | |
| { | |
| background: #4ba575; | |
| color: #fff; | |
| } | |
| .icp-apply-wizard .wizard-progress-bar .done .step | |
| { | |
| background: #68bb8f; | |
| color: #fff; | |
| } | |
| .form-icp .control-label | |
| { | |
| width: 220px; | |
| } | |
| .form-icp .controls | |
| { | |
| margin-left: 240px; | |
| } | |
| .form-icp input[type=text] | |
| { | |
| width: 280px; | |
| } | |
| .form-icp .form-actions | |
| { | |
| padding-left: 240px; | |
| } | |
| .icp-file-uploader | |
| { | |
| margin: 20px 0 50px; | |
| overflow: hidden; | |
| } | |
| .preview-wrapper | |
| { | |
| background: #eee; | |
| color: #999; | |
| float: left; | |
| font-weight: 700; | |
| height: 280px; | |
| text-align: center; | |
| width: 280px; | |
| } | |
| .preview-wrapper .icon | |
| { | |
| display: block; | |
| font-size: 56px; | |
| line-height: 32px; | |
| margin: 90px 0 30px; | |
| } | |
| .file-example | |
| { | |
| margin-left: 320px; | |
| } | |
| .file-example .help | |
| { | |
| color: #999; | |
| line-height: 1.6em; | |
| list-style-position: inside; | |
| padding: 0; | |
| } | |
| .file-example .sample | |
| { | |
| background: #d5ece0; | |
| display: inline-block; | |
| height: 110px; | |
| margin-right: 20px; | |
| vertical-align: top; | |
| width: 150px; | |
| } | |
| .admin-response | |
| { | |
| list-style-type: none; | |
| margin: 20px 0 50px; | |
| padding: 0; | |
| } | |
| .admin-response .response-item | |
| { | |
| background: #fcf8e3; | |
| color: #835404; | |
| margin-bottom: 10px; | |
| padding: 20px 30px; | |
| } | |
| .admin-response .response-item.fixed | |
| { | |
| background: #eee; | |
| color: #999; | |
| } | |
| .admin-response .summary | |
| { | |
| font-weight: 700; | |
| } | |
| .admin-response .content | |
| { | |
| line-height: 1.4em; | |
| } | |
| .admin-response .content ol | |
| { | |
| margin: 10px 0; | |
| padding: 0; | |
| } | |
| .admin-response .content li | |
| { | |
| list-style-position: inside; | |
| margin: 5px 0; | |
| } | |
| .admin-response .time | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| } | |
| .admin-response span.fixed | |
| { | |
| color: #57b382; | |
| font-weight: 700; | |
| margin-left: 8px; | |
| } | |
| .alert-icp | |
| { | |
| font-size: 16px; | |
| padding: 20px; | |
| } | |
| .alert-icp .icon | |
| { | |
| font-size: 18px; | |
| } | |
| .icp-step5 | |
| { | |
| background: #f7f7f7; | |
| margin-bottom: 20px; | |
| overflow: hidden; | |
| } | |
| .icp-step5 .title | |
| { | |
| background: #eee; | |
| float: left; | |
| padding: 50px 0; | |
| width: 200px; | |
| } | |
| .icp-step5 .title h5 | |
| { | |
| font-size: 18px; | |
| text-align: center; | |
| } | |
| .icp-step5 .title .icon | |
| { | |
| color: #57b382; | |
| display: block; | |
| font-size: 42px; | |
| margin: 0 auto 30px; | |
| width: 80px; | |
| } | |
| .icp-step5 .details | |
| { | |
| margin-left: 220px; | |
| padding: 30px; | |
| } | |
| .icp-step5 .details .detail-item | |
| { | |
| display: inline-block; | |
| vertical-align: top; | |
| width: 50%; | |
| } | |
| .icp-step5 .details h6 | |
| { | |
| font-size: 14px; | |
| } | |
| .icp-step5 .details ul,.icp-step5 .details ol | |
| { | |
| list-style-position: outside; | |
| margin: 20px 0; | |
| padding-left: 20px; | |
| } | |
| .icp-step5 .details li | |
| { | |
| margin: 8px 0; | |
| } | |
| .icp-ticket .modal-content | |
| { | |
| padding: 0; | |
| } | |
| .ticket-inner | |
| { | |
| background: #e4eaec; | |
| color: #58666e; | |
| padding: 20px 30px; | |
| } | |
| .ticket-inner .ticket-content | |
| { | |
| font-size: 16px; | |
| line-height: 1.6em; | |
| } | |
| .ticket-inner .ticket-summary | |
| { | |
| font-size: 18px; | |
| font-weight: 700; | |
| } | |
| .ticket-inner .ticket-time | |
| { | |
| color: #58666e; | |
| margin: 0; | |
| } | |
| .ticket-inner .btn-close | |
| { | |
| float: right; | |
| line-height: 16px; | |
| margin-top: 4px; | |
| } | |
| .ticket-inner .closed | |
| { | |
| background: #fff; | |
| border-radius: 2px; | |
| color: #777; | |
| float: right; | |
| font-size: 14px; | |
| font-style: italic; | |
| line-height: 16px; | |
| margin-top: 6px; | |
| moz-border-radius: 2px; | |
| padding: 6px 17px; | |
| webkit-border-radius: 2px; | |
| } | |
| .ticket-replies-inner | |
| { | |
| background: #f8f8f8; | |
| padding: 20px; | |
| } | |
| .ticket-replies-inner ul | |
| { | |
| padding: 0; | |
| } | |
| .ticket-replies-inner li | |
| { | |
| margin: 15px 0; | |
| overflow: hidden; | |
| } | |
| .replies-title | |
| { | |
| font-size: 16px; | |
| font-weight: 700; | |
| } | |
| .replies-title .total | |
| { | |
| font-family: Arial,sans-serif; | |
| padding: 0 7px; | |
| } | |
| .reply-avatar | |
| { | |
| background-size: contain; | |
| border-radius: 5em; | |
| float: left; | |
| height: 32px; | |
| moz-border-radius: 5em; | |
| webkit-border-radius: 5em; | |
| width: 32px; | |
| } | |
| .reply-content | |
| { | |
| background: #fff; | |
| border-radius: 3px; | |
| margin-left: 40px; | |
| moz-border-radius: 3px; | |
| overflow: hidden; | |
| padding: 5px 12px; | |
| webkit-border-radius: 3px; | |
| } | |
| .reply-content p | |
| { | |
| margin: 8px 0; | |
| } | |
| .reply-content.admin | |
| { | |
| background: #e4eaec; | |
| } | |
| .reply-content .time | |
| { | |
| font-size: 12px; | |
| margin: 0 0 8px; | |
| } | |
| .add-reply-inner | |
| { | |
| padding: 10px; | |
| padding-bottom: 50px; | |
| } | |
| .add-reply-inner textarea | |
| { | |
| margin: 0 0 10px; | |
| width: 730px; | |
| } | |
| .add-reply-inner .btn-add-reply | |
| { | |
| margin: 0; | |
| } | |
| .ticket-attachments-inner | |
| { | |
| background: #e9eef0; | |
| height: 120px; | |
| overflow: hidden; | |
| padding: 10px 30px 20px; | |
| } | |
| .ticket-attachments-inner h4 | |
| { | |
| color: #58666e; | |
| font-size: 16px; | |
| font-weight: 700; | |
| } | |
| .attachments-item | |
| { | |
| display: inline-block; | |
| margin-right: 10px; | |
| vertical-align: middle; | |
| } | |
| .attachments-item .attachment-inner | |
| { | |
| background: #fff; | |
| border-radius: 3px; | |
| display: block; | |
| height: 64px; | |
| moz-border-radius: 3px; | |
| padding: 8px; | |
| text-align: center; | |
| webkit-border-radius: 3px; | |
| width: 64px; | |
| } | |
| .attachments-item .attachment-inner img | |
| { | |
| display: block; | |
| line-height: 64px; | |
| margin: 0 auto; | |
| max-height: 64px; | |
| max-width: 64px; | |
| vertical-align: middle; | |
| } | |
| .attachments-uploader | |
| { | |
| margin: 10px 0; | |
| } | |
| .attachments-item | |
| { | |
| position: relative; | |
| } | |
| .attachments-item .btn-upload-attachment | |
| { | |
| background: 0; | |
| border: 1px dashed #58666e; | |
| color: #58666e; | |
| display: block; | |
| height: 64px; | |
| padding: 7px; | |
| width: 64px; | |
| } | |
| .attachments-item .fa-upload | |
| { | |
| display: block; | |
| font-size: 22px; | |
| margin: 20px 0; | |
| text-align: center; | |
| } | |
| .attachments-item .txt-file::before | |
| { | |
| color: #777; | |
| content: '\f0f6'; | |
| display: block; | |
| display: inline-block; | |
| font: 400 normal normal 14px/1 FontAwesome; | |
| font-size: 28px; | |
| font-weight: 700; | |
| padding: 20px 0; | |
| text-align: center; | |
| } | |
| .attachments-item .btn-delete | |
| { | |
| background: #b94a48; | |
| border-radius: 5em; | |
| color: #fff; | |
| display: none; | |
| font-size: 18px; | |
| height: 22px; | |
| line-height: 20px; | |
| moz-border-radius: 5em; | |
| position: absolute; | |
| right: -14px; | |
| text-align: center; | |
| top: -8px; | |
| vertical-align: middle; | |
| webkit-border-radius: 5em; | |
| width: 22px; | |
| z-index: 5; | |
| } | |
| .attachments-item .btn-preview | |
| { | |
| background: rgba(53,54,68,.7); | |
| display: none; | |
| font-size: 28px; | |
| height: 100%; | |
| left: 0; | |
| line-height: 80px; | |
| position: absolute; | |
| text-align: center; | |
| top: 0; | |
| vertical-align: middle; | |
| width: 100%; | |
| } | |
| .attachments-item .btn-preview .fa | |
| { | |
| color: #fff; | |
| } | |
| .attachments-item:hover .btn-delete,.attachments-item:hover .btn-preview | |
| { | |
| display: inline-block; | |
| } | |
| .attachments-help | |
| { | |
| color: #777; | |
| font-size: 14px; | |
| font-weight: 400; | |
| padding: 0 12px; | |
| } | |
| .ticket-wrapper | |
| { | |
| margin: 10px auto 80px; | |
| width: 700px; | |
| } | |
| .tickets-items li | |
| { | |
| border-top: 1px solid #eee; | |
| overflow: hidden; | |
| } | |
| .tickets-items li:hover | |
| { | |
| background: #f8f8f8; | |
| cursor: pointer; | |
| } | |
| .tickets-items .fa-attachments | |
| { | |
| background: #f8f8f8; | |
| border-radius: 3px; | |
| color: #777; | |
| display: inline-block; | |
| float: right; | |
| moz-border-radius: 3px; | |
| padding: 4px 5px; | |
| webkit-border-radius: 3px; | |
| } | |
| .tickets-items .loading | |
| { | |
| display: block; | |
| text-align: center; | |
| } | |
| .ticket-status | |
| { | |
| float: left; | |
| text-align: right; | |
| width: 30px; | |
| } | |
| .ticket-status .fa | |
| { | |
| font-size: 16px; | |
| margin-top: 35px; | |
| } | |
| .ticket-details | |
| { | |
| margin-left: 30px; | |
| padding: 12px; | |
| } | |
| .ticket-details h6 | |
| { | |
| font-weight: 700; | |
| margin: 0; | |
| } | |
| .ticket-details p | |
| { | |
| color: #555; | |
| margin: 8px 0 3px; | |
| } | |
| .ticket-details .time | |
| { | |
| color: #777; | |
| font-style: 12px; | |
| } | |
| .page-tickets | |
| { | |
| background: #fff; | |
| margin: 20px; | |
| } | |
| .tickets-tickets | |
| { | |
| float: left; | |
| width: 40%; | |
| } | |
| .tickets-tickets-inner | |
| { | |
| overflow-y: auto; | |
| } | |
| .tickets-ticket | |
| { | |
| height: 100%; | |
| margin-left: 40%; | |
| } | |
| .tickets-ticket-inner | |
| { | |
| background: #f8f8f8; | |
| border-left: 1px solid #e4eaec; | |
| overflow-y: auto; | |
| } | |
| .tickets-ticket-inner .add-reply-inner textarea | |
| { | |
| width: 460px; | |
| } | |
| .tickets-toolbar | |
| { | |
| border-bottom: 1px solid #e4eaec; | |
| padding: 20px 30px; | |
| } | |
| .tickets-toolbar .pagination | |
| { | |
| float: right; | |
| } | |
| .tickets-tickets .tickets-items li | |
| { | |
| border-bottom: 1px solid #e4eaec; | |
| border-top: 0 none; | |
| } | |
| .tickets-tickets .tickets-items li.selected | |
| { | |
| background: #e4eaec; | |
| } | |
| .tickets-tickets .ticket-details | |
| { | |
| padding: 20px; | |
| } | |
| .tickets-tickets .ticket-details h6 | |
| { | |
| font-size: 16px; | |
| } | |
| .form.wizard-subject-info fieldset | |
| { | |
| margin-top: 15px; | |
| } | |
| .form.wizard-subject-info fieldset legend | |
| { | |
| font-size: 20px; | |
| line-height: 30px; | |
| } | |
| .form.wizard-subject-info input[type=text] | |
| { | |
| margin-right: 15px; | |
| width: 400px; | |
| } | |
| .form.wizard-subject-info .office-phone .controls input[type=text] | |
| { | |
| width: 358px; | |
| } | |
| .form.wizard-subject-info select | |
| { | |
| width: 422px; | |
| } | |
| .form.wizard-subject-info select.company-certification | |
| { | |
| margin-right: 15px; | |
| } | |
| .form.wizard-subject-info .location select | |
| { | |
| margin-right: 7px; | |
| width: 136px; | |
| } | |
| .form.wizard-website-info h4 | |
| { | |
| display: inline-block; | |
| font-size: 20px; | |
| font-weight: 400; | |
| line-height: 30px; | |
| margin: 10px 0; | |
| } | |
| .form.wizard-website-info .checkbox-item | |
| { | |
| display: inline-block; | |
| margin-right: 10px; | |
| } | |
| .form.wizard-website-info .checkbox-item span | |
| { | |
| margin-left: 3px; | |
| } | |
| .form.wizard-website-info input[type=text],.form.wizard-website-info input[type=password] | |
| { | |
| margin-right: 15px; | |
| width: 350px; | |
| } | |
| .form.wizard-website-info .office-phone .controls input[type=text] | |
| { | |
| width: 308px; | |
| } | |
| .form.wizard-website-info .item select | |
| { | |
| margin-right: 15px; | |
| width: 372px; | |
| } | |
| .form.wizard-website-info .item | |
| { | |
| overflow: hidden; | |
| } | |
| .form.wizard-website-info .item .domain | |
| { | |
| margin: 0 0 8px; | |
| } | |
| .form.wizard-website-info .item .domain input | |
| { | |
| width: 280px; | |
| } | |
| .form.wizard-website-info .item .domain a | |
| { | |
| display: inline; | |
| margin-right: 15px; | |
| } | |
| .form.wizard-website-info select.web-manager | |
| { | |
| margin-left: 15px; | |
| } | |
| .form.wizard-website-info .ip-segment | |
| { | |
| margin: 0 0 8px; | |
| } | |
| .form.wizard-website-info .ip-segment input | |
| { | |
| margin: 0 15px 0 0; | |
| width: 146px; | |
| } | |
| .form.wizard-website-info .ip-segment span | |
| { | |
| margin: 0 15px 0 0; | |
| } | |
| .form.wizard-website-info .website-info | |
| { | |
| margin: 15px 0; | |
| } | |
| .form.wizard-website-info .website-info .summary | |
| { | |
| display: block; | |
| } | |
| .form.wizard-website-info .website-info .details | |
| { | |
| display: none; | |
| } | |
| .form.wizard-website-info .website-info.current .summary | |
| { | |
| display: none; | |
| } | |
| .form.wizard-website-info .website-info.current .details | |
| { | |
| display: block; | |
| } | |
| .form.wizard-website-info .website-info div.title | |
| { | |
| border-left: 5px solid #57b382; | |
| padding-left: 8px; | |
| } | |
| .form.wizard-website-info .website-info div.title h4 | |
| { | |
| font-size: 16px; | |
| line-height: 20px; | |
| margin-right: 20px; | |
| } | |
| .form.wizard-website-info .website-info div.title a | |
| { | |
| margin-right: 10px; | |
| } | |
| .icp-upload-picture | |
| { | |
| margin-bottom: 20px; | |
| } | |
| .icp-upload-picture h4 | |
| { | |
| font-size: 20px; | |
| font-weight: 400; | |
| line-height: 30px; | |
| margin: 10px 0; | |
| } | |
| .icp-upload-picture .upload | |
| { | |
| display: inline-block; | |
| margin-right: 30px; | |
| width: 320px; | |
| } | |
| .icp-upload-picture .upload .wrapper | |
| { | |
| margin-bottom: 15px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .icp-upload-picture .upload .wrapper:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .icp-upload-picture .upload .wrapper input[type=file] | |
| { | |
| font-size: 50px; | |
| left: 0; | |
| opacity: 0; | |
| position: absolute; | |
| top: 0; | |
| } | |
| .icp-upload-picture .upload .wrapper input[type=file]:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .icp-upload-picture .upload .preview | |
| { | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .icp-upload-picture .upload .preview img | |
| { | |
| max-width: 100%; | |
| } | |
| .icp-upload-picture .upload .preview img:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .icp-upload-picture .example | |
| { | |
| background: #eee; | |
| display: inline-block; | |
| margin-right: 30px; | |
| padding: 30px 40px; | |
| vertical-align: top; | |
| width: 180px; | |
| } | |
| .icp-upload-picture .example span | |
| { | |
| display: inline-block; | |
| margin-bottom: 15px; | |
| } | |
| .icp-upload-picture .example .preview | |
| { | |
| color: #999; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .icp-upload-picture .example .preview img | |
| { | |
| max-width: 100%; | |
| } | |
| .icp-upload-picture .example .preview img:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .icp-upload-picture .hints | |
| { | |
| display: inline-block; | |
| margin-right: 10px; | |
| vertical-align: top; | |
| width: 390px; | |
| } | |
| .icp-upload-picture .hints .title | |
| { | |
| display: inline-block; | |
| margin-bottom: 15px; | |
| } | |
| .icp-upload-picture .hints ul | |
| { | |
| line-height: 1.5; | |
| margin: 0; | |
| padding: 0 0 0 20px; | |
| } | |
| .icp-upload-picture .hints ul li | |
| { | |
| margin-bottom: 5px; | |
| } | |
| .icp-upload-picture .hints ul li a.download | |
| { | |
| margin-left: 8px; | |
| } | |
| .window-overlay .modal-content .picture-wrapper | |
| { | |
| text-align: center; | |
| width: 900px; | |
| } | |
| .window-overlay .modal-content .picture-wrapper img | |
| { | |
| max-width: 100%; | |
| } | |
| .wizard-first-review span.icon,.wizard-second-review span.icon,.wizard-final-review span.icon | |
| { | |
| margin-right: 8px; | |
| } | |
| .wizard-first-review .response,.wizard-second-review .response,.wizard-final-review .response | |
| { | |
| background-color: #eee; | |
| margin: 12px 0; | |
| padding: 10px 45px; | |
| } | |
| .wizard-first-review .form-actions,.wizard-second-review .form-actions,.wizard-final-review .form-actions | |
| { | |
| border: 0; | |
| text-align: center; | |
| } | |
| .wizard-mail-photo .hint | |
| { | |
| font-style: italic; | |
| } | |
| .wizard-mail-photo .hint::before | |
| { | |
| color: #57b382; | |
| content: '*'; | |
| margin-right: 2px; | |
| } | |
| .wizard-mail-photo h4.title | |
| { | |
| border-left: 5px solid #57b382; | |
| font-size: 20px; | |
| font-weight: 400; | |
| line-height: 24px; | |
| padding: 5px 0 5px 10px; | |
| } | |
| .wizard-mail-photo .mail h5 | |
| { | |
| font-size: 16px; | |
| line-height: 24px; | |
| } | |
| .wizard-mail-photo .mail .requirements | |
| { | |
| display: inline-block; | |
| width: 45%; | |
| } | |
| .wizard-mail-photo .mail .requirements a | |
| { | |
| margin-left: 8px; | |
| } | |
| .wizard-mail-photo .mail .isp | |
| { | |
| display: inline-block; | |
| margin-left: 5%; | |
| vertical-align: top; | |
| width: 45%; | |
| } | |
| .wizard-mail-photo .photo .details | |
| { | |
| margin-bottom: 20px; | |
| } | |
| .wizard-mail-photo .photo .detail-item .content | |
| { | |
| display: none; | |
| } | |
| .wizard-mail-photo .photo .detail-item h5 | |
| { | |
| display: block; | |
| font-size: 16px; | |
| line-height: 24px; | |
| margin: 10px 0; | |
| padding-left: 17px; | |
| position: relative; | |
| } | |
| .wizard-mail-photo .photo .detail-item h5:hover | |
| { | |
| cursor: pointer; | |
| } | |
| .wizard-mail-photo .photo .detail-item h5::before | |
| { | |
| border-color: transparent transparent transparent #57b382; | |
| border-style: solid; | |
| border-width: 6px 0 6px 9px; | |
| content: ''; | |
| display: block; | |
| height: 0; | |
| left: 0; | |
| position: absolute; | |
| top: 5px; | |
| width: 0; | |
| } | |
| .wizard-mail-photo .photo .detail-item.current .content | |
| { | |
| display: block; | |
| } | |
| .wizard-mail-photo .photo .detail-item.current h5::before | |
| { | |
| border-color: #57b382 transparent transparent; | |
| border-width: 9px 6px 0; | |
| left: -1px; | |
| top: 8px; | |
| } | |
| .wizard-mail-photo .photo .detail-item span.verification_addresses | |
| { | |
| margin-left: 15px; | |
| } | |
| .wizard-mail-photo .icp-curtain-express h4 | |
| { | |
| font-size: 20px; | |
| font-weight: 400; | |
| line-height: 30px; | |
| margin: 10px 0; | |
| } | |
| .wizard-mail-photo .icp-curtain-express .alert-icp | |
| { | |
| font-size: 14px; | |
| padding: 20px; | |
| } | |
| .wizard-mail-photo .icp-curtain-express .status | |
| { | |
| font-style: normal; | |
| } | |
| .wizard-mail-photo .icp-curtain-express .status p | |
| { | |
| display: inline-block; | |
| } | |
| .wizard-mail-photo .icp-curtain-express .status a.modify | |
| { | |
| margin-left: 15px; | |
| } | |
| .window-overlay .verification_addresses table | |
| { | |
| margin-bottom: 15px; | |
| } | |
| .window-overlay .verification_addresses table th,.window-overlay .verification_addresses table td | |
| { | |
| font-size: 14px; | |
| } | |
| .window-overlay .verification_addresses .hint | |
| { | |
| font-style: italic; | |
| } | |
| .window-overlay .verification_addresses .hint::before | |
| { | |
| color: #57b382; | |
| content: '*'; | |
| margin-right: 2px; | |
| } | |
| .wizard-subject-master-codes .master-codes,.wizard-subject-master-codes .subject-info | |
| { | |
| margin: 0 0 20px; | |
| } | |
| .wizard-subject-master-codes h4.title | |
| { | |
| border-left: 5px solid #57b382; | |
| font-size: 20px; | |
| font-weight: 400; | |
| line-height: 24px; | |
| padding: 5px 0 5px 10px; | |
| } | |
| .wizard-subject-master-codes fieldset | |
| { | |
| margin-top: 15px; | |
| } | |
| .wizard-subject-master-codes fieldset legend | |
| { | |
| font-size: 20px; | |
| line-height: 30px; | |
| } | |
| .wizard-subject-master-codes input[type=text] | |
| { | |
| margin-right: 15px; | |
| width: 400px; | |
| } | |
| .wizard-subject-master-codes .office-phone .controls input[type=text] | |
| { | |
| width: 358px; | |
| } | |
| .wizard-subject-master-codes select | |
| { | |
| width: 422px; | |
| } | |
| .wizard-subject-master-codes select.company-certification | |
| { | |
| margin-right: 15px; | |
| } | |
| .wizard-subject-master-codes .location select | |
| { | |
| margin-right: 7px; | |
| width: 136px; | |
| } | |
| .wizard-subject-master-codes .master-codes label | |
| { | |
| margin: 0 10px 0 15px; | |
| } | |
| form>.wizard-website-info-codes div.web-manager select.web-manager | |
| { | |
| display: none; | |
| } | |
| body.marketing-hongkong,body.marketing-2015 | |
| { | |
| background: #353644; | |
| height: 4000px; | |
| overflow-x: hidden; | |
| } | |
| body.marketing-hongkong .page,body.marketing-2015 .page | |
| { | |
| height: auto; | |
| min-height: auto; | |
| overflow: visible; | |
| } | |
| body.marketing-hongkong #header,body.marketing-2015 #header,body.marketing-hongkong #footer,body.marketing-2015 #footer | |
| { | |
| display: none; | |
| } | |
| .parallax-nav | |
| { | |
| margin-top: -81px; | |
| padding: 10px; | |
| position: fixed; | |
| right: 16px; | |
| top: 50%; | |
| z-index: 5; | |
| } | |
| .parallax-nav li | |
| { | |
| list-style-type: none; | |
| margin: 10px 0; | |
| position: relative; | |
| } | |
| .parallax-nav li h2 | |
| { | |
| display: none; | |
| } | |
| .parallax-nav li:hover h2 | |
| { | |
| color: #57b382; | |
| display: inline-block; | |
| font-size: 14px; | |
| font-weight: 400; | |
| line-height: 1.2em; | |
| padding: 10px; | |
| position: absolute; | |
| right: 15px; | |
| text-align: right; | |
| top: -20px; | |
| vertical-align: middle; | |
| width: 150px; | |
| } | |
| .parallax-nav a | |
| { | |
| border: 1px solid #57b382; | |
| border-radius: 10em; | |
| cursor: pointer; | |
| display: block; | |
| height: 10px; | |
| moz-border-radius: 10em; | |
| text-indent: -9999px; | |
| webkit-border-radius: 10em; | |
| width: 10px; | |
| } | |
| .parallax-nav a.active | |
| { | |
| background: #57b382; | |
| } | |
| .parallax-bg | |
| { | |
| left: 50%; | |
| margin-left: -490px; | |
| position: fixed; | |
| top: 0; | |
| width: 980px; | |
| } | |
| .parallax-bg img | |
| { | |
| position: absolute; | |
| } | |
| .parallax-content | |
| { | |
| margin: 0 auto; | |
| position: relative; | |
| width: 980px; | |
| z-index: 10; | |
| } | |
| .parallax-content h2 | |
| { | |
| color: #57b382; | |
| font-size: 38px; | |
| line-height: 1.4em; | |
| padding: 0 20px; | |
| } | |
| .parallax-content article | |
| { | |
| overflow: hidden; | |
| padding-top: 250px; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| .parallax-content .desc | |
| { | |
| background: rgba(53,54,68,.7); | |
| color: #fff; | |
| font-size: 18px; | |
| font-style: italic; | |
| line-height: 1.3em; | |
| margin: 20px 0; | |
| padding: 20px; | |
| width: 600px; | |
| } | |
| .parallax-content .content-intro | |
| { | |
| color: #fff; | |
| margin: 50px 0 20px; | |
| padding-left: 40px; | |
| } | |
| .parallax-content .content-intro li | |
| { | |
| font-size: 16px; | |
| line-height: 1.2em; | |
| margin: 5px 0; | |
| } | |
| .parallax-content .signup | |
| { | |
| border-bottom: 4px solid #57b382; | |
| } | |
| .parallax-content .signup:hover | |
| { | |
| border-bottom: 4px solid #429368; | |
| } | |
| .parallax-bg.bg1 | |
| { | |
| z-index: 1; | |
| } | |
| .parallax-content #content-1 | |
| { | |
| top: 0; | |
| } | |
| .parallax-bg.bg2 | |
| { | |
| z-index: 2; | |
| } | |
| .parallax-content #content-2 | |
| { | |
| top: 800px; | |
| } | |
| .parallax-bg.bg3 | |
| { | |
| z-index: 3; | |
| } | |
| .parallax-content #content-3 | |
| { | |
| top: 1600px; | |
| } | |
| .parallax-bg.bg4 | |
| { | |
| z-index: 4; | |
| } | |
| .parallax-content #content-4 | |
| { | |
| top: 2400px; | |
| } | |
| .parallax-bg.bg5 | |
| { | |
| z-index: 5; | |
| } | |
| .parallax-content #content-5 | |
| { | |
| top: 3200px; | |
| } | |
| .parallax-bg.bg6 | |
| { | |
| z-index: 6; | |
| } | |
| .parallax-content #content-6 | |
| { | |
| top: 4000px; | |
| } | |
| .parallax-bg.bg7 | |
| { | |
| z-index: 7; | |
| } | |
| .parallax-content #content-7 | |
| { | |
| top: 4800px; | |
| } | |
| .parallax-bg.bg8 | |
| { | |
| z-index: 8; | |
| } | |
| .parallax-content #content-8 | |
| { | |
| top: 5600px; | |
| } | |
| .parallax-bg.bg9 | |
| { | |
| z-index: 9; | |
| } | |
| .parallax-content #content-9 | |
| { | |
| top: 6400px; | |
| } | |
| body.marketing-2015 .parallax-content article | |
| { | |
| padding-top: 180px; | |
| } | |
| body.marketing-2015 .parallax-content .desc | |
| { | |
| background: 0; | |
| clear: both; | |
| font-style: normal; | |
| width: 100%; | |
| } | |
| body.marketing-2015 #content-1 h2 | |
| { | |
| background-image: url(/static/dist/images/timeline/2015_h1.png); | |
| background-position: top center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 280px; | |
| width: 380px; | |
| } | |
| body.marketing-2015 #content-5 h2 | |
| { | |
| background-image: url(/static/images/svg/logo_horizontal.svg); | |
| background-position: 3% center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 100px; | |
| } | |
| body.marketing-2015 #content-5 .parallax-arrow | |
| { | |
| margin-left: 120px; | |
| } | |
| body.marketing-2015 #content-5 .desc | |
| { | |
| margin-left: 100px; | |
| } | |
| body.marketing-2015 .sheep | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_sheep.png); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 320px; | |
| left: -740px; | |
| position: absolute; | |
| top: 370px; | |
| width: 3000px; | |
| } | |
| body.marketing-2015 .sheep-pieces | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_pieces.png); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 320px; | |
| left: 720px; | |
| position: absolute; | |
| top: 310px; | |
| width: 400px; | |
| } | |
| body.marketing-2015 .cloud1 | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_cloud1.png); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 140px; | |
| left: 530px; | |
| position: absolute; | |
| top: 530px; | |
| width: 410px; | |
| } | |
| body.marketing-2015 .cloud2 | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_cloud2.png); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 140px; | |
| left: 230px; | |
| position: absolute; | |
| top: 600px; | |
| width: 110px; | |
| } | |
| body.marketing-2015 .tree | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_tree.png?v=4); | |
| background-position: right center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 350px; | |
| left: 630px; | |
| position: absolute; | |
| top: 1724px; | |
| width: 460px; | |
| } | |
| body.marketing-2015 .timeline | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_timeline.png?v=6); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 350px; | |
| left: 0; | |
| position: absolute; | |
| top: 1520px; | |
| width: 700px; | |
| } | |
| body.marketing-2015 .land | |
| { | |
| background: #57b382; | |
| height: 3px; | |
| left: 0; | |
| position: absolute; | |
| top: 2073px; | |
| width: 100%; | |
| } | |
| body.marketing-2015 .bonus | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_bonus.png?v=6); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 200px; | |
| left: 20px; | |
| position: absolute; | |
| top: 3280px; | |
| width: 90%; | |
| } | |
| body.marketing-2015 .sign | |
| { | |
| background-image: url(/static/dist/images/marketing/parallax_2015_sign.png?v=7); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 200px; | |
| left: 550px; | |
| position: absolute; | |
| top: 5500px; | |
| width: 270px; | |
| } | |
| body.marketing-2015 dl | |
| { | |
| color: #fff; | |
| float: left; | |
| margin-left: 20px; | |
| width: 40%; | |
| } | |
| body.marketing-2015 dl dd | |
| { | |
| margin-left: 0; | |
| } | |
| body.marketing-2015 dl dt | |
| { | |
| color: #57b382; | |
| font-size: 18px; | |
| font-weight: 700; | |
| margin-bottom: 10px; | |
| } | |
| body.marketing-hongkong .bg3 | |
| { | |
| margin-left: -600px; | |
| width: 1200px; | |
| } | |
| body.marketing-hongkong #content-4 | |
| { | |
| padding-top: 200px; | |
| } | |
| body.marketing-hongkong #content-5 | |
| { | |
| cursor: pointer; | |
| height: 882px; | |
| padding-top: 0; | |
| } | |
| body.marketing-hongkong #content-5 h2 | |
| { | |
| background: #353644; | |
| left: 0; | |
| padding: 40px 20px; | |
| position: absolute; | |
| text-align: center; | |
| top: 450px; | |
| width: 100%; | |
| } | |
| body.marketing-hongkong #content-5 h2 a | |
| { | |
| color: #57b382; | |
| } | |
| body.marketing-hongkong #content-5 h2 a:hover | |
| { | |
| color: #429368; | |
| } | |
| body.marketing-hongkong #content-5 .parallax-arrow | |
| { | |
| left: 452px; | |
| position: absolute; | |
| top: 600px; | |
| } | |
| body.marketing-hongkong .bg1 .img-4 | |
| { | |
| left: -300px; | |
| top: 1500px; | |
| width: 1520px; | |
| } | |
| body.marketing-hongkong .parallax-bg .map | |
| { | |
| background-image: url(/static/dist/images/marketing/map.png?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 482px; | |
| left: 70px; | |
| position: absolute; | |
| top: 3200px; | |
| width: 910px; | |
| } | |
| body.marketing-hongkong .parallax-bg .hk-city | |
| { | |
| background-image: url(/static/images/marketing/hongkong_city.svg?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 500px; | |
| left: -1000px; | |
| position: absolute; | |
| top: 400px; | |
| width: 3000px; | |
| } | |
| body.marketing-hongkong .parallax-bg .hk-flag | |
| { | |
| background-image: url(/static/images/marketing/hongkong_flag.svg?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 140px; | |
| left: 760px; | |
| position: absolute; | |
| top: 360px; | |
| width: 140px; | |
| } | |
| body.marketing-hongkong .parallax-bg .logo | |
| { | |
| background-image: url(/static/images/svg/logo_horizontal.svg); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 100px; | |
| position: absolute; | |
| top: 6550px; | |
| width: 100%; | |
| } | |
| body.marketing-hongkong .parallax-bg .home-numbers | |
| { | |
| background: 0; | |
| left: 0; | |
| padding: 60px 0 0; | |
| position: absolute; | |
| top: 1500px; | |
| width: 100%; | |
| } | |
| body.marketing-hongkong .parallax-bg .home-numbers li | |
| { | |
| height: 176px; | |
| padding: 0; | |
| width: 176px; | |
| } | |
| body.marketing-hongkong .parallax-bg .home-numbers .number | |
| { | |
| line-height: 176px; | |
| } | |
| body.marketing-hongkong .parallax-bg .home-numbers .info | |
| { | |
| font-size: 20px; | |
| height: 70px; | |
| padding: 53px 0; | |
| } | |
| body.marketing-hongkong .parallax-bg .home-numbers .info b | |
| { | |
| font-size: 30px; | |
| } | |
| .parallax-arrow | |
| { | |
| clear: both; | |
| margin-left: 10px; | |
| } | |
| .parallax-next,.parallax-prev | |
| { | |
| padding: 10px; | |
| } | |
| .parallax-next .icon,.parallax-prev .icon | |
| { | |
| background: #3a3b4b; | |
| border-radius: 10em; | |
| display: inline-block; | |
| height: 40px; | |
| line-height: 40px; | |
| moz-border-radius: 10em; | |
| text-align: center; | |
| vertical-align: middle; | |
| webkit-border-radius: 10em; | |
| width: 40px; | |
| } | |
| .viewport-inner | |
| { | |
| margin: 0 auto; | |
| width: 1100px; | |
| } | |
| .page-inner | |
| { | |
| margin: 0 auto; | |
| padding: 50px 0; | |
| width: 1100px; | |
| } | |
| .page | |
| { | |
| min-height: 500px; | |
| } | |
| .topbar | |
| { | |
| background: #eee; | |
| font-size: 12px; | |
| font-style: italic; | |
| height: 32px; | |
| line-height: 32px; | |
| } | |
| #header | |
| { | |
| height: 70px; | |
| } | |
| #header .viewport-wrapper | |
| { | |
| background: #353644; | |
| height: 70px; | |
| } | |
| .header-logo | |
| { | |
| background-image: url(/static/dist/images/logo_1x.png); | |
| background-image: -webkit-image-set(url(/static/dist/images/logo_1x.png) 1x,url(/static/dist/images/logo_2x.png) 2x); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 80%; | |
| float: left; | |
| height: 70px; | |
| text-indent: -9999px; | |
| width: 170px; | |
| } | |
| .enterprise-entry | |
| { | |
| color: #57b382; | |
| float: right; | |
| font-size: 16px; | |
| font-weight: 700; | |
| margin: 17px 0; | |
| padding: 10px; | |
| text-align: center; | |
| width: 90px; | |
| } | |
| .header-nav | |
| { | |
| float: right; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .header-nav .nav-item | |
| { | |
| border-top: 3px solid transparent; | |
| display: inline-block; | |
| left: 0; | |
| position: relative; | |
| top: 0; | |
| } | |
| .header-nav .nav-item a | |
| { | |
| color: #fff; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 16px; | |
| outline: 0; | |
| padding: 24px 10px 27px; | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| .header-nav .nav-item:hover | |
| { | |
| color: #57b382; | |
| } | |
| .header-nav .nav-item:hover .items | |
| { | |
| display: block; | |
| } | |
| .header-nav .nav-item.selected | |
| { | |
| border-top: 3px solid #57b382; | |
| } | |
| .header-nav .items | |
| { | |
| background: #57b382; | |
| display: none; | |
| left: -52px; | |
| margin: 0; | |
| padding: 0; | |
| position: absolute; | |
| top: 67px; | |
| width: 150px; | |
| z-index: 101; | |
| } | |
| .header-nav .items::before | |
| { | |
| border-color: transparent transparent #57b382; | |
| border-style: solid; | |
| border-width: 6px; | |
| content: ''; | |
| left: 69px; | |
| position: absolute; | |
| top: -12px; | |
| } | |
| .header-nav .items li | |
| { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .header-nav .items li a | |
| { | |
| color: #fff; | |
| display: block; | |
| font-size: 14px; | |
| line-height: 32px; | |
| padding: 4px 19px; | |
| text-align: left; | |
| } | |
| .header-nav .items li a:hover | |
| { | |
| background: #4ba575; | |
| } | |
| .nav-item.solution .items,.nav-item.customers .items | |
| { | |
| left: -38px; | |
| } | |
| .header-account | |
| { | |
| float: right; | |
| padding: 19px 10px; | |
| } | |
| .header-account .btn-signin | |
| { | |
| font-size: 14px; | |
| line-height: 20px; | |
| margin-right: 10px; | |
| padding: 5px 20px; | |
| vertical-align: middle; | |
| } | |
| .header-account .btn-signup | |
| { | |
| font-size: 14px; | |
| line-height: 20px; | |
| padding: 6px 21px; | |
| vertical-align: middle; | |
| } | |
| .header-account .gravatar | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| border-radius: 100px; | |
| display: block; | |
| height: 32px; | |
| moz-border-radius: 100px; | |
| webkit-border-radius: 100px; | |
| width: 32px; | |
| } | |
| .header-account .user-links | |
| { | |
| position: relative; | |
| } | |
| .header-account .user-links ul | |
| { | |
| display: none; | |
| left: -59px; | |
| margin: 0; | |
| padding: 0; | |
| position: absolute; | |
| top: 51px; | |
| width: 150px; | |
| z-index: 101; | |
| } | |
| .header-account .user-links ul::before | |
| { | |
| border-color: transparent transparent #57b382; | |
| border-style: solid; | |
| border-width: 6px; | |
| content: ''; | |
| left: 69px; | |
| position: absolute; | |
| top: -12px; | |
| } | |
| .header-account .user-links ul li | |
| { | |
| list-style-type: none; | |
| } | |
| .header-account .user-links ul li a | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| display: block; | |
| line-height: 32px; | |
| padding: 4px 20px; | |
| text-align: left; | |
| } | |
| .header-account .user-links ul li a:hover | |
| { | |
| background: #4ba575; | |
| } | |
| .header-account:hover .user-links ul | |
| { | |
| display: block; | |
| } | |
| .header-lang | |
| { | |
| float: right; | |
| position: relative; | |
| } | |
| .header-lang .cur-lang | |
| { | |
| color: #fff; | |
| cursor: pointer; | |
| display: block; | |
| font-size: 10px; | |
| font-size: 16px; | |
| outline: 0; | |
| padding: 27px 20px; | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| .header-lang:hover | |
| { | |
| color: #57b382; | |
| } | |
| .header-lang:hover .items | |
| { | |
| display: block; | |
| } | |
| .header-lang.selected | |
| { | |
| border-top: 3px solid #57b382; | |
| } | |
| .header-lang .items | |
| { | |
| background: #57b382; | |
| display: none; | |
| left: -26px; | |
| margin: 0; | |
| padding: 0; | |
| position: absolute; | |
| top: 67px; | |
| width: 150px; | |
| z-index: 101; | |
| } | |
| .header-lang .items::before | |
| { | |
| border-color: transparent transparent #57b382; | |
| border-style: solid; | |
| border-width: 6px; | |
| content: ''; | |
| left: 69px; | |
| position: absolute; | |
| top: -12px; | |
| } | |
| .header-lang .items li | |
| { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .header-lang .items li a | |
| { | |
| color: #fff; | |
| display: block; | |
| font-size: 14px; | |
| line-height: 32px; | |
| padding: 4px 20px; | |
| text-align: left; | |
| } | |
| .header-lang .items li a:hover | |
| { | |
| background: #4ba575; | |
| } | |
| .footer-logo | |
| { | |
| background-image: url(/static/dist/images/footer_logo_1x.png); | |
| background-image: -webkit-image-set(url(/static/dist/images/footer_logo_1x.png) 1x,url(/static/dist/images/footer_logo_2x.png) 2x); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 90px; | |
| text-indent: -9999px; | |
| width: 140px; | |
| } | |
| .footer-navs | |
| { | |
| background: #3e3d49; | |
| padding: 80px 0; | |
| } | |
| .footer-navs .footer-nav | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .footer-navs .grid_3 | |
| { | |
| margin: 0; | |
| width: 16%; | |
| } | |
| .footer-navs p | |
| { | |
| color: rgba(255,255,255,.6); | |
| font-size: 12px; | |
| text-align: center; | |
| } | |
| .footer-navs p a | |
| { | |
| color: rgba(255,255,255,.6); | |
| } | |
| .footer-navs p a:hover | |
| { | |
| color: #fff; | |
| } | |
| .footer-navs li | |
| { | |
| list-style-type: none; | |
| } | |
| .footer-navs h4 | |
| { | |
| line-height: 20px; | |
| } | |
| .footer-navs h4 a | |
| { | |
| color: #fff; | |
| } | |
| .footer-navs h4 span | |
| { | |
| color: #eee; | |
| display: block; | |
| font-size: 12px; | |
| font-weight: 400; | |
| text-transform: capitalize; | |
| } | |
| .footer-navs .items | |
| { | |
| line-height: 1.6em; | |
| margin-bottom: 20px; | |
| padding: 0; | |
| } | |
| .footer-navs .items a | |
| { | |
| color: rgba(255,255,255,.6); | |
| } | |
| .footer-navs .items a:hover | |
| { | |
| color: #fff; | |
| } | |
| .footer-signup | |
| { | |
| background: #353644; | |
| color: #fff; | |
| } | |
| .footer-signup .viewport-inner | |
| { | |
| overflow: hidden; | |
| padding: 40px 0; | |
| } | |
| .footer-signup p | |
| { | |
| float: left; | |
| font-size: 18px; | |
| font-weight: 700; | |
| line-height: 20px; | |
| } | |
| .footer-signup .btn | |
| { | |
| float: right; | |
| margin-right: 0; | |
| } | |
| .footer-lang span | |
| { | |
| color: #fff; | |
| } | |
| section.intro | |
| { | |
| background-color: #3e3d49; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| min-height: 270px; | |
| overflow: hidden; | |
| padding: 120px 0 0; | |
| position: relative; | |
| text-align: center; | |
| } | |
| section.intro ul | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| section.intro li | |
| { | |
| list-style-type: none; | |
| margin: 0; | |
| overflow: hidden; | |
| padding: 0; | |
| } | |
| section.intro .datetime | |
| { | |
| color: #fff; | |
| font-size: 14px; | |
| margin-top: 30px; | |
| } | |
| section.intro h1,section.intro blockquote | |
| { | |
| color: #fff; | |
| font-size: 22.400000000000002px; | |
| } | |
| section.intro h1 | |
| { | |
| color: #fff; | |
| font-size: 42px; | |
| line-height: 1em; | |
| margin: 10px 0; | |
| } | |
| section.intro h1 em | |
| { | |
| font-size: 42px; | |
| font-style: normal; | |
| line-height: 1em; | |
| } | |
| section.intro blockquote | |
| { | |
| display: block; | |
| line-height: 1.6em; | |
| margin: 20px auto; | |
| } | |
| section.intro .btn-primary | |
| { | |
| margin: 0 15px 0 0; | |
| } | |
| section.intro .btn-outline | |
| { | |
| padding: 19px 30px; | |
| } | |
| section.intro .timeline-bg | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 1540px; | |
| height: 100%; | |
| opacity: 0; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| section.intro.home | |
| { | |
| min-height: 653px; | |
| padding: 0; | |
| } | |
| section.intro.home .viewport-inner | |
| { | |
| margin: 0 auto; | |
| } | |
| section.intro.home h1 | |
| { | |
| font-size: 50.4px; | |
| } | |
| section.intro.home h1.tl-appcenter | |
| { | |
| background-image: url(/static/dist/images/timeline/appcenter_h1.png?v=1); | |
| background-position: 47% center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 120px; | |
| margin-top: 90px; | |
| width: 100%; | |
| } | |
| section.intro.home h1.tl-appcenter a | |
| { | |
| display: block; | |
| height: 120px; | |
| width: 100%; | |
| } | |
| section.intro.home a | |
| { | |
| outline: 0 none; | |
| } | |
| section.intro.home h1.tl-qcuc2015 a | |
| { | |
| display: block; | |
| height: 300px; | |
| margin: -90px 0; | |
| } | |
| section.intro.home h1.tl-channel | |
| { | |
| background-image: url(/static/dist/images/timeline/channel_h1.png?v=1); | |
| background-position: 287px center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 120px; | |
| margin-top: 20px; | |
| width: 100%; | |
| } | |
| section.intro.home h1.tl-2016 | |
| { | |
| background-image: url(/static/dist/images/timeline/2016_h1.png?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 400px; | |
| cursor: pointer; | |
| height: 400px; | |
| width: 100%; | |
| } | |
| section.intro.home h1.tl-2016 a | |
| { | |
| display: block; | |
| height: 400px; | |
| } | |
| section.intro .btn-download-ios | |
| { | |
| line-height: 24px; | |
| vertical-align: middle; | |
| } | |
| section.intro .btn-download-ios .icon-ios | |
| { | |
| background-image: url(/static/images/svg/icon_apple.svg?v=1); | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: inline-block; | |
| height: 24px; | |
| width: 24px; | |
| } | |
| section.intro.preview-subusers | |
| { | |
| background-image: url(/static/dist/images/intro_bg_subusers.gif); | |
| background-position: center top; | |
| background-size: 1540px; | |
| } | |
| section.intro.preview-gd1 | |
| { | |
| background-image: url(/static/dist/images/timeline/gd1.gif); | |
| } | |
| section.intro.preview-pek2 | |
| { | |
| background-image: url(/static/dist/images/intro_bg_pek2.gif); | |
| background-size: 1060px; | |
| } | |
| section.intro.sales | |
| { | |
| background-image: url(/static/dist/images/timeline/sales_2.gif?v=15); | |
| background-position: 80% 30%; | |
| } | |
| section.intro.preview-alarm | |
| { | |
| background-image: url(/static/dist/images/intro_bg_alarm.png?v=16); | |
| background-size: 1360px; | |
| } | |
| section.intro.preview-rdb | |
| { | |
| background-image: none; | |
| } | |
| section.intro.preview-mongo | |
| { | |
| background-image: none; | |
| } | |
| section.intro.preview-cache | |
| { | |
| background-image: none; | |
| } | |
| section.intro.vi | |
| { | |
| background-image: url(/static/dist/images/intro_bg_vi.gif); | |
| background-size: 1540px; | |
| } | |
| section.intro.solution | |
| { | |
| background-image: url(/static/dist/images/intro_bg_solution.jpg); | |
| } | |
| section.intro.products | |
| { | |
| background-image: url(/static/dist/images/intro_bg_products.jpg?v=7); | |
| } | |
| section.intro.customers | |
| { | |
| background-image: url(/static/dist/images/intro_bg_customers.jpg); | |
| background-position: center 21%; | |
| } | |
| section.intro.pricing | |
| { | |
| background-image: url(/static/images/svg/intro_bg_pricing.svg?v=2); | |
| background-position: center 40%; | |
| } | |
| section.intro.about | |
| { | |
| background-image: url(/static/images/svg/map.svg); | |
| } | |
| section.intro.preview-autoscaling | |
| { | |
| background-image: url(/static/images/timeline/autoscaling.jpg); | |
| background-position: 0 80%; | |
| } | |
| .layout-center blockquote | |
| { | |
| display: block; | |
| margin: 20px auto; | |
| width: 80%; | |
| } | |
| .sales blockquote | |
| { | |
| margin: 20px auto; | |
| width: 80%; | |
| } | |
| .sales em | |
| { | |
| color: #57b382; | |
| font-size: 21px; | |
| font-style: normal; | |
| font-weight: 700; | |
| padding-left: 10px; | |
| } | |
| .sales .table.promotion | |
| { | |
| margin-bottom: 27px; | |
| width: 80%; | |
| } | |
| .sales .table.promotion th | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .sales .table.promotion td | |
| { | |
| background: #fff; | |
| border-bottom: 1px solid #f8f8f8; | |
| font-weight: 700; | |
| } | |
| .sales .table.promotion tr:hover td | |
| { | |
| background: #eef7f3; | |
| } | |
| .invoice-help | |
| { | |
| color: #999; | |
| font-style: italic; | |
| } | |
| .rdb blockquote | |
| { | |
| margin: 20px auto; | |
| width: 80%; | |
| } | |
| .home-feature .viewport-inner | |
| { | |
| height: 330px; | |
| padding: 150px 0; | |
| position: relative; | |
| } | |
| .home-feature:nth-child(even) | |
| { | |
| background: #f7f7f7; | |
| } | |
| .home-feature:nth-child(even) .feature-content | |
| { | |
| float: right; | |
| width: 45%; | |
| } | |
| .home-feature:nth-child(odd) | |
| { | |
| background: #fff; | |
| } | |
| .home-feature:nth-child(odd) .feature-content | |
| { | |
| width: 45%; | |
| } | |
| .home-feature h2 | |
| { | |
| font-size: 28px; | |
| } | |
| .home-feature p | |
| { | |
| font-size: 16px; | |
| line-height: 1.6em; | |
| margin: 30px 0 20px; | |
| } | |
| .home-feature .feature-graph | |
| { | |
| height: 500px; | |
| position: absolute; | |
| width: 690px; | |
| } | |
| .home-feature .feature-graph.fast | |
| { | |
| background-image: url(/static/dist/images/graphic/home_feature_1_1x.gif?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/home_feature_1_1x.gif?v=1) 1x,url(/static/dist/images/graphic/home_feature_1_2x.gif?v=1) 2x); | |
| background-position: right bottom; | |
| background-repeat: no-repeat; | |
| background-size: 600px; | |
| bottom: 0; | |
| right: -90px; | |
| } | |
| .home-feature .feature-graph.vpc | |
| { | |
| background-image: url(/static/dist/images/graphic/home_feature_2_1x.gif?v=2); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/home_feature_2_1x.gif?v=2) 1x,url(/static/dist/images/graphic/home_feature_2_2x.gif?v=2) 2x); | |
| background-position: left top; | |
| background-repeat: no-repeat; | |
| background-size: 630px; | |
| bottom: 0; | |
| left: -90px; | |
| } | |
| .home-feature .feature-graph.safe | |
| { | |
| background-image: url(/static/dist/images/graphic/home_feature_3_1x.gif?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/home_feature_3_1x.gif?v=1) 1x,url(/static/dist/images/graphic/home_feature_3_2x.gif?v=1) 2x); | |
| background-position: center 110%; | |
| background-repeat: no-repeat; | |
| background-size: 490px; | |
| right: -90px; | |
| top: 50px; | |
| } | |
| .home-feature .feature-graph.io | |
| { | |
| background-image: url(/static/dist/images/graphic/home_feature_4_1x.png?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/home_feature_4_1x.png?v=1) 1x,url(/static/dist/images/graphic/home_feature_4_2x.png?v=1) 2x); | |
| background-position: left top; | |
| background-repeat: no-repeat; | |
| width: 420px; | |
| } | |
| .home-feature .feature-graph.billing | |
| { | |
| background-image: url(/static/dist/images/graphic/home_feature_5_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/home_feature_5_1x.gif) 1x,url(/static/dist/images/graphic/home_feature_5_2x.gif) 2x); | |
| background-position: 91% center; | |
| background-repeat: no-repeat; | |
| background-size: 590px; | |
| right: -90px; | |
| top: 50px; | |
| } | |
| .home-feature .logo | |
| { | |
| background-color: #fff; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 80%; | |
| border: 2px solid #d6d6d6; | |
| border-radius: 100px; | |
| display: inline-block; | |
| height: 50px; | |
| margin: 0 0 0 10px; | |
| moz-border-radius: 100px; | |
| vertical-align: middle; | |
| webkit-border-radius: 100px; | |
| width: 50px; | |
| } | |
| .home-feature .logo-91 | |
| { | |
| background-image: url(/static/dist/images/cases/home_customer_logo_91.gif); | |
| } | |
| .home-feature .logo-xixun | |
| { | |
| background-image: url(/static/dist/images/cases/home_customer_logo_xixun.gif); | |
| } | |
| .home-feature .logo-togic | |
| { | |
| background-image: url(/static/dist/images/cases/home_customer_logo_togic.gif); | |
| } | |
| .home-feature .logo-bingdian | |
| { | |
| background-image: url(/static/dist/images/cases/home_customer_logo_bingdian.gif); | |
| } | |
| .home-feature .logo-fotoplace | |
| { | |
| background-image: url(/static/dist/images/cases/zuji.gif); | |
| background-size: cover; | |
| } | |
| .home-feature blockquote | |
| { | |
| clear: both; | |
| margin: 40px 0 20px; | |
| padding: 0; | |
| } | |
| .home-feature blockquote p,.home-feature blockquote cite | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| font-style: italic; | |
| line-height: 1.6em; | |
| margin: 0; | |
| padding: 5px 0; | |
| } | |
| .home-feature blockquote p | |
| { | |
| background-image: url(/static/images/svg/quote.svg); | |
| background-position: left top; | |
| background-repeat: no-repeat; | |
| background-size: 24px; | |
| color: #555; | |
| padding: 10px 0 0 30px; | |
| } | |
| .home-feature blockquote cite | |
| { | |
| float: right; | |
| vertical-align: middle; | |
| } | |
| .home-numbers | |
| { | |
| background: #eee; | |
| color: #fff; | |
| overflow: hidden; | |
| padding: 120px 0; | |
| text-align: center; | |
| } | |
| .home-numbers ul | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .home-numbers li | |
| { | |
| background: #4fae7b; | |
| border-radius: 200px; | |
| float: left; | |
| height: 140px; | |
| list-style-type: none; | |
| margin: 0 10px; | |
| moz-border-radius: 200px; | |
| padding: 30px 0; | |
| position: relative; | |
| webkit-border-radius: 200px; | |
| width: 200px; | |
| } | |
| .home-numbers .number | |
| { | |
| color: #fff; | |
| font-family: Arial; | |
| font-size: 50.4px; | |
| font-weight: 700; | |
| line-height: 140px; | |
| vertical-align: middle; | |
| } | |
| .home-numbers .unit | |
| { | |
| font-size: 14px; | |
| font-weight: 400; | |
| } | |
| .home-numbers .info | |
| { | |
| background: #353644; | |
| border-radius: 200px; | |
| color: #fff; | |
| font-size: 22px; | |
| font-weight: 700; | |
| height: 71px; | |
| left: 0; | |
| line-height: 36px; | |
| moz-border-radius: 200px; | |
| moz-transform: scale(0); | |
| moz-transition: all .4s ease-in-out; | |
| opacity: 0; | |
| o-transition: all .4s ease-in-out; | |
| padding: 65px 0; | |
| position: absolute; | |
| top: 0; | |
| transform: scale(0); | |
| transition: all .4s ease-in-out; | |
| vertical-align: middle; | |
| webkit-backface-visibility: hidden; | |
| webkit-border-radius: 200px; | |
| webkit-transform: scale(0); | |
| webkit-transition: all .4s ease-in-out; | |
| width: 100%; | |
| z-index: 2; | |
| } | |
| .home-numbers .info b | |
| { | |
| display: block; | |
| font-size: 36.4px; | |
| } | |
| .home-numbers li:hover .number | |
| { | |
| webkit-filter: blur(2px); | |
| } | |
| .home-numbers li:hover .info | |
| { | |
| moz-transform: scale(1); | |
| opacity: .9; | |
| transform: scale(1); | |
| webkit-transform: scale(1); | |
| } | |
| .home-console | |
| { | |
| background: #fff; | |
| overflow: hidden; | |
| } | |
| .notes | |
| { | |
| padding: 150px 0 0; | |
| } | |
| .notes h2 | |
| { | |
| font-size: 33.6px; | |
| } | |
| .notes p | |
| { | |
| font-size: 20px; | |
| line-height: 1.6em; | |
| } | |
| .notes ul | |
| { | |
| font-size: 16px; | |
| line-height: 1.6em; | |
| list-style-position: inside; | |
| margin: 20px 0 10px; | |
| padding: 0; | |
| } | |
| .console-screenshot | |
| { | |
| background-image: url(/static/dist/images/graphic/console_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/console_1x.gif) 1x,url(/static/dist/images/graphic/console_2x.gif) 2x); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 100%; | |
| height: 600px; | |
| width: 589px; | |
| } | |
| .page-title | |
| { | |
| background: #3b3b3b; | |
| color: #fff; | |
| overflow: hidden; | |
| } | |
| .page-title .viewport-inner | |
| { | |
| padding-top: 30px; | |
| } | |
| .page-title h1 | |
| { | |
| line-height: 1.3em; | |
| margin: 0; | |
| } | |
| .page-title .lead | |
| { | |
| font-size: 18px; | |
| margin: 5px 0 30px; | |
| } | |
| .page-tab | |
| { | |
| bottom: 0; | |
| height: 43px; | |
| left: 0; | |
| margin: 60px 0 0; | |
| padding: 0; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| .page-tab li | |
| { | |
| display: inline-block; | |
| list-style-type: none; | |
| margin: 0 1px; | |
| margin: 0; | |
| } | |
| .page-tab li a | |
| { | |
| background: #3e3d49; | |
| border: 1px solid #686a86; | |
| color: #fff; | |
| display: block; | |
| font-weight: 700; | |
| padding: 15px 30px 10px; | |
| text-align: center; | |
| width: 110px; | |
| } | |
| .page-tab li a:hover | |
| { | |
| background: #3a3b4b; | |
| color: #57b382; | |
| } | |
| .page-tab li.selected a | |
| { | |
| background: #57b382; | |
| border-color: #57b382; | |
| color: #fff; | |
| } | |
| .page-tab li.selected a:hover | |
| { | |
| color: #fff; | |
| } | |
| .customers .page-tab li a | |
| { | |
| display: inline-block; | |
| width: auto; | |
| } | |
| .products .page-tab li a | |
| { | |
| padding: 15px 20px 10px; | |
| width: 90px; | |
| } | |
| .products .page-tab li.status | |
| { | |
| display: none; | |
| } | |
| .products-features .product-item | |
| { | |
| padding: 50px 0 0; | |
| } | |
| .products-features .product-item:last-child | |
| { | |
| padding-bottom: 50px; | |
| } | |
| .products-features .product-item.overview | |
| { | |
| padding: 80px 0 30px; | |
| text-align: center; | |
| } | |
| .product-item | |
| { | |
| overflow: hidden; | |
| padding-bottom: 50px; | |
| } | |
| .product-item .desc | |
| { | |
| font-size: 16px; | |
| line-height: 1.6em; | |
| margin: 10px 0 20px; | |
| } | |
| .product-item .product-title | |
| { | |
| border-bottom: 1px solid #eee; | |
| clear: both; | |
| height: 51px; | |
| margin-bottom: 20px; | |
| padding: 10px 0; | |
| position: relative; | |
| } | |
| .product-item .lead | |
| { | |
| font-size: 18px; | |
| line-height: 1.6em; | |
| margin: 10px 0; | |
| } | |
| .product-item .lead a | |
| { | |
| font-weight: 700; | |
| } | |
| .product-item h2 | |
| { | |
| float: left; | |
| } | |
| .product-item .related-links | |
| { | |
| color: #eee; | |
| float: right; | |
| } | |
| .product-item .related-links .btn-link | |
| { | |
| margin: 18px 0 0 10px; | |
| } | |
| .product-item .related-links .btn-link:hover | |
| { | |
| background: 0; | |
| color: #429368; | |
| } | |
| .product-item .console-screenshots | |
| { | |
| min-height: 400px; | |
| } | |
| .product-item .product-screenshot | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 100%; | |
| background-size: contain; | |
| height: 310px; | |
| margin: 0; | |
| width: 500px; | |
| } | |
| .product-item .product-screenshot.images | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_images_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_images_1x.gif) 1x,url(/static/dist/images/graphic/screenshot_images_2x.gif) 2x); | |
| } | |
| .product-item .product-screenshot.instances | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_instances_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_instances_1x.gif) 1x,url(/static/dist/images/graphic/screenshot_instances_2x.gif?v=1) 2x); | |
| height: 500px; | |
| } | |
| .product-item .product-screenshot.routers | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_routers_1x.gif?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_routers_1x.gif?v=1) 1x,url(/static/dist/images/graphic/screenshot_routers_2x.gif?v=1) 2x); | |
| height: 400px; | |
| margin-top: 50px; | |
| } | |
| .product-item .product-screenshot.volumes | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_volumes_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_volumes_1x.gif) 1x,url(/static/dist/images/graphic/screenshot_volumes_2x.gif) 2x); | |
| height: 200px; | |
| } | |
| .product-item .product-screenshot.s2_servers | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_s2_servers_1x.png); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_s2_servers_2x.png) 1x,url(/static/dist/images/graphic/screenshot_s2_servers_2x.png) 2x); | |
| height: 200px; | |
| } | |
| .product-item .product-screenshot.vnas | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_vnas_1x.png); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_vnas_2x.png) 1x,url(/static/dist/images/graphic/screenshot_vnas_2x.png) 2x); | |
| height: 200px; | |
| } | |
| .product-item .product-screenshot.snapshots | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_snapshots_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_snapshots_1x.gif) 1x,url(/static/dist/images/graphic/screenshot_snapshots_2x.gif) 2x); | |
| } | |
| .product-item .product-screenshot.security_groups | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_security_groups_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_security_groups_1x.gif) 1x,url(/static/dist/images/graphic/screenshot_security_groups_2x.gif) 2x); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.keypairs | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_keypairs_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_keypairs_1x.gif) 1x,url(/static/dist/images/graphic/screenshot_keypairs_2x.gif) 2x); | |
| height: 530px; | |
| } | |
| .product-item .product-screenshot.rdb | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_rdb_1x.gif?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_rdb_1x.gif?v=1) 1x,url(/static/dist/images/graphic/screenshot_rdb_2x.gif?v=1) 2x); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.mongo | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_mongo_1x.png?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_mongo_1x.png?v=1) 1x,url(/static/dist/images/graphic/screenshot_mongo_2x.png?v=1) 2x); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.cache | |
| { | |
| background-image: url(/static/dist/images/graphic/create_redis_cluster_app.gif); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.zookeeper | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_zookeeper_1x.png?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_zookeeper_1x.png?v=1) 1x,url(/static/dist/images/graphic/screenshot_zookeeper_2x.png?v=1) 2x); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.queue | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_queue_1x.png?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_queue_1x.png?v=1) 1x,url(/static/dist/images/graphic/screenshot_queue_2x.png?v=1) 2x); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.spark | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_spark_1x.png?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_spark_1x.png?v=1) 1x,url(/static/dist/images/graphic/screenshot_spark_2x.png?v=1) 2x); | |
| height: 440px; | |
| } | |
| .product-item .product-screenshot.hadoop | |
| { | |
| background-image: url(/static/dist/images/graphic/screenshot_hadoop_1x.png?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/screenshot_hadoop_1x.png?v=1) 1x,url(/static/dist/images/graphic/screenshot_hadoop_2x.png?v=1) 2x); | |
| height: 300px; | |
| } | |
| .overview | |
| { | |
| padding: 80px 0; | |
| text-align: center; | |
| } | |
| .overview h2 | |
| { | |
| float: none; | |
| } | |
| .overview .desc | |
| { | |
| margin: 0 auto; | |
| width: 80%; | |
| } | |
| .overview::after | |
| { | |
| content: ''; | |
| } | |
| .console-screenshots,.product-feature,.product-screenshot | |
| { | |
| background: #fff; | |
| margin-bottom: 50px; | |
| margin-top: 50px; | |
| } | |
| .console-screenshots .features,.product-feature .features,.product-screenshot .features | |
| { | |
| padding: 120px 0; | |
| text-align: center; | |
| } | |
| .console-screenshots h3,.product-feature h3,.product-screenshot h3 | |
| { | |
| color: #3b3b3b; | |
| } | |
| .console-screenshots p,.product-feature p,.product-screenshot p | |
| { | |
| color: #555; | |
| line-height: 1.6em; | |
| margin: 0 auto; | |
| width: 80%; | |
| } | |
| .console-screenshots .product-icon,.product-feature .product-icon,.product-screenshot .product-icon | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 200px; | |
| margin: 0 auto 30px; | |
| width: 200px; | |
| } | |
| .console-screenshots .product-icon.computing-second,.product-feature .product-icon.computing-second,.product-screenshot .product-icon.computing-second | |
| { | |
| background-image: url(/static/dist/images/graphic/computing_second_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/computing_second_1x.gif) 1x,url(/static/dist/images/graphic/computing_second_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.computing-elastic,.product-feature .product-icon.computing-elastic,.product-screenshot .product-icon.computing-elastic | |
| { | |
| background-image: url(/static/dist/images/graphic/computing_elastic_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/computing_elastic_1x.gif) 1x,url(/static/dist/images/graphic/computing_elastic_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.computing-backup,.product-feature .product-icon.computing-backup,.product-screenshot .product-icon.computing-backup | |
| { | |
| background-image: url(/static/dist/images/graphic/computing_backup_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/computing_backup_1x.gif) 1x,url(/static/dist/images/graphic/computing_backup_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.api-open,.product-feature .product-icon.api-open,.product-screenshot .product-icon.api-open | |
| { | |
| background-image: url(/static/dist/images/graphic/api_open_1x.gif?); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/api_open_1x.gif) 1x,url(/static/dist/images/graphic/api_open_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.api-docs,.product-feature .product-icon.api-docs,.product-screenshot .product-icon.api-docs | |
| { | |
| background-image: url(/static/dist/images/graphic/api_docs_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/api_docs_1x.gif) 1x,url(/static/dist/images/graphic/api_docs_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.api-call,.product-feature .product-icon.api-call,.product-screenshot .product-icon.api-call | |
| { | |
| background-image: url(/static/dist/images/graphic/api_call_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/api_call_1x.gif) 1x,url(/static/dist/images/graphic/api_call_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.api-safe,.product-feature .product-icon.api-safe,.product-screenshot .product-icon.api-safe | |
| { | |
| background-image: url(/static/dist/images/graphic/api_safe.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/api_safe_1x.gif) 1x,url(/static/dist/images/graphic/api_safe_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.api-tools,.product-feature .product-icon.api-tools,.product-screenshot .product-icon.api-tools | |
| { | |
| background-image: url(/static/dist/images/graphic/api_tools.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/api_tools_1x.gif) 1x,url(/static/dist/images/graphic/api_tools_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.network,.product-feature .product-icon.network,.product-screenshot .product-icon.network | |
| { | |
| background-image: url(/static/dist/images/graphic/network_2x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/network_2x.gif) 1x,url(/static/dist/images/graphic/network_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.performance,.product-feature .product-icon.performance,.product-screenshot .product-icon.performance | |
| { | |
| background-image: url(/static/dist/images/graphic/storage_performance_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/storage_performance_1x.gif) 1x,url(/static/dist/images/graphic/storage_performance_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.stable,.product-feature .product-icon.stable,.product-screenshot .product-icon.stable | |
| { | |
| background-image: url(/static/dist/images/graphic/storage_stable_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/storage_stable_1x.gif) 1x,url(/static/dist/images/graphic/storage_stable_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.snapshot,.product-feature .product-icon.snapshot,.product-screenshot .product-icon.snapshot | |
| { | |
| background-image: url(/static/dist/images/graphic/storage_snapshot_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/storage_snapshot_1x.gif) 1x,url(/static/dist/images/graphic/storage_snapshot_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.tunnel,.product-feature .product-icon.tunnel,.product-screenshot .product-icon.tunnel | |
| { | |
| background-image: url(/static/dist/images/graphic/network_tunnel_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/network_tunnel_1x.gif) 1x,url(/static/dist/images/graphic/network_tunnel_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.graphic,.product-feature .product-icon.graphic,.product-screenshot .product-icon.graphic | |
| { | |
| background-image: url(/static/dist/images/graphic/network_graphic_1x.gif?v=1); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/network_graphic_1x.gif?v=1) 1x,url(/static/dist/images/graphic/network_graphic_2x.gif?v=1) 2x); | |
| } | |
| .console-screenshots .product-icon.seperate,.product-feature .product-icon.seperate,.product-screenshot .product-icon.seperate | |
| { | |
| background-image: url(/static/dist/images/graphic/network_100_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/network_100_1x.gif) 1x,url(/static/dist/images/graphic/network_100_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.db-fast,.product-feature .product-icon.db-fast,.product-screenshot .product-icon.db-fast | |
| { | |
| background-image: url(/static/dist/images/graphic/db_fast_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/db_fast_1x.gif) 1x,url(/static/dist/images/graphic/db_fast_1x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.db-safe,.product-feature .product-icon.db-safe,.product-screenshot .product-icon.db-safe | |
| { | |
| background-image: url(/static/dist/images/graphic/db_safe_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/db_safe_1x.gif) 1x,url(/static/dist/images/graphic/db_safe_2x.gif) 2x); | |
| } | |
| .console-screenshots .product-icon.db-resize,.product-feature .product-icon.db-resize,.product-screenshot .product-icon.db-resize | |
| { | |
| background-image: url(/static/dist/images/graphic/db_resize_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/db_resize_1x.gif) 1x,url(/static/dist/images/graphic/db_resize_2x.gif) 2x); | |
| } | |
| .product-item-features | |
| { | |
| margin: 30px 0; | |
| padding: 0; | |
| } | |
| .product-item-features li | |
| { | |
| list-style-type: none; | |
| } | |
| .product-item-features h4 | |
| { | |
| color: #57b382; | |
| font-size: 16px; | |
| margin: 10px 0 0; | |
| } | |
| .product-item-features .desc | |
| { | |
| font-size: 14px; | |
| margin: 0 0 20px; | |
| width: 100%; | |
| } | |
| .screenshot | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| border: 5px solid #57b382; | |
| border-radius: 400px; | |
| display: block; | |
| height: 200px; | |
| margin: 0 auto 30px; | |
| moz-border-radius: 400px; | |
| webkit-border-radius: 400px; | |
| width: 200px; | |
| } | |
| .screenshot-monitor | |
| { | |
| background-image: url(/static/dist/images/console/monitor_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/monitor_1x.gif) 1x,url(/static/dist/images/console/monitor_2x.gif) 2x); | |
| } | |
| .screenshot-graphic | |
| { | |
| background-image: url(/static/dist/images/console/graphic_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/graphic_1x.gif) 1x,url(/static/dist/images/console/graphic_2x.gif) 2x); | |
| } | |
| .screenshot-contextmenu | |
| { | |
| background-image: url(/static/dist/images/console/contextmenu_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/contextmenu_1x.gif) 1x,url(/static/dist/images/console/contextmenu_2x.gif) 2x); | |
| } | |
| .screenshot-network | |
| { | |
| background-image: url(/static/dist/images/console/network_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/network_1x.gif) 1x,url(/static/dist/images/console/network_2x.gif) 2x); | |
| } | |
| .screenshot-snapshot | |
| { | |
| background-image: url(/static/dist/images/console/snapshot_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/snapshot_1x.gif) 1x,url(/static/dist/images/console/snapshot_2x.gif) 2x); | |
| background-position: left center; | |
| } | |
| .screenshot-jobs | |
| { | |
| background-image: url(/static/dist/images/console/jobs_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/jobs_1x.gif) 1x,url(/static/dist/images/console/jobs_2x.gif) 2x); | |
| background-size: 130%; | |
| } | |
| .screenshot-scheduler | |
| { | |
| background-image: url(/static/dist/images/console/scheduler_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/scheduler_1x.gif) 1x,url(/static/dist/images/console/scheduler_2x.gif) 2x); | |
| background-size: 130%; | |
| } | |
| .screenshot-autoscaling | |
| { | |
| background-image: url(/static/dist/images/console/notification_list_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/autoscaling_1x.gif) 1x,url(/static/dist/images/console/autoscaling_2x.gif) 2x); | |
| background-size: 130%; | |
| } | |
| .screenshot-notification-list | |
| { | |
| background-image: url(/static/dist/images/console/notification_list_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/console/notification_list_1x.gif) 1x,url(/static/dist/images/console/notification_list_2x.gif) 2x); | |
| background-size: 130%; | |
| } | |
| .pricing-resources | |
| { | |
| position: relative; | |
| } | |
| .pricing-resources .price-number | |
| { | |
| font-size: 28px; | |
| margin: 0 4px 0 8px; | |
| } | |
| .pricing-resources .none | |
| { | |
| margin: 0; | |
| } | |
| .pricing-summary | |
| { | |
| position: absolute; | |
| width: 100%; | |
| } | |
| .pricing-summary .grid_8 | |
| { | |
| float: right; | |
| } | |
| .pricing-summary .locales-wrapper | |
| { | |
| margin-top: 30px; | |
| } | |
| .pricing-summary .summary-wrapper | |
| { | |
| background: #f7f7f7; | |
| color: #3b3b3b; | |
| padding: 10px 20px; | |
| } | |
| .pricing-summary h2 | |
| { | |
| margin: 0; | |
| text-align: center; | |
| } | |
| .pricing-summary .resources .table-wrapper | |
| { | |
| overflow: auto; | |
| } | |
| .pricing-summary .resources .table-wrapper table td | |
| { | |
| height: 32px; | |
| padding: 5px 0; | |
| } | |
| .pricing-summary .resources .table-wrapper table td input.res_count | |
| { | |
| border: 0 none; | |
| border-radius: 0; | |
| float: left; | |
| height: 20px; | |
| moz-border-radius: 0; | |
| padding: 0 3px; | |
| text-align: center; | |
| webkit-border-radius: 0; | |
| width: 16px; | |
| } | |
| .pricing-summary .resources .table-wrapper table tr>td | |
| { | |
| text-align: right; | |
| } | |
| .pricing-summary .resources .table-wrapper table tr :first-child | |
| { | |
| text-align: left; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_type | |
| { | |
| width: 122px; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_type a | |
| { | |
| color: #3b3b3b; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_type .detail | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| margin: 0; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_type .detail :content | |
| { | |
| webkit-transform: scale(.75); | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count | |
| { | |
| width: 60px; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .plus,.pricing-summary .resources .table-wrapper .res_count .minus | |
| { | |
| background: #e2e2e2; | |
| border: 0 none; | |
| color: #555; | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| height: 20px; | |
| line-height: 20px; | |
| moz-transition: all .1s ease-in; | |
| o-transition: all .1s ease-in; | |
| overflow: hidden; | |
| padding: 0; | |
| text-align: center; | |
| transition: all .1s ease-in; | |
| webkit-transition: all .1s ease-in; | |
| width: 16px; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .plus | |
| { | |
| border-left: 0; | |
| border-radius: 0 2px 2px 0; | |
| moz-border-radius: 0 2px 2px 0; | |
| webkit-border-radius: 0 2px 2px 0; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .minus | |
| { | |
| border-radius: 2px 0 0 2px; | |
| border-right: 0; | |
| moz-border-radius: 2px 0 0 2px; | |
| webkit-border-radius: 2px 0 0 2px; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .icon-close | |
| { | |
| vertical-align: baseline; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .plus:disabled,.pricing-summary .resources .table-wrapper .res_count .minus:disabled | |
| { | |
| background: #e7e7e7; | |
| color: #999; | |
| cursor: default; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .plus:enabled:hover,.pricing-summary .resources .table-wrapper .res_count .minus:enabled:hover | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .pricing-summary .resources .table-wrapper .res_count .plus i,.pricing-summary .resources .table-wrapper .res_count .minus i | |
| { | |
| vertical-align: baseline; | |
| } | |
| .pricing-summary .resources .table-wrapper .number | |
| { | |
| margin-right: 5px; | |
| } | |
| .pricing-summary .total | |
| { | |
| border-top: 1px solid #eee; | |
| margin-top: 0; | |
| padding: 20px 0 0; | |
| text-align: right; | |
| } | |
| .pricing-summary .total .number | |
| { | |
| color: #468847; | |
| font-size: 28px; | |
| padding: 0 6px; | |
| } | |
| .pricing-summary .total .notice | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| line-height: 1.6em; | |
| margin: 15px 0 0; | |
| text-align: left; | |
| } | |
| .pricing-item | |
| { | |
| overflow: hidden; | |
| padding: 50px 0; | |
| } | |
| .pricing-item:nth-child(odd) | |
| { | |
| border-bottom: 1px solid #eee; | |
| border-top: 1px solid #eee; | |
| } | |
| .pricing-instance .viewport-inner,.pricing-volume .viewport-inner,.pricing-eip .viewport-inner,.pricing-router .viewport-inner,.pricing-rdb .viewport-inner,.pricing-mongo .viewport-inner,.pricing-loadbalancer .viewport-inner,.pricing-snapshot .viewport-inner,.pricing-image .viewport-inner,.pricing-cache .viewport-inner,.pricing-s2server .viewport-inner,.pricing-vnas .viewport-inner,.pricing-zookeeper .viewport-inner,.pricing-queue .viewport-inner,.pricing-spark .viewport-inner,.pricing-hadoop .viewport-inner | |
| { | |
| overflow: hidden; | |
| } | |
| .pricing-instance h2,.pricing-volume h2,.pricing-eip h2,.pricing-router h2,.pricing-rdb h2,.pricing-mongo h2,.pricing-loadbalancer h2,.pricing-snapshot h2,.pricing-image h2,.pricing-cache h2,.pricing-s2server h2,.pricing-vnas h2,.pricing-zookeeper h2,.pricing-queue h2,.pricing-spark h2,.pricing-hadoop h2 | |
| { | |
| float: left; | |
| font-size: 24px; | |
| line-height: 2em; | |
| } | |
| .pricing-instance p,.pricing-volume p,.pricing-eip p,.pricing-router p,.pricing-rdb p,.pricing-mongo p,.pricing-loadbalancer p,.pricing-snapshot p,.pricing-image p,.pricing-cache p,.pricing-s2server p,.pricing-vnas p,.pricing-zookeeper p,.pricing-queue p,.pricing-spark p,.pricing-hadoop p | |
| { | |
| clear: both; | |
| color: #999; | |
| line-height: 1.6em; | |
| } | |
| .pricing-instance .desc,.pricing-volume .desc,.pricing-eip .desc,.pricing-router .desc,.pricing-rdb .desc,.pricing-mongo .desc,.pricing-loadbalancer .desc,.pricing-snapshot .desc,.pricing-image .desc,.pricing-cache .desc,.pricing-s2server .desc,.pricing-vnas .desc,.pricing-zookeeper .desc,.pricing-queue .desc,.pricing-spark .desc,.pricing-hadoop .desc,.pricing-instance .panel,.pricing-volume .panel,.pricing-eip .panel,.pricing-router .panel,.pricing-rdb .panel,.pricing-mongo .panel,.pricing-loadbalancer .panel,.pricing-snapshot .panel,.pricing-image .panel,.pricing-cache .panel,.pricing-s2server .panel,.pricing-vnas .panel,.pricing-zookeeper .panel,.pricing-queue .panel,.pricing-spark .panel,.pricing-hadoop .panel | |
| { | |
| position: relative; | |
| } | |
| .pricing-instance .price,.pricing-volume .price,.pricing-eip .price,.pricing-router .price,.pricing-rdb .price,.pricing-mongo .price,.pricing-loadbalancer .price,.pricing-snapshot .price,.pricing-image .price,.pricing-cache .price,.pricing-s2server .price,.pricing-vnas .price,.pricing-zookeeper .price,.pricing-queue .price,.pricing-spark .price,.pricing-hadoop .price | |
| { | |
| float: right; | |
| line-height: 2em; | |
| margin-top: 12px; | |
| } | |
| .pricing-instance .price-unit,.pricing-volume .price-unit,.pricing-eip .price-unit,.pricing-router .price-unit,.pricing-rdb .price-unit,.pricing-mongo .price-unit,.pricing-loadbalancer .price-unit,.pricing-snapshot .price-unit,.pricing-image .price-unit,.pricing-cache .price-unit,.pricing-s2server .price-unit,.pricing-vnas .price-unit,.pricing-zookeeper .price-unit,.pricing-queue .price-unit,.pricing-spark .price-unit,.pricing-hadoop .price-unit | |
| { | |
| float: right; | |
| font-size: 24px; | |
| padding-right: 5px; | |
| padding-top: 20px; | |
| } | |
| .pricing-instance .price-unit span,.pricing-volume .price-unit span,.pricing-eip .price-unit span,.pricing-router .price-unit span,.pricing-rdb .price-unit span,.pricing-mongo .price-unit span,.pricing-loadbalancer .price-unit span,.pricing-snapshot .price-unit span,.pricing-image .price-unit span,.pricing-cache .price-unit span,.pricing-s2server .price-unit span,.pricing-vnas .price-unit span,.pricing-zookeeper .price-unit span,.pricing-queue .price-unit span,.pricing-spark .price-unit span,.pricing-hadoop .price-unit span | |
| { | |
| font-size: 14px; | |
| } | |
| .pricing-instance .images,.pricing-instance .cpu-memory | |
| { | |
| width: 100%; | |
| } | |
| .pricing-volume .panel-inner,.pricing-eip .panel-inner,.pricing-rdb .panel-inner,.pricing-mongo .panel-inner,.pricing-cache .panel-inner,.pricing-queue .panel-inner,.pricing-spark .panel-inner,.pricing-hadoop .panel-inner | |
| { | |
| margin: 0 0 0 80px; | |
| padding: 40px 0 10px; | |
| } | |
| .pricing-volume .panel-inner .mini,.pricing-eip .panel-inner .mini,.pricing-rdb .panel-inner .mini,.pricing-mongo .panel-inner .mini,.pricing-cache .panel-inner .mini,.pricing-queue .panel-inner .mini,.pricing-spark .panel-inner .mini,.pricing-hadoop .panel-inner .mini | |
| { | |
| width: 40px; | |
| } | |
| .pricing-volume .panel-inner .preview,.pricing-eip .panel-inner .preview,.pricing-rdb .panel-inner .preview,.pricing-mongo .panel-inner .preview,.pricing-cache .panel-inner .preview,.pricing-queue .panel-inner .preview,.pricing-spark .panel-inner .preview,.pricing-hadoop .panel-inner .preview | |
| { | |
| margin-left: 10px; | |
| } | |
| .pricing-volume .panel-inner .help,.pricing-eip .panel-inner .help,.pricing-rdb .panel-inner .help,.pricing-mongo .panel-inner .help,.pricing-cache .panel-inner .help,.pricing-queue .panel-inner .help,.pricing-spark .panel-inner .help,.pricing-hadoop .panel-inner .help | |
| { | |
| color: #999; | |
| font-style: italic; | |
| } | |
| .pricing-volume .panel-inner .help.inline,.pricing-eip .panel-inner .help.inline,.pricing-rdb .panel-inner .help.inline,.pricing-mongo .panel-inner .help.inline,.pricing-cache .panel-inner .help.inline,.pricing-queue .panel-inner .help.inline,.pricing-spark .panel-inner .help.inline,.pricing-hadoop .panel-inner .help.inline | |
| { | |
| display: inline-block; | |
| line-height: 35px; | |
| padding: 0 10px; | |
| vertical-align: middle; | |
| } | |
| .pricing-volume .panel-inner .help.range,.pricing-eip .panel-inner .help.range,.pricing-rdb .panel-inner .help.range,.pricing-mongo .panel-inner .help.range,.pricing-cache .panel-inner .help.range,.pricing-queue .panel-inner .help.range,.pricing-spark .panel-inner .help.range,.pricing-hadoop .panel-inner .help.range | |
| { | |
| display: block; | |
| padding: 10px 0; | |
| text-align: center; | |
| width: 410px; | |
| } | |
| .image-item,.cpu-item,.memory-item,.volume-item,.lb-item,.rdb-item,.mongo-item,.type-item,.mode-item,.cache-item,.spark-item | |
| { | |
| list-style-type: none; | |
| } | |
| .image-item a,.cpu-item a,.memory-item a,.volume-item a,.lb-item a,.rdb-item a,.mongo-item a,.type-item a,.mode-item a,.cache-item a,.spark-item a | |
| { | |
| background: #fff; | |
| background-color: #e6f4ec; | |
| border-radius: 3px; | |
| color: #326e4e; | |
| display: block; | |
| margin: 2px 0; | |
| moz-border-radius: 3px; | |
| padding: 10px; | |
| webkit-border-radius: 3px; | |
| } | |
| .image-item a:hover,.cpu-item a:hover,.memory-item a:hover,.volume-item a:hover,.lb-item a:hover,.rdb-item a:hover,.mongo-item a:hover,.type-item a:hover,.mode-item a:hover,.cache-item a:hover,.spark-item a:hover | |
| { | |
| background-color: #d5ece0; | |
| } | |
| .image-item.selected a,.cpu-item.selected a,.memory-item.selected a,.volume-item.selected a,.lb-item.selected a,.rdb-item.selected a,.mongo-item.selected a,.type-item.selected a,.mode-item.selected a,.cache-item.selected a,.spark-item.selected a | |
| { | |
| background-color: #57b382; | |
| border-color: #4fae7b; | |
| color: #fff; | |
| } | |
| li.item | |
| { | |
| background: #fff; | |
| background-color: #e6f4ec; | |
| border-radius: 3px; | |
| color: #326e4e; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-size: 16px; | |
| list-style-type: none; | |
| margin: 0 5px; | |
| moz-border-radius: 3px; | |
| padding: 15px 10px; | |
| webkit-border-radius: 3px; | |
| } | |
| li.item:first-child | |
| { | |
| margin-left: 0; | |
| } | |
| li.item:hover | |
| { | |
| background-color: #d5ece0; | |
| } | |
| li.item.selected | |
| { | |
| background-color: #57b382; | |
| border-color: #4fae7b; | |
| color: #fff; | |
| } | |
| div.node-count input | |
| { | |
| margin-left: 10px; | |
| width: 40px; | |
| } | |
| .pricing-instance ul,.pricing-image ul | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .pricing-volume ul,.pricing-loadbalancer ul,.pricing-rdb ul,.pricing-mongo ul,.pricing-router ul,.pricing-eip ul,.pricing-cache ul,.pricing-s2server ul,.pricing-vnas ul,.pricing-zookeeper ul,.pricing-queue ul,.pricing-spark ul,.pricing-hadoop ul | |
| { | |
| margin: 0 0 20px; | |
| padding: 0; | |
| } | |
| .image-item | |
| { | |
| display: inline-block; | |
| width: 220px; | |
| } | |
| .image-item a | |
| { | |
| display: block; | |
| font-size: 24px; | |
| font-weight: bolder; | |
| margin: 0 10px 0 0; | |
| padding: 25px 30px; | |
| text-align: center; | |
| } | |
| .cpu-item,.memory-item,.volume-item,.lb-item,.rdb-item,.mongo-item,.type-item,.mode-item,.cache-item,.spark-item | |
| { | |
| display: inline-block; | |
| } | |
| .cpu-item a,.memory-item a,.volume-item a,.lb-item a,.rdb-item a,.mongo-item a,.type-item a,.mode-item a,.cache-item a,.spark-item a | |
| { | |
| font-size: 12px; | |
| padding: 15px 0; | |
| text-align: center; | |
| } | |
| .cpu-item.disable a,.memory-item.disable a,.volume-item.disable a,.lb-item.disable a,.rdb-item.disable a,.mongo-item.disable a,.type-item.disable a,.mode-item.disable a,.cache-item.disable a,.spark-item.disable a | |
| { | |
| background: #eee; | |
| border-color: #bebebe; | |
| color: #999; | |
| cursor: no-drop; | |
| moz-text-shadow: 0 1px #fff; | |
| text-shadow: 0 1px #fff; | |
| webkit-text-shadow: 0 1px #fff; | |
| } | |
| .cpu-item:last-child a,.memory-item:last-child a,.volume-item:last-child a,.lb-item:last-child a,.rdb-item:last-child a,.mongo-item:last-child a,.type-item:last-child a,.mode-item:last-child a,.cache-item:last-child a,.spark-item:last-child a | |
| { | |
| margin-right: 0; | |
| } | |
| .cpu-item:first-child a,.memory-item:first-child a,.volume-item:first-child a,.lb-item:first-child a,.rdb-item:first-child a,.mongo-item:first-child a,.type-item:first-child a,.mode-item:first-child a,.cache-item:first-child a,.spark-item:first-child a | |
| { | |
| margin-left: 0; | |
| } | |
| .cpu-item a | |
| { | |
| display: inline-block; | |
| font-size: 16px; | |
| margin: 10px 5px 0; | |
| width: 124px; | |
| } | |
| .memory-item a | |
| { | |
| display: inline-block; | |
| margin: 10px 5px; | |
| width: 51px; | |
| } | |
| .volume-item a,.cache-item a,.spark-item a | |
| { | |
| display: inline-block; | |
| font-size: 14px; | |
| margin: 0 5px; | |
| width: 180px; | |
| } | |
| .volume-item a small,.cache-item a small,.spark-item a small | |
| { | |
| margin-left: 10px; | |
| } | |
| .lb-item a,.rdb-item a,.mongo-item a,.type-item a,.mode-item a | |
| { | |
| display: inline-block; | |
| font-size: 16px; | |
| margin: 0 5px; | |
| padding: 15px 10px; | |
| } | |
| .lb-item a small,.rdb-item a small,.mongo-item a small,.type-item a small,.mode-item a small | |
| { | |
| margin-left: 10px; | |
| } | |
| .pricing-image .image-item | |
| { | |
| width: 180px; | |
| } | |
| .pricing-image .image-item a | |
| { | |
| padding: 20px; | |
| } | |
| .label | |
| { | |
| display: inline-block; | |
| margin: 0 30px; | |
| width: 80px; | |
| } | |
| input#size,input#storage_size,input#bandwidth | |
| { | |
| width: 380px; | |
| } | |
| input.size | |
| { | |
| display: inline; | |
| padding: 3px; | |
| text-align: center; | |
| width: 35px; | |
| } | |
| .unit | |
| { | |
| padding-left: 5px; | |
| vertical-align: bottom; | |
| } | |
| .label.min,.label.max | |
| { | |
| color: #555; | |
| line-height: 28px; | |
| text-align: right; | |
| vertical-align: top; | |
| } | |
| .label.max | |
| { | |
| text-align: left; | |
| } | |
| .media-wrapper:nth-child(odd) | |
| { | |
| background: #eee; | |
| } | |
| .media-reports | |
| { | |
| margin: 0 auto; | |
| overflow: hidden; | |
| padding: 20px; | |
| width: 80%; | |
| } | |
| .media-reports li | |
| { | |
| list-style-type: none; | |
| padding: 20px 0; | |
| } | |
| .media-reports h2 a | |
| { | |
| color: #353644; | |
| } | |
| .media-reports h2 a:hover | |
| { | |
| color: #57b382; | |
| } | |
| .media-reports blockquote | |
| { | |
| color: #555; | |
| font-size: 14px; | |
| line-height: 1.6em; | |
| margin: 10px 0 30px; | |
| } | |
| .about-content.contact_us | |
| { | |
| background-image: url(/static/dist/images/contactus_map.jpg); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 1640px; | |
| } | |
| .contact-list | |
| { | |
| list-style-position: inside; | |
| margin: 0; | |
| padding: 100px 10px; | |
| width: 480px; | |
| } | |
| .contact-list li | |
| { | |
| font-size: 16px; | |
| line-height: 2em; | |
| list-style-type: none; | |
| margin: 5px 0; | |
| } | |
| .contact-list .icon | |
| { | |
| font-size: 16px; | |
| padding-right: 8px; | |
| } | |
| .about .page-tab li a | |
| { | |
| width: 80px; | |
| } | |
| .logs-list | |
| { | |
| border-left: 3px solid #57b382; | |
| margin: 100px auto; | |
| width: 80%; | |
| } | |
| .logs-list dt,.logs-list dd | |
| { | |
| margin-bottom: 50px; | |
| } | |
| .logs-list dt | |
| { | |
| float: left; | |
| margin-left: -31.5px; | |
| } | |
| .logs-list dt em | |
| { | |
| background: #57b382; | |
| border-radius: 100px; | |
| color: #fff; | |
| display: inline-block; | |
| height: 60px; | |
| line-height: 60px; | |
| moz-border-radius: 100px; | |
| text-align: center; | |
| vertical-align: middle; | |
| webkit-border-radius: 100px; | |
| width: 60px; | |
| } | |
| .logs-list dd | |
| { | |
| background: #fafafa; | |
| border-radius: 10px; | |
| margin-left: 60px; | |
| moz-border-radius: 10px; | |
| padding: 10px 30px; | |
| webkit-border-radius: 10px; | |
| } | |
| .logs-list h2 a | |
| { | |
| color: #3b3b3b; | |
| } | |
| .logs-list h2 a:hover | |
| { | |
| color: #57b382; | |
| } | |
| .about-content.join_us | |
| { | |
| color: #555; | |
| font-size: 16px; | |
| overflow: hidden; | |
| } | |
| .about-content.join_us h2 | |
| { | |
| color: #353644; | |
| } | |
| .about-content.join_us ol | |
| { | |
| margin: 0 0 10px; | |
| padding-left: 20px; | |
| } | |
| .about-content.join_us ol li | |
| { | |
| line-height: 24px; | |
| list-style-position: outside; | |
| list-style-type: disc; | |
| padding: 5px 0; | |
| } | |
| .position,.media-tabs | |
| { | |
| list-style-type: none; | |
| margin: 50px auto 0; | |
| padding: 0; | |
| width: 350px; | |
| } | |
| .position li,.media-tabs li | |
| { | |
| display: inline-block; | |
| margin: 0 10px; | |
| } | |
| .position .position-item a,.media-tabs .position-item a,.position .media-item a,.media-tabs .media-item a | |
| { | |
| border: 1px solid #57b382; | |
| border-radius: 100px; | |
| display: block; | |
| font-size: 18px; | |
| moz-border-radius: 100px; | |
| padding: 16px 40px; | |
| webkit-border-radius: 100px; | |
| } | |
| .position .position-item a:hover,.media-tabs .position-item a:hover,.position .media-item a:hover,.media-tabs .media-item a:hover | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| } | |
| .development-details | |
| { | |
| background: #f2f2f2; | |
| padding: 30px 0 50px; | |
| } | |
| .we-like | |
| { | |
| border-bottom: 1px solid #eee; | |
| border-top: 1px solid #eee; | |
| text-align: center; | |
| } | |
| .we-like ul | |
| { | |
| padding: 0; | |
| } | |
| .we-like ul li | |
| { | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .we-like ul h3 | |
| { | |
| font-family: Impact; | |
| font-size: 28px; | |
| line-height: 1em; | |
| margin: 30px 0 10px; | |
| } | |
| .we-like ul p | |
| { | |
| margin: 0 0 20px; | |
| } | |
| .idea | |
| { | |
| background: #fff; | |
| padding: 30px 0; | |
| text-align: center; | |
| } | |
| .jobs | |
| { | |
| color: #555; | |
| overflow: hidden; | |
| padding: 30px 0 50px; | |
| } | |
| .jobs p | |
| { | |
| line-height: 1.6em; | |
| margin: 5px 0 10px; | |
| } | |
| .jobs h2 | |
| { | |
| text-align: center; | |
| } | |
| .jobs h3 | |
| { | |
| color: #57b382; | |
| font-family: Impact; | |
| font-size: 28px; | |
| } | |
| .jobs h3.zh | |
| { | |
| font-family: Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; | |
| } | |
| .jobs h4 | |
| { | |
| color: #353644; | |
| margin: 20px 0 10px; | |
| } | |
| .jobs .desc | |
| { | |
| margin-bottom: 50px; | |
| } | |
| .jobs .viewport-inner | |
| { | |
| width: 750px; | |
| } | |
| .treatment | |
| { | |
| padding: 30px 0; | |
| } | |
| .treatment .viewport-inner | |
| { | |
| width: 750px; | |
| } | |
| .tos li | |
| { | |
| line-height: 1.6em; | |
| } | |
| .customers-content | |
| { | |
| padding: 30px 0 100px; | |
| } | |
| .customers-content .lead | |
| { | |
| margin: 10px 0; | |
| padding: 0 0 15px; | |
| } | |
| .customers-content .viewport-inner | |
| { | |
| border-bottom: 1px solid #eee; | |
| margin: 0 auto; | |
| padding-bottom: 30px; | |
| padding-top: 70px; | |
| } | |
| .customers-content blockquote | |
| { | |
| clear: both; | |
| margin: 40px 0 20px; | |
| padding: 0; | |
| } | |
| .customers-content blockquote p,.customers-content blockquote cite | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| font-style: italic; | |
| line-height: 1.6em; | |
| margin: 0; | |
| padding: 5px 0; | |
| } | |
| .customers-content blockquote p | |
| { | |
| background-image: url(/static/images/svg/quote.svg); | |
| background-position: left top; | |
| background-repeat: no-repeat; | |
| background-size: 24px; | |
| color: #555; | |
| padding: 10px 0 0 30px; | |
| } | |
| .customers-content blockquote cite | |
| { | |
| line-height: 2em; | |
| padding: 0 28px; | |
| vertical-align: middle; | |
| } | |
| .customer-list | |
| { | |
| margin: 40px 0; | |
| padding: 0; | |
| } | |
| .customer-list li | |
| { | |
| display: inline-block; | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| vertical-align: top; | |
| width: 20%; | |
| } | |
| .customer-list .customer-logo | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 180px; | |
| line-height: 150px; | |
| margin: 0 auto; | |
| text-align: center; | |
| vertical-align: middle; | |
| width: 168.5px; | |
| } | |
| .customer-list h5 | |
| { | |
| color: #353644; | |
| margin-top: 20px; | |
| text-align: center; | |
| } | |
| .customer-list .desc | |
| { | |
| color: #999; | |
| font-size: 12px; | |
| line-height: 1.6; | |
| margin: 0 0 20px; | |
| padding: 0 30px; | |
| text-align: center; | |
| } | |
| .content-navs | |
| { | |
| background: #444350; | |
| overflow: hidden; | |
| padding: 20px 0 0; | |
| } | |
| .content-navs h1 | |
| { | |
| color: #fff; | |
| margin: 0; | |
| } | |
| .content-navs .lead | |
| { | |
| color: #fff; | |
| font-size: 16px; | |
| margin: 10px 0 20px; | |
| padding: 0; | |
| } | |
| .content-navs ul | |
| { | |
| margin: 0; | |
| overflow: hidden; | |
| padding: 0; | |
| } | |
| .content-navs li | |
| { | |
| float: left; | |
| list-style-type: none; | |
| } | |
| .content-navs li a | |
| { | |
| background: #2b2b33; | |
| color: #fff; | |
| float: left; | |
| padding: 15px 30px; | |
| } | |
| .content-navs li a:hover | |
| { | |
| background: #353644; | |
| } | |
| .content-navs li.current a | |
| { | |
| background: #57b382; | |
| } | |
| .profile-basic | |
| { | |
| padding: 50px 0; | |
| } | |
| .profile-basic input[type=text],.profile-basic input[type=email] | |
| { | |
| width: 240px; | |
| } | |
| .security-center ul,.security-center li | |
| { | |
| list-style: none; | |
| } | |
| .security-center ul | |
| { | |
| padding: 0; | |
| } | |
| .security-center ul li | |
| { | |
| border-bottom: 1px dotted #ccc; | |
| padding: 20px; | |
| } | |
| .security-center ul li:hover | |
| { | |
| background: #eee; | |
| } | |
| .security-center ul li .title | |
| { | |
| float: left; | |
| font-size: 16px; | |
| font-weight: 700; | |
| width: 170px; | |
| } | |
| .security-center ul li .description | |
| { | |
| margin-left: 170px; | |
| width: 730px; | |
| } | |
| .security-center ul li .operation | |
| { | |
| color: #468847; | |
| float: right; | |
| } | |
| .security-auth .alert .single-line | |
| { | |
| color: #835404; | |
| font-size: 13px; | |
| margin-left: 150px; | |
| } | |
| .security-auth .alert .multi-line | |
| { | |
| color: #835404; | |
| font-size: 13px; | |
| height: 38px; | |
| line-height: 38px; | |
| margin-left: 150px; | |
| vertical-align: top; | |
| } | |
| .security-auth .alert em | |
| { | |
| color: #57b382; | |
| } | |
| .security-auth .alert span | |
| { | |
| display: inline-block; | |
| } | |
| .security-auth .check-auth | |
| { | |
| padding-top: 10px; | |
| } | |
| .security-auth .check-auth .tips | |
| { | |
| color: #999; | |
| font-style: italic; | |
| margin: 5px 0 30px; | |
| } | |
| .security-auth .check-auth .tips em | |
| { | |
| color: #57b382; | |
| padding: 0 5px; | |
| } | |
| .security-auth .bind-method | |
| { | |
| display: none; | |
| height: 230px; | |
| } | |
| .security-auth .bind-method .bind-qrcode | |
| { | |
| display: none; | |
| } | |
| .security-auth .bind-method .bind-qrcode .qrcode | |
| { | |
| float: left; | |
| height: 180px; | |
| margin-left: 60px; | |
| width: 180px; | |
| } | |
| .security-auth .bind-method .bind-qrcode .intro | |
| { | |
| color: #999; | |
| float: left; | |
| font-style: italic; | |
| margin-left: 100px; | |
| padding: 20px 0; | |
| width: 650px; | |
| } | |
| .security-auth .bind-method .bind-text | |
| { | |
| display: none; | |
| } | |
| .security-auth .bind-method .bind-text .key | |
| { | |
| color: #555; | |
| float: left; | |
| } | |
| .security-auth .bind-method .bind-text .key dl | |
| { | |
| margin: 0; | |
| width: 475px; | |
| } | |
| .security-auth .bind-method .bind-text .key dt,.security-auth .bind-method .bind-text .key dd | |
| { | |
| border: 1px solid #d6d6d6; | |
| float: left; | |
| line-height: 50px; | |
| margin: 0; | |
| text-align: center; | |
| } | |
| .security-auth .bind-method .bind-text .key dt | |
| { | |
| background: #eee; | |
| border-right: 0; | |
| width: 100px; | |
| } | |
| .security-auth .bind-method .bind-text .key dt.dt-email | |
| { | |
| border-bottom: 0; | |
| border-radius: 3px 0 0; | |
| moz-border-radius: 3px 0 0; | |
| webkit-border-radius: 3px 0 0; | |
| } | |
| .security-auth .bind-method .bind-text .key dt.dt-key | |
| { | |
| border-radius: 0 0 0 3px; | |
| line-height: 70px; | |
| moz-border-radius: 0 0 0 3px; | |
| webkit-border-radius: 0 0 0 3px; | |
| } | |
| .security-auth .bind-method .bind-text .key dd | |
| { | |
| border-left: 0; | |
| padding: 0 10px; | |
| width: 350px; | |
| word-wrap: break-word; | |
| } | |
| .security-auth .bind-method .bind-text .key dd.account-email | |
| { | |
| border-bottom: 0; | |
| border-radius: 0 3px 0 0; | |
| moz-border-radius: 0 3px 0 0; | |
| webkit-border-radius: 0 3px 0 0; | |
| } | |
| .security-auth .bind-method .bind-text .key dd.account-key | |
| { | |
| border-radius: 0 0 3px; | |
| height: 50px; | |
| line-height: 25px; | |
| moz-border-radius: 0 0 3px; | |
| padding: 10px; | |
| text-align: left; | |
| webkit-border-radius: 0 0 3px; | |
| } | |
| .security-auth .bind-method .bind-text .intro | |
| { | |
| color: #999; | |
| float: left; | |
| font-style: italic; | |
| margin-left: 50px; | |
| width: 470px; | |
| } | |
| .security-auth .bind-method .bind-text .intro .tips:first-child | |
| { | |
| margin-top: 0; | |
| } | |
| .alert .disable-check | |
| { | |
| padding: 8px 18px; | |
| } | |
| .alert .disable-check input,.alert .disable-check label | |
| { | |
| cursor: pointer; | |
| } | |
| .security-phone | |
| { | |
| width: 1050px; | |
| } | |
| .security-phone .controls | |
| { | |
| margin-left: 0; | |
| } | |
| .security-phone .form-actions | |
| { | |
| padding-left: 0; | |
| } | |
| .login-2fa .tips | |
| { | |
| background: #cee8f5; | |
| color: #3a87ad; | |
| margin-bottom: 20px; | |
| padding: 20px; | |
| } | |
| .login-2fa .error-message | |
| { | |
| display: none; | |
| } | |
| .login-no-token .tips | |
| { | |
| background: #d9edf7; | |
| color: #3a87ad; | |
| line-height: 25px; | |
| margin-bottom: 20px; | |
| padding: 15px; | |
| } | |
| .login-no-token .no-token-phone | |
| { | |
| width: 590px; | |
| } | |
| .login-no-token .no-token-phone .control-label | |
| { | |
| width: 80px; | |
| } | |
| .login-no-token .no-token-phone .controls | |
| { | |
| margin-left: 100px; | |
| } | |
| .login-no-token .no-token-phone .form-actions | |
| { | |
| padding-left: 100px; | |
| } | |
| .login-history .login-ip | |
| { | |
| font-style: italic; | |
| } | |
| .content-tab | |
| { | |
| border-bottom: 1px solid #eee; | |
| margin-bottom: 12px; | |
| margin-top: 40px; | |
| } | |
| .content-tab li | |
| { | |
| display: inline-block; | |
| margin-bottom: -1px; | |
| } | |
| .content-tab li a | |
| { | |
| color: #999; | |
| display: block; | |
| padding: 15px 20px; | |
| } | |
| .content-tab .current a | |
| { | |
| background: #fff; | |
| border: 1px solid #eee; | |
| border-bottom: 1px solid #fff; | |
| border-top: 3px solid #57b382; | |
| color: #57b382; | |
| } | |
| .recharge input[type=radio] | |
| { | |
| margin: 0 5px; | |
| } | |
| .recharge .control-label | |
| { | |
| text-align: left; | |
| width: 100px; | |
| } | |
| .recharge .controls | |
| { | |
| margin-left: 110px; | |
| } | |
| .recharge .banklist ul,.recharge .pay-platforms ul | |
| { | |
| padding: 0; | |
| } | |
| .recharge .banklist li,.recharge .pay-platforms li | |
| { | |
| display: inline-block; | |
| margin: 5px 0; | |
| width: 20%; | |
| } | |
| .recharge .paypal-form | |
| { | |
| display: none; | |
| } | |
| .recharge .pay_logo | |
| { | |
| background: #fff; | |
| background-image: url(/static/dist/images/bank-icons.png); | |
| background-repeat: no-repeat; | |
| border: 1px solid #ccc; | |
| border-radius: 3px; | |
| cursor: pointer; | |
| display: inline-block; | |
| height: 38px; | |
| moz-border-radius: 3px; | |
| vertical-align: middle; | |
| webkit-border-radius: 3px; | |
| width: 150px; | |
| } | |
| .recharge .pay_logo.ABC | |
| { | |
| background-position: 20px 0; | |
| } | |
| .recharge .pay_logo.BJBANK | |
| { | |
| background-position: 30px -36px; | |
| } | |
| .recharge .pay_logo.BJRCB | |
| { | |
| background-position: 15px -72px; | |
| } | |
| .recharge .pay_logo.BOCB2C | |
| { | |
| background-position: 30px -108px; | |
| } | |
| .recharge .pay_logo.CCB | |
| { | |
| background-position: 20px -144px; | |
| } | |
| .recharge .pay_logo.CEB-DEBIT | |
| { | |
| background-position: 20px -180px; | |
| } | |
| .recharge .pay_logo.CIB | |
| { | |
| background-position: 20px -216px; | |
| } | |
| .recharge .pay_logo.CITIC | |
| { | |
| background-position: 25px -252px; | |
| } | |
| .recharge .pay_logo.CMB | |
| { | |
| background-position: 30px -288px; | |
| } | |
| .recharge .pay_logo.CMBC | |
| { | |
| background-position: 20px -324px; | |
| } | |
| .recharge .pay_logo.COMM | |
| { | |
| background-position: 30px -360px; | |
| } | |
| .recharge .pay_logo.FDB | |
| { | |
| background-position: 35px -396px; | |
| } | |
| .recharge .pay_logo.GDB | |
| { | |
| background-position: 15px -432px; | |
| } | |
| .recharge .pay_logo.HZCBB2C | |
| { | |
| background-position: 30px -468px; | |
| } | |
| .recharge .pay_logo.ICBCB2C | |
| { | |
| background-position: 20px -504px; | |
| } | |
| .recharge .pay_logo.NBBANK | |
| { | |
| background-position: 30px -540px; | |
| } | |
| .recharge .pay_logo.PSBC | |
| { | |
| background-position: 30px -576px; | |
| } | |
| .recharge .pay_logo.SDB | |
| { | |
| background-position: 20px -612px; | |
| } | |
| .recharge .pay_logo.SHBANK | |
| { | |
| background-position: 30px -648px; | |
| } | |
| .recharge .pay_logo.SHRCB | |
| { | |
| background-position: 30px -684px; | |
| } | |
| .recharge .pay_logo.SPABANK | |
| { | |
| background-position: 25px -720px; | |
| } | |
| .recharge .pay_logo.SPDB | |
| { | |
| background-position: 30px -756px; | |
| } | |
| .recharge .pay_logo.WZCB | |
| { | |
| background-position: 30px -792px; | |
| } | |
| .recharge .pay_logo.abc1003 | |
| { | |
| background-position: 30px -828px; | |
| } | |
| .recharge .pay_logo.abc1004 | |
| { | |
| background-position: 30px -864px; | |
| } | |
| .recharge .pay_logo.alipay | |
| { | |
| background-position: 30px -946px; | |
| } | |
| .recharge .pay_logo.paypal | |
| { | |
| background-image: url(/static/dist/images/pymt_paypal.png); | |
| background-position: 40px 10px; | |
| } | |
| img.captcha | |
| { | |
| margin-right: 10px; | |
| vertical-align: middle; | |
| } | |
| .refresh-captcha | |
| { | |
| vertical-align: middle; | |
| } | |
| .signup .item.company | |
| { | |
| display: none; | |
| } | |
| .signup .show-company | |
| { | |
| padding-left: 140px; | |
| } | |
| .signup .required-company | |
| { | |
| display: none; | |
| } | |
| .signup legend | |
| { | |
| border-bottom: 1px solid #e2e2e2; | |
| display: block; | |
| padding-bottom: 20px; | |
| width: 100%; | |
| } | |
| .signup legend .tips | |
| { | |
| font-size: 14px; | |
| padding-left: 40px; | |
| } | |
| .signup .btn-show-more | |
| { | |
| background: rgba(87,179,130,.1); | |
| border-radius: 2px; | |
| display: inline-block; | |
| margin-right: 12px; | |
| moz-border-radius: 2px; | |
| padding: 10px; | |
| webkit-border-radius: 2px; | |
| } | |
| .signup .select-currency | |
| { | |
| display: inline-block; | |
| } | |
| .preview-details | |
| { | |
| overflow: hidden; | |
| padding: 50px 0 150px; | |
| } | |
| .preview-details .viewport-inner | |
| { | |
| overflow: hidden; | |
| } | |
| .datacenter-map | |
| { | |
| background-image: url(/static/dist/images/graphic/datacenter_map.png); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 400px; | |
| margin: 30px 0; | |
| position: relative; | |
| } | |
| .datacenter-map .icon | |
| { | |
| font-size: 56px; | |
| position: absolute; | |
| } | |
| .datacenter-map .icon.bounce | |
| { | |
| animation: bounce 1s infinite; | |
| moz-animation: bounce 1s infinite; | |
| webkit-animation: bounce 1s infinite; | |
| } | |
| .datacenter-map .icon.guangzhou | |
| { | |
| color: #83ab6e; | |
| right: 111px; | |
| top: 140px; | |
| } | |
| .datacenter-map .icon.beijing | |
| { | |
| color: #de4b50; | |
| right: 119px; | |
| top: 92px; | |
| } | |
| .datacenter-map .icon.hongkong | |
| { | |
| color: #eea34c; | |
| right: 106px; | |
| top: 142px; | |
| } | |
| .datacenter-map .icon.california | |
| { | |
| color: #3fb4cf; | |
| left: 45px; | |
| top: 100px; | |
| } | |
| .datacenter-timeline | |
| { | |
| border-top: 4px dashed #eee; | |
| height: 0; | |
| height: 60px; | |
| margin: 50px; | |
| position: relative; | |
| } | |
| .datacenter-timeline .dot | |
| { | |
| cursor: pointer; | |
| position: absolute; | |
| text-align: center; | |
| top: -11px; | |
| width: 90px; | |
| } | |
| .datacenter-timeline .dot#guangzhou | |
| { | |
| color: #83ab6e; | |
| left: 2%; | |
| } | |
| .datacenter-timeline .dot#beijing | |
| { | |
| color: #de4b50; | |
| left: 28%; | |
| } | |
| .datacenter-timeline .dot#hongkong | |
| { | |
| color: #eea34c; | |
| left: 43%; | |
| } | |
| .datacenter-timeline .dot#california | |
| { | |
| color: #3fb4cf; | |
| left: 88%; | |
| } | |
| .datacenter-timeline .icon-dot | |
| { | |
| border-radius: 40px; | |
| display: block; | |
| height: 20px; | |
| margin: 0 auto; | |
| moz-border-radius: 40px; | |
| webkit-border-radius: 40px; | |
| width: 20px; | |
| } | |
| .datacenter-timeline .dot#guangzhou .icon-dot | |
| { | |
| background: #83ab6e; | |
| } | |
| .datacenter-timeline .dot#beijing .icon-dot | |
| { | |
| background: #de4b50; | |
| } | |
| .datacenter-timeline .dot#hongkong .icon-dot | |
| { | |
| background: #eea34c; | |
| } | |
| .datacenter-timeline .dot#california .icon-dot | |
| { | |
| background: #3fb4cf; | |
| } | |
| .datacenter-timeline.datacenter | |
| { | |
| padding: 50px 0 0; | |
| } | |
| .preview-item,.zone-update | |
| { | |
| clear: both; | |
| overflow: hidden; | |
| padding: 40px 0; | |
| } | |
| .preview-item:nth-child(even),.zone-update:nth-child(even) | |
| { | |
| background: #eee; | |
| } | |
| .preview-item h2,.zone-update h2 | |
| { | |
| font-weight: 700; | |
| } | |
| .preview-item ul,.zone-update ul | |
| { | |
| margin: 30px 0; | |
| padding: 0 0 0 20px; | |
| } | |
| .preview-item ul li,.zone-update ul li | |
| { | |
| font-size: 16px; | |
| line-height: 1.4em; | |
| list-style-position: outside; | |
| margin: 10px 0; | |
| } | |
| .preview-item .tips,.zone-update .tips | |
| { | |
| color: #999; | |
| font-size: 14px; | |
| margin: 30px 0; | |
| } | |
| .preview-item .tips h5,.zone-update .tips h5 | |
| { | |
| color: #555; | |
| } | |
| .preview-item .tips code,.zone-update .tips code | |
| { | |
| background: 0; | |
| border: 0 none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .preview-item .desc,.zone-update .desc | |
| { | |
| color: #555; | |
| font-size: 16px; | |
| line-height: 1.6em; | |
| } | |
| .preview-item .lb-types ul,.zone-update .lb-types ul | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .preview-item .lb-types li,.zone-update .lb-types li | |
| { | |
| border: 1px solid #57b382; | |
| border-radius: 2px; | |
| color: #57b382; | |
| display: inline-block; | |
| margin: 0 5px 0 0; | |
| moz-border-radius: 2px; | |
| padding: 8px 30px; | |
| webkit-border-radius: 2px; | |
| } | |
| .preview-item .view-pricing,.zone-update .view-pricing | |
| { | |
| padding: 100px 130px 100px 150px; | |
| } | |
| .preview-item#pricing,.zone-update#pricing | |
| { | |
| padding: 0; | |
| } | |
| .preview-item .pricing-resources ul,.zone-update .pricing-resources ul | |
| { | |
| margin: 0; | |
| } | |
| .preview-item .pricing-resources ul li,.zone-update .pricing-resources ul li | |
| { | |
| line-height: 1em; | |
| margin: 0; | |
| } | |
| .preview-item .pricing-resources .desc,.zone-update .pricing-resources .desc | |
| { | |
| font-size: 12px; | |
| } | |
| .preview-item | |
| { | |
| padding: 80px 0; | |
| } | |
| .preview-graph | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 150px; | |
| margin: 0 auto; | |
| width: 500px; | |
| } | |
| .preview-graph.account-management | |
| { | |
| background-image: url(/static/dist/images/graphic/subusers_1_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/subusers_1_1x.gif) 1x,url(/static/dist/images/graphic/subusers_1_2x.gif) 2x); | |
| } | |
| .preview-graph.resource-isolation | |
| { | |
| background-image: url(/static/dist/images/graphic/subusers_1_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/subusers_2_1x.gif) 1x,url(/static/dist/images/graphic/subusers_2_2x.gif) 2x); | |
| } | |
| .preview-graph.shared-balance-quotas | |
| { | |
| background-image: url(/static/dist/images/graphic/subusers_1_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/subusers_3_1x.gif) 1x,url(/static/dist/images/graphic/subusers_3_2x.gif) 2x); | |
| } | |
| .preview-graph.lock | |
| { | |
| background-image: url(/static/dist/images/graphic/subusers_1_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/subusers_4_1x.gif?v=1) 1x,url(/static/dist/images/graphic/subusers_4_2x.gif?v=1) 2x); | |
| } | |
| .preview-mongo.intro .page-tab li a | |
| { | |
| min-width: 110px; | |
| width: auto; | |
| } | |
| .billing .viewport-inner | |
| { | |
| border-bottom: 1px solid #eee; | |
| overflow: hidden; | |
| } | |
| .billing .viewport-inner:last-child | |
| { | |
| border-bottom: 0 none; | |
| } | |
| .billing .grid_12.text | |
| { | |
| padding: 100px 0; | |
| } | |
| .billing .desc | |
| { | |
| font-size: 16px; | |
| line-height: 1.6em; | |
| } | |
| .billing .billing-graph | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 300px; | |
| width: 500px; | |
| } | |
| .billing .billing-graph.what | |
| { | |
| background-image: url(/static/dist/images/graphic/billing_what_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/billing_what_1x.gif) 1x,url(/static/dist/images/graphic/billing_what_2x.gif) 2x); | |
| height: 410px; | |
| } | |
| .billing .billing-graph.why | |
| { | |
| background-image: url(/static/dist/images/graphic/billing_why_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/billing_why_1x.gif) 1x,url(/static/dist/images/graphic/billing_why_2x.gif) 2x); | |
| } | |
| .billing .billing-graph.pre | |
| { | |
| background-image: url(/static/dist/images/graphic/billing_pre_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/billing_pre_1x.gif) 1x,url(/static/dist/images/graphic/billing_pre_2x.gif) 2x); | |
| } | |
| .billing .billing-graph.how | |
| { | |
| background-image: url(/static/dist/images/graphic/billing_how_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/graphic/billing_how_1x.gif) 1x,url(/static/dist/images/graphic/billing_how_2x.gif) 2x); | |
| height: 400px; | |
| } | |
| .vi-intro | |
| { | |
| text-align: center; | |
| } | |
| .vi-intro .intro-title | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| font-size: 42px; | |
| font-weight: bolder; | |
| padding: 120px 0; | |
| position: relative; | |
| } | |
| .vi-intro .intro-title::before | |
| { | |
| bottom: -10px; | |
| color: #fff; | |
| content: '\E760'; | |
| display: inline-block; | |
| font-family: Entypo; | |
| font-style: normal; | |
| font-weight: 400; | |
| left: -10px; | |
| margin-left: 50%; | |
| position: absolute; | |
| text-align: center; | |
| z-index: 2; | |
| } | |
| .vi-intro .intro-title::after | |
| { | |
| background: #57b382; | |
| border-radius: 100px; | |
| bottom: -20px; | |
| content: ''; | |
| height: 60px; | |
| left: -30px; | |
| margin-left: 50%; | |
| moz-border-radius: 100px; | |
| position: absolute; | |
| webkit-border-radius: 100px; | |
| width: 60px; | |
| } | |
| .vi-intro .vi-meaning | |
| { | |
| border-bottom: 1px solid #eee; | |
| padding: 100px 0; | |
| } | |
| .vi-intro h2 | |
| { | |
| color: #57b382; | |
| font-size: 42px; | |
| margin: 40px 0 20px; | |
| } | |
| .vi-intro .desc | |
| { | |
| color: #999; | |
| font-size: 14px; | |
| line-height: 1.5em; | |
| margin: 20px 0 40px; | |
| } | |
| .vi-intro h4 | |
| { | |
| color: #3b3b3b; | |
| font-size: 24px; | |
| } | |
| .vi-intro .lead | |
| { | |
| font-size: 18px; | |
| } | |
| .vi-intro .vi-logo | |
| { | |
| background-image: url(/static/dist/images/vi_logo_1x.gif); | |
| background-image: -webkit-image-set(url(/static/dist/images/vi_logo_1x.gif) 1x,url(/static/dist/images/vi_logo_2x.gif) 2x); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 100px; | |
| margin: 150px auto; | |
| width: 500px; | |
| } | |
| .vi-intro .logo-meaning | |
| { | |
| border-top: 1px solid #eee; | |
| color: #555; | |
| line-height: 1.6em; | |
| margin: 0 auto; | |
| padding: 80px 0; | |
| text-align: left; | |
| width: 780px; | |
| } | |
| .vi-intro .theme-color | |
| { | |
| padding: 50px 0; | |
| width: 50%; | |
| } | |
| .vi-intro .theme-color .colors | |
| { | |
| font-size: 16px; | |
| font-weight: 700; | |
| line-height: 2em; | |
| margin: 0 30px; | |
| } | |
| .vi-intro .theme | |
| { | |
| background: #00a971; | |
| float: left; | |
| text-align: right; | |
| } | |
| .vi-intro .theme .colors | |
| { | |
| color: #3e3d49; | |
| } | |
| .vi-intro .second-theme | |
| { | |
| background: #3e3d49; | |
| margin-left: 50%; | |
| text-align: left; | |
| } | |
| .vi-intro .second-theme .colors | |
| { | |
| color: #00a971; | |
| } | |
| .vi-intro#download | |
| { | |
| padding: 150px 0; | |
| } | |
| #browsers | |
| { | |
| margin: 100px auto; | |
| text-align: center; | |
| width: 800px; | |
| } | |
| #browsers ul | |
| { | |
| margin: 40px 0; | |
| padding: 0; | |
| } | |
| #browsers ul li | |
| { | |
| float: left; | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| width: 200px; | |
| } | |
| #browsers ul li a | |
| { | |
| display: block; | |
| height: 80px; | |
| } | |
| #browsers ul li span.icon | |
| { | |
| background: url(/static/dist/images/browsers.png) no-repeat; | |
| display: block; | |
| height: 90px; | |
| width: 100%; | |
| } | |
| #browsers ul li span.icon.chrome | |
| { | |
| background-position: 62px 0; | |
| } | |
| #browsers ul li span.icon.firefox | |
| { | |
| background-position: 62px -189px; | |
| } | |
| #browsers ul li span.icon.safari | |
| { | |
| background-position: -409px -189px; | |
| } | |
| #browsers ul li span.icon.ie | |
| { | |
| background-position: 62px -281px; | |
| } | |
| #c05 | |
| { | |
| background: #3e3d49; | |
| } | |
| #c05 .intro | |
| { | |
| background-image: url(/static/dist/images/intro_bg_vi.gif); | |
| background-position: center center; | |
| background-size: cover; | |
| color: #fff; | |
| min-height: 0; | |
| padding: 50px 0; | |
| } | |
| #c05 .logo | |
| { | |
| background-image: url(/static/dist/images/footer_logo_1x.png); | |
| background-image: -webkit-image-set(url(/static/dist/images/footer_logo_1x.png) 1x,url(/static/dist/images/footer_logo_2x.png) 2x); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 100px; | |
| margin: 0 auto 30px; | |
| width: 200px; | |
| } | |
| #c05 h1 | |
| { | |
| font-size: 22px; | |
| font-weight: bolder; | |
| } | |
| #c05 .page-nav | |
| { | |
| margin: 0; | |
| overflow: hidden; | |
| padding: 0; | |
| } | |
| #c05 .page-nav li | |
| { | |
| float: left; | |
| list-style-type: none; | |
| margin: 0; | |
| padding: 0; | |
| width: 50%; | |
| } | |
| #c05 .page-nav li a | |
| { | |
| background: #57b382; | |
| color: #fff; | |
| display: block; | |
| font-size: 14px; | |
| font-weight: 700; | |
| height: 70px; | |
| margin: 0 auto; | |
| padding: 40px 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| #c05 .page-nav li .icon | |
| { | |
| display: block; | |
| font-size: 42px; | |
| line-height: 64px; | |
| } | |
| #c05 .page-nav li:first-child a,#c05 .page-nav li:last-child a | |
| { | |
| background: #4ba575; | |
| } | |
| #c05 .page-section | |
| { | |
| padding: 40px 30px; | |
| } | |
| #c05 .page-section:nth-child(odd) | |
| { | |
| background: #fff; | |
| } | |
| #c05 .page-section:nth-child(even) | |
| { | |
| background: #eee; | |
| } | |
| #c05 .page-section ol | |
| { | |
| margin: 0 0 0 20px; | |
| padding: 0; | |
| } | |
| #c05 .page-section li | |
| { | |
| font-size: 12px; | |
| line-height: 1.4em; | |
| list-style-type: disc; | |
| margin: 10px 0; | |
| padding: 0; | |
| } | |
| #c05 .page-section .desc | |
| { | |
| font-weight: 700; | |
| } | |
| #c05 .page-section dl dt | |
| { | |
| float: left; | |
| font-weight: 700; | |
| margin: 0; | |
| width: 40px; | |
| } | |
| #c05 .page-section dl dd | |
| { | |
| margin: 0 0 0 50px; | |
| } | |
| #c05 .b07-map | |
| { | |
| background-image: url(/static/dist/images/graphic/c05_map.gif); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 215px; | |
| margin: 0 auto; | |
| width: 180px; | |
| } | |
| #c05 .bonus | |
| { | |
| color: #57b382; | |
| } | |
| #c05 #winner p | |
| { | |
| font-size: 18px; | |
| } | |
| #c05 #winner em | |
| { | |
| color: #57b382; | |
| font-style: normal; | |
| font-weight: 700; | |
| } | |
| #c05 #winner h4 | |
| { | |
| font-size: 18px; | |
| margin-top: 50px; | |
| } | |
| #c05 #winner h5 .icon | |
| { | |
| margin-right: 5px; | |
| } | |
| #c05 .tee | |
| { | |
| background-image: url(/static/dist/images/graphic/tee.jpg); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 200px; | |
| width: 100%; | |
| } | |
| body.workshop | |
| { | |
| background: #080807; | |
| height: 100%; | |
| } | |
| body.workshop .page | |
| { | |
| background-position: top center; | |
| background-repeat: no-repeat; | |
| background-size: 1360px; | |
| height: auto; | |
| overflow: visible; | |
| } | |
| body.workshop .page.shanghai | |
| { | |
| background-image: url(/static/dist/images/workshop/shanghai_bg.jpg?v=13); | |
| } | |
| body.workshop .page.guangzhou | |
| { | |
| background-image: url(/static/dist/images/workshop/guangzhou_bg.jpg?v=5); | |
| } | |
| body.workshop .page.chengdu | |
| { | |
| background-image: url(/static/dist/images/workshop/chengdu_bg.jpg?v=1); | |
| } | |
| body.workshop .page.hangzhou | |
| { | |
| background-image: url(/static/dist/images/workshop/hangzhou_bg.jpg?v=2); | |
| } | |
| body.workshop .page.beijing | |
| { | |
| background-image: url(/static/dist/images/workshop/beijing_bg.jpg?v=3); | |
| } | |
| body.workshop #header,body.workshop #footer | |
| { | |
| display: none; | |
| } | |
| .workshop-banner | |
| { | |
| position: relative; | |
| } | |
| .workshop-banner .logo | |
| { | |
| background-image: url(/static/dist/images/workshop/qingcloud_logo.png); | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: inline-block; | |
| height: 62px; | |
| margin-top: 70px; | |
| width: 300px; | |
| } | |
| .workshop-title | |
| { | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 170px; | |
| margin: 80px 0 30px; | |
| width: 390px; | |
| } | |
| .workshop-title.shanghai | |
| { | |
| background-image: url(/static/dist/images/workshop/shanghai_title.png?v=2); | |
| } | |
| .workshop-title.guangzhou | |
| { | |
| background-image: url(/static/dist/images/workshop/guangzhou_title.png?v=2); | |
| } | |
| .workshop-title.chengdu | |
| { | |
| background-image: url(/static/dist/images/workshop/chengdu_title.png?v=1); | |
| } | |
| .workshop-title.hangzhou | |
| { | |
| background-image: url(/static/dist/images/workshop/hangzhou_title.png?v=2); | |
| } | |
| .workshop-title.beijing | |
| { | |
| background-image: url(/static/dist/images/workshop/beijing_title.png?v=3); | |
| } | |
| .workshop-preview | |
| { | |
| color: #fff; | |
| font-style: italic; | |
| left: 150px; | |
| position: absolute; | |
| top: 422px; | |
| } | |
| .workshop-special-thanks | |
| { | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| background-size: 80%; | |
| margin-top: 30px; | |
| opacity: .7; | |
| width: 428px; | |
| } | |
| .workshop-special-thanks.shanghai | |
| { | |
| background-image: url(/static/dist/images/workshop/special_thanks.png?v=4); | |
| height: 150px; | |
| } | |
| .workshop-special-thanks.guangzhou | |
| { | |
| background-image: url(/static/dist/images/workshop/special_thanks_guangzhou.png?v=8); | |
| height: 120px; | |
| width: 548px; | |
| } | |
| .workshop-special-thanks.chengdu | |
| { | |
| background-image: url(/static/dist/images/workshop/special_thanks_chengdu.png?v=2); | |
| height: 122px; | |
| width: 540px; | |
| } | |
| .workshop-special-thanks.hangzhou | |
| { | |
| background-image: url(/static/dist/images/workshop/special_thanks_hangzhou.png?v=3); | |
| height: 122px; | |
| width: 540px; | |
| } | |
| .workshop-special-thanks.beijing | |
| { | |
| background-image: url(/static/dist/images/workshop/special_thanks_beijing.png?v=7); | |
| height: 142px; | |
| width: 540px; | |
| } | |
| .workshop-nav | |
| { | |
| left: 560px; | |
| list-style-type: none; | |
| position: absolute; | |
| top: 357px; | |
| width: 560px; | |
| } | |
| .workshop-nav li | |
| { | |
| display: inline; | |
| line-height: 4.1em; | |
| margin-right: 57px; | |
| } | |
| .workshop-nav li a | |
| { | |
| color: #fff; | |
| font-size: 18px; | |
| } | |
| .workshop-nav li a:hover | |
| { | |
| color: #57b382; | |
| } | |
| .arrow-down | |
| { | |
| background-image: url(/static/dist/images/workshop/arrow_down.png); | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: block; | |
| height: 40px; | |
| margin: 10px auto 60px; | |
| width: 40px; | |
| } | |
| .workshop-detail | |
| { | |
| background-color: #fff; | |
| color: #555; | |
| overflow: hidden; | |
| padding: 120px 0; | |
| } | |
| .workshop-detail:nth-child(odd) | |
| { | |
| background-color: #eee; | |
| } | |
| .workshop-detail.enroll | |
| { | |
| background: #00a971; | |
| color: #fff; | |
| } | |
| .workshop-detail.enroll h2 | |
| { | |
| color: #fff; | |
| } | |
| .workshop-detail .desc | |
| { | |
| line-height: 1.8em; | |
| margin: 10px 0 20px; | |
| } | |
| .workshop-detail h2 | |
| { | |
| color: #57b382; | |
| } | |
| .workshop-detail ol | |
| { | |
| list-style-type: none; | |
| margin: 0 0 50px; | |
| padding: 0; | |
| } | |
| .workshop-detail ol li | |
| { | |
| line-height: 2em; | |
| } | |
| .workshop-detail ol .datetime | |
| { | |
| display: inline-block; | |
| font-style: italic; | |
| font-weight: 400; | |
| width: 120px; | |
| } | |
| .workshop-detail ol .subject | |
| { | |
| color: #57b382; | |
| font-size: 16px; | |
| font-weight: 700; | |
| } | |
| .workshop-detail ol .speaker | |
| { | |
| display: block; | |
| } | |
| .workshop-detail ol .desc | |
| { | |
| font-size: 12px; | |
| line-height: 1.6em; | |
| margin-bottom: 50px; | |
| } | |
| .customer-logo | |
| { | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| display: inline-block; | |
| height: 36px; | |
| width: 144px; | |
| } | |
| .customer-logo.bingdian | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_bingdian.gif); | |
| } | |
| .customer-logo.gitcafe | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_gitcafe.gif); | |
| } | |
| .customer-logo.zhusanjiao | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_zhusanjiao.gif); | |
| } | |
| .customer-logo.baixing | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_baixing.gif); | |
| } | |
| .customer-logo.cloud-connect | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_cloud_connect.gif?v=1); | |
| } | |
| .customer-logo.segmentfault | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_segmentfault.gif?v=1); | |
| } | |
| .customer-logo.yunluo | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_yunluo.gif?v=1); | |
| } | |
| .customer-logo.fir | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_fir.gif?v=1); | |
| } | |
| .customer-logo.jikexueyuan | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_jikexueyuan.gif?v=1); | |
| } | |
| .customer-logo.rongyun | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_rongyun.gif?v=1); | |
| } | |
| .customer-logo.maike | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_maike.gif?v=1); | |
| } | |
| .customer-logo.tianyi | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_tianyi.gif?v=1); | |
| } | |
| .customer-logo.shunfeng | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_shunfeng.gif?v=1); | |
| } | |
| .customer-logo.ruby-china | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_ruby_china.gif?v=2); | |
| } | |
| .customer-logo.yangcongquan | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_yangcongquan.gif?v=2); | |
| } | |
| .customer-logo.chuangxingu | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_chuangxingu.gif?v=1); | |
| } | |
| .customer-logo.oschina | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_oschina.gif?v=1); | |
| } | |
| .customer-logo.appnz | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_appnz.png?v=1); | |
| } | |
| .customer-logo.huodongxing | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_huodongxing.gif?v=1); | |
| } | |
| .customer-logo.lanhan | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_lanhan.png?v=1); | |
| } | |
| .customer-logo.coding | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_coding.png?v=1); | |
| } | |
| .customer-logo.startupWeekend | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_sweekend.png?v=1); | |
| } | |
| .customer-logo.aitang | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_aitang.jpg?v=1); | |
| } | |
| .customer-logo.mopaas | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_mopaas.gif); | |
| } | |
| .customer-logo.daocloud | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_daocloud.png); | |
| } | |
| .customer-logo.turingrobot | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_turingrobot.png); | |
| } | |
| .customer-logo.yunshipei | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_yunshipei.png); | |
| } | |
| .customer-logo.anquanbao | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_anquanbao.png); | |
| } | |
| .customer-logo.yunsuo | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_yunsuo.png); | |
| } | |
| .customer-logo.anquangou | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_anquangou.png); | |
| } | |
| .customer-logo.oneapm | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_oneapm.png); | |
| } | |
| .customer-logo.people | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_people.gif); | |
| } | |
| .customer-logo.jisuanke | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_jisuanke.gif); | |
| } | |
| .customer-logo.getui | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_getui.gif); | |
| } | |
| .customer-logo.yichuang | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_yichuang.gif); | |
| } | |
| .customer-logo.xingshulin | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_xingshulin.gif); | |
| } | |
| .customer-logo.zhichi | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_zhichi.gif); | |
| } | |
| .customer-logo.lvmeng | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_lvmeng.gif); | |
| } | |
| .customer-logo.appex | |
| { | |
| background-image: url(/static/dist/images/workshop/logo_appex.gif); | |
| } | |
| .customer-desc | |
| { | |
| font-size: 12px; | |
| margin-bottom: 50px; | |
| } | |
| .shanghai-map | |
| { | |
| background-color: #f2eee5; | |
| background-image: url(/static/dist/images/workshop/shanghai_map.jpg?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 100%; | |
| } | |
| .guangzhou-map | |
| { | |
| background-color: #f2eee5; | |
| background-image: url(/static/dist/images/workshop/guangzhou_map.jpg?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 100%; | |
| } | |
| .chengdu-map | |
| { | |
| background-color: #f2eee5; | |
| background-image: url(/static/dist/images/workshop/chengdu_map.jpg?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 100%; | |
| } | |
| .hangzhou-map | |
| { | |
| background-color: #f2eee5; | |
| background-image: url(/static/dist/images/workshop/hangzhou_map.jpg?v=1); | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: 100%; | |
| } | |
| .beijing-map | |
| { | |
| background-color: #f2eee5; | |
| background-position: top 50%; | |
| background-repeat: no-repeat; | |
| background-size: 50%; | |
| } | |
| .detail-graph | |
| { | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| background-size: contain; | |
| height: 120px; | |
| margin: 30px auto 50px; | |
| width: 150px; | |
| } | |
| .detail-graph.graph-fruitful | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_fruitful.png); | |
| } | |
| .detail-graph.graph-communication | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_communication.png); | |
| } | |
| .detail-graph.graph-save-money | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_save_money.png); | |
| } | |
| .detail-graph.graph-coupon | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_coupon.png); | |
| width: 90px; | |
| } | |
| .detail-graph.graph-club | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_club.png); | |
| width: 90px; | |
| } | |
| .detail-graph.graph-gitcafe-gift | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_gitcafe_gift.png?v=1); | |
| width: 90px; | |
| } | |
| .detail-graph.graph-t-shirt | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_t_shirt.png); | |
| width: 90px; | |
| } | |
| .detail-graph.graph-resources | |
| { | |
| background-image: url(/static/dist/images/workshop/icon_resources.png); | |
| width: 90px; | |
| } | |
| .enroll iframe | |
| { | |
| display: none; | |
| } | |
| @media (max-width:480px) | |
| { | |
| .viewport-inner | |
| { | |
| padding: 0 30px; | |
| width: auto; | |
| } | |
| body.workshop .page | |
| { | |
| background-position: bottom center; | |
| } | |
| .workshop-intro,.workshop-nav | |
| { | |
| display: none; | |
| } | |
| .workshop-special-thanks.shanghai,.workshop-special-thanks.guangzhou,.workshop-special-thanks.chengdu,.workshop-special-thanks.beijing | |
| { | |
| background-size: 90%; | |
| width: 100%; | |
| } | |
| .workshop-detail | |
| { | |
| padding: 30px 0; | |
| } | |
| .workshop-detail ol | |
| { | |
| float: none; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .workshop-detail ol .datetime | |
| { | |
| display: block; | |
| } | |
| .workshop-detail ol li | |
| { | |
| font-size: 14px; | |
| line-height: 1.4em; | |
| margin: 5px 0 10px; | |
| } | |
| .workshop-banner | |
| { | |
| position: relative; | |
| } | |
| .workshop-banner .logo | |
| { | |
| width: 220px; | |
| } | |
| .workshop-preview | |
| { | |
| left: 0; | |
| margin-top: 30px; | |
| position: relative; | |
| top: 0; | |
| } | |
| .workshop-title | |
| { | |
| height: 110px; | |
| width: 260px; | |
| } | |
| .shanghai-map,.guangzhou-map,.chengdu-map | |
| { | |
| background-image: none; | |
| } | |
| .customer-logo | |
| { | |
| margin-top: 20px; | |
| } | |
| .customer-desc | |
| { | |
| margin-bottom: 20px; | |
| } | |
| } | |
| html | |
| { | |
| height: 100%; | |
| } | |
| body.salon | |
| { | |
| height: 100%; | |
| position: relative; | |
| } | |
| body.salon .viewport-inner | |
| { | |
| background-position: top center; | |
| background-repeat: no-repeat; | |
| background-size: 1360px; | |
| height: auto; | |
| overflow: visible; | |
| position: relative; | |
| } | |
| body.salon #header,body.salon #footer | |
| { | |
| display: none; | |
| } | |
| .salon-banner | |
| { | |
| background-image: url(/static/dist/images/salon/salon_banner.jpg?v=6); | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| height: 100%; | |
| position: fixed; | |
| width: 100%; | |
| } | |
| .salon-info | |
| { | |
| background: rgba(53,54,68,.8); | |
| position: absolute; | |
| width: 600px; | |
| } | |
| .salon-info-wrapper | |
| { | |
| color: #fff; | |
| padding: 30px; | |
| } | |
| .salon-info-wrapper h2 | |
| { | |
| line-height: 1em; | |
| margin: 10px 0 5px; | |
| } | |
| .salon-info-wrapper .desc | |
| { | |
| line-height: 1.4em; | |
| opacity: .7; | |
| } | |
| .salon-info-wrapper .salon-about | |
| { | |
| margin-bottom: 30px; | |
| } | |
| .salon-info-wrapper .qingcloud-logo | |
| { | |
| background-image: -webkit-image-set(url(/static/dist/images/logo_1x.png) 1x,url(/static/dist/images/logo_2x.png) 2x); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| display: block; | |
| height: 60px; | |
| margin-bottom: 20px; | |
| width: 240px; | |
| } | |
| .salon-title .date | |
| { | |
| color: #57b382; | |
| font-weight: 700; | |
| } | |
| .salon-title .title | |
| { | |
| font-size: 18px; | |
| font-weight: 700; | |
| margin-top: 20px; | |
| } | |
| .salon-title .btn | |
| { | |
| float: right; | |
| margin-top: -40px; | |
| } | |
| .salon-title em | |
| { | |
| display: block; | |
| font-size: 14px; | |
| font-style: normal; | |
| font-weight: 400; | |
| margin-top: 5px; | |
| } | |
| .salon-subject | |
| { | |
| color: #57b382; | |
| font-weight: 700; | |
| margin-top: 30px; | |
| } | |
| @media (max-width:480px) | |
| { | |
| .salon .viewport-inner | |
| { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .salon-title .btn | |
| { | |
| float: none; | |
| margin: 20px 0 0; | |
| } | |
| } | |
| body.modal-ready.about.mobile-app #header,body.modal-ready.about.mobile-app section.intro.about,body.modal-ready.about.mobile-app #footer | |
| { | |
| display: none; | |
| } | |
| body.modal-ready.about.mobile-app .page-inner | |
| { | |
| width: 90%; | |
| } | |
| body.modal-ready.about.mobile-app .contact-list | |
| { | |
| width: auto; | |
| } | |
| body.modal-ready.about.mobile-app .about-content.contact_us | |
| { | |
| background: 0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment