1 line
16 KiB
CSS
1 line
16 KiB
CSS
.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}.meta{font-size:12px;font-weight:normal;line-height:20px}.secondary{font-size:14px;font-weight:normal;line-height:20px}body{font-size:16px;font-family:"RobotoDraft",Helvetica,Arial,sans-serif;font-weight:300;line-height:24px}button{font-size:12px;font-weight:normal;text-transform:uppercase}a{font-size:inherit;color:#3367d6;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5{font-weight:300;letter-spacing:-0.01em;line-height:48px;margin:0}h1{font-size:40px}polyfill-next-selector{content:':host h1'}::content h1{font-size:40px}h2{font-size:24px}polyfill-next-selector{content:':host h2'}::content h2{font-size:24px}h3{font-size:20px}polyfill-next-selector{content:':host h3'}::content h3{font-size:20px}h4{font-size:16px;font-weight:500}polyfill-next-selector{content:':host h4'}::content h4{font-size:16px;font-weight:500}h5{font-size:12px;font-weight:500}polyfill-next-selector{content:':host h5'}::content h5{font-size:12px;font-weight:500}.start{color:#536dfe}.elements{color:#07778f}.guide{color:#07778f}.main-bg{background-color:#eee !important}.main-purple{background-color:#07778f}.main-purple paper-button{background:#262742 !important;color:white;fill:currentcolor}.main-purple paper-button:hover{background:#3a3b56 !important}code,pre{color:#9f499b;font-family:"Source Code Pro",Monaco,Menlo,Consolas,"Courier New",monospace}pre,.prettyprint{background-color:#fafafa;padding:16px;margin:30px 0}pre .typ,pre .inline,.prettyprint .typ,.prettyprint .inline{color:#9c27b0}pre .pun,.prettyprint .pun{color:#455a64}pre .str,pre .string,.prettyprint .str,.prettyprint .string{color:#689f38}pre .pln,.prettyprint .pln{color:#455a64}pre .kwd,.prettyprint .kwd{color:#00838f}pre .tag,.prettyprint .tag{color:#00838f}pre .atn,pre .attribute-name,.prettyprint .atn,.prettyprint .attribute-name{color:#455a64}pre .atv,pre .attribute-value,.prettyprint .atv,.prettyprint .attribute-value{color:#689f38}pre .com,pre .comment,.prettyprint .com,.prettyprint .comment{color:#d81b60}.polymer-status-badge{height:20px;background-color:rgba(0,0,0,0.26);text-transform:uppercase;border-radius:2px;font-size:11px;padding:10px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;line-height:1;color:#fff;box-sizing:border-box;margin:0 24px}@media only screen and (min-width: 581px){main.polymer-0_5-content scroll-area article{padding-top:60px}}.material-purple{background-color:#3e50b4}.material-purple-light{background-color:#c4c9e8}.material-purple-lightest{background-color:#e8eaf6}.material-orange{background-color:#ff5621}.material-orange-light{background-color:#ffcbbb}.material-orange-lightest{background-color:#fbe9e7}.material-pink{background-color:#e81d62}.material-pink-light{background-color:#f7bacf}.material-pink-lightest{background-color:#fce4ec}.material-yellow{background-color:#f3b300}.material-yellow-light{background-color:#fbe7b1}.material-yellow-lightest{background-color:#fff8e1}.material-green{background-color:#00bea4}.material-green-light{background-color:#a6ffea}.material-green-lightest{background-color:#e0f2f1}.material-teal{background-color:#00bbd3}.material-teal-light{background-color:#b1eaf1}.material-teal-lightest{background-color:#e0f7fa}.material-blue{background-color:#4184f3}.material-blue-light{background-color:#c5d9fb}.material-blue-lightest{background-color:#e3f2fd}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}img{border:0}summary{display:block}h2:target:before,h3:target:before,h4:target:before,h5:target:before{display:block;content:" ";margin-top:-70px;height:90px;visibility:hidden}html,body{margin:0;padding:0;height:100%}body{color:#444}body.noscroll{overflow:hidden}body.hide-on-hash .hide-on-hash{display:none}img{max-width:100%}pre,code{white-space:pre;word-wrap:normal}pre b,pre strong,code b,code strong{font-weight:700}pre{overflow-x:auto;font-size:12px}a code{color:currentcolor}ul li::before,ol li::before{color:#555}table.table{width:100%}table.first-col-nowrap tr td:first-of-type{white-space:nowrap}table td{padding:0;margin:0;vertical-align:top;padding:12px 12px 12px 0}table th{text-transform:uppercase;font-size:14px;text-align:left;padding-right:40px;border-bottom:1px solid #eee;font-weight:500;line-height:48px}b,strong{font-weight:500}hr{border:none;border-bottom:1px solid #eee}dl dt{font-weight:500}dl.horizontal dt{float:left;width:160px}blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}summary{outline:none}.error{border:3px solid red;background-color:rgba(255,0,0,0.3);padding:5px}.alert{color:#555;border:1px solid #eee;font-size:14px;padding:10px 15px}.alert b,.alert strong{margin-right:5px}.alert.alert-success b,.alert.alert-success strong{color:green}.alert.alert-info b,.alert.alert-info strong{color:#3367d6}.alert.alert-error{border-color:#ff4120;fill:#ff4120}.alert.alert-error b,.alert.alert-error strong{color:#ff4120}p:empty{display:none}a[disabled]{pointer-events:none;color:#ccc}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}paper-button{color:#666;font-size:14px;white-space:nowrap}paper-button>core-icon{margin-right:4px}paper-button[raised]{background:#fafafa}paper-button:hover,paper-button.active{text-decoration:none;background:#fff;box-shadow:0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1)}.paper-button[sink]{color:inherit;padding:7px 10px;transition:none}.paper-button[sink]:hover,.paper-button[sink].active{background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08)));background:-moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);background:linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%);box-shadow:0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset}app-bar a{text-decoration:none !important}app-bar .paper-button{font-size:14px;letter-spacing:normal;margin:5px}.bar{padding:16px !important;height:80px}.bar a{text-decoration:none}.sticky{position:fixed !important;top:0;width:100%}.onlyonmobile{display:none}footer{position:relative;background-color:#fafafa;padding:100px 0;padding-left:64px}footer .links{margin-bottom:56px}footer paper-button{margin-right:30px;color:#666666}footer #copyright{color:#757575;font-size:14px}footer #copyright a{color:#666666}#content-container .article{margin-bottom:2em}#content-container h2{margin-top:20px}#content-container h3{margin-top:15px}#content-container h4{margin-top:10px}#content-container scroll-area article header{margin-bottom:24px}.one-oh{font-size:200px;font-weight:bold;line-height:200px;text-align:center;letter-spacing:-8px}#features .panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.badge{height:200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.badge-wrapper{padding:30px;border-radius:50%;background:#F5F5F5;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.1)}.badge-wrapper>core-icon{width:100px;height:100px}.checklist-item{font-size:35px}.checklist-item core-icon{width:80px;height:80px;margin-right:16px}.example:not(:last-of-type){margin-bottom:64px}.example-header{margin-bottom:16px}.example-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.example-code pre{margin:0 0 16px}.example-result{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.example-result iframe{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.example-google-map iframe{height:300px}.example-contact-card iframe{height:100px}.example-friend-list iframe{height:300px}@media only screen and (min-width: 990px){app-drawer[unresolved]{position:fixed;display:block;height:100%;width:265px;background-color:#eee}docs-menu{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}docs-menu[unresolved]{opacity:0;visibility:hidden}scroll-area[sidebar]{display:block;padding-left:265px}scroll-area[sidebar] site-banner{height:80px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;align-items:flex-end}scroll-area[sidebar] site-banner[unresolved]{background-color:#07778f}scroll-area[sidebar] site-banner[unresolved] app-bar,scroll-area[sidebar] site-banner[unresolved] header{opacity:0;visibility:hidden}scroll-area[sidebar] site-banner header,scroll-area[sidebar] site-banner app-bar{-webkit-transition:opacity 300ms ease-in;transition:opacity 300ms ease-in}scroll-area[sidebar] site-banner[type="guide"]{background-color:#07778f !important}scroll-area[sidebar] site-banner[type="elements"]{background-color:#07778f !important}scroll-area[sidebar] site-banner[type="start"]{background-color:#536dfe !important}scroll-area[sidebar] article{padding:24px 64px;max-width:912px;min-height:300px;overflow:hidden}}@media only screen and (min-width: 850px){#features .panel{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}#features .feature{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#features .feature:not(:last-of-type){margin-right:40px}.badge{height:200px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.example-wrapper,.example-code,.example-code .highlight,.example-code .prettyprint{min-height:300px}.example-code .highlight+.highlight,.example-code .highlight+.highlight .prettyprint{margin-top:16px;min-height:0}.example-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;min-height:300px}.example-code{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.example-result{margin-left:16px}.example-caption{width:66.6%}}@media only screen and (max-width: 850px){scroll-area[sidebar]{padding-left:0 !important}scroll-area[unresolved] site-banner{height:60px;overflow:hidden}scroll-area[unresolved] app-bar{display:none}scroll-area[unresolved] header{display:none}scroll-area[unresolved] article{padding-top:70px;padding-left:15px;padding-right:15px}}#sidebar #sidebar-content{height:100%}#sidebar #logo-container{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;height:80px;padding-left:24px}.edit-on-github{float:right}.edit-on-github+*{clear:both}.permalink{display:none;margin-left:5px;vertical-align:top}.has-permalink:hover .permalink{display:initial}.no-permalink .permalink{display:none !important}.forversion{float:right;font-style:italic}.article .byline{font-size:smaller;color:#757575}.article .byline.author img{vertical-align:middle;width:25px;height:25px}.author{margin-bottom:20px}.author>p{display:inline-block;margin:0}.author>p:first-of-type{vertical-align:top}.author img{border-radius:7px;margin-right:5px;height:40px;width:40px}#toc summary{font-size:16px;font-weight:500;cursor:pointer}.video iframe{width:853px;max-width:100%;height:480px}.yt-embed{width:100%;max-width:576px}#browser-compatibility paper-checkbox{pointer-events:none}#browser-compatibility th{white-space:nowrap;padding-right:20px}#browser-compatibility .feature-title{white-space:nowrap}.content-padding,footer>:first-child{max-width:1032px;margin:0 auto}@media only screen and (max-width: 580px){.onlyonmobile{display:block !important}.bar{height:60px}#welcome a.logo{max-width:40%}.panel{margin:0 30px !important;padding:56px 0 40px 0 !important}.panel>img{margin-bottom:50px;width:200px;margin-right:auto !important;margin-left:0px !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}.panel summary p{margin:10px 0 !important}.paper-button{margin:15px 0}#architecture .box{margin-bottom:25px}.edit-on-github{display:none}footer{padding:15px}footer .links{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-align-items:flex-start !important;-o-align-items:flex-start !important;align-items:flex-start !important}}@media only screen and (max-width: 850px){#architecture .panel p{margin-bottom:10px}#architecture .panel .paper-button{margin:0 0 40px}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table th{position:absolute;top:-9999px;left:-9999px}.responsive-table td{position:relative;padding-left:40%}.responsive-table td:before{position:absolute;left:0;width:35%;padding-right:10px;text-transform:uppercase;font-size:14px;font-weight:500}.responsive-table tr td:last-child{border-bottom:1px solid #eee}.expressions-table td:nth-of-type(1):before{content:"Feature"}.expressions-table td:nth-of-type(2):before{content:"Example"}.expressions-table td:nth-of-type(3):before{content:"Explanation"}.attributes-table td:nth-of-type(1):before{content:"Attribute"}.attributes-table td:nth-of-type(2):before{content:"Required?"}.attributes-table td:nth-of-type(3):before{content:"Description"}.lifecycle-table td:nth-of-type(1):before{content:"Spec"}.lifecycle-table td:nth-of-type(2):before{content:"Polymer"}.lifecycle-table td:nth-of-type(3):before{content:"Called When"}.fouc-table td:nth-of-type(1):before{content:"Class Name"}.fouc-table td:nth-of-type(2):before{content:"Applied Behavior"}}@media only screen and (min-width: 581px) and (max-width: 850px){.main-bg .panel img{width:300px;margin-right:auto;margin-bottom:30px}.panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;margin:0 30px !important}.panel.left img{margin-left:0px !important;margin-right:auto !important}.panel.right img{width:300px;margin-right:0px !important;margin-left:auto !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}footer{padding-left:15px}}@media only screen and (min-width: 851px) and (max-width: 990px){footer .links{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}footer .links .paper-button{margin-bottom:16px}footer #copyright{margin-top:-16px}}@media only screen and (min-width: 990px){#future img{width:416px;height:286px}}
|