/* 365建站器(soft.365jz.com)让建站和seo变得简单! */ /*Thu Apr 28 2016 11:45:47 GMT+0800 (CST)*/ #amz-home, #doc-widget-frame { overflow-x: hidden } #amz-header ul, #widget-info ul, .amz-footer ul, .doc-toc-bd .md-toc li, .ios-signal { list-style: none } #am-wechat, .amz-compare thead th, .amz-credits header, .amz-credits header h1, .amz-features h2, .amz-pager, .tester-list tbody td:last-child { text-align: center } body, html { margin: 0 } .amz-container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1000px; padding-left: 1rem; padding-right: 1rem } @media only screen and (min-width: 641px) { .amz-container { padding-left: 1.5rem; padding-right: 1.5rem } } .am-projects { background: #333; height: 40px; overflow: hidden } .am-projects a { position: relative; display: block; float: left; height: 40px; padding-left: 20px; padding-right: 20px; color: #eee; line-height: 38px; font-size: 14px } .am-projects a:hover { background: #303030; color: #fff } .am-projects a.active { background: 0 0; cursor: default; pointer-events: none } .am-projects a.active:after { content: ""; position: absolute; left: 50%; bottom: 0; height: 0; width: 0; margin-left: -8px; border-color: transparent transparent #0e90d2; border-style: none solid solid; border-width: 0 8px 8px } .am-projects-nav { float: left } .am-projects-misc { float: right } .am-projects-misc a { font-weight: 700 } #amz-header { width: 100%; background: #0e90d2 } .amz-index #amz-header { top: 0; z-index: 1000 } #amz-header a { color: #fff; display: block; line-height: 50px } #amz-header h1 { position: relative; margin: 0; float: left; font-weight: 400; font-size: 20px; font-variant: small-caps } #amz-header h1 a { display: block; height: 50px; width: 165px; text-indent: -9999px; background: url(http://s.amazeui.org/media/i/brand/amazeui-w.png) left center no-repeat; -webkit-background-size: 125px 24px; background-size: 125px 24px } #amz-header h1 .am-badge { position: absolute; top: 5px; right: 0; padding: .25em .4em; font-weight: 100 } #amz-header nav { margin-left: -15px; margin-right: -15px; clear: both } #amz-header nav a { position: relative; padding: 0 20px; font-size: 15px; color: #f2f2f2; overflow: hidden; -webkit-transition: .3s; transition: .3s } @media only screen and (min-width: 641px) and (max-width: 1024px) { #amz-header nav a { padding: 0 12px } } #amz-header nav a:hover { background: rgba(0, 0, 0, .1); color: #fff } #amz-header nav .am-active a { background: #0b76ac; color: #fff } #amz-header .nav-profile img { margin-right: 5px } #amz-header .nav-profile.need-check { display: none } #amz-header ul { padding: 0; margin: 0 } #amz-header .am-btn { border: none; float: right; margin-top: 5px; margin-right: -5px } @media only screen and (min-width: 641px) { .amz-header-nav li { position: relative } .amz-header-nav .nav-react .am-badge { font-size: 10px; padding: 2px; position: absolute; right: 0; top: 4px } .amz-header-nav .am-active a:after { position: absolute; left: 50%; bottom: 0; content: ""; height: 0; width: 0; margin-left: -8px; border-color: transparent transparent #ededed; border-style: none solid solid; border-width: 0 8px 8px } } .am-standalone body { padding-top: 50px } .am-standalone #amz-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000 } .am-standalone #amz-offcanvas { z-index: 2000 } .am-standalone.m body { padding-top: 0 } #amz-hero { background: #10a0ea; padding: 40px 0 0 } .amz-mascot img { display: block; margin-left: -12% } .amz-hero-intro { padding-bottom: 30px } .amz-hero-intro .amz-hero-headings { color: #fff; padding: 10px } .amz-hero-intro h1, .amz-hero-intro h2, .amz-hero-intro h3 { margin: 5px 0 } .amz-hero-intro h1 { font-size: 32px; font-weight: 400 } .amz-hero-intro h2 { font-size: 24px; font-weight: 400; margin-bottom: 15px } .amz-hero-intro h3 { font-size: 16px; font-weight: 400 } .amz-hero-intro .am-btn { margin-left: 10px; margin-bottom: 5px } .github-status { margin-top: 0; padding-left: 10px; margin-bottom: 20px } .github-status a { color: #eee } .github-status li { display: inline } .github-status li + li { margin-left: 10px } .amz-q-group { padding-left: 10px; color: #eee; margin-bottom: 15px } .amz-q-group .am-icon-qq { margin-right: 5px } .amz-notify { padding: 1em; background-color: rgba(0, 0, 0, .15); color: #ddd } .amz-notify a { color: #eee } .amz-notify a .amz-notify-divider { color: #ccc; padding: 0 5px } .amz-notify .am-g { position: relative } .subscribe-field { margin: 10px 0 } .subscribe-alert { position: absolute; right: 0; top: 100%; z-index: 1000; display: none; padding-left: 15px !important; padding-right: 10px !important; font-size: 16px } .doc-heading, .doc-toc h2 { position: relative } @media only screen and (min-width: 641px) { .amz-notify .am-g .subscribe-field { padding-right: 5px; margin: 0 } .amz-notify { line-height: 40px } .amz-notify .am-btn, .amz-notify .am-form-field { height: 40px; padding-top: 0; padding-bottom: 0 } } .amz-features { padding: 15px 0 } .amz-features img { display: block; margin-left: auto; margin-right: auto } .doc-anchor:before, .external-link:after { display: inline-block; transform: translate(0, 0); text-rendering: auto; -moz-osx-font-smoothing: grayscale } .amz-features h2 { margin-top: 10px } .amz-features [class*=col-] { padding: 15px } .amz-credits { padding: 35px 0; background-color: #eee } #amz-main, .amz-banner { padding-top: 30px; padding-bottom: 30px } .amz-credits header h1 { font-size: 40px; font-weight: 400 } .amz-credits header h2 { margin-top: 20px; font-size: 18px; font-weight: 300 } .amz-credits-list { margin-top: 35px } .amz-credits-list > div { padding-left: 20px; padding-right: 20px; height: 100% } .amz-credits-list > div:last-child { border-right: none } .amz-credits-list > div h2 { font-weight: 400; margin-bottom: 25px; font-variant: small-caps } .amz-banner h1:last-child, .doc-toc h2 { margin-bottom: 0 } .amz-credits-list > div p { font-size: 15px; font-weight: 300 } .amz-banner { background: url(data:image/png;base64,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) left top #f5f5f5; overflow-y: hidden } .amz-banner h1 { font-weight: 400; font-size: 36px } .amz-banner p { color: #555 } .external-link:after { content: "\f08e"; font: normal normal normal 1.6rem/1 FontAwesome, sans-serif; font-size: inherit; -webkit-font-smoothing: antialiased; margin-left: 3px; margin-right: 2px } a[href*='github.com'].external-link:after, a[href*='github.io'].external-link:after { content: "\f09b" } a[href*='apple.com'].external-link:after { content: "\f179" } a[href*='google.com'].external-link:after, a[href*='chrome.com'].external-link:after { content: "\f1a0" } a[href*='microsoft.com'].external-link:after, a[href*='windows.com'].external-link:after, a[href*='msdn.com'].external-link:after { content: "\f17a" } a[href*='w3.org'].external-link:after { content: "\f02d" } .doc-content { overflow: hidden; word-wrap: break-word; counter-reset: header2 } .doc-content > h2 { counter-increment: header2; counter-reset: header3 } .doc-content > h2:before { content: counter(header2) ". " } .doc-content > h3 { counter-increment: header3; counter-reset: header4 } .doc-content > h3:before { content: counter(header2) "." counter(header3) " " } .doc-content > h4 { counter-increment: header4 } .doc-content > h4:before { content: counter(header2) "." counter(header3) "." counter(header4) " " } .doc-content > h2:before, .doc-content > h3:before, .doc-content > h4:before { color: #888; font-weight: 400 } .doc-anchor { float: right; color: #ccc } .doc-anchor:before { font: normal normal normal 1.6rem/1 FontAwesome, sans-serif; -webkit-font-smoothing: antialiased; content: "\f0c1"; font-size: 14px } h1 .doc-anchor { display: none } .doc-toc { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; border-top: 1px solid #eee; border-bottom: 2px solid #eee } .doc-toc h2 { background: #f8f8f8; padding: 10px 0 10px 20px; font-size: 16px } .doc-toc h2 span { background: #0e90d2; display: inline-block; padding: 8px 10px 8px 20px; font-weight: 400; color: #fff } .doc-toc h2:before { content: ""; width: 0; position: absolute; right: 0; top: 0; bottom: 0 } .doc-toc-bd { -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding: 10px 10px 10px 20px } .doc-toc-bd > ul { padding: 0 } .doc-toc-bd .md-toc { counter-reset: toc-1; margin-bottom: 0 } .doc-toc-bd .md-toc > li { line-height: 1.8; counter-increment: toc-1 } .doc-toc-bd .md-toc ul { margin-top: 5px } .doc-toc-bd .md-toc ul a { color: #555 } .doc-toc-bd .md-toc ul a:hover { color: #0e90d2 } .doc-toc-bd .md-toc li:before { color: #8c8c8c } .doc-toc-bd .md-toc > li:before { content: counter(toc-1) '. ' } .doc-toc-bd .md-toc > li > ul { counter-reset: toc-2 } .doc-toc-bd .md-toc > li > ul > li { counter-increment: toc-2 } .doc-toc-bd .md-toc > li > ul > li:before { content: counter(toc-1) '.' counter(toc-2) ' ' } .doc-toc-bd .am-parent > a:after { display: inline-block; font: normal normal normal 1.6rem/1 FontAwesome, sans-serif; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f196"; margin-left: 5px; color: #999 } .doc-toc-bd .am-open > a:after { content: "\f147" } .issue-list a { position: relative; padding-right: 60px !important } .issue-list [class*=am-icon-]:before { font-size: 10px; color: #999; margin-right: 5px } .issue-list .am-badge { position: absolute; right: 5px; top: 15px } #doc-widget-frame { width: 320px; height: 480px; display: block; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1) } #doc-widget-frame::-webkit-scrollbar { display: none } .amz-sidebar .am-nav > li > a { color: #777; -webkit-transition: .15s; transition: .15s } .amz-sidebar .am-nav > li.am-active a { background: #f5f5f5; color: #333 } .amz-footer { padding: 20px 0 10px; background: #555; color: #999 } .amz-footer a { color: #999 } .amz-footer a:hover { color: #eee } .amz-footer ul { margin: 0; padding: 0 } .amz-footer .amz-fd { display: inline-block; opacity: .85; margin-right: 15px; margin-bottom: 10px } .amz-footer .amz-fd a { display: block; width: 92px; height: 30px; text-indent: -9999px; background: url(http://s.amazeui.org/assets/2.x/i/ui/am-logo.png) left center no-repeat; -webkit-background-size: 92px 30px; background-size: 92px 30px } .amz-footer .amz-links { display: inline-block } .amz-footer .amz-links a { color: #fff } .amz-footer .amz-cp { font-size: 13px; margin: 10px 0 } .amz-footer .amz-social { text-align: center; margin-bottom: 10px } .amz-footer .amz-social li { display: inline-block; margin-left: 10px } .amz-footer .amz-social li:first-child { margin-left: 0 } .amz-footer .amz-social a { display: block; height: 40px; width: 40px; background: #999; color: #555; font-size: 28px; line-height: 40px; border-radius: 50%; -webkit-transition: .15s; transition: .15s } .amz-footer .amz-social a:hover { background: #eee } @media print { .amz-footer { display: none } } #am-wechat .am-modal-dialog { background: #fff } .amz-toolbar { position: fixed; right: 10px; bottom: 70px; z-index: 999 } .amz-toolbar a { display: none; opacity: .7 } .amz-toolbar a:hover { opacity: 1 } .amz-toolbar a.am-active { display: block } .amz-toolbar .am-icon-faq { display: block; opacity: 1; background-color: #dd514c; color: #fff; margin-top: 10px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in } .amz-toolbar .am-icon-faq:hover { -webkit-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg) } .amz-sidebar-toggle { position: fixed; right: 10px; bottom: 10px; z-index: 1000; opacity: .5; -webkit-transition: .2s; transition: .2s } .amz-sidebar-toggle:hover { -webkit-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg); opacity: 1 } .auth-card { max-width: 280px; background: #f8f8f8; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .25); box-shadow: 0 0 2px rgba(0, 0, 0, .25); padding-top: 20px; padding-bottom: 20px } #user-avatar, #widget-info .md-icon img { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .1) } .auth-card .am-alert { padding: 5px 10px } #user-avatar { width: 72px; height: 72px; background: url(http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y&s=144) center center no-repeat; -webkit-background-size: 72px 72px; background-size: 72px 72px; margin-bottom: 20px; box-shadow: 0 0 1px rgba(0, 0, 0, .1) } .amz-pager { display: none; position: absolute; width: 20px; right: 0; top: 50%; margin-top: -24px; border: 1px solid #dfdfdf; background-color: #efefef; border-radius: 2px; z-index: 1500 } .amz-pager a { display: block; height: 24px; line-height: 24px; color: #999 } .amz-pager a + a { border-top: 1px solid #dfdfdf } .amz-pager a:hover { color: #555; background-color: #ddd } .amz-pager a:active { outline: 0 } .amz-pager a.am-disabled { opacity: .45; cursor: not-allowed; color: #999; background-color: transparent } @media only screen and (max-width: 640px) { .amz-sidebar .am-nav > li.am-nav-header, .amz-sidebar .am-nav > li > a { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); border-top: 1px solid rgba(0, 0, 0, .3) } .amz-sidebar .am-nav > li > a { color: #ccc; border-radius: 0; padding-top: .5em; padding-bottom: .5em } .amz-sidebar .am-nav > li > a:hover { background: #404040; color: #fff } .amz-sidebar .am-nav > li + li { margin-top: 0 } .amz-sidebar .am-nav > li.am-nav-header { color: #777; background: #404040; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); font-weight: 400; font-size: 75%; margin-top: 0; margin-bottom: 0 } .amz-sidebar .am-nav > li.am-active > a { background: #1a1a1a; color: #fff; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3) } .amz-sidebar .am-nav-en { margin-left: 5px; color: #999; font-size: 12px; font-weight: 200 } } @media only screen and (min-width: 641px) { .amz-toolbar { bottom: 10px } #amz-header ul, .doc-offcanvas.am-sticky .amz-pager.am-active { display: block } #amz-header nav { float: right; clear: none; margin: 0 } #amz-header ul li { float: left } #amz-header .nav-profile a { padding: 0 10px } .amz-notify { font-size: 1.4rem } .amz-hero-intro { margin-top: -60px; float: right } .amz-hero-intro h1 { font-size: 56px } .amz-hero-intro h2 { font-size: 32px } .amz-hero-intro h3 { font-size: 18px } .amz-features [class*=col-] { padding-left: 20px; padding-right: 20px } .amz-sidebar, .doc-content { font-size: 1.4rem } .amz-sidebar { border-right: 1px solid #eee } .amz-sidebar .am-nav > li.am-nav-header { border-left: 3px solid #3bb4f2; padding: 0 1em; margin-top: .4em; margin-bottom: .4em } .amz-sidebar .am-nav > li + li { margin-top: 0 } .amz-sidebar .am-nav > li + li.am-nav-header { margin-top: 10px } .amz-sidebar .am-nav > li > a { padding-top: .3em; padding-bottom: .3em } .amz-sidebar .am-nav > li > a:hover { color: #555 } .amz-sidebar .am-nav-en { margin-left: 5px; color: #aaa; font-size: 10px; vertical-align: bottom } .doc-offcanvas { display: block; position: static; background: 0 0; padding-right: 10px; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear } .doc-offcanvas.am-sticky { position: fixed; overflow-y: hidden } .doc-offcanvas.am-sticky .amz-sidebar { overflow: hidden } .doc-offcanvas .am-offcanvas-bar { position: static; width: auto; background: 0 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .doc-offcanvas .am-offcanvas-bar:after { display: none } .amz-footer { padding: 30px 0 15px; font-size: 1.4rem } .amz-social { float: right } } #widget-info ul:after, .amz-compare ul, .demo .demo-header:after, .demo-bar:after, .editor-row:after, .ios-signal:after { clear: both } .doc-code-filed { display: none } .doc-example { border: 1px solid #eee; border-top-right-radius: 0; border-top-left-radius: 0; padding: 0 15px 15px } .doc-example:after { content: ''; display: table; clear: both } .doc-example:before { content: 'Demo'; display: block; color: #bbb; text-transform: uppercase; margin: 0 -15px 15px; padding: 4px 10px; font-size: 12px } #dbg-header h2, .amz-compare ul, .doc-example > p:last-child { margin-bottom: 0 } .doc-example + .doc-code { margin-top: -1px } .doc-example + .doc-code pre { margin-top: 0; border-color: #eee; border-top-right-radius: 0; border-top-left-radius: 0 } .doc-example [data-am-widget] { max-width: 320px; margin-left: auto; margin-right: auto } .doc-example [data-am-widget=gallery], .doc-example [data-am-widget=navbar], .doc-example [data-am-widget=divider] { max-width: none } .doc-example > [data-am-widget=menu] { display: none } .doc-code { position: relative } .doc-code:after { position: absolute; right: 5px; bottom: 5px; color: #ccc; display: inline-block; font: normal normal normal 1.6rem/1 FontAwesome, sans-serif; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f121" } .doc-code .am-pre-scrollable::-webkit-scrollbar { width: 5px } .doc-code .am-pre-scrollable::-webkit-scrollbar-track-piece { background: 0 0 } .doc-code .am-pre-scrollable::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .15); border-radius: 5px } .doc-code .am-pre-scrollable::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .3) } .doc-actions { position: relative; z-index: 999 } .doc-act-inner { font-size: 12px; position: absolute; right: 0; top: 0; color: #555; border: 1px solid #eee; border-width: 0 0 1px 1px; border-radius: 0 2px; cursor: pointer; z-index: 9999 } .doc-act-inner span { padding: 3px 8px } .doc-act-inner span + span { border-left: 1px solid #eee } .doc-act-inner span:first-child { border-bottom-left-radius: 2px } .doc-act-inner span:last-child { border-top-right-radius: 2px } .ios .doc-act-clip { display: none } .doc-act-clip:hover, .doc-act-newwin:hover { background: #0e90d2; color: #fff } .tester-list { font-size: 14px } .ds-thread { margin-top: 30px } .amz-compare { background: #f8f8f8 } .amz-compare table { table-layout: fixed } @media only screen and (max-width: 640px) { .amz-compare thead { display: none } .amz-compare td, .amz-compare th { display: block } .amz-compare td { background: #fff } .amz-compare td:nth-of-type(1):before { content: "Web:" } .amz-compare td:nth-of-type(2):before { content: "Touch:" } .amz-compare td:before { display: inline-block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 60px; float: left; text-align: center; margin-right: 8px; background: #dfdfdf } } @media only screen and (min-width: 641px) { .amz-compare tbody th { text-align: right } .amz-compare tbody tr:hover { background: #ffd } } .hljs-comment, .hljs-title { color: #8e908c } .css .hljs-class, .css .hljs-id, .css .hljs-pseudo, .hljs-attribute, .hljs-regexp, .hljs-tag, .hljs-variable, .html .hljs-doctype, .ruby .hljs-constant, .xml .hljs-doctype, .xml .hljs-pi, .xml .hljs-tag .hljs-title { color: #c82829 } .hljs-built_in, .hljs-constant, .hljs-literal, .hljs-number, .hljs-params, .hljs-pragma, .hljs-preprocessor { color: #f5871f } .css .hljs-rules .hljs-attribute, .ruby .hljs-class .hljs-title { color: #eab700 } .hljs-header, .hljs-inheritance, .hljs-string, .hljs-value, .ruby .hljs-symbol, .xml .hljs-cdata { color: #718c00 } .css .hljs-hexcolor { color: #3e999f } .coffeescript .hljs-title, .hljs-function, .javascript .hljs-title, .perl .hljs-sub, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, .ruby .hljs-title .hljs-keyword { color: #4271ae } .hljs-keyword, .javascript .hljs-function { color: #8959a8 } .hljs { display: block; overflow-x: auto; background: #fff; color: #4d4d4c; padding: .5em } .debugger, .debugger #layout, .debugger body { height: 100%; overflow: hidden } .coffeescript .javascript, .javascript:not(html) .xml, .tex .hljs-formula, .xml .css, .xml .hljs-cdata, .xml .javascript, .xml .vbscript { opacity: .5 } .dbg-link { padding: 10px 15px } .debugger select { font-size: 13px !important; color: #555 } .debugger #layout { position: relative; min-width: 800px } #dbg-header { z-index: 200; position: fixed; top: 0; left: 0; right: 0; height: 50px; background: #0e90d2; color: #fff; border-bottom: 1px solid #0b76ac; padding-left: 10px } #dbg-header h1 { float: left } #dbg-header h1 a { line-height: 50px; color: #fff; font-size: 1.8rem; font-weight: 400; display: inline-block; height: 50px; width: 135px; text-indent: -9999px; background: url(http://s.amazeui.org/media/i/brand/amazeui-cw.svg) left center no-repeat; -webkit-background-size: 125px 24px; background-size: 125px 24px } #code-area, #code-area .CodeMirror, #dbg-main { height: 100% } #dbg-header h2 { margin-top: 15px; font-size: 16px; font-weight: 400 } #dbg-header .dbg-toolbar { position: absolute; right: 10px; top: 10px } .dbg-sidebar { z-index: 100; width: 180px; position: fixed; top: 50px; bottom: 0; left: 180px; background: #f5f5f5; margin-left: -180px; overflow: auto; padding: 10px 0 } .dbg-sidebar:after { position: absolute; right: 0; top: 0; bottom: 0; display: block; content: ""; width: 1px; background: #ddd; box-shadow: 0 0 3px 2px #ddd } .dbg-sidebar select { display: block; width: 100% } .dbg-sidebar select option { display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .dbg-sidebar h2 { margin-top: 0; font-size: 14px; font-weight: 400; padding: 5px 10px; color: #555; margin-bottom: 10px } .dbg-sidebar .bar-item { padding: 0 10px } #dbg-main { padding-left: 180px; padding-right: 360px; padding-top: 50px } .editor-row { height: 33.3333%; border-bottom: 1px solid #ddd } .editor-row:after, .editor-row:before { content: " "; display: table } .editor-row.last { border-bottom: none } .editor-item { height: 100%; position: relative } .editor-item::after { color: #999; position: absolute; right: 0; top: 0; background: #f8f8f8; font-size: 12px; width: 90px; border: 1px solid #ddd; border-right: none; border-top: none; border-bottom-left-radius: 2px; text-align: center; padding: 0 20px 0 5px; z-index: 98 } .editor-full-trigger { position: absolute; right: 5px; top: -1px; z-index: 99; display: block; width: 20px; text-align: center; font-size: 14px } .ios-carrier, .ios-clock { font-size: 12px; line-height: 20px } .full-active .editor-full-trigger { position: fixed; right: 5px; top: 5px; z-index: 10100; background: #f8f8f8; border: 1px solid #dedede; border-radius: 2px; -webkit-transition: all .1s; transition: all .1s } #demo-area:after, #demo-wrap { top: 0; display: block; position: absolute; bottom: 0; left: 0 } .full-active .editor-full-trigger::before { content: "\f066" } .full-active .editor-full-trigger:hover { background: #0e90d2; color: #fff } .editor-style .editor-item { width: 50%; float: left } #form-getdemo { display: block; height: 100%; width: 100% } #code-hbs:after { content: "Template" } #code-css:after { content: "Core CSS" } #code-theme:after { content: "Theme" } #code-js { border-bottom: none } #code-js:after { content: "Data" } #demo-area:after, .ui-safari::after { content: "" } #demo-area { min-height: 578px; margin-right: -360px; width: 360px; position: fixed; right: 360px; top: 50px; bottom: 0; background: #eee } #demo-area:after { width: 1px; background: #ccc; -webkit-box-shadow: 0 0 3px 2px #ddd; box-shadow: 0 0 3px 2px #ddd } #demo-wrap { width: 330px; height: 578px; overflow: auto; margin: auto; right: 0; border: 1px solid #ddd; -webkit-box-shadow: 0 0 0 1px rgba(14, 144, 210, .15); box-shadow: 0 0 0 1px rgba(14, 144, 210, .15); background-color: #fff } #demo-viewport { display: block; height: 504px; width: 100%; -webkit-transition: opacity .45s; transition: opacity .45s } #demo-viewport::-webkit-scrollbar { position: absolute; display: none } .ios-status-bar { height: 20px; position: relative; font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", Calibri, Helvetica, Arial } .ui-safari { background: #f8f8f8; border-bottom: 1px solid #dcdcdc } .ui-safari::after { display: block; height: 6px; width: 100%; border-bottom: 1px solid #fff } .ios-signal { position: absolute; left: 6px; top: 7px; padding-left: 0 } .ios-signal li { height: 6px; width: 6px; background: #000; border-radius: 50%; margin-right: 1px; float: left } .ios-signal:after, .ios-signal:before { content: " "; display: table } #notification:after, .ios-battery::after { content: "" } .ios-carrier { position: absolute; left: 45px; top: 0; font-weight: 300; height: 20px } .ios-clock { text-align: center; font-weight: 500 } #widget-info h3, .bar-options label { font-weight: 400 } .ios-battery { position: absolute; right: 7px; top: 5px; background: #000; width: 20px; height: 10px; border: 1px solid #c8c7cc } .ios-battery::after { width: 2px; height: 4px; position: absolute; right: -3px; top: 2px; background: #000 } .ios-address { padding: 4px 9px; position: relative } .ios-address input { width: 100%; background: #e6e6e8; border-radius: 3px; border: none; height: 29px; line-height: 21px; outline: 0; padding: 4px 5px; font-size: 13px } .ios-address #demo-qrcode-trigger { width: 20px; font-size: 20px; line-height: 1; display: block; position: absolute; right: 10px; top: 10px; cursor: pointer } #demo-qrcode-wrap { position: absolute; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, .7); -webkit-transition: all .3s; transition: all .3s; width: 0; overflow: hidden; display: block } #demo-qrcode { position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px; width: 210px; height: 0; overflow: hidden; padding: 5px; background: #fff; -webkit-transition: all .3s; transition: all .3s } #demo-qrcode:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } .qr-active #demo-qrcode-wrap { width: 100% } .qr-active #demo-qrcode { height: 210px; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } #widget-info { padding: 10px; font-size: 12px; position: relative } #widget-info .md-icon { position: absolute; right: 10px; top: 0; background: #fff; border-radius: 2px } #widget-info .md-icon img { width: 28px; height: 28px; box-shadow: 0 0 1px rgba(0, 0, 0, .1) } #widget-info h3 { font-size: 18px } #widget-info ul { padding-left: 0 } #widget-info ul li { float: left; width: 50% } #widget-info ul li a { margin: 5px; display: block; font-size: 12px } #widget-info ul:after, #widget-info ul:before { content: " "; display: table } #demo-color-sets { padding: 10px 5px; background: #f8f8f8; position: fixed; bottom: 0; left: 180px; right: 0; z-index: 11111; color: #555; -webkit-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-box-shadow: 0 -1px 3px 1px #dedede; box-shadow: 0 -1px 3px 1px #dedede } #demo-color-sets label { font-weight: 400; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } #demo-color-sets li { padding: 10px 15px } #demo-color-sets.am-active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } #color-picker-wrap { width: 200px; height: 200px; position: fixed; z-index: 999999; background-color: rgba(0, 0, 0, .15); box-shadow: 0 0 5px rgba(255, 255, 255, .15); border-radius: 5px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; top: 120% } #color-picker-wrap .am-icon-times-circle { color: #aaa; font-size: 20px; position: absolute; right: -10px; top: -10px; -webkit-transition: all .15s; transition: all .15s; cursor: pointer } #mobile-index, #notification { -webkit-transition: all .3s ease-in-out } #color-picker-wrap .am-icon-times-circle:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } #color-sets-trigger { outline: 0; background: 0 0; border: none; width: 32px } #color-sets-trigger span { display: inline-block; width: 8px; height: 8px; margin-top: 2px; margin-right: 2px; background: #dd514c; float: left; line-height: 0; overflow: hidden } #color-sets-trigger .csq-2 { background: #F37B1D } #color-sets-trigger .csq-3 { background: #3bb4f2 } #color-sets-trigger .csq-4 { background: #5eb95e } #notification { padding: 10px 20px; background: rgba(255, 255, 255, .8); position: fixed; top: 50px; right: 0; z-index: 11111; font-size: 1.4rem; color: #ddd; box-shadow: 0 0 3px rgba(255, 255, 255, .55); transition: all .3s ease-in-out; -webkit-transform: translate(105%, -105%); -ms-transform: translate(105%, -105%); transform: translate(105%, -105%) } .demo-bar, .m .demo-header { box-shadow: 0 0 3px rgba(0, 0, 0, .15) } #notification.am-active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } #notification.msg-error { color: #dd514c } #notification:after { position: absolute; right: 0; bottom: -14px; display: block; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: rgba(255, 255, 255, .1) transparent transparent rgba(255, 255, 255, .1); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) } @media screen and (max-width: 1023px) { #dbg-main { padding-right: 0 } #demo-area { display: none } } .bar-options, .bar-options .am-input-sm { font-size: 13px !important } .debugger .am-input-sm { padding: .4em !important; font-size: 13px } .debugger .am-form-group { margin-bottom: 10px } .debugger .am-popover-inner { font-size: 13px; padding: 5px } .cst-widget-themes { display: none; margin-top: 3px; margin-bottom: 5px } .cst-widget-themes.am-active { display: block } .demo .demo-header:after, .demo .demo-header:before, .demo-bar:after, .demo-bar:before { content: " "; display: table } #amz-compile { width: 100% } .customize input[type=radio], .customize input[type=checkbox] { margin-top: 6px } .customize .am-checkbox { margin-top: 0; margin-bottom: 6px } .page { padding: 0 } .pg-demo .ds-thread { padding: 20px 10px 10px } .pg-demo > .am-pagination { margin: 20px 10px 0; font-size: 12px } .demo #demo-area { padding: 20px 40px } .demo .demo-header, .demo-bar { position: relative; height: 50px; font-size: 20px; color: #FFF; padding: 10px } .am-demo { background: #FFF; margin: 1rem 0 2rem } .demo .demo-header h1, .demo-bar h1 { margin: 0; font-weight: 400; text-align: center } .demo-bar { background: #0F4EA1; line-height: 29px } .demo-bar h1 { font-size: 20px } .demo .demo-header { background: #69778A; line-height: 30px } .am-page, .m body, html.m { height: 100% } .demo .demo-header h1 { font-size: 16px } .demo-icon-home { position: absolute; color: #eee; -webkit-transition: all .2s; transition: all .2s; padding: 0 14px; border-radius: 2px; left: 10px; top: 15px; background: url(../images/home.png) no-repeat center; display: block; height: 20px; } .am-page, .m body { position: relative; width: 100%; overflow: hidden } .demo-icon-home:hover { background: rgba(255, 255, 255, .3) } .demo-name { font-size: 1.8rem; border-bottom: 1px solid #DDD; padding-bottom: 1rem; margin-bottom: 1.5rem; font-weight: 400 } .demo-helper { margin: 10px } .am-page .am-list > li > a { margin-bottom: 0; padding-left: 10px } #demo-list, #widget-list { position: absolute; top: 49px; bottom: 0; z-index: 10; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch } .m .demo-header, .m-widget-list li { position: relative } .m .demo-header { z-index: 100; background: #0e90d2; color: #FFF } .m .demo-header h1 { height: 49px; line-height: 49px; padding-left: 10px; font-weight: 400; text-align: center; margin: 0; font-size: 18px } .m-widget-list { margin: 0 } .m-widget-list .widget-icon { width: 36px; height: 36px; margin-right: 10px } .m-widget-list a { -webkit-transition: all .15s; transition: all .15s } .m-widget-list a:hover { background: #F5F5F5 } .m-widget-list a::after { display: inline-block; font: normal normal normal 1.6rem/1 FontAwesome, sans-serif; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f054"; position: absolute; right: 10px; color: #ccc; top: 50%; margin-top: -8px } #mobile-index { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition: all .3s ease-in-out } #demo-list-page { position: absolute; top: 0; left: 0; background-color: #FFF; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0) } .demo-list-active { height: 100% } .demo-list-active #mobile-index { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0) } .demo-list-active #demo-list-page { display: block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .widget-hd { position: relative } .widget-hd #btn-back { display: inline-block; width: 44px; height: 43px; position: absolute; left: 5px; top: 50%; margin-top: -21.5px; text-align: center; line-height: 43px; cursor: pointer } .widget-hd #btn-back:hover { background: rgba(0, 0, 0, .1) } .widget-hd h1 { padding-left: 42px } html.doc-ide { overflow: hidden; height: 100% } .doc-ide #layout, .doc-ide body { height: 100% } .doc-ide #main { padding-right: 0; padding-left: 180px; height: 100%; padding-top: 50px } .doc-ide .main-content { height: 100%; overflow-y: scroll; overflow-x: hidden } .doc-icon-list a, .doc-ide .md-toc a, .doc-to { word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .doc-ide #dbg-sidebar ul { list-style: none; padding-left: 0; font-size: 14px } .doc-ide #dbg-sidebar ul ul { margin-top: 0 } .doc-ide .md-toc .am-nav-divider { color: #333; margin-top: 8px; border-bottom: 1px solid #dedede; padding: 5px 10px; font-weight: 700; margin-bottom: 5px } .doc-ide .md-toc ul { display: none } .doc-ide .md-toc ul a { padding: 3px 15px 3px 35px; font-size: 13px } .doc-ide .md-toc a { color: #555; padding: 4px 15px; display: block } .doc-ide .md-toc .am-active > a { color: #0e90d2; font-weight: 500 } .doc-ide .md-toc .am-active ul { display: block } .doc-ide .doc-content { padding: 30px 25px } .doc-ide .doc-content h2:before, .doc-ide .doc-content h3:before, .doc-ide .doc-content h4:before { display: none } .doc-ide .doc-content .doc-divider { margin: 25px 0 30px; border-top: 1px dotted #aaa } .doc-am-g + .doc-am-g, .doc-example .am-container + * { margin-top: 10px } .doc-animations > [class^=col-], .doc-animations > [class^=am-u-], .doc-example .am-input-group, .doc-example > .am-btn, .doc-gradient { margin-bottom: 10px } .doc-content .doc-am-g { margin-left: initial; margin-right: initial } .doc-am-g > [class*=col-], .doc-am-g > [class*=am-u-] { border: 1px solid #dd514c; padding-top: 5px; padding-bottom: 5px } .doc-am-g > [class*=col-]:nth-child(2n), .doc-am-g > [class*=am-u-]:nth-child(2n) { background: #eee } .doc-example .am-container { border: 1px solid #00f } .doc-example .am-container > .am-g { margin-left: -1rem; margin-right: -1rem } @media only screen and (min-width: 641px) { .doc-example .am-container > .am-g { margin-left: -1.5rem; margin-right: -1.5rem } } .demo-icon-actions .am-badge + .am-badge, .doc-example [class*=am-icon-] + [class*=am-icon-] { margin-left: 5px } .doc-icon-list li { position: relative } .doc-icon-list li.copy-active .demo-icon-actions { opacity: 1; display: block } .doc-icon-list a { color: #666; padding: .5em .25em; display: block; font-size: 14px } .doc-icon-list [class*=am-icon-] { margin-right: 5px } .demo-icon-actions { display: none; position: absolute; right: 5px; top: 5px } .demo-icon-actions .am-badge { cursor: pointer } .doc-icon-custom:before { display: inline-block; font: normal normal normal 1.6rem/1 FontAwesome, sans-serif; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f18a" } .doc-icon-hd { margin-top: 2rem } .doc-block-grid { margin-left: -5px; margin-right: -5px } .doc-block-grid > li { padding: 0 5px 10px } .doc-block-grid > li img { border: 1px solid #CCC; padding: 2px; background: #FFF } .doc-cf .am-fl, .doc-cf .am-fr { width: 30%; border: 1px solid #DDD } .doc-example .am-pagination { margin-left: 0; margin-right: 0 } .doc-slide-in { -webkit-animation: doc-slide-in .5s linear; animation: doc-slide-in .5s linear } .doc-slide-out { -webkit-animation: doc-slide-out .35s linear; animation: doc-slide-out .35s linear } @-webkit-keyframes doc-slide-in { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes doc-slide-in { 0% { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @-webkit-keyframes doc-slide-out { 0% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes doc-slide-out { 0% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 100% { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .doc-cf .am-fl { height: 50px; background: #CCC } .doc-cf .am-fr { height: 80px; background: #DCEFB4 } .doc-placeholder::-moz-placeholder { color: red; opacity: 1 } .doc-placeholder:-ms-input-placeholder { color: red } .doc-placeholder::-webkit-input-placeholder { color: red } .doc-to { display: block; width: 100px } .doc-ir a { display: block; font: 0/0 a; color: transparent; text-shadow: none; border: 0; background: url(http://www.yunshipei.com/static/img/logo.png) no-repeat #000; height: 38px } .doc-box { height: 80px; width: 120px; margin-right: 20px; background: #5F3A7A; color: #EEE; float: left; padding: 5px } .doc-gradient-1, .doc-gradient-2, .doc-gradient-3 { background-repeat: repeat-x } .doc-box.doc-br-top { border-top-right-radius: 5px; border-top-left-radius: 5px } .doc-box.doc-br-right { border-bottom-right-radius: 5px; border-top-right-radius: 5px } .doc-box.doc-br-bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px } .doc-box.doc-br-left { border-bottom-left-radius: 5px; border-top-left-radius: 5px } .doc-box-shadow { -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000 } .doc-gradient { width: 50%; float: left; height: 50px } .doc-caret-d, .doc-caret-l, .doc-caret-r, .doc-caret-u { display: inline-block; width: 0; height: 0; vertical-align: middle; transform: rotate(360deg) } .doc-gradient-1 { background-image: -webkit-gradient(linear, 0 top, 100% top, from(red), to(black)); background-image: -webkit-linear-gradient(left, color-stop(red 0), color-stop(black 100%)); background-image: -moz-linear-gradient(left, red 0, #000 100%); background-image: linear-gradient(to right, red 0, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ff000000', GradientType=1) } .doc-gradient-2 { background-image: -webkit-gradient(linear, left 0, left 100%, from(red), to(black)); background-image: -webkit-linear-gradient(top, red 0, #000 100%); background-image: -moz-linear-gradient(top, red 0, #000 100%); background-image: linear-gradient(to bottom, red 0, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ff000000', GradientType=0) } .doc-gradient-3 { background-image: -webkit-linear-gradient(45deg, red, #000); background-image: -moz-linear-gradient(45deg, red, #000); background-image: linear-gradient(45deg, red, #000) } .doc-gradient-4, .doc-gradient-5, .doc-gradient-6 { background-repeat: no-repeat } .doc-gradient-4 { background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f)); background-image: -webkit-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f); background-image: -moz-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f); background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=1) } .doc-gradient-5 { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f)); background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f); background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f); background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0) } .doc-gradient-6 { background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(red), to(black)); background-image: -webkit-radial-gradient(circle, red, #000); background-image: -moz-radial-gradient(circle, red, #000); background-image: radial-gradient(circle, red, #000) } .doc-gradient-7 { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #00f), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #00f), color-stop(.75, #00f), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, #00f 25%, transparent 25%, transparent 50%, #00f 50%, #00f 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, #00f 25%, transparent 25%, transparent 50%, #00f 50%, #00f 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #00f 25%, transparent 25%, transparent 50%, #00f 50%, #00f 75%, transparent 75%, transparent) } .doc-caret-u { border-bottom: 10px solid red; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 0 dotted } .doc-caret-d { border-top: 15px solid purple; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 0 dotted } .doc-caret-l { border-right: 20px solid #00f; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 0 dotted } .doc-caret-r { border-left: 25px solid green; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 0 dotted } .doc-arrow, .doc-arrow-d, .doc-arrow-l, .doc-arrow-u { display: inline-block; width: 10px; height: 10px } .doc-arrow { border: solid purple; border-width: 3px 3px 0 0; transform: rotate(45deg); margin-right: 10px } .doc-arrow-d { border: solid red; border-width: 3px 3px 0 0; transform: rotate(135deg) } .doc-arrow-u { border: solid green; border-width: 3px 3px 0 0; transform: rotate(-45deg) } .doc-arrow-l { border: solid #00f; border-width: 3px 3px 0 0; transform: rotate(-135deg) } .doc-ir-demo { background: #3bb4f2 } .doc-ir-demo h1 { margin: 0; padding: 10px } .doc-ir-demo a { display: block; height: 30px; width: 125px; background: url(http://a.static.amazeui.org/assets/i/ui/logo.png) left center no-repeat; -webkit-background-size: 125px 24px; background-size: 125px 24px } .am-topbar .am-text-ir { display: block; margin-right: 10px; height: 50px; width: 125px; background: url(http://a.static.amazeui.org/assets/i/ui/logo.png) left center no-repeat; -webkit-background-size: 125px 24px; background-size: 125px 24px } .amz-cse { display: none } .amz-cse.am-active .cse-form { width: 180px; background-color: #fff } .amz-cse.am-active .cse-form input[type=text] { margin-left: 30px; width: 140px; color: #333; outline: 0 } .amz-cse.am-active .cse-form input[type=text]::-moz-placeholder { color: #999; opacity: 1 } .amz-cse.am-active .cse-form input[type=text]:-ms-input-placeholder { color: #999 } .amz-cse.am-active .cse-form input[type=text]::-webkit-input-placeholder { color: #999 } .amz-cse.am-active .cse-form button { color: #555; z-index: 110 } .cse-form { position: relative; margin-top: 9px; width: 40px; height: 32px; -webkit-transition: .15s; transition: .15s } .cse-form input[type=text] { position: relative; z-index: 100; border: none; background-color: transparent; color: transparent; width: 40px; height: 32px; font-size: 14px; line-height: 32px; -webkit-appearance: none; -webkit-transition: all .15s; transition: all .15s } .cse-form input[type=text]::-moz-placeholder { color: transparent; opacity: 1 } .cse-form input[type=text]:-ms-input-placeholder { color: transparent } .cse-form input[type=text]::-webkit-input-placeholder { color: transparent } .cse-form button { position: absolute; top: 3px; left: 2px; z-index: 90; -webkit-appearance: none; background: 0 0; border: none; outline: 0; color: #f2f2f2 } @media only screen and (min-width: 1025px) { .amz-cse { display: block } .amz-cse form { width: 0 } } #MicrosoftTranslatorToolbar { background: #000 !important; border: none !important } #MSTTProgressBar { height: 3px !important; background-image: none !important } .MSTTLanguageBox, .MSTTOptBox { border-left-color: #ccc !important } .lte9 a[href*="/css/animation"], .lte9 a[href*="/javascript/fastclick"], .lte9 a[href*="/javascript/hammer"], .lte9 a[href*="/javascript/fullscreen"], .lte9 a[href*="/javascript/scrollspy"], .lte9 a[href*="/javascript/smooth-scroll"], .lte9 a[href*="javascript/iscroll-lite"] { display: none } .lte9 # amz-go-top { display: none !important } .lte9 .ie-warning { margin-bottom: 0; text-align: center; border: none } .lte9 .ie-warning a { font-weight: 700; border-bottom: 1px dashed #fff } .lte8 a[href*="/javascript/tabs"] { display: none }