From 6f10d4d7619d5c5335f6be4bbd291f7490c2a958 Mon Sep 17 00:00:00 2001 From: Dirk Dougherty Date: Sat, 7 Nov 2015 11:34:59 -0800 Subject: [PATCH] Rebased Updated templates, styles, scripts for dac. Change-Id: Ida1a7f39cb6df0255f8f9c8e96a2270a0283c59e --- .../templates-sdk-dev/assets/css/default.css | 4789 ++++++----- .../assets/images/android_logo.png | Bin 513 -> 3095 bytes .../assets/images/android_logo@2x.png | Bin 860 -> 3284 bytes .../assets/images/play-circle-grey.png | Bin 880 -> 0 bytes .../assets/images/play-circle-grey_2x.png | Bin 2280 -> 0 bytes .../assets/images/play-circle-white.png | Bin 670 -> 0 bytes .../assets/images/play-circle-white_2x.png | Bin 1733 -> 0 bytes .../templates-sdk-dev/assets/images/sprite.png | Bin 3121 -> 4928 bytes .../templates-sdk-dev/assets/images/sprite@2x.png | Bin 0 -> 11545 bytes .../assets/js/android_3p-bundle.js | 8 +- tools/droiddoc/templates-sdk-dev/assets/js/docs.js | 9077 +++++++++++--------- tools/droiddoc/templates-sdk-dev/class.cs | 3 - tools/droiddoc/templates-sdk-dev/classes.cs | 3 - .../templates-sdk-dev/components/masthead.cs | 411 +- tools/droiddoc/templates-sdk-dev/customizations.cs | 716 +- tools/droiddoc/templates-sdk-dev/designpage.cs | 4 - tools/droiddoc/templates-sdk-dev/docpage.cs | 101 +- tools/droiddoc/templates-sdk-dev/footer.cs | 92 +- tools/droiddoc/templates-sdk-dev/head_tag.cs | 145 +- tools/droiddoc/templates-sdk-dev/header.cs | 12 +- .../droiddoc/templates-sdk-dev/jd_lists_unified.cs | 9 + tools/droiddoc/templates-sdk-dev/package.cs | 3 - tools/droiddoc/templates-sdk-dev/packages.cs | 3 - tools/droiddoc/templates-sdk-dev/sample.cs | 6 - tools/droiddoc/templates-sdk-dev/sampleindex.cs | 6 - tools/droiddoc/templates-sdk-dev/sdkpage.cs | 29 +- tools/droiddoc/templates-sdk-dev/trailer.cs | 15 +- .../droiddoc/templates-sdk/assets/css/default.css | 13 +- tools/droiddoc/templates-sdk/assets/js/docs.js | 2 +- tools/droiddoc/templates-sdk/head_tag.cs | 1 + 30 files changed, 8697 insertions(+), 6751 deletions(-) delete mode 100644 tools/droiddoc/templates-sdk-dev/assets/images/play-circle-grey.png delete mode 100644 tools/droiddoc/templates-sdk-dev/assets/images/play-circle-grey_2x.png delete mode 100644 tools/droiddoc/templates-sdk-dev/assets/images/play-circle-white.png delete mode 100644 tools/droiddoc/templates-sdk-dev/assets/images/play-circle-white_2x.png create mode 100644 tools/droiddoc/templates-sdk-dev/assets/images/sprite@2x.png diff --git a/tools/droiddoc/templates-sdk-dev/assets/css/default.css b/tools/droiddoc/templates-sdk-dev/assets/css/default.css index 921991739..f6fdd4b10 100644 --- a/tools/droiddoc/templates-sdk-dev/assets/css/default.css +++ b/tools/droiddoc/templates-sdk-dev/assets/css/default.css @@ -30,7 +30,7 @@ body { font: 14px/24px Roboto, sans-serif; font-weight: 400; letter-spacing:.1; - padding:0 20px; + padding: 0 20px; } @media (max-width: 719px) { @@ -40,7 +40,8 @@ body { } body { - padding: 0 10px; + padding-left: 10px; + padding-right: 10px; } } @@ -91,15 +92,6 @@ body { margin-right: 20px; float: left; } -#nav { - margin:0; - padding:0 0 30px; -} - -#side-nav { - padding-top: 20px; -} - #devdoc-nav h2 { border:0; } @@ -191,11 +183,12 @@ h1, h2, h3 { h1 { font-size: 44px; line-height: 56px; - margin: 24px 0 12px; font-weight: 300; + margin: 0; + padding: 24px 0 12px; } h1.short { - margin-right:320px; + padding-right:320px; } @media (max-width: 719px) { h1 { @@ -208,30 +201,41 @@ h2 { font-size: 28px; font-weight: 400; line-height: 32px; - margin: 24px 0 16px; + margin: 0; + padding: 12px 0 16px; } h3 { font-size: 24px; line-height: 32px; font-weight: 400; - margin: 16px 0; + margin: 0; + padding: 8px 0 12px; } h4 { font-size: 18px; line-height: 24px; - margin: 12px 0; + margin: 0; + padding: 4px 0 8px; font-weight: 500; } h5, h6 { font-size: 16px; line-height: 24px; - margin: 8px 0; + margin: 0; + padding: 4px 0 8px; } hr { /* applied to the bottom of h2 elements */ height: 1px; margin: 7px 0 12px; border: 0; - background: #e5e5e5; + background: rgba(0, 0, 0, 0.1); +} +h2[id], h3[id], h4[id], h5[id], h6[id] { + margin-top: -64px; + border-top: 64px solid transparent; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; } p, pre, table, form { margin: 0 0 12px; @@ -283,7 +287,7 @@ pre strong, pre b, a strong, a b, a code { } pre, code { color: #060; - font: 13px/18px Consolas, "Liberation Mono", Menlo, Courier, monospace; + font: 13px/18px Consolas, "Liberation Mono", Menlo, Monaco, Courier, monospace; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } @@ -385,7 +389,7 @@ video.with-shadow { margin-left: 0; } .layout-content-col h3, .layout-content-col h4 { - margin-top:0; } + padding-top:0; } .layout-content-col.span-1 { width: 40px; } @@ -474,158 +478,6 @@ video.with-shadow { .vspace.size-16 { height: 160px; } -/* nav */ -#nav { - /* section header divs */ - /* expanded section header divs */ - /* sublinks */ } - #nav li { - list-style-type: none; - font-size: 12px; - margin:0; - padding:0; - line-height: 18px; } - #nav a { - color: #505050; - text-decoration: none; - word-wrap:break-word; } - #nav .nav-section-header { - position: relative; - margin-bottom: 1px; - padding: 0 30px 0 0; } - #nav li.selected a { - color: #039BE5; - } - #nav li.selected ul li a { - /* don't highlight child items */ - color: #505050; } - #nav .nav-section .nav-section .nav-section-header { - /* no white line between second level sections */ - margin-bottom: 0; } - /* section header links */ - #nav > li > div > a { - display: block; - font-weight: 700; - padding: 13px 0 12px 10px; } - #nav .nav-section-header:after { - content: ''; - background: transparent url(../images/styles/disclosure_down.png) no-repeat scroll 50% 50%; - width: 34px; - height: 34px; - display: block; - position: absolute; - top: 6px; - right: 0; } - #nav .nav-section-header.empty { - padding:0; } - #nav .nav-section-header.empty:after { - display: none; } - /* nested nav headers */ - #nav .nav-section .nav-section { - position: relative; - padding: 0; - margin: 0; } - #nav .nav-section li a { - /* first gen child (2nd level li) */ - display:block; - font-weight: 700; - text-transform: none; - padding: 13px 5px 13px 10px; - } - #nav .nav-section li li a { - /* second gen child (3rd level li) */ - font-weight: 400; - padding: 7px 5px 7px 10px; - } - #nav li.expanded .nav-section-header { - background: #f0f0f0; } - #nav li.expanded .nav-section-header.empty { - background: none; } - #nav li.expanded li .nav-section-header { - background: none; } - #nav li.expanded li ul { - /* 3rd level ul */ - padding:6px 0 1px 20px; - } - #nav li.expanded > .nav-section-header:after { - content: ''; - background: transparent url(../images/styles/disclosure_up.png) no-repeat scroll 50% 50%; - width: 34px; - height: 34px; } - #nav li.expanded li ul.tree-list-children { - padding: 0; - } - #nav li.expanded li ul.tree-list-children .tree-list-children { - padding:0 0 0 10px; - } - #nav li span.tree-list-subtitle { - display:inline-block; - padding:5px 0 0 10px; - color:#555; - text-transform:uppercase; - font-size:12px; - } - #nav li span.tree-list-subtitle:before { - content: '—'; - } - #nav li span.tree-list-subtitle:after { - content: '—'; - } - #nav li span.tree-list-subtitle.package { - padding-top:15px; - cursor:default; - } - #nav li span.tree-list-subtitle.package:before { - content: ''; - } - #nav li span.tree-list-subtitle.package:after { - content: ''; - } - #nav li ul.tree-list-children.classes { - padding-left:10px; - } - #nav li ul { - display:none; - overflow: hidden; - margin: 0; } - #nav li ul.animate-height-in { - -webkit-transition: height 0.25s ease-in; - -moz-transition: height 0.25s ease-in; - transition: height 0.25s ease-in; } - #nav li ul.animate-height-out { - -webkit-transition: height 0.25s ease-out; - -moz-transition: height 0.25s ease-out; - transition: height 0.25s ease-out; } - #nav li ul li { - padding: 0; } - #nav li li li { - padding: 0; } - #nav li.expanded ul { - } - #nav li ul > li { - padding:0; - } - #nav li ul > li:last-child { - padding-bottom:5px; - } - #nav li ul.tree-list-children > li:last-child { - padding-bottom:0; - } - #nav li.expanded ul > li { - background:#f7f7f7; } - #nav li.expanded ul > li li { - background:inherit; } - #nav li ul.tree-list-children ul { - display:block; } - -#nav.samples-nav li li li a { - padding-top:3px; - padding-bottom:3px; -} -#nav.samples-nav li li ul > li:last-child { - padding-bottom:3px; -} - .new, .new-child { font-size: .78em; @@ -682,13 +534,10 @@ a.back-link { } .paging-links { position: relative; - height:30px; } - .paging-links a { - position: absolute; } + min-height:30px; } .paging-links a, .training-nav-top a { text-decoration: none; } - .paging-links .prev-page-link:before, .training-nav-top .prev-page-link:before, a.back-link:before { content: ''; @@ -697,14 +546,9 @@ a.back-link { height: 10px; display: inline-block; margin-right: 5px; } - .paging-links .prev-page-link { - left: -15px; } - .paging-links .next-page-link { - right: 0; } - .next-page-link:after, - .start-class-link:after, - .start-course-link:after, - .next-class-link:after, + .training-nav-top .next-page-link:after, + .training-nav-top .start-class-link:after, + .training-nav-top .start-course-link:after, .go-link:after { content: ''; background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; @@ -717,7 +561,7 @@ a.back-link { .next-page-link.inline:after { content: none; } - .content-footer .paging-links .next-page-link { + .content-footer { left:0; } @@ -732,7 +576,7 @@ a.back-link { text-align:center; width: 50%; } - + .training-nav-top a.prev-page-link { padding-left: 15px; text-align: left; @@ -757,8 +601,7 @@ a.back-link { } .training-nav-top a.start-class-link, - .training-nav-top a.start-course-link, - .paging-links a.start-class-link { + .training-nav-top a.start-course-link { width:100%; } @@ -780,7 +623,6 @@ a.back-link { font-size: 20px; font-weight: 500; height: 32px; - margin: 0; padding: 52px 16px 12px; position: relative; } @@ -802,7 +644,7 @@ a.back-link { color: currentColor; font-size: inherit; font-weight: inherit; - margin:0 0 10px; + padding:0 0 10px; display:block; float:left; width:675px; @@ -840,7 +682,7 @@ a.back-link { margin: 0 0 6px; line-height: 16px; } - + /* Class colors */ ol.class-list li:nth-child(10n+1) .title { background: #00bcd4; @@ -872,7 +714,7 @@ a.back-link { ol.class-list li:nth-child(10n+10) .title { background: #7e57c2; } - + @media (max-width: 719px) { ol.class-list ol, ol.class-list .description { @@ -898,7 +740,7 @@ div#title-tabs-wrapper { } h1.with-title-tabs { display:inline-block; - margin:0 0 -1px 0; + margin-bottom: -1px; padding:0 60px 0 0; border-bottom:1px solid #F9F9F9; } @@ -979,7 +821,7 @@ h3:target { animation-timing-function: ease-out; } .design ol h4 { - margin-bottom:0; + padding-bottom:0; } .design ol { counter-reset: item; } @@ -1248,15 +1090,6 @@ scroll top left; .download-button:active { background-color: #006699; } -.button.disabled, -.button.disabled:hover, -.button.disabled:active { - background:#ebebeb; - color:#999 !important; - border-color:#999; - cursor:default; -} - /* UI tables and other things found in Writing style and Settings pattern */ .ui-table { width: 100%; @@ -1438,7 +1271,7 @@ color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00)); /* bump up spacing above subheadings */ h2 { - margin-top: 40px !important; + padding-top: 40px !important; } /* print link URLs where possible and give links default text color */ @@ -1577,7 +1410,8 @@ color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00)); width:226px; font-size:13px; line-height:18px; - border-left:3px solid #a9e27d; + border-left:3px solid #96ca7c; + border-left-color: rgba(106, 179, 68, .7); /* #6ab344 * 70% */ float:right; padding:0 0 0 20px; margin:0 0 1em 20px; @@ -1588,7 +1422,7 @@ color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00)); .sidebox h4, .sidebox h5 { font-weight:bold; - margin:0 0 10px; + padding: 0 0 10px; line-height: 16px; } @@ -1647,7 +1481,7 @@ color-stop(50%, #acbc00), color-stop(50%, #bdde00), color-stop(100%, #bdde00)); h3.rel-resources { -margin:1.25em auto; + padding:1.25em auto; } /* -------------------------------------------------------------------------- @@ -1823,7 +1657,7 @@ div.sdk-terms.fullsize { div.sdk-terms h3, div.sdk-terms h2 { - margin:0; + padding: 0; } div#sdk-terms-form { @@ -1897,8 +1731,7 @@ Three-Pane padding: 0 0 0 4px; } #packages-nav li a, #packages-nav li a:active, #packages-nav li a:visited, -#classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited, -#nav-tree li a, #nav-tree li a:active, #nav-tree li a:visited { +#classes-nav li li a, #classes-nav li li a:active, #classes-nav li li a:visited { color: #222; font-weight: normal; } @@ -1909,8 +1742,7 @@ Three-Pane #packages-nav li.selected a, #packages-nav li.selected a:active, #packages-nav li.selected a:visited, #classes-nav li li.selected a, #classes-nav li li.selected a:active, #classes-nav li li.selected -a:visited, -#nav-tree li div.selected { +a:visited { font-weight: 500; color: #0099cc; background-color:#fff; } @@ -1918,10 +1750,7 @@ a:visited, #classes-nav li.selected ul li a { /* don't highlight child items */ color: #555555; } -#nav-tree li div.selected a { - font-weight: 500; - color: #0099cc; -} + #nav-swap { height:30px; border-top:1px solid #ccc; @@ -1951,72 +1780,6 @@ a:visited, cursor:pointer; } - -/* nav tree */ -#swapper, #nav-tree, #tree-list { - overflow:hidden; - margin-left:0; -} - -#nav-tree ul { - list-style:none; - padding:0; - margin:10px 0; -} - -#nav-tree ul li div { - padding:0 0 0 4px; -} - -#side-nav #nav-tree ul li a, -#side-nav #nav-tree ul li span.no-children { - padding: 0; - margin: 0; -} - -#nav-tree .plus { - margin: 0 3px 0 0; -} - -#nav-tree ul ul { - list-style: none; - margin: 0; - padding: 0 0 0 0; -} - -#nav-tree ul li { - margin: 0; - padding: 0 0 0 0; - white-space: nowrap; -} - -#nav-tree .children_ul { - padding:0; - margin:0; -} -#nav-tree .children_ul li div { - padding:0 0 0 10px; -} -#nav-tree .children_ul .children_ul li div { - padding:0 0 0 20px; -} - -#nav-tree a.nolink { - color: #222; - text-decoration: none; -} - -#nav-tree span.label { - width: 100%; -} - -#nav-tree { - overflow-x: auto; - overflow-y: scroll; - outline:0; -} - - /* Content */ #doc-col { margin-right:0; @@ -2039,7 +1802,7 @@ a:visited, } #doc-header h1 { line-height: 0; - margin-bottom: 15px; + padding-bottom: 15px; } #api-info-block { float: right; @@ -2384,33 +2147,6 @@ div.sampleLine { }*/ /* -------------------------------------------------------------------------- -Butterbar -*/ -#butterbar-wrapper { - position:absolute; - top:0; - left:0; - width:100%; -} -#butterbar { - width:100%; - margin:0 auto; -} -#butterbar-message { - background-color:rgba(255, 187, 51, .4); - font-size:13px; - padding: 5px 0; - text-align:center; -} -a#butterbar-message { - cursor:pointer; - display:block; -} -a#butterbar-message:hover { - text-decoration:underline; -} - -/* -------------------------------------------------------------------------- Misc and article typography */ @@ -2597,27 +2333,30 @@ p.warning, div.warning { } p.note, div.note { - border-color: #66c2ff; + border-color: #4eb9ed; + border-color: rgba(3, 155, 229, .7); /* #039be5 * 70% */ } p.caution, div.caution { - border-color: #f81; + border-color: #ffbc4c; + border-color: rgba(255, 160, 0, .7); /* #ffa000 * 70% */ } p.warning, div.warning { - border-color: #f55; + border-color: #f48684; + border-color: rgba(239, 83, 80, .7); /* #ef5350 * 70% */ } div.note.design { - border-left: 4px solid #33B5E5; + border-left: 4px solid #00bcd4; } div.note.develop { - border-left: 4px solid #F80; + border-left: 4px solid #ff7043; } div.note.distribute { - border-left: 4px solid #9C0; + border-left: 4px solid #afb42b; } .note p, .caution p, .warning p { @@ -2718,7 +2457,7 @@ a.notice-designers h3 { font-weight:bold; text-transform:uppercase; color:#000 !important; - margin:0 0 1px; + padding:0 0 1px; } a.notice-developers-video p, a.notice-developers p, @@ -3060,8 +2799,7 @@ Feature Boxes .feature-box h4, .dialog h4 { - margin: 15px 18px 10px; - padding:0; + padding: 15px 18px 10px; } .feature-box p, @@ -3344,7 +3082,7 @@ body.google table.jd-sumtable th { } h4.jd-tagtitle { - margin:0; + padding:0; } h4 .normal { @@ -3354,7 +3092,7 @@ h4 .normal { /* API reference: heading for "Parameters", "See Also", etc., in details sections */ h5.jd-tagtitle { - margin:0 0 .25em 0; + padding:0 0 .25em 0; font-size:1em; } @@ -3397,470 +3135,104 @@ table.jd-tagtable th { color:inherit; } +/************ STICKY NAV BAR ******************/ -/* SEARCH FILTER */ - -.menu-container { - position:relative; -} -#search_autocomplete { - font-weight:normal; +#context { + clear: both; + padding-top: 14px; } - -.search_filtered_wrapper { - position: absolute; - right: 18px; - top: 64px; +#context .breadcrumb { + float: left; + margin-bottom: 10px; } -.suggest-card { - float:right; - position:relative; - width:170px; - min-height:90px; - border: solid 1px #C5C5C5; - background: white; - margin-right:-5px; - -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); +#context .util { + float: right; + margin-right: 20px; } -.suggest-card.reference { - z-index: 998; - width: auto; + +.breadcrumb { + list-style: none; + margin: 0; + padding: 0; + position: relative; } -.suggest-card.develop { - z-index:997; - border-top: solid 4px #ff7043; +.breadcrumb li { + float: left; + padding: 0 20px 0 0; + color: #000; + white-space: nowrap; } -.suggest-card.design { - z-index:996; - border-top: solid 4px #00bcd4; +.breadcrumb li a { + color: #000; } -.suggest-card.distribute { - z-index:995; - border-top: solid 4px #afb42b; +.breadcrumb li:after { + content: url(../images/breadcrumb.png); + position: relative; + top: 1px; + left: 10px; + width: 5px; + height: 10px; } -.child-card { - width:100%; +.breadcrumb li.current { + font-weight: 700; } -.suggest-card.dummy { - width:172px; - float:right; - border:0; - background:transparent; - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; +.breadcrumb li.current:after { + display: none; } -ul.search_filtered { - min-width:100%; - list-style: none; - margin: 5px 0; - padding: 0; +/* offset the tags to account for sticky nav */ +body.reference a[name] { + visibility: hidden; + display: block; + position: relative; + top: -56px; } -.search_filtered .jd-selected { - background:#efefef; + + +/* Quicknav */ +.btn-quicknav { + width:20px; + height:28px; + float:left; + margin-left:6px; + padding-right:10px; + position:relative; cursor:pointer; -} -.search_filtered .jd-selected, -.search_filtered .jd-selected a { - color:#039BE5 !important; + border-right:1px solid #CCC; } -.no-display { - display: none; +.btn-quicknav a { + zoom:1; + position:absolute; + top:13px; + left:5px; + display:block; + text-indent:-9999em; + width:10px; + height:5px; + background:url(../images/quicknav_arrow.png) no-repeat; } -.search_filtered li.jd-autocomplete { - font-size: 0.81em; - border: none; - margin: 0; - padding: 0; - line-height:1.5em; +.btn-quicknav a.arrow-active { + background-position: 0 -5px; + display:none; } -.search_filtered li a { - padding: 2px 10px; - color:#222 !important; - display:inline-block; - line-height:12px; +#header-wrap.quicknav a.arrow-inactive { + display:none; } -.search_filtered li.header { - font-weight:bold; - color:#444; - border: none; - margin: 0; - padding: 2px 10px; - line-height:1.5em; -} -.search_filtered li.header.small { - font-size:0.85em; +.btn-quicknav.active a.arrow-active { + display:block; } -.suggest-card.reference -.search_filtered li.header { - color:#aaa; - font-size: 0.81em; +#header-wrap.quicknav .nav-x li { + min-width:160px; + margin-right:20px; } -.search_filtered li.header:first-child { - margin: 0 0 2px; -} - -@media (max-width: 719px) { - .search_filtered_wrapper { - left: 24px; - right: 24px; - top: 44px; - } - - .suggest-card { - box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1); - float: none; - margin-right: 0; - min-height: 0; - max-height: 204px; - overflow: hidden; - } - - .suggest-card.develop, - .suggest-card.design, - .suggest-card.distribute { - display: none !important; - } - - ul.search_filtered { - margin: 0; - } - - .search_filtered li.jd-autocomplete { - border-top: solid 1px #C5C5C5; - font-size: inherit; - text-align: left; - } - - .search_filtered li.jd-autocomplete:first-child { - border-top: 0; - } - - .search_filtered li a { - display: block; - overflow: hidden; - padding: 14px 10px; - text-overflow: ellipsis; - white-space: nowrap; - } -} - -.show-item { - display: table-row; -} -.hide-item { - display: hidden; -} - - - -/* SEARCH RESULTS */ - - -#leftSearchControl .gsc-twiddle { - background-image : none; -} - -#leftSearchControl td, #searchForm td { - border: 0px solid #000; - padding:0; -} - -#leftSearchControl .gsc-resultsHeader .gsc-title { - padding-left : 0px; - font-weight : bold; - font-size : 13px; - color:#006699; - display : none; -} - -#leftSearchControl .gsc-resultsHeader div.gsc-results-selector { - display : none; -} - -#leftSearchControl .gsc-resultsRoot { - padding-top : 6px; -} - -#leftSearchControl div.gs-visibleUrl-long { - display : block; - color:#006699; -} - -#leftSearchControl .gsc-webResult { - padding:0 0 20px 0; -} - -.gsc-webResult div.gs-visibleUrl-short, -table.gsc-branding, -.gsc-clear-button { - display : none; -} - -.gsc-cursor-box .gsc-cursor div.gsc-cursor-page, -.gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results, -#leftSearchControl a, -#leftSearchControl a b { - color:#006699; -} - -.gsc-resultsHeader { - display: none; -} - -/* Disable built in search forms */ -.gsc-control form.gsc-search-box { - display : none; -} -table.gsc-search-box { - margin:6px 0 0 0; - border-collapse:collapse; -} - -td.gsc-input { - padding:0 2px; - width:100%; - vertical-align:middle; -} - -input.gsc-input { - border:1px solid #BCCDF0; - width:99%; - padding-left:2px; - font-size:.95em; -} - -td.gsc-search-button { - text-align: right; - padding:0; - vertical-align:top; -} - - -#searchResults { - overflow:hidden; /* because the repositioned page links makes the section think it needs to scroll -(it doesn't) */ - height:auto; -} - -#searchResults .gsc-control { - position:relative; - width:auto; - padding:0 0 10px; -} - -#searchResults .gsc-tabsArea { - position: relative; - white-space: nowrap; - float: left; - width: 25%; -} - -#searchResults .gsc-above-wrapper-area { - display:none; -} - -#searchResults .gsc-resultsbox-visible { - box-sizing: border-box; - float: left; - padding-left:20px; - width: 75%; -} - -@media (max-width: 719px) { - #searchResults .gsc-tabsArea { - display: none; - } - - #searchResults .gsc-resultsbox-visible { - float: none; - padding-left: 0; - width: auto; - } -} - -#searchResults .gsc-tabHeader { - margin-top: 4px; - padding: 3px 6px; - position:relative; - width:auto; - display:block; -} - -#searchResults h2#searchTitle { - padding:0; - margin:30px 0 5px; - border:none; -} - -#searchResults h2#searchTitle em { - font-style:normal; - color:#33B5E5; -} - -#searchResults .gsc-table-result { - margin:5px 0 10px 0; - background-color:transparent; -} -#searchResults .gs-web-image-box, .gs-promotion-image-box { - width:120px; -} -#searchResults .gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image { - max-width:120px; -} - -#searchResults .gsc-table-result .gsc-thumbnail { - padding:0 20px 0 0; -} - -#searchResults td { - background-color:transparent; -} - -#searchResults .gsc-expansionArea { - position:relative; -} -#searchResults .gsc-tabsArea .gsc-cursor-box { - width:200px; - padding:20px 0 0 1px; -} -#searchResults .gsc-cursor-page { - display:inline-block; - float:left; - margin:-1px 0 0 -1px; - padding:0; - height:27px; - width:27px; - text-align:center; - line-height:2; -} - -#searchResults .gsc-tabHeader.gsc-tabhInactive, -#searchResults .gsc-cursor-page { - background: #F0F0F0; - border: 0; - color: #039BE5; -} - -#searchResults .gsc-tabHeader.gsc-tabhActive, -#searchResults .gsc-tabHeader.gsc-tabhActive:hover, -#searchResults .gsc-cursor-page.gsc-cursor-current-page, -#searchResults .gsc-cursor-page.gsc-cursor-current-page:hover { - background-color: #039BE5; - border: 0; - color: #fff; -} - - - - -/************ STICKY NAV BAR ******************/ - -#context { - clear: both; - padding-top: 14px; -} -#context .breadcrumb { - float: left; - margin-bottom: 10px; -} -#context .util { - float: right; - margin-right: 20px; -} - -.breadcrumb { - list-style: none; - margin: 0; - padding: 0; - position: relative; -} -.breadcrumb li { - float: left; - padding: 0 20px 0 0; - color: #000; - white-space: nowrap; -} -.breadcrumb li a { - color: #000; -} -.breadcrumb li:after { - content: url(../images/breadcrumb.png); - position: relative; - top: 1px; - left: 10px; - width: 5px; - height: 10px; -} -.breadcrumb li.current { - font-weight: 700; -} -.breadcrumb li.current:after { - display: none; -} - -/* offset the tags to account for sticky nav */ -body.reference a[name] { - visibility: hidden; - display: block; - position: relative; - top: -56px; -} - - -/* Quicknav */ -.btn-quicknav { - width:20px; - height:28px; - float:left; - margin-left:6px; - padding-right:10px; - position:relative; - cursor:pointer; - border-right:1px solid #CCC; -} - -.btn-quicknav a { - zoom:1; - position:absolute; - top:13px; - left:5px; - display:block; - text-indent:-9999em; - width:10px; - height:5px; - background:url(../images/quicknav_arrow.png) no-repeat; -} - -.btn-quicknav a.arrow-active { - background-position: 0 -5px; - display:none; -} - -#header-wrap.quicknav a.arrow-inactive { - display:none; -} - -.btn-quicknav.active a.arrow-active { - display:block; -} - -#header-wrap.quicknav .nav-x li { - min-width:160px; - margin-right:20px; -} - -#header-wrap.quicknav li.last { - margin-right:0px; +#header-wrap.quicknav li.last { + margin-right:0px; } #quicknav { @@ -4116,7 +3488,7 @@ body.reference a[name] { #landing h1 { - margin:17px 0 20px 0 !important; + padding:17px 0 20px 0 !important; } a.download-sdk { @@ -4312,7 +3684,7 @@ a.download-sdk { } .slideshow-develop .content-right h2 { padding:0; - margin-bottom:10px; + padding-bottom:10px; border:none; font-size:24px; } @@ -4405,7 +3777,7 @@ a.download-sdk { .feed .feed-container .feed-frame li.playlist-video h5 { font-size:12px; line-height:13px; - margin:0; + padding:0; } .feed .feed-container .feed-frame li.playlist-video p { margin:5px 0 0; @@ -4503,7 +3875,7 @@ a.download-sdk { margin-bottom:0; } .landing-banner h1 { - margin-top:16px; + padding-top:16px; padding-bottom:24px; } .landing-docs, @@ -4517,7 +3889,7 @@ a.download-sdk { color:#555; text-transform:uppercase; border-bottom:1px solid #CCC; - margin:0 0 20px; + padding:0 0 20px; } .landing-docs a { color:#333 !important; @@ -4558,8 +3930,7 @@ a.download-sdk { color:#555; text-transform:uppercase; border-bottom:none; - margin:0 0 1em; - padding:5px 0 0; + padding:5px 0 1em; } @@ -4667,8 +4038,7 @@ a.download-sdk { color:#555; text-transform:uppercase; border-bottom:1px solid #CCC; - padding:8px 0 0 1px; - margin-bottom:14px; + padding:8px 0 14px 1px; clear:both; } @@ -4713,7 +4083,7 @@ a.download-sdk { line-height: 80px; text-align: center; letter-spacing: -1px; - margin-bottom: 6px; + padding-bottom: 6px; } .landing-pre-h1 { @@ -5049,152 +4419,9 @@ a.download-sdk { } - -/** - * VIDEO - */ - -#video-container { - display:none; - position:fixed; - top:0; - left:0; - width:100%; - height:100%; - background-color:rgba(0,0,0,0.8); - z-index:9999; -} - -#video-frame { - max-width:940px; - height:100%; - margin:72px auto; - display:none; - position:relative; -} - -.video-close { - cursor: pointer; - position: absolute; - right: -49px; - top: -49px; - pointer-events: all; -} - -#icon-video-close { - background-image: url("../images/close-white.png"); - background-image: -webkit-image-set(url(../images/close-white.png) 1x, url(../images/close-white_2x.png) 2x); - background-repeat: no-repeat; - background-position: 0 0; - background-size: 36px 36px; - height: 36px; - width: 36px; - display:block; -} - -#icon-video-close:hover { - background-image: url("../images/close-grey.png"); - background-image: -webkit-image-set(url(../images/close-grey.png) 1x, url(../images/close-grey_2x.png) 2x); -} - -/* Preload the hover images */ -a.video-shadowbox-button.white:after { - display:none; - content:url("../images/close-grey.png") url("../images/close-grey_2x.png"); -} - -a.video-shadowbox-button.white { - background-image: url("../images/play-circle-white.png"); - background-image: -webkit-image-set(url(../images/play-circle-white.png) 1x, url(../images/play-circle-white_2x.png) 2x); - background-size: 36px 36px; - background-repeat: no-repeat; - background-position: right; - padding: 16px 42px 16px 8px; - font-size: 18px; - font-weight: 500; - line-height: 24px; - color: #fff; - text-decoration:none; -} - -a.video-shadowbox-button.white:hover { - color:#bababa !important; - background-image: url("../images/play-circle-grey.png"); - background-image: -webkit-image-set(url(../images/play-circle-grey.png) 1x, url(../images/play-circle-grey_2x.png) 2x); -} - -/* Preload the hover images */ -a.video-shadowbox-button.white:after { - display:none; - content:url("../images/play-circle-grey.png") url("../images/play-circle-grey_2x.png"); -} - -/* - * Responsive YouTube embeds from DevSite - * - * When applied to a
that wraps a video, "video-wrapper" forces the video - * to float right at 50% of the column width on desktop, but appear as a block - * element at 100% of the column width on smaller screens. - * "video-wrapper-full-width" works the same but is always 100% width. - */ -.video-wrapper, -.video-wrapper-left { - float: right; - margin: 0 0 40px 40px; - padding-top: calc(((100% - 40px) / 2) / 16 * 9); /* 16:9 including margin */ - position: relative; - width: calc((100% - 40px) / 2); /* 50% including margin */ -} - -/* - * "video-wrapper-left" forces 50% without the float - * This is useful for heading content when you want the video to - * appear next to an element that is already floated right - * (e.g. tb-wrapper
) - */ -.video-wrapper-left { - float: none; - margin: 16px 0 20px 0; -} - -.video-wrapper-full-width { - margin: 16px 0; - padding-top: 56.25%; /* Forces div to 16:9 at 100% width */ - position: relative; - width: 100%; -} - -.video-wrapper embed, -.video-wrapper iframe, -.video-wrapper object, -.video-wrapper-full-width embed, -.video-wrapper-full-width iframe, -.video-wrapper-full-width object, -.video-wrapper-left embed, -.video-wrapper-left iframe, -.video-wrapper-left object { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; -} - -@media screen and (max-width: 1000px) { - - .video-wrapper, - .video-wrapper-left { - float: none; - margin: 16px 0; - padding-top: 56.25%; /* Forces div to 16:9 at 100% width */ - width: 100%; - } -} - - -/****************** -Styles for d.a.c/index: -*******************/ +/****************** +Styles for d.a.c/index: +*******************/ @@ -5232,7 +4459,7 @@ Styles for d.a.c/index: font-size: 60px; line-height: 68px; letter-spacing: -1px; - margin-top: 0; + padding-top: 0; } .fullscreen-carousel .hero p { @@ -5371,62 +4598,6 @@ Styles for d.a.c/index: margin-bottom: 26px; } - -/* - Styles for the actions bar. -*/ -.actions-bar { - background: #b0bec5; - text-align: center; -} - -.actions-bar .actions { - padding: 24px 0; - font-size: 0.1px; - line-height: 0.1px; -} - -.actions-bar .actions:after { - content: ''; - width: 100%; - display: inline-block; -} - -.actions-bar .actions > div { - display: inline-block; - margin: 0 16px; -} - -.actions-bar .actions a { - color: #fff; - font-size: 24px; - font-weight: 300; - line-height: 50px; - -webkit-transition: opacity .3s; - transition: opacity .3s; -} - -.actions-bar .actions a:hover { - opacity: .54; -} - -.actions-bar .actions .dac-sprite { - margin: 0 -8px 0 -12px; -} - -@media (max-width: 719px) { - .actions-bar { - text-align: left; - } - - .actions-bar .actions > div { - display: block; - margin: 0; - } -} - - - /* Specific styles for new home page layout of the carousels. */ @@ -5588,7 +4759,100 @@ a.home-new-cta-btn:hover, display:none; } -.dac-visible-mobile-block, .dac-mobile-only, .dac-visible-mobile-inline, .dac-visible-mobile-inline-block, .dac-visible-tablet-block, .dac-visible-tablet-inline, .dac-visible-tablet-inline-block, .dac-visible-desktop-block, .dac-visible-desktop-inline, .dac-visible-desktop-inline-block { +#tb li:before, #qv li:before { + background-position: 0px -196px; + height: 24px; + width: 24px; + content: ''; + left: -8px; + opacity: .7; + position: absolute; + top: -4px; +} + +/* CHANGE EXISTING SELECTOR FOR ANDROID M HERO ONLY + REMOVE THE BELOW STYLES WHEN THE ANDROID M CAROUSEL + GRAPHIC ON THE MAIN LANDING IS TAKEN DOWN */ +.dac-hero.mprev { + background-color: #fff; + background-position: 50% 53%; + background-size: cover; + background-image: url(../../assets/images/home/android_m_hero_1200.jpg); + box-sizing: border-box; + font-size: 16px; + min-height: 550px; + padding-top: 88px; +} +.dac-hero.dac-darken.mprev::before { + background: rgba(0, 0, 0, 0.3); + bottom: 0; + content: ''; + display: block; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.dac-hero.dac-darken.mprev::before { + background: -webkit-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05), #000 950px); + background: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0.05), #000 950px); +} + +@media (max-width: 719px) { + .dac-hero.dac-darken.mprev { + background-size: auto 600px; + background-position: 55% 0; + background-repeat: no-repeat; + } + + .dac-hero-figure.mprev { + height: 10px; + margin: 15px 0; + } +} + +@media (max-width: 719px) { + .dac-hero.dac-darken.mprev { + background-size: auto 600px; + background-position: 55% 0; + background-repeat: no-repeat; + } + + .dac-hero-figure.mprev { + height: 10px; + margin: 15px 0; + } +} + +@media (max-width: 1200px) { + .dac-hero.dac-darken.mprev { + background-size: auto 700px; + background-position: 55% 0; + background-repeat: no-repeat; + } + + .dac-hero-cta.mprev { + white-space:nowrap; + } +} + +@charset "UTF-8"; +/** + * Fades out an element. + * Applies visibility hidden when the transition is finished. + * + * Use opacity: 1; to show the element. + */ +.dac-visible-mobile-block, .dac-mobile-only, +.dac-visible-mobile-inline, +.dac-visible-mobile-inline-block, +.dac-visible-tablet-block, +.dac-visible-tablet-inline, +.dac-visible-tablet-inline-block, +.dac-visible-desktop-block, +.dac-visible-desktop-inline, +.dac-visible-desktop-inline-block { display: none !important; } @@ -5651,6 +4915,13 @@ a.home-new-cta-btn:hover, } /** + * Hide from browsers/screenreaders on all sizes. + */ +.dac-hidden { + display: none !important; +} + +/** * Break strings when their length exceeds the width of their container. */ .dac-text-break { @@ -5740,8 +5011,6 @@ a.home-new-cta-btn:hover, box-sizing: border-box; display: none; height: 70px; - left: 50%; - margin-left: -35px; line-height: 65px; padding-left: 4px; position: absolute; @@ -5749,11 +5018,20 @@ a.home-new-cta-btn:hover, text-align: center; -webkit-transition: opacity .5s; transition: opacity .5s; - top: 50px; width: 70px; z-index: 1; } + .resource-card-6x2 .play-button { + display: block; + left: 10px; + top: 15px; + -webkit-transform: scale(0.73); + -ms-transform: scale(0.73); + transform: scale(0.73); } .resource-card-6x6 .play-button { - display: block; } + display: block; + left: 50%; + margin-left: -35px; + top: 50px; } /* Styling for background image including tinting and section icons in stacks */ .card-bg { @@ -5823,11 +5101,10 @@ a.home-new-cta-btn:hover, color: #333; font-size: 18px; font-weight: 500; - line-height: 24px; - margin-bottom: 2px; - max-height: 48px; + line-height: 23px; + margin-bottom: 7px; + max-height: 46px; overflow: hidden; - padding-bottom: 5px; text-overflow: ellipsis; white-space: normal; } .card-info .description { @@ -5945,7 +5222,7 @@ a.home-new-cta-btn:hover, /*text-transform: uppercase;*/ color: #898989; font-size: 17px; - line-height: 24px; + line-height: 23px; margin-bottom: 6px; } .resource-stack-layout .section-card { height: 284px; } @@ -6246,13 +5523,14 @@ a.home-new-cta-btn:hover, height: 100%; position: absolute; display: block; } + .resource-card-3x2 > .card-info, .resource-card-6x2 > .card-info, .resource-card-9x2 > .card-info, .resource-card-12x2 > .card-info, .resource-card-15x2 > .card-info, .resource-card-18x2 > .card-info { height: 100%; left: 90px; padding: 6px 12px; overflow: hidden; } .resource-card-3x2 > .card-info .title, .resource-card-6x2 > .card-info .title, .resource-card-9x2 > .card-info .title, .resource-card-12x2 > .card-info .title, .resource-card-15x2 > .card-info .title, .resource-card-18x2 > .card-info .title { - max-height: 48px; + max-height: 69px; white-space: normal; } .resource-card-3x2 > .card-info .description, .resource-card-6x2 > .card-info .description, .resource-card-9x2 > .card-info .description, .resource-card-12x2 > .card-info .description, .resource-card-15x2 > .card-info .description, .resource-card-18x2 > .card-info .description { display: none; } @@ -6260,10 +5538,12 @@ a.home-new-cta-btn:hover, height: auto; } /* Override to show the description instead of the content section */ -.no-section .resource-card-3x2 > .card-info .section, .no-section .resource-card-6x2 > .card-info .section { +.no-section .resource-card-3x2 > .card-info .section, +.no-section .resource-card-6x2 > .card-info .section { display: none; } -.no-section .resource-card-3x2 > .card-info .description, .no-section .resource-card-6x2 > .card-info .description { +.no-section .resource-card-3x2 > .card-info .description, +.no-section .resource-card-6x2 > .card-info .description { display: block; } /* 1/2 row items */ @@ -6283,7 +5563,7 @@ a.home-new-cta-btn:hover, .resource-card-3x3 > .card-info .section, .resource-card-6x3 > .card-info .section, .resource-card-9x3 > .card-info .section, .resource-card-12x3 > .card-info .section, .resource-card-15x3 > .card-info .section, .resource-card-18x3 > .card-info .section { display: none; } .resource-card-3x3 > .card-info .title, .resource-card-6x3 > .card-info .title, .resource-card-9x3 > .card-info .title, .resource-card-12x3 > .card-info .title, .resource-card-15x3 > .card-info .title, .resource-card-18x3 > .card-info .title { - max-height: 96px; + max-height: 92px; white-space: normal; } .resource-card-3x3 > .card-info .text, .resource-card-6x3 > .card-info .text, .resource-card-9x3 > .card-info .text, .resource-card-12x3 > .card-info .text, .resource-card-15x3 > .card-info .text, .resource-card-18x3 > .card-info .text { height: auto; } @@ -6315,16 +5595,31 @@ a.home-new-cta-btn:hover, /* Example of card menu tinting */ .resource-widget[data-section=distribute\/tools] .section-card-menu .card-bg:after { background: rgba(126, 55, 148, 0.4) !important; } + .resource-widget[data-section=distribute\/tools] .section-card-menu .card-section-icon .icon { background-color: #7e3794 !important; } + .resource-widget[data-section=distribute\/tools] .section-card-menu .card-info ul li { border-top-color: #7e3794 !important; } /* tinting for stacks */ -div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-menu .card-info ul li { +div.jd-descr > .resource-widget[data-section=distribute\/tools] +.section-card-menu .card-info ul li { border-top-color: #7e3794 !important; } -.dac-fab, .button, .landing-button, .dac-button { +/* Show more/less */ +.dac-show-more, +.dac-show-less { + display: none !important; } + +.dac-has-more .dac-show-more { + display: inline-block !important; } + +.dac-has-less .dac-show-less { + display: inline-block !important; } + +.dac-fab, .dac-button-social, .button, .landing-button, +.dac-button { background: transparent; border: 0; border-radius: 3px; @@ -6355,16 +5650,19 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me user-select: none; white-space: nowrap; } -.button, .landing-button, .dac-button.dac-raised { +.button, .landing-button, +.dac-button.dac-raised { background-color: #FAFAFA; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); } .dac-button.dac-raised.dac-primary, .landing-secondary, .button { background-color: #039bef; } .dac-button.dac-raised.dac-primary:hover, .landing-secondary:hover, .button:hover { - background-color: #0288d1; color:#fff; } + background-color: #0288d1; } .dac-button.dac-raised.dac-primary:active, .landing-secondary:active, .button:active { background-color: #0277bd; } + .dac-button.dac-raised.dac-primary.disabled, .button.disabled { + background-color: #bbb; } .dac-button.dac-raised.dac-red, .landing-primary { background-color: #bf3722; } @@ -6374,35 +5672,108 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me background-color: #822517; } .dac-button.dac-raised.dac-green, .landing-button.green { - background-color: #90C653; } - -.dac-button.dac-raised.dac-primary, .landing-secondary, .button, .dac-button.dac-raised.dac-red, .landing-primary, .dac-button.dac-raised.dac-green, .landing-button.green { + background-color: #90c653; } + .dac-button.dac-raised.dac-green:hover, .landing-button.green:hover { + background-color: #79b03b; } + .dac-button.dac-raised.dac-green:active, .landing-button.green:active { + background-color: #699933; } + +.dac-button.dac-raised.dac-primary, .landing-secondary, .button, +.dac-button.dac-raised.dac-red, +.landing-primary, +.dac-button.dac-raised.dac-green, +.landing-button.green { color: #fff; } .dac-button.dac-large, .landing-button { padding: 12px 24px; } -.dac-fab { +.dac-fab, .dac-button-social { background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); border-radius: 50%; - font-size: 0; height: 36px; line-height: 36px; + margin: 0; min-width: 0; overflow: hidden; padding: 0; vertical-align: middle; width: 36px; } - .dac-fab:hover, a:hover > .dac-fab { + .dac-fab:hover, .dac-button-social:hover, + a:hover > .dac-fab, + a:hover > .dac-button-social { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.26); } - .dac-fab.dac-primary { + .dac-fab > .dac-sprite, .dac-button-social > .dac-sprite, .dac-fab > .dac-modal-header-close:before, .dac-button-social > .dac-modal-header-close:before, .paging-links .dac-fab > .prev-page-link:before, .paging-links .dac-button-social > .prev-page-link:before, .paging-links .dac-fab > .next-page-link:before, .paging-links .dac-button-social > .next-page-link:before, .paging-links .dac-fab > .next-class-link:before, .paging-links .dac-button-social > .next-class-link:before, .paging-links .dac-fab > .start-class-link:after, .paging-links .dac-button-social > .start-class-link:after { + margin-top: -2px; } + .dac-fab.dac-primary, .dac-primary.dac-button-social { background: #00c7a0; } - .dac-fab.dac-large { + .dac-fab.dac-large, .dac-large.dac-button-social { height: 54px; line-height: 54px; width: 54px; } +.dac-button-social { + background: #ccc; + box-shadow: none; + position: relative; + overflow: hidden; } + .dac-button-social::after { + background: rgba(0, 0, 0, 0.2); + border-radius: 50%; + bottom: 0; + content: ''; + display: block; + left: 0; + opacity: 0; + position: absolute; + right: 0; + top: 0; + -webkit-transition: opacity .3s; + transition: opacity .3s; } + .dac-button-social:hover { + box-shadow: none; } + .dac-button-social:active::after { + opacity: 1; } + .dac-button-social:focus.dac-rss, .dac-button-social:hover.dac-rss { + background: #ff9800; } + .dac-button-social:focus.dac-youtube, .dac-button-social:hover.dac-youtube { + background: #f44336; } + .dac-button-social:focus.dac-gplus, .dac-button-social:hover.dac-gplus { + background: #f44336; } + .dac-button-social:focus.dac-twitter, .dac-button-social:hover.dac-twitter { + background: #55acee; } + +.dac-action { + display: inline-block; + margin: 0 16px; } + .dac-action-link { + color: inherit; + font-size: 24px; + font-weight: 300; + line-height: 50px; + -webkit-transition: opacity .3s; + transition: opacity .3s; } + .dac-action-link:hover { + color: inherit; + opacity: .54; } + .dac-action-sprite { + margin-left: -12px; + margin-right: -8px; } + .dac-actions { + list-style-type: none; + margin: 0; + padding-bottom: 24px; + padding-top: 24px; + text-align: center; } + @media (max-width: 719px) { + .dac-actions { + text-align: left; } } + @media (max-width: 719px) { + .dac-action { + display: block; + margin: 0; } } + .dac-scroll-button { height: 54px; line-height: 54px; @@ -6437,17 +5808,19 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me text-align: right; } .dac-footer-contact, .dac-footer-social { display: inline-block; } - .dac-footer .dac-footer-getnews, .dac-footer .dac-footer-contact-link { + .dac-footer .dac-footer-getnews, + .dac-footer .dac-footer-contact-link { color: #000; cursor: pointer; font-size: 20px; font-weight: 300; margin: 8px 0; vertical-align: middle; } - .dac-footer .dac-footer-contact-link, .dac-footer .dac-footer-social-link { + .dac-footer .dac-footer-contact-link, + .dac-footer .dac-footer-social-link { margin-left: 16px; margin-right: 0; } - .dac-footer-getnews > .dac-fab { + .dac-footer-getnews > .dac-fab, .dac-footer-getnews > .dac-button-social { margin-left: 4px; } .dac-footer-separator { background: #f0f0f0; @@ -6477,7 +5850,8 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me display: block; } .dac-footer-social-link, .dac-footer-contact-link { display: inline-block; } - .dac-footer .dac-footer-contact-link, .dac-footer .dac-footer-social-link { + .dac-footer .dac-footer-contact-link, + .dac-footer .dac-footer-social-link { margin-left: 0; margin-right: 16px; } .dac-footer .locales { @@ -6492,6 +5866,8 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me margin: 0 auto; max-width: 940px; clear: both; } + .dac-fullscreen-mode .wrap { + max-width: none; } .cols { margin-left: -10px; @@ -6932,7 +6308,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me .col-push-15of16 { left: 93.75%; } -@media (max-width: 960px) and (min-width: 720px) { +@media (max-width: 959px) and (min-width: 720px) { .col-tablet-1of1, .col-tablet-2of2, .col-tablet-3of3, .col-tablet-4of4, .col-tablet-5of5, .col-tablet-6of6, .col-tablet-8of8, .col-tablet-10of10, .col-tablet-12of12, .col-tablet-16of16 { width: 100%; } .col-tablet-1of2, .col-tablet-2of4, .col-tablet-3of6, .col-tablet-4of8, .col-tablet-5of10, .col-tablet-6of12, .col-tablet-8of16 { @@ -7127,69 +6503,83 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me left: 93.75%; } } .col-3-wide { - width: 33.33333333%; } + width: 33.3333333333%; } @media (max-width: 719px) { /* Remove .col-12 and .col-13 backward compatibility support as soon as it's been removed. */ -[class*=col-], .col-12 [class*=col-], .col-13 [class*=col-] { +[class*=col-], + .col-12 [class*=col-], + .col-13 [class*=col-] { float: none; left: 0; width: auto; } } +/** + * Fades out an element. + * Applies visibility hidden when the transition is finished. + * + * Use opacity: 1; to show the element. + */ /* Header component */ .dac-header { - background: #fff; - height: 64px; - margin: 0 -20px; -} - -@media (max-width: 719px) { - .dac-header { - margin: 0 -10px; - } -} - -.about .dac-header, .distribute .dac-header, .develop .dac-header { - height: 128px; -} - -.dac-header-inner { - background: #fff; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07); - box-sizing: border-box; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07); + box-sizing: border-box; + background: #6ab344; height: 64px; + margin: 0; left: 0; + position: fixed; right: 0; top: 0; - z-index: 52; + -webkit-transition: background 200ms; + transition: background 200ms; + z-index: 61; } -.dac-header.dac-sub .dac-header-inner { - border-bottom: 1px solid #e5e5e5; - box-shadow: none; +.dac-ndk { + background: #00bcd4; } -.dac-header.is-sticky .dac-header-inner { - position: fixed; - -webkit-animation: .3s dac-header-show; - animation: .3s dac-header-show; +.dac-search-mode .dac-header { + background: #b0bec5; + -webkit-transition: background 200ms; + transition: background 200ms; +} + +.dac-search-mode .dac-header-logo, + .dac-search-mode .dac-header-console-btn { + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear 200ms, opacity 200ms linear; + transition: visibility 0s linear 200ms, opacity 200ms linear; } .dac-header-logo { - border-right: 1px solid #e5e5e5; display: block; font-size: 20px; - font-weight: 300; + font-weight: 400; float: left; letter-spacing: .3px; line-height: 36px; - margin-right: 16px; - padding: 14px 24px 14px; + opacity: 1; + padding: 13px 48px 15px 0; } .dac-header-logo, .dac-header-logo:hover, .dac-header-logo:focus { - color: #444; + color: #fff; +} + +@media (min-width: 980px) { + .dac-header-logo { + border-right: 1px solid rgba(0, 0, 0, 0.1); + } +} + +@media (min-width: 720px) and (max-width: 979px) { + .dac-header-logo { + padding-right: 10px; + } } .dac-header-logo-image { @@ -7197,26 +6587,92 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me vertical-align: top; } +.dac-header-tabs { + list-style: none; + margin: 0 10px; + display: none; + opacity: 1; + -webkit-transition: opacity 200ms linear 200ms; + transition: opacity 200ms linear 200ms; +} + +@media (min-width: 720px) and (max-width: 979px) { + .dac-header-tabs { + display: inline-block; + } +} + +@media (min-width: 980px) { + .dac-header-tabs { + display: inline-block; + } +} + +.dac-header-tabs li { + display: inline-block; +} + +.dac-header-tab { + display: inline-block; + line-height: 64px; + height: 64px; + padding: 0 9px; + color: #fff; + color: rgba(255, 255, 255, 0.7); + font-size: 14px; + text-transform: uppercase; + font-weight: 500; +} + +.dac-header-tab:hover { + color: #fff; +} + +.dac-header-tab.selected { + border-bottom: 4px solid #fff; + height: 60px; + color: #fff; +} + +.dac-search-mode .dac-header-tabs { + opacity: 0; + -webkit-transition: opacity 0ms linear 0ms; + transition: opacity 0ms linear 0ms; +} + .dac-header-console-btn { - border: 1px solid #c5c5c5; border-radius: 3px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.11); - background: #fff; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); float: right; font-size: 14px; + font-weight: 500; line-height: 28px; - margin: 17px 30px 17px 10px; - padding: 0 10px; + margin: 13px 13px 12px 24px; + opacity: 1; + padding: 4px 10px; position: relative; - z-index: 52; + text-transform: uppercase; + -webkit-transition: box-shadow .2s; + transition: box-shadow .2s; + z-index: 60; +} + +@media (min-width: 720px) and (max-width: 979px) { + .dac-header-console-btn { + display: none; + } } -.dac-header-console-btn > .dac-sprite { +.dac-header-console-btn > .dac-sprite, .dac-header-console-btn > .dac-modal-header-close:before, .paging-links .dac-header-console-btn > .prev-page-link:before, .paging-links .dac-header-console-btn > .next-page-link:before, .paging-links .dac-header-console-btn > .next-class-link:before, .paging-links .dac-header-console-btn > .start-class-link:after { margin-right: 5px; } .dac-header-console-btn, .dac-header-console-btn:hover, .dac-header-console-btn:focus { - color: #666; + color: #fff; +} + +.dac-header-console-btn:hover { + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } .dac-header-console-btn:focus { @@ -7226,23 +6682,16 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me @media (max-width: 719px) { .dac-header { - height: 64px !important; text-align: center; } - .dac-header-inner { - position: fixed; - } - .dac-header-logo { border-right: 0; display: inline-block; margin-right: 0; float: none; - } - - .dac-header.dac-sub { - display: none; + padding-left: 0; + padding-right: 0; } .dac-header-console-btn { @@ -7250,57 +6699,37 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me } } -@-webkit-keyframes dac-header-show { - 0% { - -webkit-transform: translateY(-64px); - transform: translateY(-64px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - -@keyframes dac-header-show { - 0% { - -webkit-transform: translateY(-64px); - transform: translateY(-64px); - } - - 100% { - -webkit-transform: translateY(0); - transform: translateY(0); - } -} - /* Header Breadcrumbs component */ .dac-header-crumbs { - display: none; list-style-type: none; - margin: 0; + margin: 23px 0 -13px 0; + display: inline-block; } -.is-sticky .dac-header-crumbs { - display: block; +.dac-header-crumbs.dac-has-content { + opacity: 1; } .dac-header-crumbs-item { float: left; position: relative; margin: 0; - padding-left: 10px; + padding: 0; +} + +.dac-header-crumbs-item i, .dac-header-crumbs-item .dac-nav-link-forward { + display: none; } .dac-header-crumbs-item:before { - color: #444; - content: '>'; - font-weight: 300; - font-size: 20px; - left: 0; - line-height: 28px; - padding: 16px 0; + content: ''; + background: transparent url(../images/styles/disclosure_right.png) no-repeat scroll 50% 50%; + width: 10px; + height: 10px; + display: inline-block; position: absolute; + top: 12px; + left: -15px; } .dac-header-crumbs-item:first-child:before { @@ -7308,622 +6737,1187 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me } .dac-header-crumbs-link { - color: #444; display: block; font-size: 16px; - font-weight: 300; line-height: 32px; - padding: 16px 16px; - -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); - transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); + padding: 0 20px 0 0; } -.dac-header-crumbs-link:hover, .dac-header-crumbs-link:focus { - color: rgba(68, 68, 68, 0.7); +.dac-header-crumbs-link, .dac-header-crumbs-link:hover, .dac-header-crumbs-link:focus { + color: #666; } .dac-header-crumbs-link:focus { - background: rgba(63, 81, 181, 0.1); outline: 0; + text-decoration: underline; } .dac-header-crumbs-link.current { - color: #6ab344; font-weight: 400; } -.dac-header-crumbs-link.current.ndk { - color: #00BCD4; -} - -@media (max-width: 719px) { - .dac-header-crumbs { - display: none; - } -} - /* Header site search component */ .dac-header-search { - background: #fff; - border-left: 1px solid #e5e5e5; - display: block; - float: right; - height: 28px; - padding: 18px 0; - position: relative; - overflow: hidden; - -webkit-transition: width 0.4s ease, left 0.4s ease; - transition: width 0.4s ease, left 0.4s ease; - width: 64px; - z-index: 52; -} - -.dac-header-search:hover, .dac-header-search.active { - width: 228px; + bottom: 64px; + position: absolute; + right: 220px; + top: 0; + width: 238px; + -webkit-transition: width 300ms, right 100ms, margin 100ms; + transition: width 300ms, right 100ms, margin 100ms; } .dac-header-search-inner { - width: 228px; + margin: 0 auto; + max-width: 940px; + position: relative; + width: 100%; } -.dac-header-search-btn { - left: 20px; - position: absolute; - top: 20px; - opacity: .54; -} +@media (min-width: 980px) { + .dac-header-search-inner::after { + background: -webkit-linear-gradient(right, #6ab344, rgba(106, 179, 68, 0)); + background: linear-gradient(to left, #6ab344, rgba(106, 179, 68, 0)); + content: ''; + display: block; + height: 64px; + position: absolute; + right: 100%; + top: 0; + -webkit-transition: opacity 200ms, -webkit-transform 300ms; + transition: opacity 200ms, transform 300ms; + -webkit-transform-origin: right center; + -ms-transform-origin: right center; + transform-origin: right center; + width: 64px; + } -.dac-header-search-form { - left: 54px; - opacity: 0; - position: absolute; - right: 24px; - top: 20px; - -webkit-transition: opacity .4s; - transition: opacity .4s; + .dac-search-mode .dac-header-search-inner::after { + opacity: 0; + -webkit-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + } } -.dac-header-search:hover .dac-header-search-form, .dac-header-search.active .dac-header-search-form { - opacity: 1; +.dac-header-search-icon { + left: 8px; + pointer-events: none; + position: absolute; + top: 18px; } .dac-header-search-input { - background-color: transparent; + background: #77be53; + border-radius: 3px; border: none; - border-bottom: 1px solid #CCC; - border-radius: 0; box-sizing: border-box; - color: #2f2f2f; + color: #fff; font-size: 14px; - height: 24px; - outline: none; - padding: 4px 20px 4px 0; + font-weight: 600; + margin: 13px 0; + padding: 9px 36px 10px; + -webkit-transition: background 200ms, color 200ms; + transition: background 200ms, color 200ms; width: 100%; - z-index: 1500; } -.dac-header-search-input:focus { - color: #222; - font-weight: bold; - outline: 0; +.dac-header-search-close, .dac-header-search-clear { + background: none; + border: none; + cursor: pointer; + font-size: 0; + outline: none; + position: absolute; + margin: 0; +} + +.dac-header-search-clear { + display: inline-block; + opacity: .4; + padding: 8px; + top: 15px; + right: 0; +} + +.dac-header-search-clear:hover, .dac-header-search-clear:focus { + opacity: .8; } .dac-header-search-close { - position: absolute; - right: 4px; - bottom: 4px; - width: 16px; - height: 16px; - margin: 0; - text-indent: -1000em; - background: url(../images/close.png) no-repeat 0 0; - z-index: 9999; + left: -45px; + top: 20px; + -webkit-transform: translateX(45px); + -ms-transform: translateX(45px); + transform: translateX(45px); + visibility: hidden; } -.dac-header-search-close:hover, .dac-header-search-close:focus { - background-position: -16px 0; - cursor: pointer; +.dac-header-search ::-webkit-input-placeholder { + color: #fff; + font-weight: 300; + -webkit-transition: color 200ms; + transition: color 200ms; } -@media (max-width: 719px) { - .dac-header-search { - position: absolute; - left: calc(100% - 64px); - right: 0; - top: 0; - width: auto; - } +.dac-header-search :-moz-placeholder { + color: #fff; + font-weight: 300; + transition: color 200ms; +} - .dac-header-search:hover, .dac-header-search.active { - left: 64px; - width: auto; - } +.dac-header-search ::-moz-placeholder { + color: #fff; + font-weight: 300; + transition: color 200ms; } -/* Main navigation component */ -.is-sticky .dac-nav, .dac-nav-head, .dac-nav-toggle { - display: none; +.dac-header-search :-ms-input-placeholder { + color: #fff; + font-weight: 300; + transition: color 200ms; } -.dac-nav-list { - list-style-type: none; - left: 192px; - margin: 0; - position: absolute; - right: 0; - top: 0; - z-index: 51; +.dac-header-search-input:focus { + outline: 0; } -.dac-nav-item { - float: left; - margin: 0; +.dac-search-mode .dac-header-search { + width: 940px; + right: 50%; + margin-right: -470px; } -.dac-nav-head { - margin-bottom: 10px; +.dac-search-mode .dac-header-search .dac-header-search-input::after { + background: -webkit-linear-gradient(right, #b0bec5, rgba(176, 190, 197, 0)); + background: linear-gradient(to left, #b0bec5, rgba(176, 190, 197, 0)); } -.dac-nav-dimmer { - background: #000; - display: none; - height: 100%; - left: 0; - opacity: 0; - position: fixed; - top: 0; - -webkit-transition: visibility 0s linear .3s, opacity .3s linear; - transition: visibility 0s linear .3s, opacity .3s linear; - -webkit-transform: translateZ(0); - transform: translateZ(0); - visibility: hidden; - width: 100%; - z-index: 52; -} - -.dac-nav-hamburger { - display: inline-block; - height: 15px; - width: 16px; -} - -.dac-nav-hamburger-top, .dac-nav-hamburger-mid, .dac-nav-hamburger-bot { - background: #999; - display: block; - height: 3px; - margin: 3px 0 0; - width: 100%; -} - -.dac-nav-link { - color: #444; - display: block; - font-size: 16px; - font-weight: 300; - letter-spacing: .24px; - line-height: 32px; - padding: 18px 16px 14px; - -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); - transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); -} - -.dac-nav-link:hover, .dac-nav-link:focus { - color: rgba(68, 68, 68, 0.7); -} - -.dac-nav-link:focus { - background: rgba(63, 81, 181, 0.1); - outline: 0; -} - -.dac-nav-link.has-subnav, .dac-nav-link.selected { - border-bottom: 3px solid #6ab344; - font-weight: 500; - padding-bottom: 11px; -} - -.dac-nav-link.has-subnav.ndk, .dac-nav-link.selected.ndk { - border-bottom: 3px solid #00BCD4; -} - -.dac-nav-secondary { - border-bottom: 1px solid #e5e5e5; - display: none; - left: -192px; - list-style-type: none; - margin: 0; - position: absolute; - top: 64px; - right: 0; +.dac-search-mode .dac-header-search .dac-header-search-close { + -webkit-transition: -webkit-transform 200ms ease-out 300ms; + transition: transform 200ms ease-out 300ms; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + visibility: visible; } -.dac-nav-link.has-subnav + .dac-nav-secondary, .dac-nav-link.selected + .dac-nav-secondary { - display: block; +.dac-search-mode .dac-header-search .dac-header-search-icon { + left: 23px; } -.dac-nav-secondary .dac-nav-link { +.dac-search-mode .dac-header-search .dac-header-search-input { + background: #fff; + border-radius: 0; + font-size: 18px; color: #666; - padding: 17px 16px 15px; + padding-left: 55px; + margin-top: 11px; } -.dac-nav-secondary .dac-nav-link:hover, .dac-nav-secondary .dac-nav-link:focus { - color: rgba(102, 102, 102, 0.7); +.dac-search-mode .dac-header-search ::-webkit-input-placeholder { + color: #505050; } -@media (min-width: 720px) and (max-width: 979px) { - .dac-nav-secondary .dac-nav-link { - padding-left: 8px; - padding-right: 8px; - } +.dac-search-mode .dac-header-search :-moz-placeholder { + color: #505050; } -.dac-nav-secondary .dac-nav-link.selected { - border: none; - font-weight: 700; +.dac-search-mode .dac-header-search ::-moz-placeholder { + color: #505050; } -.dac-nav-secondary .dac-nav-link.selected.ndk { - border: none; - font-weight: 700; +.dac-search-mode .dac-header-search :-ms-input-placeholder { + color: #505050; } -@media (max-width: 719px) { - .dac-nav-open { - overflow: hidden; +@media (min-width: 720px) and (max-width: 979px) { + .dac-header-search { + right: 20px; + width: 200px; + -webkit-transition: left 200ms, right 200ms, width 200ms; + transition: left 200ms, right 200ms, width 200ms; } - .dac-nav-toggle { - border-right: 1px solid #e5e5e5; - display: inline-block; - position: absolute; - left: 0; - line-height: 64px; - text-align: center; - width: 64px; + .dac-search-mode .dac-header-search { + left: 60px; + right: 0; + width: 100%; } - .dac-nav-head, .dac-nav-secondary, .dac-nav-dimmer { - display: block; + .dac-search-mode .dac-header-search .dac-header-search-inner { + margin: 0; + width: calc(100% - 60px - 10px); } - .dac-nav-dimmer.dac-nav-open { - opacity: .8; - -webkit-transition-delay: 0s; - transition-delay: 0s; - visibility: visible; + .dac-header-search-close { + left: -42px; } +} - .dac-nav-list { - background: #fff; +@media (max-width: 719px) { + .dac-header-search { bottom: 0; - left: auto; - max-width: 280px; - -webkit-overflow-scrolling: touch; - overflow-y: scroll; - padding: 0 0 20px 0; - position: fixed; - right: 100%; + border-radius: 0; + border-left: 1px solid rgba(0, 0, 0, 0.1); + cursor: pointer; + left: calc(100% - 64px); + margin: 0; + overflow: hidden; + padding-left: 10px; + padding-right: 10px; + position: absolute; + right: 0; top: 0; - -webkit-transition: -webkit-transform .3s ease; - transition: transform .3s ease; - width: 85%; - z-index: 52; } - .dac-nav-list.dac-nav-open { - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); + .dac-header-search-input { + background: none; + cursor: pointer; + opacity: 0; } - .dac-nav-secondary { - border: none; - position: static; + .dac-search-mode .dac-header-search { + background: #b0bec5; + cursor: default; + overflow: visible; + left: 60px; + right: 0; width: 100%; + -webkit-transition: left 200ms, right 200ms, width 200ms; + transition: left 200ms, right 200ms, width 200ms; + padding: 0; + border: none; } - .dac-nav-item { - float: none; + .dac-search-mode .dac-header-search .dac-header-search-inner { + margin: 0; + width: calc(100% - 60px - 10px); } - .dac-nav-link { - display: block; - font-size: 12px; - font-weight: 600; - color: #333; - padding: 0 20px; + .dac-search-mode .dac-header-search .dac-header-search-input { + opacity: 1; } +} - .dac-nav-link.selected { - color: #09f; - } +.highlighted em { + color: #333; + font-style: normal; + font-weight: 700; +} - .dac-nav-secondary .dac-nav-link { - font-weight: 400; - margin-left: 20px; - margin-right: 20px; - padding: 0 20px; - } +.card-info .title.highlighted { + color: #666; +} - .dac-nav-link.has-subnav, .dac-nav-link.selected { - border: none; - padding: 0 20px; - } +/* Main navigation component */ +.dac-nav-sidebar { + background: #f5f8fa; + border-right: 1px solid rgba(0, 0, 0, 0.1); + bottom: 0; + left: 0; + overflow: hidden; + padding: 0; + position: fixed; + top: 64px; + -webkit-transform: translate(-100%, 0); + -ms-transform: translate(-100%, 0); + transform: translate(-100%, 0); + width: 250px; + z-index: 60; +} - .dac-nav-link.has-subnav.ndk, .dac-nav-link.selected.ndk { - border: none; - padding: 0 20px; - } +.dac-nav-animating .dac-nav-sidebar { + -webkit-transition: -webkit-transform .3s; + transition: transform .3s; +} - .dac-logo-image { - margin-right: 5px; - vertical-align: top; - } +.dac-nav-open .dac-nav-sidebar { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} - .dac-nav-logo { - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); - font-size: 20px; - font-weight: 300; - letter-spacing: .3px; - line-height: 36px; - padding: 14px 24px; - } +.dac-search-mode .dac-nav-sidebar { + -webkit-transition: -webkit-transform .3s; + transition: transform .3s; + -webkit-transform: translate(-100%, 0); + -ms-transform: translate(-100%, 0); + transform: translate(-100%, 0); +} - .dac-nav-logo, .dac-nav-logo:hover, .dac-nav-logo:focus { - color: #444; - } +.dac-nav .dac-swap-section { + -webkit-transition-duration: .3s; + transition-duration: .3s; } -/* Hero carousel */ -.dac-hero { - background-color: #fff; - background-position: 50% 30%; - background-size: cover; - box-sizing: border-box; - font-size: 16px; - min-height: 550px; - padding-top: 88px; +.dac-nav-back { + margin-top: -3px; + margin-right: 10px; } -.dac-hero.dac-darken::before { - background: rgba(0, 0, 0, 0.3); - bottom: 0; - content: ''; - display: block; - left: 0; +.dac-nav-fullscreen { + background: transparent; + border: none; + bottom: 100%; + cursor: pointer; + display: none; + opacity: .8; + outline: none; + padding: 20px 15px; position: absolute; right: 0; - top: 0; } -@media (max-width: 719px) { - .dac-hero.dac-darken::before { - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 80%); - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 80%); +@media (min-width: 980px) { + .dac-nav-fullscreen { + display: inline-block; } } -.dac-hero.dac-darken .dac-hero-content { - position: relative; +.dac-nav-fullscreen:hover { + opacity: 1; } -@media (max-width: 719px) { - .dac-hero { - padding-bottom: 20px; - padding-top: 20px; - } +.dac-nav-sub-slider { + cursor: pointer; + opacity: .5; + position: absolute; + right: 7px; + top: 5px; } -.dac-hero-tag { - font-size: 11px; - font-weight: 700; - letter-spacing: .07em; - margin-bottom: 2px; - text-transform: uppercase; +.dac-nav-back-button { + background: #546e7a; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + display: block; + font-weight: 500; + font-size: 18px; + left: 0; + margin: 0; + padding: 20px; + position: absolute !important; + right: 0; + top: 0; + z-index: 1; } -.dac-hero-title { - margin: 0 0 14px; +.dac-nav-back-button, .dac-nav-back-button:hover, .dac-nav-back-button:active { + color: rgba(255, 255, 255, 0.7); } -@media (max-width: 719px) { - .dac-hero-title { - font-size: 28px; - line-height: 35px; - } +.dac-nav-back-button > .dac-sprite, .dac-nav-back-button > .dac-modal-header-close:before, .paging-links .dac-nav-back-button > .prev-page-link:before, .paging-links .dac-nav-back-button > .next-page-link:before, .paging-links .dac-nav-back-button > .next-class-link:before, .paging-links .dac-nav-back-button > .start-class-link:after { + opacity: .7; } -.dac-hero-description { - margin-bottom: 16px; +.dac-nav-logo { + font-size: 20px; + font-weight: 300; + letter-spacing: .3px; + line-height: 36px; + margin: 0; + padding: 14px 24px; } -@media (max-width: 719px) { - .dac-hero-description { - font-size: 14px; - } +.dac-nav-logo, .dac-nav-logo:hover, .dac-nav-logo:focus { + color: #444; } -.dac-hero-cta { - display: inline-block; - line-height: 40px; - margin-right: 20px; - -webkit-transition: opacity .3s; - transition: opacity .3s; +.dac-nav-list { + bottom: 0; + left: 0; + list-style-type: none; + margin: 0; + -webkit-overflow-scrolling: touch; + overflow-y: scroll; + padding: 16px 0; + position: absolute !important; + right: 0; + top: 0 !important; + scrollbar-face-color: #b7baba; + scrollbar-track-color: #e5e8e9; } -.dac-hero-cta:hover { - color: currentColor; - opacity: .54; +.dac-nav-list::-webkit-scrollbar { + width: 4px; + height: 4px; } -.dac-hero-cta .dac-sprite { - margin-left: -8px; +.dac-nav-list::-webkit-scrollbar-thumb { + background: #b7baba; } -@media (max-width: 719px) { - .dac-hero-cta { - line-height: 28px; - } +.dac-nav-list::-webkit-scrollbar-track { + background: #e5e8e9; } -.dac-hero-figure { - text-align: center; +.dac-nav-secondary { + margin: 0; } -@media (max-width: 719px) { - .dac-hero-figure { - height: 150px; - margin: 15px 0; - } +.dac-nav-item { + list-style-type: none; + margin: 0 0 10px; + position: relative; +} - .dac-hero-figure img { - max-height: 150px; - } +.dac-nav-secondary .dac-nav-item { + margin-bottom: 0; } -.dac-hero-carousel { - height: 550px; - position: relative; +.dac-nav-head { + display: block; + font-size: 16px; + font-weight: 300; + letter-spacing: .24px; + line-height: 32px; + margin-bottom: 20px; + margin-top: 0; } -.dac-hero-carousel > .dac-hero { - bottom: 0; +.dac-nav-dimmer { + background: #000; + display: block; + height: 100%; left: 0; - position: absolute; - right: 0; + opacity: 0; + position: fixed; top: 0; - will-change: opacity; + -webkit-transform: translateZ(0); + transform: translateZ(0); + visibility: hidden; + width: 100%; + z-index: 60; } -.dac-hero-carousel > .dac-hero, .dac-hero-carousel > .dac-hero .wrap { - opacity: 0; +.dac-nav-animating .dac-nav-dimmer { + -webkit-transition: visibility 0s linear .3s, opacity .3s linear; + transition: visibility 0s linear .3s, opacity .3s linear; } -.dac-hero-carousel > .dac-hero.active { - opacity: 1; - -webkit-transition: opacity .5s; - transition: opacity .5s; - z-index: 1; +.dac-nav-open .dac-nav-dimmer { + opacity: .8; + -webkit-transition-delay: 0s; + transition-delay: 0s; + visibility: visible; } -.dac-hero-carousel > .dac-hero.active .wrap { +@media (min-width: 980px) { + .dac-nav-dimmer { + display: none; + } +} + +.dac-nav-hamburger { + display: inline-block; + float: left; + height: 15px; + padding: 22px 20px; + width: 18px; +} + +@media (max-width: 719px) { + .dac-nav-hamburger { + border-right: 1px solid rgba(0, 0, 0, 0.1); + left: 0; + padding-bottom: 27px; + position: absolute; + top: 0; + } +} + +.dac-nav-hamburger-top, .dac-nav-hamburger-mid, .dac-nav-hamburger-bot { + background: rgba(0, 0, 0, 0.4); + display: block; + height: 2px; + margin: 3px 0 0; + opacity: .5; + width: 100%; +} + +.dac-nav-animating .dac-nav-hamburger-top, .dac-nav-animating .dac-nav-hamburger-mid, .dac-nav-animating .dac-nav-hamburger-bot { + -webkit-transition: opacity .3s; + transition: opacity .3s; +} + +@media (max-width: 719px) { + .dac-nav-hamburger-top, .dac-nav-hamburger-mid, .dac-nav-hamburger-bot { + background: #fff; + opacity: 1; + } +} + +.dac-nav-open .dac-nav-hamburger-top, + .dac-nav-open .dac-nav-hamburger-mid, + .dac-nav-open .dac-nav-hamburger-bot { opacity: 1; - -webkit-transition: opacity .5s .5s; - transition: opacity .5s .5s; } -.dac-hero-carousel > .dac-hero.out, .dac-hero-carousel > .dac-hero.out .wrap { - -webkit-transition: opacity 0s .5s; - transition: opacity 0s .5s; +.dac-search-mode .dac-nav-hamburger { opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear 200ms, opacity 200ms linear; + transition: visibility 0s linear 200ms, opacity 200ms linear; } -.dac-hero-carousel-action { - bottom: 0; +.dac-nav-link { + color: #444; display: block; - left: 0; + font-size: 18px; + font-weight: 500; + letter-spacing: .24px; + padding: 5px 20px; + -webkit-transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); + transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); +} + +.dac-nav-link:hover, .dac-nav-link:focus { + color: rgba(68, 68, 68, 0.7); +} + +.dac-nav-link:focus { + background: rgba(63, 81, 181, 0.1); + outline: 0; +} + +.dac-nav-secondary .dac-nav-link { + font-size: 12px; + font-weight: 400; + padding-left: 40px; +} + +.dac-nav-link.selected { + background: rgba(63, 81, 181, 0.1); + color: #039bef; + position: relative; +} + +.dac-nav-link-forward { + background: #546E7A; + color: #fff; + cursor: pointer; + display: inline-block; + line-height: 34px; + padding: 0; position: absolute; right: 0; top: 0; + text-align: center; + width: 34px; +} + +.dac-nav-link-forward > .dac-nav-forward { + opacity: .7; + vertical-align: -3px; +} + +.dac-nav-sub { + bottom: 0; + left: 0; + position: absolute !important; + top: 65px !important; + right: 0; z-index: 1; } -.dac-hero-carousel .dac-hero-cta { +#body-content { + padding-top: 64px; +} + +.dac-nav-animating #body-content { + -webkit-transition: padding .3s; + transition: padding .3s; +} + +@media (min-width: 980px) { + .dac-nav-open #body-content { + padding-left: 250px; + } +} + +.dac-nav-open { + overflow: hidden; +} + +@media (min-width: 980px) { + .dac-nav-open { + overflow: visible; + } +} + +#devdoc-nav { + height: 100%; +} + +.dac-reference-nav { + height: calc(100% - 36px); + overflow: hidden; position: relative; - z-index: 1; } -.dac-hero-carousel-pagination { - bottom: 33px; +.dac-reference-nav ul, + .dac-reference-nav li { + margin: 0; + list-style-type: none; +} + +.dac-reference-nav-list { + bottom: 0; + overflow: hidden; + overflow-y: scroll; left: 0; + padding: 10px; + padding-left: 20px; position: absolute; right: 0; + top: 0; + scrollbar-face-color: #9da4a7; + scrollbar-track-color: #c4cdd1; } -@media (max-width: 719px) { - .dac-hero-carousel-pagination { - text-align: center; - bottom: 20px; - } +.dac-reference-nav-list::-webkit-scrollbar { + width: 4px; + height: 4px; } -.dac-hero-carousel-pagination .dac-pagination-item { - position: relative; - z-index: 1; +.dac-reference-nav-list::-webkit-scrollbar-thumb { + background: #9da4a7; } -.dac-pagination { - list-style: none; - margin: 0 -6px; +.dac-reference-nav-list::-webkit-scrollbar-track { + background: #c4cdd1; } -.dac-pagination-item { - background-clip: content-box; - background-color: rgba(153, 153, 153, 0.4); - border-radius: 50%; +.dac-reference-nav-resources { + display: none; + padding: 0 0 0 13px; +} + +.dac-reference-nav-resource, .dac-reference-nav-toggle { + color: #505050; cursor: pointer; - display: inline-block; - height: 14px; + display: block; + font-size: 13px; + line-height: 1; overflow: hidden; - padding: 6px; - pointer-events: all; - text-indent: 100%; - -webkit-transition: background-color .1s ease-in; - transition: background-color .1s ease-in; + margin: 0; + padding: 3px 0; + position: relative; + text-overflow: ellipsis; white-space: nowrap; - width: 14px; - will-change: background-color; -} - -.dac-pagination-item:hover { - background-color: rgba(153, 153, 153, 0.6); } -.dac-pagination-item.active, .dac-pagination-item.active:hover { - background-color: #6ab344; +.dac-reference-nav-toggle { + margin-left: -12px; + padding-left: 12px; } -.dac-invert .dac-pagination-item { - background-color: rgba(204, 204, 204, 0.2); +.selected > .dac-reference-nav-resource { + color: #039bef; + font-weight: 600; } -.dac-invert .dac-pagination-item:hover { - background-color: rgba(153, 153, 153, 0.4); +.dac-reference-nav-toggle::before { + background: transparent url(../images/styles/disclosure_down.png) no-repeat center center; + content: ''; + display: block; + height: 19px; + left: 0; + position: absolute; + top: 0; + width: 8px; } -@media (max-width: 719px) { - .dac-pagination-item { - height: 12px; - width: 12px; - } +.dac-reference-nav-toggle.dac-closed::before { + -webkit-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); } -/* Form component */ -.dac-form { - color: #505050; - font-size: 16px; - /* Modal Responsive */ +/* nav */ +#nav { + background: #cfd8dc; + bottom: 0; + left: 0; + margin: 0; + -webkit-overflow-scrolling: touch; + overflow-y: scroll; + position: absolute !important; + right: 0; + top: 0 !important; + padding: 10px; + scrollbar-face-color: #9da4a7; + scrollbar-track-color: #c4cdd1; + /* section header links */ + /* nested nav headers */ } -.dac-form a { - color: #000; +#nav::-webkit-scrollbar { + width: 4px; + height: 4px; } -.dac-form-aside { - display: inline-block; - font-size: 12px; - margin-top: 0; +#nav::-webkit-scrollbar-thumb { + background: #9da4a7; } -.dac-form-required { - color: #ef4300; +#nav::-webkit-scrollbar-track { + background: #c4cdd1; } -.dac-form-fieldset { +#nav li { + font-size: 12px; + line-height: 18px; + list-style-type: none; + margin: 0; padding: 0; } -.dac-form-legend { - display: block; +#nav a { + color: #505050; + text-decoration: none; + word-wrap: break-word; +} + +#nav .nav-section-header { + padding: 0 30px 0 0; + position: relative; + -webkit-transition: background-color .1s; + transition: background-color .1s; +} + +#nav .nav-section-header.empty { + padding: 0; +} + +#nav .nav-section-header.empty::after { + display: none; +} + +#nav .nav-section-header:after { + background: transparent url(../images/styles/disclosure_down.png) no-repeat scroll 50% 50%; + content: ''; + height: 34px; + display: block; + position: absolute; + right: 0; + top: 1px; + width: 34px; +} + +#nav li.selected a { + color: #0288D1; +} + +#nav li.selected ul li a { + color: #505050; +} + +#nav li.expanded .nav-section-header { + background: #bac2c6; +} + +#nav li.expanded .nav-section-header.empty { + background: none; +} + +#nav li.expanded li .nav-section-header { + background: none; +} + +#nav li.expanded li ul { + padding: 0 10px; +} + +#nav li.expanded > .nav-section-header:after { + content: ''; + background: transparent url(../images/styles/disclosure_up.png) no-repeat scroll 50% 50%; + width: 34px; + height: 34px; +} + +#nav li.expanded li ul.tree-list-children { + padding: 0; +} + +#nav li.expanded li ul.tree-list-children .tree-list-children { + padding: 0 0 0 10px; +} + +#nav .nav-section .nav-section .nav-section-header { + /* no white line between second level sections */ + margin-bottom: 0; +} + +#nav > li > div > a { + display: block; + font-weight: 700; + padding: 10px; +} + +#nav .nav-section .nav-section { + position: relative; + padding: 0; + margin: 0; +} + +#nav .nav-section li a { + /* first gen child (2nd level li) */ + display: block; + font-weight: 700; + text-transform: none; + padding: 10px; +} + +#nav .nav-section li li a { + /* second gen child (3rd level li) */ + font-weight: 400; + padding: 6px 6px 6px 10px; +} + +#nav li span.tree-list-subtitle { + display: inline-block; + color: #555; + font-size: 12px; + padding: 10px; + text-transform: uppercase; +} + +#nav li span.tree-list-subtitle:before { + content: '—'; +} + +#nav li span.tree-list-subtitle:after { + content: '—'; +} + +#nav li span.tree-list-subtitle.package { + padding-top: 15px; + cursor: default; +} + +#nav li span.tree-list-subtitle.package:before { + content: ''; +} + +#nav li span.tree-list-subtitle.package:after { + content: ''; +} + +#nav li ul.tree-list-children.classes { + padding-left: 10px; +} + +#nav li ul { + display: none; + overflow: hidden; + margin: 0; +} + +#nav li ul.animate-height-in { + -webkit-transition: height 0.25s ease-in; + transition: height 0.25s ease-in; +} + +#nav li ul.animate-height-out { + -webkit-transition: height 0.25s ease-out; + transition: height 0.25s ease-out; +} + +#nav li ul li { + padding: 0; +} + +#nav li li li { + padding: 0; +} + +#nav li ul > li { + padding: 0; +} + +#nav li ul > li:last-child { + padding-bottom: 5px; +} + +#nav li ul.tree-list-children > li:last-child { + padding-bottom: 0; +} + +#nav li.expanded ul > li { + background: #c4cdd1; +} + +#nav li.expanded ul > li li { + background: inherit; +} + +#nav li ul.tree-list-children ul { + display: block; +} + +#nav.samples-nav li li li a { + padding-top: 3px; + padding-bottom: 3px; +} + +#nav.samples-nav li li ul > li:last-child { + padding-bottom: 3px; +} + +/* Hero carousel */ +.dac-hero { + background-color: #fff; + background-position: 50% 30%; + background-size: cover; + box-sizing: border-box; + font-size: 16px; + min-height: 550px; + padding-top: 88px; +} + +.dac-hero.dac-darken::before { + background: rgba(0, 0, 0, 0.3); + bottom: 0; + content: ''; + display: block; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +@media (max-width: 719px) { + .dac-hero.dac-darken::before { + background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 80%); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 80%); + } +} + +.dac-hero.dac-darken .dac-hero-content { + position: relative; +} + +@media (max-width: 719px) { + .dac-hero { + padding-bottom: 20px; + padding-top: 20px; + } +} + +.dac-hero-tag { + font-size: 11px; + font-weight: 700; + letter-spacing: .07em; + margin-bottom: 2px; + text-transform: uppercase; +} + +.dac-hero-title { + margin: 0 0 14px; +} + +@media (max-width: 719px) { + .dac-hero-title { + font-size: 28px; + line-height: 35px; + } +} + +.dac-hero-description { + margin-bottom: 16px; +} + +@media (max-width: 719px) { + .dac-hero-description { + font-size: 14px; + } +} + +.dac-hero-cta { + display: inline-block; + line-height: 40px; + margin-right: 20px; + -webkit-transition: opacity .3s; + transition: opacity .3s; +} + +.dac-hero-cta:hover { + color: currentColor; + opacity: .54; +} + +.dac-hero-cta .dac-sprite, .dac-hero-cta .dac-modal-header-close:before, .dac-hero-cta .paging-links .prev-page-link:before, .paging-links .dac-hero-cta .prev-page-link:before, .dac-hero-cta .paging-links .next-page-link:before, .paging-links .dac-hero-cta .next-page-link:before, .dac-hero-cta .paging-links .next-class-link:before, .paging-links .dac-hero-cta .next-class-link:before, .dac-hero-cta .paging-links .start-class-link:after, .paging-links .dac-hero-cta .start-class-link:after { + margin-left: -8px; +} + +@media (max-width: 719px) { + .dac-hero-cta { + line-height: 28px; + } +} + +.dac-hero-figure { + text-align: center; +} + +@media (max-width: 719px) { + .dac-hero-figure { + height: 150px; + margin: 15px 0; + } + + .dac-hero-figure img { + max-height: 150px; + } +} + +.dac-hero-carousel { + height: 550px; + position: relative; +} + +.dac-hero-carousel > .dac-hero { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + will-change: opacity; +} + +.dac-hero-carousel > .dac-hero, + .dac-hero-carousel > .dac-hero .wrap { + opacity: 0; +} + +.dac-hero-carousel > .dac-hero.active { + opacity: 1; + -webkit-transition: opacity .5s; + transition: opacity .5s; + z-index: 1; +} + +.dac-hero-carousel > .dac-hero.active .wrap { + opacity: 1; + -webkit-transition: opacity .5s .5s; + transition: opacity .5s .5s; +} + +.dac-hero-carousel > .dac-hero.out, + .dac-hero-carousel > .dac-hero.out .wrap { + -webkit-transition: opacity 0s .5s; + transition: opacity 0s .5s; + opacity: 0; +} + +.dac-hero-carousel-action { + bottom: 0; + display: block; + left: 0; + position: absolute; + right: 0; + top: 0; + z-index: 1; +} + +.dac-hero-carousel .dac-hero-cta { + position: relative; + z-index: 1; +} + +.dac-hero-carousel-pagination { + bottom: 33px; + left: 0; + position: absolute; + right: 0; +} + +@media (max-width: 719px) { + .dac-hero-carousel-pagination { + text-align: center; + bottom: 20px; + } +} + +.dac-hero-carousel-pagination .dac-pagination-item { + position: relative; + z-index: 1; +} + +.dac-pagination { + list-style: none; + margin: 0 -6px; +} + +.dac-pagination-item { + background-clip: content-box; + background-color: rgba(153, 153, 153, 0.4); + border-radius: 50%; + cursor: pointer; + display: inline-block; + height: 14px; + overflow: hidden; + padding: 6px; + pointer-events: all; + text-indent: 100%; + -webkit-transition: background-color .1s ease-in; + transition: background-color .1s ease-in; + white-space: nowrap; + width: 14px; + will-change: background-color; +} + +.dac-pagination-item:hover { + background-color: rgba(153, 153, 153, 0.6); +} + +.dac-pagination-item.active, .dac-pagination-item.active:hover { + background-color: #6ab344; +} + +.dac-invert .dac-pagination-item { + background-color: rgba(204, 204, 204, 0.2); +} + +.dac-invert .dac-pagination-item:hover { + background-color: rgba(153, 153, 153, 0.4); +} + +@media (max-width: 719px) { + .dac-pagination-item { + height: 12px; + width: 12px; + } +} + +/* Form component */ +.dac-form { + color: #505050; + font-size: 16px; + /* Modal Responsive */ +} + +.dac-form a { + color: #000; +} + +.dac-form-aside { + display: inline-block; + font-size: 12px; + margin-top: 0; +} + +.dac-form-required { + color: #ef4300; +} + +.dac-form-fieldset { + padding: 0; +} + +.dac-form-legend { + display: block; color: #333; font-weight: 500; margin: 20px 0 12px; @@ -7931,418 +7925,912 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me width: 100%; } -.dac-form-legend > .dac-form-required { - float: right; - margin-top: 3px; -} +.dac-form-legend > .dac-form-required { + float: right; + margin-top: 3px; +} + +.dac-form-input { + border: 0 solid #e3e3e3; + border-bottom-width: 1px; + display: block; + outline: 0; + padding: 1px 0 8px; + -webkit-transition: border-color .2s; + transition: border-color .2s; + width: 100%; +} + +.dac-form-input-group { + position: relative; +} + +.dac-form-input-group > .dac-form-required { + display: block; + bottom: 3px; + position: absolute; + right: 0; +} + +.dac-form-input:focus { + border-bottom-color: #09f; +} + +.dac-form-floatlabel { + display: block; + cursor: text; + margin-top: 5px; + pointer-events: none; + -webkit-transform-origin: 0 100%; + -ms-transform-origin: 0 100%; + transform-origin: 0 100%; + -webkit-transform: translate3d(0, 22px, 0) scale(1); + transform: translate3d(0, 22px, 0) scale(1); + -webkit-transition: -webkit-transform .2s; + transition: transform .2s; +} + +.dac-focused > .dac-form-floatlabel, + .dac-has-value > .dac-form-floatlabel { + cursor: default; + -webkit-transform: translate3d(0, 0, 0) scale(0.75); + transform: translate3d(0, 0, 0) scale(0.75); +} + +.dac-form-radio, .dac-form-checkbox { + opacity: 0; + position: absolute; + visibility: hidden; +} + +.dac-form-radio-group, .dac-form-checkbox-group { + display: table; +} + +.dac-form-radio-group + .dac-form-radio-group, .dac-form-checkbox-group + .dac-form-radio-group, .dac-form-radio-group + .dac-form-checkbox-group, .dac-form-checkbox-group + .dac-form-checkbox-group { + margin-top: 10px; +} + +.dac-form-radio-button, .dac-form-checkbox-button { + box-sizing: border-box; + cursor: pointer; + display: table-cell; + float: left; + height: 18px; + margin: 2px 10px 0 0; + position: relative; + width: 18px; +} + +.dac-form-radio-button::after, .dac-form-radio-button::before, .dac-form-checkbox-button::after, .dac-form-checkbox-button::before { + box-sizing: border-box; + content: ''; + display: block; + position: absolute; +} + +.dac-form-radio-button::after, .dac-form-radio-button::before { + border-radius: 50%; + height: 100%; + width: 100%; +} + +.dac-form-radio-button::before { + background: rgba(0, 0, 0, 0.7); + -webkit-transform: translateZ(0) scale(0); + transform: translateZ(0) scale(0); + -webkit-transition: -webkit-transform .3s; + transition: transform .3s; +} + +.dac-form-radio-button::after { + border: 2px solid rgba(0, 0, 0, 0.7); +} + +.dac-form-radio:checked + .dac-form-radio-button::before { + -webkit-transform: translateZ(0) scale(0.5); + transform: translateZ(0) scale(0.5); +} + +.dac-form-radio:focus + .dac-form-radio-button::after { + border: 2px solid #09f; +} + +.dac-form-checkbox-button::before { + border: 1px solid #6c6e6f; + border-radius: 3px; + height: 100%; + -webkit-transition: background .1s ease-out, box-shadow .3s ease-out; + transition: background .1s ease-out, box-shadow .3s ease-out; + width: 100%; +} + +.dac-form-checkbox-button::after { + border-bottom: 2px solid #fff; + border-left: 2px solid #fff; + bottom: 7px; + height: 7px; + left: 3px; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + width: 12px; +} + +.dac-form-checkbox:checked + .dac-form-checkbox-button::before { + background: #6c6e6f; + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; +} + +.dac-form-checkbox:focus + .dac-form-checkbox-button::before, + .dac-form-checkbox:active + .dac-form-checkbox-button::before { + box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); +} + +.dac-form-label { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +@media (max-width: 719px) { + .dac-form-legend { + margin-bottom: 0; + } +} + +/* Filter Resources Component*/ +.dac-filter { + color: #505050; + margin-bottom: 20px; + position: relative; +} + +.dac-filter.dac-filter-section { + margin-top: -45px; + text-align: right; +} + +@media (max-width: 719px) { + .dac-filter.dac-filter-section { + margin-top: 0; + text-align: left; + } +} + +.dac-filter-title { + color: #666; + cursor: default; + display: inline-block; + font-size: 12px; + font-weight: 500; + line-height: 24px; + margin: 0; + text-transform: uppercase; +} + +@media (max-width: 719px) { + .dac-filter-title { + margin-bottom: 20px; + } +} + +.dac-filter-message { + color: #78868d; + font-size: 18px; + margin: 0 10px 10px; +} + +.dac-filter-count { + background: #6ab344; + border-radius: 50%; + color: #fff; + display: inline-block; + font-size: 12px; + font-weight: 600; + height: 24px; + text-align: center; + width: 24px; +} + +.dac-filter-count.dac-disabled { + visibility: hidden; +} + +.dac-filter-chip { + background: #bfc7cb; + border-radius: 15px; + color: #333; + cursor: default; + display: inline-block; + line-height: 21px; + margin: 0 10px 10px 0; + padding: 4px 26px 4px 10px; + position: relative; +} + +.dac-filter-chip-close { + background-color: transparent; + border: none; + cursor: pointer; + outline: 0; + padding: 3px; + position: absolute; + right: 5px; + top: 5px; +} + +.dac-filter-chip-close-icon { + opacity: .7; + margin-top: -2px; + -webkit-transform: scale(0.57142857); + -ms-transform: scale(0.57142857); + transform: scale(0.57142857); +} + +.dac-filter-chip-close:hover > .dac-filter-chip-close-icon { + opacity: 1; +} + +.dac-filter-chips { + border-top: 1px solid rgba(0, 0, 0, 0.1); + margin: 0; + list-style-type: none; + padding: 10px 0 0; + position: relative; + text-align: left; +} + +.dac-filter-item { + box-sizing: border-box; + float: left; + margin-bottom: 20px; + padding: 0 10px; + width: 33.33333333%; +} + +@media (min-width: 720px) and (max-width: 979px) { + .dac-filter-item { + width: 50%; + } +} + +@media (max-width: 719px) { + .dac-filter-item { + width: 100%; + } +} + +/* Media component */ +.dac-media { + display: table; + width: 100%; +} + +.dac-media-body, .dac-media-figure { + display: table-cell; + vertical-align: top; +} + +.dac-media-figure { + padding: 0; +} + +.dac-media-body { + width: 100%; +} + +.dac-swap { + overflow: hidden; + position: relative; +} + +.dac-swap-section { + left: 0; + opacity: 0; + position: absolute; + top: 0; + width: 100%; + -webkit-transition: opacity 1s, -webkit-transform .5s; + transition: opacity 1s, transform .5s; +} + +.dac-swap-section.dac-no-anim { + -webkit-transition: none; + transition: none; +} + +.dac-swap-section.dac-up { + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); +} + +.dac-swap-section.dac-down { + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); +} + +.dac-swap-section.dac-left { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); +} + +.dac-swap-section.dac-right { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); +} + +.dac-swap-section.dac-active { + opacity: 1; + position: relative; + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); + width: auto; +} + +/* Modal component */ +.dac-modal { + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear 300ms, opacity 300ms linear; + transition: visibility 0s linear 300ms, opacity 300ms linear; + background: rgba(0, 0, 0, 0.8); + bottom: 0; + left: 0; + overflow-x: hidden; + overflow-y: auto; + position: fixed; + right: 0; + top: 0; + z-index: 70; +} + +.dac-modal.dac-active { + opacity: 1; + -webkit-transition-delay: 0s; + transition-delay: 0s; + visibility: visible; +} + +.dac-modal-open { + overflow: hidden; +} + +.dac-modal-container { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4)); + filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4)); + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 100%; + width: 100%; +} + +.dac-modal-window { + background: #fff; + box-sizing: border-box; + margin: 20px auto; + -webkit-transition: -webkit-transform .3s; + transition: transform .3s; + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + width: 960px; +} + +.dac-modal.dac-active .dac-modal-window { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.dac-modal-header { + background: #00695c; + padding: 35px 35px 30px; + position: relative; +} + +.dac-has-small-header .dac-modal-header { + padding: 10px 20px; +} + +.dac-modal-header-actions { + padding: 8px; + position: absolute; + right: 5px; + top: 5px; +} + +.dac-modal-header-open, .dac-modal-header-close { + background: none; + border: none; + cursor: pointer; + line-height: 0; + outline: 0; + opacity: .7; + -webkit-transition: background-color .3s; + transition: background-color .3s; +} + +.dac-modal-header-open:active, .dac-modal-header-close:active { + background: rgba(255, 255, 255, 0.2); +} + +.dac-modal-header-close:before { + content: ''; + top: -1px; + position: relative; +} + +.dac-modal-header-open { + margin: 10px; +} + +.dac-modal-header-title { + color: #fff; + font-size: 24px; + font-weight: 300; + line-height: 32px; + padding: 0 150px 0 0; +} + +.dac-has-small-header .dac-modal-header-title { + font-size: 16px; + font-weight: 500; +} + +.dac-modal-header-subtitle { + bottom: 0; + color: #fff; + display: inline-block; + font: inherit; + font-size: 14px; + margin: 0; + opacity: .8; + position: absolute; + right: 0; +} + +.dac-modal-content { + padding: 12px 35px; +} + +.dac-modal-action { + margin: 0; +} + +.dac-modal-footer { + padding: 24px 35px; +} + +@media (max-width: 1000px) { + .dac-modal-window { + margin: 20px; + width: auto; + } + + .dac-modal-container { + z-index: auto; + } +} + +@media (max-width: 719px) { + .dac-modal-window { + margin: 10px; + } + + .dac-modal-header { + padding: 35px 10px 10px; + } + + .dac-modal-header-title { + font-size: 16px; + line-height: 24px; + padding: 0; + } + + .dac-modal-header-subtitle { + display: block; + margin: 0; + position: static; + text-align: right; + } + + .dac-modal-header-actions { + top: 1px; + } + + .dac-modal-content { + padding: 10px; + } -.dac-form-input { - border: 0 solid #e3e3e3; - border-bottom-width: 1px; - display: block; - outline: 0; - padding: 1px 0 8px; - -webkit-transition: border-color .2s; - transition: border-color .2s; - width: 100%; + .dac-modal-footer { + border-top: 1px solid #e3e3e3; + padding: 35px 10px; + } } -.dac-form-input-group { - position: relative; +.newsletter .dac-modal-footer { + padding-top: 0; + text-align: right; } -.dac-form-input-group > .dac-form-required { - display: block; - bottom: 3px; - position: absolute; - right: 0; +.newsletter-checkboxes { + padding-top: 20px; } -.dac-form-input:focus { - border-bottom-color: #09f; +.newsletter-success-message { + font-size: 32px; + line-height: 1.4; + padding: 40px 30px; + text-align: center; } -.dac-form-floatlabel { - display: block; - cursor: text; - margin-top: 5px; - pointer-events: none; - -webkit-transform-origin: 0 100%; - -ms-transform-origin: 0 100%; - transform-origin: 0 100%; - -webkit-transform: translate3d(0, 22px, 0) scale(1); - transform: translate3d(0, 22px, 0) scale(1); - -webkit-transition: -webkit-transform .2s; - transition: transform .2s; +@media (max-width: 719px) { + .newsletter-success-message { + font-size: 16px; + padding: 12px 0 0; + } } -.dac-focused > .dac-form-floatlabel, .dac-has-value > .dac-form-floatlabel { - cursor: default; - -webkit-transform: translate3d(0, 0, 0) scale(.75); - transform: translate3d(0, 0, 0) scale(.75); -} +@media (min-width: 720px) { + .newsletter-checkboxes { + padding-top: 46px; + } -.dac-form-radio, .dac-form-checkbox { - opacity: 0; - position: absolute; -} + .newsletter-leftCol { + padding-right: 40px; + } -.dac-form-radio-group, .dac-form-checkbox-group { - display: table; - margin-top: 10px; + .newsletter-rightCol { + padding-left: 40px; + } } -.dac-form-radio-button, .dac-form-checkbox-button { - box-sizing: border-box; - cursor: pointer; - display: table-cell; - float: left; - height: 18px; - margin: 2px 10px 0 0; - position: relative; - width: 18px; +@media (max-width: 719px) { + .newsletter .dac-modal-footer { + margin-top: 30px; + padding: 30px 10px; + text-align: center; + } } -.dac-form-radio-button::after, .dac-form-radio-button::before, .dac-form-checkbox-button::after, .dac-form-checkbox-button::before { - box-sizing: border-box; - content: ''; - border-radius: 50%; - display: block; - height: 100%; - position: absolute; - width: 100%; +.dac-blog-reader { + padding: 50px 90px; } -.dac-form-radio-button::before, .dac-form-checkbox-button::before { - background: rgba(0, 0, 0, 0.7); - -webkit-transform: translateZ(0) scale(0); - transform: translateZ(0) scale(0); - -webkit-transition: -webkit-transform .3s; - transition: transform .3s; +.dac-blog-reader-title { + color: #333; + font-size: 45px; + font-weight: 300; + line-height: 1.2; + padding: 10px 0; } -.dac-form-radio-button::after, .dac-form-checkbox-button::after { - border: 2px solid rgba(0, 0, 0, 0.7); +.dac-blog-reader-date { + color: #b8b8b8; + font-size: 12px; + font-weight: 600; + line-height: 1; + text-transform: uppercase; } -.dac-form-radio:checked + .dac-form-radio-button::before, .dac-form-checkbox:checked + .dac-form-checkbox-button::before { - -webkit-transform: translateZ(0) scale(.5); - transform: translateZ(0) scale(.5); +.dac-blog-reader-text > p:first-child i { + display: inline-block; + margin-bottom: 40px; } -.dac-form-radio:focus + .dac-form-radio-button::after, .dac-form-checkbox:focus + .dac-form-checkbox-button::after { - border: 2px solid #09f; +.dac-blog-reader-text li { + margin-bottom: 0; } -.dac-form-checkbox-button::after, .dac-form-checkbox-button::before { - border-radius: 0; +.dac-blog-reader-text iframe { + margin-left: auto !important; + margin-right: auto !important; + max-width: 100%; } @media (max-width: 719px) { - .dac-form-legend { - margin-bottom: 0; + .dac-blog-reader { + padding: 30px 20px; } } -/* Media component */ -.dac-media { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-flow: row wrap; - -ms-flex-flow: row wrap; - flex-flow: row wrap; +.dac-custom-search { + background: #fff; + margin: 0 -10px; + padding: 20px 10px; + z-index: 1; } -.dac-media-figure { - margin: 0; +.dac-custom-search .dac-fab, .dac-custom-search .dac-button-social { + top: -48px; } -.dac-media-body { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; +.dac-custom-search-section-title { + color: #505050; } -.no-flexbox .dac-media { - display: table; - width: 100%; +.dac-custom-search-entry { + margin-bottom: 36px; + margin-top: 24px; } -.no-flexbox .dac-media-body, .no-flexbox .dac-media-figure { - display: table-cell; +.dac-custom-search-image { + background-size: cover; + height: 112px; } -.no-flexbox .dac-media-figure { +.dac-custom-search-title { + color: #333; + font-size: 14px; + font-weight: 700; + line-height: 24px; padding: 0; } -.no-flexbox .dac-media-body { - width: 100%; +.dac-custom-search-title a { + color: inherit; } -.dac-swap { - overflow: hidden; - position: relative; +.dac-custom-search-section { + color: #999; + font-size: 16px; + font-variant: small-caps; + font-weight: 700; + margin: -5px 0 0 0; } -.dac-swap-section { - left: 0; - opacity: 0; - position: absolute; - top: 0; - width: 100%; - -webkit-transition: opacity 1s, -webkit-transform .5s; - transition: opacity 1s, transform .5s; +.dac-custom-search-snippet { + color: #666; + margin: 0; } -.dac-swap-section.dac-up { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); +.dac-custom-search-link { + font-weight: 500; + word-wrap: break-word; + width: 100%; } -.dac-swap-section.dac-down { - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); +.dac-custom-search-load-more { + background: none; + border: none; + color: #333; + cursor: pointer; + display: block; + font-size: 14px; + font-weight: 700; + margin: 75px auto; + outline: none; + padding: 10px; } -.dac-swap-section.dac-left { - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); +.dac-custom-search-load-more:hover { + opacity: 0.7; } -.dac-swap-section.dac-right { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); +.dac-custom-search-no-results { + color: #999; } -.dac-swap-section.dac-active { - opacity: 1; - position: relative; - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); - width: auto; +.dac-search-hero { + font-size: 16px; + padding: 50px 0 14px 0; } -/* Modal component */ -.dac-modal { - background: rgba(0, 0, 0, 0.8); +.dac-search-results { + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear 300ms, opacity 300ms linear; + transition: visibility 0s linear 300ms, opacity 300ms linear; + background-color: #fff; bottom: 0; left: 0; - opacity: 0; - overflow-x: hidden; overflow-y: auto; + padding: 0 10px; position: fixed; right: 0; - top: 0; - -webkit-transition: visibility 0s linear .3s, opacity .3s linear; - transition: visibility 0s linear .3s, opacity .3s linear; - visibility: hidden; - z-index: 52; + -webkit-transition: opacity 100ms; + transition: opacity 100ms; + top: 64px; + z-index: 50; } -.dac-modal.dac-active { +.dac-nav-animating .dac-search-results { + -webkit-transition: opacity 100ms, padding .3s; + transition: opacity 100ms, padding .3s; +} + +.dac-search-results * { + box-sizing: border-box; +} + +.dac-search-open .dac-search-results { opacity: 1; - -webkit-transition-delay: 0s; - transition-delay: 0s; visibility: visible; } -.dac-modal-open { +.dac-search-results-content { + background: #eceff1; + margin: 0 -10px; + padding: 0 10px; +} + +.dac-search-results-for { + margin-bottom: -5px; overflow: hidden; + padding-top: 5px; } -.dac-modal-container { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4)); - filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.4)); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: 100%; - width: 100%; +.dac-search-results-for span { + color: #039bef; } -.dac-modal-window { - background: #fff; - border-radius: 5px; - box-sizing: border-box; - margin: 20px auto; - -webkit-transition: -webkit-transform .3s; - transition: transform .3s; - -webkit-transform: translate(0, -30px); - -ms-transform: translate(0, -30px); - transform: translate(0, -30px); - width: 960px; +.dac-search-mode .dac-search-results-for { + display: none; } -.dac-modal.dac-active .dac-modal-window { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); +.dac-search-results-history { + background: #eceff1; + min-height: 100%; + margin: 0 -10px; + padding: 0 10px; +} + +.dac-search-results-hero { + padding-top: 20px; +} + +.dac-search-results-metadata { + padding-bottom: 40px; } -.dac-modal-header { - background: #00695c; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - padding: 35px 35px 30px; - position: relative; +.dac-search-results-reference { + background: white; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21); + margin: 0 0 20px 0; + height: 340px; + overflow: hidden; + padding: 6px 0 4px; } -.dac-modal-header-close { - background: none; - border: none; - cursor: pointer; - line-height: 0; - outline: 0; - opacity: .7; - padding: 8px; - position: absolute; - right: 5px; - -webkit-transition: background-color .3s; - transition: background-color .3s; - top: 5px; +.dac-search-results-reference .namespace { + color: #666; } -.dac-modal-header-close:active { - background: rgba(255, 255, 255, 0.2); +.dac-search-results-reference.is-expanded { + height: auto; } -.dac-modal-header-title { - color: #fff; - font-size: 24px; - font-weight: 300; - line-height: 32px; +.dac-search-results-reference-header { + color: #999; + font-size: 16px; + font-variant: small-caps; + font-weight: 700; margin: 0; - padding-right: 150px; + padding: 18px 12px 0; + text-transform: lowercase; } -.dac-modal-header-subtitle { - bottom: 0; - color: #fff; - display: inline-block; - font: inherit; - font-size: 14px; +.dac-search-results-reference-header:first-child { + padding-top: 0; +} + +.dac-search-results-reference-entry { margin: 0; - opacity: .8; - position: absolute; - right: 0; } -.dac-modal-content { - padding: 12px 35px; +.dac-search-results-reference-entry a { + color: #333; + display: block; + font-size: 0.81em; + line-height: 1.2em; + padding: 0 12px 5px 12px; + width: 100%; + white-space: nowrap; } -.dac-modal-action { - margin: 0; +.dac-search-results-reference-entry a:hover { + background-color: #eceff1; } -.dac-modal-footer { - padding: 24px 35px; +.dac-search-results-reference-entry em { + font-style: normal; + font-weight: 700; } -@media (max-width: 1000px) { - .dac-modal-window { - margin: 20px; - width: auto; - } +.dac-search-results-reference-entry-empty { + color: #999; + font-size: 0.81em; + margin: 0; + padding: 2px 12px 14px; +} - .dac-modal-container { - z-index: auto; - } +.dac-search-results-resources { + margin: 0; } -@media (max-width: 719px) { - .dac-modal-window { - margin: 10px; - } +.dac-search-results-resources .resource-card { + border-right: 2px solid #999; +} - .dac-modal-header { - padding: 35px 10px 10px; - } +.dac-search-results-resources .resource-card-about { + border-right: 2px solid #6ab344; +} - .dac-modal-header-title { - font-size: 16px; - line-height: 24px; - padding: 0; - } +.dac-search-results-resources .resource-card-about .section { + color: #6ab344; +} - .dac-modal-header-subtitle { - display: block; - margin: 0; - position: static; - text-align: right; - } +.dac-search-results-resources .resource-card-develop { + border-right: 2px solid #ff7043; +} - .dac-modal-content { - padding: 10px; - } +.dac-search-results-resources .resource-card-develop .section { + color: #ff7043; +} - .dac-modal-footer { - border-top: 1px solid #e3e3e3; - padding: 35px 10px; - } +.dac-search-results-resources .resource-card-design { + border-right: 2px solid #00bcd4; } -.newsletter .dac-modal-footer { - padding-top: 0; - text-align: right; +.dac-search-results-resources .resource-card-design .section { + color: #00bcd4; } -.newsletter-checkboxes { - padding-top: 20px; +.dac-search-results-resources .resource-card-distribute { + border-right: 2px solid #afb42b; } -.newsletter-success-message { - font-size: 32px; - line-height: 1.4; - padding: 40px 30px; - text-align: center; +.dac-search-results-resources .resource-card-distribute .section { + color: #afb42b; } @media (max-width: 719px) { - .newsletter-success-message { - font-size: 16px; - padding: 12px 0 0; + .dac-search-results-reference.no-results { + display: none; } } -@media (min-width: 720px) { - .newsletter-checkboxes { - padding-top: 46px; +@media (min-width: 980px) { + .dac-nav-open.dac-search-open .dac-search-results { + padding-left: 260px; } - .newsletter-leftCol { - padding-right: 40px; + .dac-search-mode.dac-search-open .dac-search-results { + padding-left: 10px; } +} - .newsletter-rightCol { - padding-left: 40px; - } +.dac-selected { + color: #039bef !important; } -@media (max-width: 719px) { - .newsletter .dac-modal-footer { - margin-top: 30px; - padding: 30px 10px; - text-align: center; - } +.dac-selected em { + color: #039bef; +} + +.resource-card.dac-selected { + box-shadow: 0px 1px 10px 0px rgba(3, 155, 239, 0.7); +} + +.resource-card.dac-selected em { + color: #333; } .dac-expand, .dac-section { @@ -8362,7 +8850,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me } .dac-invert { - color: #b2b2b2; + color: #b3b3b3; color: rgba(255, 255, 255, 0.7); } @@ -8375,7 +8863,11 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me } .dac-gray.dac-hero, .dac-gray.dac-section { - background-color: #b0bec5; + background-color: #d8dfe2; +} + +.dac-gray-dark.dac-hero, .dac-gray-dark.dac-section { + background-color: #b0bec5; } .dac-dark.dac-hero, .dac-dark.dac-section { @@ -8395,11 +8887,11 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me color: white; } -.dac-hero-cta .dac-sprite, .dac-section-title .dac-sprite, .dac-section-links .dac-sprite { +.dac-hero-cta .dac-sprite, .dac-section-title .dac-sprite, .dac-section-links .dac-sprite, .dac-hero-cta .dac-modal-header-close:before, .dac-section-title .dac-modal-header-close:before, .dac-section-links .dac-modal-header-close:before, .dac-hero-cta .paging-links .prev-page-link:before, .paging-links .dac-hero-cta .prev-page-link:before, .dac-section-title .paging-links .prev-page-link:before, .paging-links .dac-section-title .prev-page-link:before, .dac-section-links .paging-links .prev-page-link:before, .paging-links .dac-section-links .prev-page-link:before, .dac-hero-cta .paging-links .next-page-link:before, .paging-links .dac-hero-cta .next-page-link:before, .dac-section-title .paging-links .next-page-link:before, .paging-links .dac-section-title .next-page-link:before, .dac-section-links .paging-links .next-page-link:before, .paging-links .dac-section-links .next-page-link:before, .dac-hero-cta .paging-links .next-class-link:before, .paging-links .dac-hero-cta .next-class-link:before, .dac-section-title .paging-links .next-class-link:before, .paging-links .dac-section-title .next-class-link:before, .dac-section-links .paging-links .next-class-link:before, .paging-links .dac-section-links .next-class-link:before, .dac-hero-cta .paging-links .start-class-link:after, .paging-links .dac-hero-cta .start-class-link:after, .dac-section-title .paging-links .start-class-link:after, .paging-links .dac-section-title .start-class-link:after, .dac-section-links .paging-links .start-class-link:after, .paging-links .dac-section-links .start-class-link:after { opacity: .87; } -.dac-invert .dac-hero-cta .dac-sprite, .dac-invert .dac-section-title .dac-sprite, .dac-invert .dac-section-links .dac-sprite { +.dac-invert .dac-hero-cta .dac-sprite, .dac-invert .dac-section-title .dac-sprite, .dac-invert .dac-section-links .dac-sprite, .dac-invert .dac-hero-cta .dac-modal-header-close:before, .dac-invert .dac-section-title .dac-modal-header-close:before, .dac-invert .dac-section-links .dac-modal-header-close:before, .dac-invert .dac-hero-cta .paging-links .prev-page-link:before, .paging-links .dac-invert .dac-hero-cta .prev-page-link:before, .dac-invert .dac-section-title .paging-links .prev-page-link:before, .paging-links .dac-invert .dac-section-title .prev-page-link:before, .dac-invert .dac-section-links .paging-links .prev-page-link:before, .paging-links .dac-invert .dac-section-links .prev-page-link:before, .dac-invert .dac-hero-cta .paging-links .next-page-link:before, .paging-links .dac-invert .dac-hero-cta .next-page-link:before, .dac-invert .dac-section-title .paging-links .next-page-link:before, .paging-links .dac-invert .dac-section-title .next-page-link:before, .dac-invert .dac-section-links .paging-links .next-page-link:before, .paging-links .dac-invert .dac-section-links .next-page-link:before, .dac-invert .dac-hero-cta .paging-links .next-class-link:before, .paging-links .dac-invert .dac-hero-cta .next-class-link:before, .dac-invert .dac-section-title .paging-links .next-class-link:before, .paging-links .dac-invert .dac-section-title .next-class-link:before, .dac-invert .dac-section-links .paging-links .next-class-link:before, .paging-links .dac-invert .dac-section-links .next-class-link:before, .dac-invert .dac-hero-cta .paging-links .start-class-link:after, .paging-links .dac-invert .dac-hero-cta .start-class-link:after, .dac-invert .dac-section-title .paging-links .start-class-link:after, .paging-links .dac-invert .dac-section-title .start-class-link:after, .dac-invert .dac-section-links .paging-links .start-class-link:after, .paging-links .dac-invert .dac-section-links .start-class-link:after { opacity: 1; } @@ -8409,7 +8901,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me } .dac-invert .dac-hero-tag, .dac-invert .dac-hero-description, .dac-invert .dac-section-subtitle { - color: #b2b2b2; + color: #b3b3b3; color: rgba(255, 255, 255, 0.7); } @@ -8433,15 +8925,20 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me padding-top: 32px; } +.dac-section.dac-slim { + padding-bottom: 0; + padding-top: 0; +} + .dac-section-title { text-align: center; - margin-bottom: 40px; - margin-top: 0; + padding-bottom: 40px; + padding-top: 0; } .dac-section-subtitle { font-size: 16px; - margin-bottom: 40px; + padding-bottom: 40px; margin-top: -24px; text-align: center; } @@ -8462,6 +8959,7 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools] .section-card-me } .dac-section-link { + cursor: pointer; display: inline-block; margin: 0 32px; -webkit-transition: opacity .3s; @@ -8496,184 +8994,395 @@ $icon-home: x y offset_x offset_y width height total_width total_height image_pa At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ -.dac-sprite, #tb li:before, #qv li:before { +.dac-sprite, .dac-modal-header-close:before, .paging-links .prev-page-link:before, .paging-links .next-page-link:before, .paging-links .next-class-link:before, .paging-links .start-class-link:after, .Video-button--picture-in-picture, .Video-button--close, a.video-shadowbox-button.white::after, #tb li:before, +#qv li:before { background-image: url(/assets/images/sprite.png); display: inline-block; vertical-align: middle; } - @media screen and (min-device-pixel-ratio: 1.5) { - .dac-sprite, #tb li:before, #qv li:before { - background-image: url(/assets/images/sprite-2x.png); - background-size: 50% 50%; } } - -.dac-sprite.dac-auto-chevron { - background-position: 0px -196px; + @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144px) { + .dac-sprite, .dac-modal-header-close:before, .paging-links .prev-page-link:before, .paging-links .next-page-link:before, .paging-links .next-class-link:before, .paging-links .start-class-link:after, .Video-button--picture-in-picture, .Video-button--close, a.video-shadowbox-button.white::after, #tb li:before, + #qv li:before { + background-image: url(/assets/images/sprite@2x.png); + background-size: 36px 883px; } } + +.dac-sprite.dac-auto-chevron, .dac-auto-chevron.dac-modal-header-close:before, .paging-links .dac-auto-chevron.prev-page-link:before, .paging-links .dac-auto-chevron.next-page-link:before, .paging-links .dac-auto-chevron.next-class-link:before, .paging-links .dac-auto-chevron.start-class-link:after { + background-position: 0px -669px; height: 24px; width: 24px; vertical-align: -6px; } - .dac-invert .dac-sprite.dac-auto-chevron { - background-position: 0px -222px; + .dac-invert .dac-sprite.dac-auto-chevron, .dac-invert .dac-auto-chevron.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-chevron.prev-page-link:before, .paging-links .dac-invert .dac-auto-chevron.prev-page-link:before, .dac-invert .paging-links .dac-auto-chevron.next-page-link:before, .paging-links .dac-invert .dac-auto-chevron.next-page-link:before, .dac-invert .paging-links .dac-auto-chevron.next-class-link:before, .paging-links .dac-invert .dac-auto-chevron.next-class-link:before, .dac-invert .paging-links .dac-auto-chevron.start-class-link:after, .paging-links .dac-invert .dac-auto-chevron.start-class-link:after { + background-position: 0px -513px; height: 24px; width: 24px; } -.dac-sprite.dac-auto-chevron-large { - background-position: 0px -404px; + +.dac-sprite.dac-auto-chevron-large, .dac-auto-chevron-large.dac-modal-header-close:before, .paging-links .dac-auto-chevron-large.prev-page-link:before, .paging-links .dac-auto-chevron-large.next-page-link:before, .paging-links .dac-auto-chevron-large.next-class-link:before, .paging-links .dac-auto-chevron-large.start-class-link:after { + background-position: 0px -695px; height: 36px; width: 36px; vertical-align: -10px; } - .dac-invert .dac-sprite.dac-auto-chevron-large { - background-position: 0px -442px; + .dac-invert .dac-sprite.dac-auto-chevron-large, .dac-invert .dac-auto-chevron-large.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-chevron-large.prev-page-link:before, .paging-links .dac-invert .dac-auto-chevron-large.prev-page-link:before, .dac-invert .paging-links .dac-auto-chevron-large.next-page-link:before, .paging-links .dac-invert .dac-auto-chevron-large.next-page-link:before, .dac-invert .paging-links .dac-auto-chevron-large.next-class-link:before, .paging-links .dac-invert .dac-auto-chevron-large.next-class-link:before, .dac-invert .paging-links .dac-auto-chevron-large.start-class-link:after, .paging-links .dac-invert .dac-auto-chevron-large.start-class-link:after { + background-position: 0px -771px; height: 36px; width: 36px; } -.dac-sprite.dac-auto-unfold-less { - background-position: 0px -352px; + +.dac-sprite.dac-auto-unfold-less, .dac-auto-unfold-less.dac-modal-header-close:before, .paging-links .dac-auto-unfold-less.prev-page-link:before, .paging-links .dac-auto-unfold-less.next-page-link:before, .paging-links .dac-auto-unfold-less.next-class-link:before, .paging-links .dac-auto-unfold-less.start-class-link:after { + background-position: 0px -487px; height: 24px; width: 24px; vertical-align: -6px; } - .dac-invert .dac-sprite.dac-auto-unfold-less { - background-position: 0px -326px; + .dac-invert .dac-sprite.dac-auto-unfold-less, .dac-invert .dac-auto-unfold-less.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-unfold-less.prev-page-link:before, .paging-links .dac-invert .dac-auto-unfold-less.prev-page-link:before, .dac-invert .paging-links .dac-auto-unfold-less.next-page-link:before, .paging-links .dac-invert .dac-auto-unfold-less.next-page-link:before, .dac-invert .paging-links .dac-auto-unfold-less.next-class-link:before, .paging-links .dac-invert .dac-auto-unfold-less.next-class-link:before, .dac-invert .paging-links .dac-auto-unfold-less.start-class-link:after, .paging-links .dac-invert .dac-auto-unfold-less.start-class-link:after { + background-position: 0px -565px; height: 24px; width: 24px; } -.dac-sprite.dac-auto-unfold-more { - background-position: 0px -300px; + +.dac-sprite.dac-auto-unfold-more, .dac-auto-unfold-more.dac-modal-header-close:before, .paging-links .dac-auto-unfold-more.prev-page-link:before, .paging-links .dac-auto-unfold-more.next-page-link:before, .paging-links .dac-auto-unfold-more.next-class-link:before, .paging-links .dac-auto-unfold-more.start-class-link:after { + background-position: 0px -539px; height: 24px; width: 24px; vertical-align: -6px; } - .dac-invert .dac-sprite.dac-auto-unfold-more { - background-position: 0px -378px; + .dac-invert .dac-sprite.dac-auto-unfold-more, .dac-invert .dac-auto-unfold-more.dac-modal-header-close:before, .dac-invert .paging-links .dac-auto-unfold-more.prev-page-link:before, .paging-links .dac-invert .dac-auto-unfold-more.prev-page-link:before, .dac-invert .paging-links .dac-auto-unfold-more.next-page-link:before, .paging-links .dac-invert .dac-auto-unfold-more.next-page-link:before, .dac-invert .paging-links .dac-auto-unfold-more.next-class-link:before, .paging-links .dac-invert .dac-auto-unfold-more.next-class-link:before, .dac-invert .paging-links .dac-auto-unfold-more.start-class-link:after, .paging-links .dac-invert .dac-auto-unfold-more.start-class-link:after { + background-position: 0px -305px; height: 24px; width: 24px; } -.dac-sprite.dac-arrow-down-gray { +.dac-sprite.dac-arrow-down-gray, .dac-arrow-down-gray.dac-modal-header-close:before, .paging-links .dac-arrow-down-gray.prev-page-link:before, .paging-links .dac-arrow-down-gray.next-page-link:before, .paging-links .dac-arrow-down-gray.next-class-link:before, .paging-links .dac-arrow-down-gray.start-class-link:after { background-position: 0px 0px; height: 11px; width: 19px; } -.dac-sprite.dac-arrow-right { - background-position: 0px -128px; +.dac-sprite.dac-arrow-right, .dac-arrow-right.dac-modal-header-close:before, .paging-links .dac-arrow-right.prev-page-link:before, .paging-links .dac-arrow-right.next-page-link:before, .paging-links .dac-arrow-right.next-class-link:before, .paging-links .dac-arrow-right.start-class-link:after { + background-position: 0px -215px; height: 18px; width: 11px; } -.dac-sprite.dac-chevron-large-right-black { - background-position: 0px -404px; +.dac-sprite.dac-back-arrow, .dac-back-arrow.dac-modal-header-close:before, .paging-links .dac-back-arrow.prev-page-link:before, .paging-links .dac-back-arrow.next-page-link:before, .paging-links .dac-back-arrow.next-class-link:before, .paging-links .dac-back-arrow.start-class-link:after { + background-position: 0px -123px; + height: 16px; + width: 16px; } + +.dac-sprite.dac-chevron-large-right-black, .dac-chevron-large-right-black.dac-modal-header-close:before, .paging-links .dac-chevron-large-right-black.prev-page-link:before, .paging-links .dac-chevron-large-right-black.next-page-link:before, .paging-links .dac-chevron-large-right-black.next-class-link:before, .paging-links .dac-chevron-large-right-black.start-class-link:after { + background-position: 0px -695px; height: 36px; width: 36px; } -.dac-sprite.dac-chevron-large-right-white { - background-position: 0px -442px; +.dac-sprite.dac-chevron-large-right-white, .dac-chevron-large-right-white.dac-modal-header-close:before, .paging-links .dac-chevron-large-right-white.prev-page-link:before, .paging-links .dac-chevron-large-right-white.next-page-link:before, .paging-links .dac-chevron-large-right-white.next-class-link:before, .paging-links .dac-chevron-large-right-white.start-class-link:after { + background-position: 0px -771px; height: 36px; width: 36px; } -.dac-sprite.dac-chevron-right-black { - background-position: 0px -196px; +.dac-sprite.dac-chevron-right-black, .dac-chevron-right-black.dac-modal-header-close:before, .paging-links .dac-chevron-right-black.prev-page-link:before, .paging-links .dac-chevron-right-black.next-page-link:before, .paging-links .dac-chevron-right-black.next-class-link:before, .paging-links .dac-chevron-right-black.start-class-link:after { + background-position: 0px -669px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-chevron-right-white, .dac-chevron-right-white.dac-modal-header-close:before, .paging-links .dac-chevron-right-white.prev-page-link:before, .paging-links .dac-chevron-right-white.next-page-link:before, .paging-links .dac-chevron-right-white.next-class-link:before, .paging-links .dac-chevron-right-white.start-class-link:after { + background-position: 0px -513px; height: 24px; width: 24px; } -.dac-sprite.dac-chevron-right-white { - background-position: 0px -222px; +.dac-sprite.dac-close-black, .dac-close-black.dac-modal-header-close:before, .paging-links .dac-close-black.prev-page-link:before, .paging-links .dac-close-black.next-page-link:before, .paging-links .dac-close-black.next-class-link:before, .paging-links .dac-close-black.start-class-link:after { + background-position: 0px -89px; + height: 14px; + width: 14px; } + +.dac-sprite.dac-close-video-white, .dac-modal-header-close:before, .paging-links .dac-close-video-white.prev-page-link:before, .paging-links .prev-page-link.dac-modal-header-close:before, .paging-links .dac-close-video-white.next-page-link:before, .paging-links .next-page-link.dac-modal-header-close:before, .paging-links .dac-close-video-white.next-class-link:before, .paging-links .next-class-link.dac-modal-header-close:before, .paging-links .dac-close-video-white.start-class-link:after { + background-position: 0px -435px; height: 24px; width: 24px; } -.dac-sprite.dac-close { +.dac-sprite.dac-close, .dac-close.dac-modal-header-close:before, .paging-links .dac-close.prev-page-link:before, .paging-links .dac-close.next-page-link:before, .paging-links .dac-close.next-class-link:before, .paging-links .dac-close.start-class-link:after { background-position: 0px -27px; height: 12px; width: 12px; } -.dac-sprite.dac-expand-less-black { - background-position: 0px -248px; +.dac-sprite.dac-enlarge-video-white, .dac-enlarge-video-white.dac-modal-header-close:before, .paging-links .dac-enlarge-video-white.prev-page-link:before, .paging-links .dac-enlarge-video-white.next-page-link:before, .paging-links .dac-enlarge-video-white.next-class-link:before, .paging-links .dac-enlarge-video-white.start-class-link:after { + background-position: 0px -409px; height: 24px; width: 24px; } -.dac-sprite.dac-expand-more-black { - background-position: 0px -170px; +.dac-sprite.dac-expand-less-black, .dac-expand-less-black.dac-modal-header-close:before, .paging-links .dac-expand-less-black.prev-page-link:before, .paging-links .dac-expand-less-black.next-page-link:before, .paging-links .dac-expand-less-black.next-class-link:before, .paging-links .dac-expand-less-black.start-class-link:after { + background-position: 0px -383px; height: 24px; width: 24px; } -.dac-sprite.dac-google-play { - background-position: 0px -108px; - height: 18px; - width: 16px; } +.dac-sprite.dac-expand-more-black, .dac-expand-more-black.dac-modal-header-close:before, .paging-links .dac-expand-more-black.prev-page-link:before, .paging-links .dac-expand-more-black.next-page-link:before, .paging-links .dac-expand-more-black.next-class-link:before, .paging-links .dac-expand-more-black.start-class-link:after { + background-position: 0px -357px; + height: 24px; + width: 24px; } -.dac-sprite.dac-gplus { - background-position: 0px -89px; - height: 17px; - width: 16px; } +.dac-sprite.dac-fullscreen-exit, .dac-fullscreen-exit.dac-modal-header-close:before, .paging-links .dac-fullscreen-exit.prev-page-link:before, .paging-links .dac-fullscreen-exit.next-page-link:before, .paging-links .dac-fullscreen-exit.next-class-link:before, .paging-links .dac-fullscreen-exit.start-class-link:after { + background-position: 0px -331px; + height: 24px; + width: 24px; } -.dac-sprite.dac-mail { +.dac-sprite.dac-fullscreen, .dac-fullscreen.dac-modal-header-close:before, .paging-links .dac-fullscreen.prev-page-link:before, .paging-links .dac-fullscreen.next-page-link:before, .paging-links .dac-fullscreen.next-class-link:before, .paging-links .dac-fullscreen.start-class-link:after { + background-position: 0px -279px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-google-play, .dac-google-play.dac-modal-header-close:before, .paging-links .dac-google-play.prev-page-link:before, .paging-links .dac-google-play.next-page-link:before, .paging-links .dac-google-play.next-class-link:before, .paging-links .dac-google-play.start-class-link:after { + background-position: 0px -235px; + height: 20px; + width: 17px; } + +.dac-sprite.dac-gplus, .dac-gplus.dac-modal-header-close:before, .paging-links .dac-gplus.prev-page-link:before, .paging-links .dac-gplus.next-page-link:before, .paging-links .dac-gplus.next-class-link:before, .paging-links .dac-gplus.start-class-link:after { + background-position: 0px -809px; + height: 36px; + width: 36px; } + +.dac-sprite.dac-mail, .dac-mail.dac-modal-header-close:before, .paging-links .dac-mail.prev-page-link:before, .paging-links .dac-mail.next-page-link:before, .paging-links .dac-mail.next-class-link:before, .paging-links .dac-mail.start-class-link:after { background-position: 0px -13px; height: 12px; width: 16px; } -.dac-sprite.dac-play-white { - background-position: 0px -148px; +.dac-sprite.dac-nav-back-blue, .dac-nav-back-blue.dac-modal-header-close:before, .paging-links .prev-page-link:before, .paging-links .dac-nav-back-blue.next-page-link:before, .paging-links .dac-nav-back-blue.next-class-link:before, .paging-links .dac-nav-back-blue.start-class-link:after { + background-position: 0px -105px; + height: 16px; + width: 16px; } + +.dac-sprite.dac-nav-back, .dac-nav-back.dac-modal-header-close:before, .paging-links .dac-nav-back.prev-page-link:before, .paging-links .dac-nav-back.next-page-link:before, .paging-links .dac-nav-back.next-class-link:before, .paging-links .dac-nav-back.start-class-link:after { + background-position: 0px -177px; + height: 16px; + width: 16px; } + +.dac-sprite.dac-nav-forward-blue, .dac-nav-forward-blue.dac-modal-header-close:before, .paging-links .dac-nav-forward-blue.prev-page-link:before, .paging-links .next-page-link:before, .paging-links .next-class-link:before, .paging-links .start-class-link:after { + background-position: 0px -159px; + height: 16px; + width: 16px; } + +.dac-sprite.dac-nav-forward, .dac-nav-forward.dac-modal-header-close:before, .paging-links .dac-nav-forward.prev-page-link:before, .paging-links .dac-nav-forward.next-page-link:before, .paging-links .dac-nav-forward.next-class-link:before, .paging-links .dac-nav-forward.start-class-link:after { + background-position: 0px -141px; + height: 16px; + width: 16px; } + +.dac-sprite.dac-open-in-new, .dac-open-in-new.dac-modal-header-close:before, .paging-links .dac-open-in-new.prev-page-link:before, .paging-links .dac-open-in-new.next-page-link:before, .paging-links .dac-open-in-new.next-class-link:before, .paging-links .dac-open-in-new.start-class-link:after { + background-position: 0px -195px; + height: 18px; + width: 18px; } + +.dac-sprite.dac-picture-in-picture-white, .dac-picture-in-picture-white.dac-modal-header-close:before, .paging-links .dac-picture-in-picture-white.prev-page-link:before, .paging-links .dac-picture-in-picture-white.next-page-link:before, .paging-links .dac-picture-in-picture-white.next-class-link:before, .paging-links .dac-picture-in-picture-white.start-class-link:after { + background-position: 0px -461px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-play-circle-grey, .dac-play-circle-grey.dac-modal-header-close:before, .paging-links .dac-play-circle-grey.prev-page-link:before, .paging-links .dac-play-circle-grey.next-page-link:before, .paging-links .dac-play-circle-grey.next-class-link:before, .paging-links .dac-play-circle-grey.start-class-link:after { + background-position: 0px -733px; + height: 36px; + width: 36px; } + +.dac-sprite.dac-play-circle-white, .dac-play-circle-white.dac-modal-header-close:before, .paging-links .dac-play-circle-white.prev-page-link:before, .paging-links .dac-play-circle-white.next-page-link:before, .paging-links .dac-play-circle-white.next-class-link:before, .paging-links .dac-play-circle-white.start-class-link:after { + background-position: 0px -847px; + height: 36px; + width: 36px; } + +.dac-sprite.dac-play-white, .dac-play-white.dac-modal-header-close:before, .paging-links .dac-play-white.prev-page-link:before, .paging-links .dac-play-white.next-page-link:before, .paging-links .dac-play-white.next-class-link:before, .paging-links .dac-play-white.start-class-link:after { + background-position: 0px -257px; height: 20px; width: 16px; } -.dac-sprite.dac-rss { - background-position: 0px -41px; - height: 14px; - width: 14px; } +.dac-sprite.dac-rss, .dac-rss.dac-modal-header-close:before, .paging-links .dac-rss.prev-page-link:before, .paging-links .dac-rss.next-page-link:before, .paging-links .dac-rss.next-class-link:before, .paging-links .dac-rss.start-class-link:after { + background-position: 0px -41px; + height: 14px; + width: 14px; } + +.dac-sprite.dac-search-white, .dac-search-white.dac-modal-header-close:before, .paging-links .dac-search-white.prev-page-link:before, .paging-links .dac-search-white.next-page-link:before, .paging-links .dac-search-white.next-class-link:before, .paging-links .dac-search-white.start-class-link:after { + background-position: 0px -591px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-search, .dac-search.dac-modal-header-close:before, .paging-links .dac-search.prev-page-link:before, .paging-links .dac-search.next-page-link:before, .paging-links .dac-search.next-class-link:before, .paging-links .dac-search.start-class-link:after { + background-position: 0px -617px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-star-outline, .dac-star-outline.dac-modal-header-close:before, .paging-links .dac-star-outline.prev-page-link:before, .paging-links .dac-star-outline.next-page-link:before, .paging-links .dac-star-outline.next-class-link:before, .paging-links .dac-star-outline.start-class-link:after { + background-position: 0px -643px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-twitter, .dac-twitter.dac-modal-header-close:before, .paging-links .dac-twitter.prev-page-link:before, .paging-links .dac-twitter.next-page-link:before, .paging-links .dac-twitter.next-class-link:before, .paging-links .dac-twitter.start-class-link:after { + background-position: 0px -73px; + height: 14px; + width: 16px; } + +.dac-sprite.dac-unfold-less-white, .dac-unfold-less-white.dac-modal-header-close:before, .paging-links .dac-unfold-less-white.prev-page-link:before, .paging-links .dac-unfold-less-white.next-page-link:before, .paging-links .dac-unfold-less-white.next-class-link:before, .paging-links .dac-unfold-less-white.start-class-link:after { + background-position: 0px -565px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-unfold-less, .dac-unfold-less.dac-modal-header-close:before, .paging-links .dac-unfold-less.prev-page-link:before, .paging-links .dac-unfold-less.next-page-link:before, .paging-links .dac-unfold-less.next-class-link:before, .paging-links .dac-unfold-less.start-class-link:after { + background-position: 0px -487px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-unfold-more-white, .dac-unfold-more-white.dac-modal-header-close:before, .paging-links .dac-unfold-more-white.prev-page-link:before, .paging-links .dac-unfold-more-white.next-page-link:before, .paging-links .dac-unfold-more-white.next-class-link:before, .paging-links .dac-unfold-more-white.start-class-link:after { + background-position: 0px -305px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-unfold-more, .dac-unfold-more.dac-modal-header-close:before, .paging-links .dac-unfold-more.prev-page-link:before, .paging-links .dac-unfold-more.next-page-link:before, .paging-links .dac-unfold-more.next-class-link:before, .paging-links .dac-unfold-more.start-class-link:after { + background-position: 0px -539px; + height: 24px; + width: 24px; } + +.dac-sprite.dac-youtube, .dac-youtube.dac-modal-header-close:before, .paging-links .dac-youtube.prev-page-link:before, .paging-links .dac-youtube.next-page-link:before, .paging-links .dac-youtube.next-class-link:before, .paging-links .dac-youtube.start-class-link:after { + background-position: 0px -57px; + height: 14px; + width: 18px; } + +/* Toast Component */ +.dac-toast { + background: #ffebc3; + border-top: 1px solid #e5d4a1; + display: none; + color: rgba(0, 0, 0, 0.87); + line-height: 1.4; + padding: 10px; } + .dac-toast.dac-visible { + display: block; } + .dac-toast-wrap { + box-sizing: border-box; + margin: 0 auto; + max-width: 940px; + padding-right: 20px; + position: relative; } + .dac-toast-close-btn { + background-color: transparent; + border: none; + border-radius: 0; + cursor: pointer; + opacity: .4; + padding: 0; + position: absolute; + right: 0; + top: 1px; } + .dac-toast-close-btn:hover, .dac-toast-close-btn:focus, .dac-toast-close-btn:active { + outline: none; + opacity: 1; } + .dac-toast-group { + bottom: 0; + left: 0; + position: fixed; + right: 0; + z-index: 60; } + .dac-toast.dac-danger { + background-color: #ffccbc; + border-top-color: #e5b7a9; } + .dac-toast.dac-success { + background-color: #cdedc8; + border-top-color: #c6d5b4; } + +.dac-tab-item { + box-sizing: border-box; + cursor: pointer; + display: table-cell; + margin: 0; + padding: 8px 12px; + position: relative; + text-align: left; } + @media (max-width: 719px) { + .dac-tab-item { + padding-right: 12px; + text-align: center; + width: 33.33333333%; } } + +.dac-tab-title { + color: #333; + display: inline-block; + font-size: 16px; + font-weight: 500; + margin: 0; } -.dac-sprite.dac-search { - background-position: 0px -274px; - height: 24px; - width: 24px; } +.dac-tab-arrow { + margin-top: -2px; } + @media (max-width: 719px) { + .dac-tab-arrow { + position: absolute; + visibility: hidden; } } -.dac-sprite.dac-twitter { - background-position: 0px -73px; - height: 14px; - width: 16px; } +.dac-tab-bar { + display: inline-block; + list-style-type: none; + margin: 0 0 0 12px; + vertical-align: middle; + overflow: hidden; } + @media (max-width: 719px) { + .dac-tab-bar { + display: table; + margin-left: 0; + width: 100%; } } -.dac-sprite.dac-unfold-less-white { - background-position: 0px -326px; - height: 24px; - width: 24px; } +.dac-tab-views { + list-style-type: none; + margin: 0; } -.dac-sprite.dac-unfold-less { - background-position: 0px -352px; - height: 24px; - width: 24px; } +.dac-tab-view { + background: #fff; + display: none; + overflow: hidden; + margin: 0 0 10px; + padding: 20px 10px 0; + text-align: left; } -.dac-sprite.dac-unfold-more-white { - background-position: 0px -378px; - height: 24px; - width: 24px; } +.dac-tab-item.dac-active { + background: #fff; } -.dac-sprite.dac-unfold-more { - background-position: 0px -300px; - height: 24px; - width: 24px; } +.dac-tab-item.dac-active .dac-tab-arrow { + -webkit-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); } -.dac-sprite.dac-youtube { - background-position: 0px -57px; - height: 14px; - width: 18px; } +.dac-tab-view.dac-active { + display: block; } .dac-toggle-expand { cursor: pointer; display: inline-block; } + .dac-toggle-collapse { cursor: pointer; display: none; } + .dac-toggle.is-expanded .dac-toggle-expand { display: none; } + .dac-toggle.is-expanded .dac-toggle-collapse { display: inline-block; } + .dac-toggle-content { clear: left; overflow: hidden; max-height: 0; -webkit-transition: .3s max-height; transition: .3s max-height; } + .dac-toggle.is-expanded .dac-toggle-content { max-height: none; } + .dac-toggle.dac-mobile .dac-toggle-content { max-height: none; } + @media (max-width: 719px) { .dac-toggle.dac-mobile .dac-toggle-content { max-height: 0; } .dac-toggle.is-expanded .dac-toggle-content { max-height: none; } } -.dac-visible-mobile-block, .dac-mobile-only, .dac-visible-mobile-inline, .dac-visible-mobile-inline-block, .dac-visible-tablet-block, .dac-visible-tablet-inline, .dac-visible-tablet-inline-block, .dac-visible-desktop-block, .dac-visible-desktop-inline, .dac-visible-desktop-inline-block { +/** + * Fades out an element. + * Applies visibility hidden when the transition is finished. + * + * Use opacity: 1; to show the element. + */ +.dac-visible-mobile-block, .dac-mobile-only, +.dac-visible-mobile-inline, +.dac-visible-mobile-inline-block, +.dac-visible-tablet-block, +.dac-visible-tablet-inline, +.dac-visible-tablet-inline-block, +.dac-visible-desktop-block, +.dac-visible-desktop-inline, +.dac-visible-desktop-inline-block { display: none !important; } @media (max-width: 719px) { @@ -8710,6 +9419,12 @@ $spritesheet: width height image $spritesheet-sprites; position: relative !important; } /** + * Hide from browsers/screenreaders on all sizes. + */ +.dac-hidden { + display: none !important; } + +/** * Break strings when their length exceeds the width of their container. */ .dac-text-break { @@ -8777,88 +9492,270 @@ $spritesheet: width height image $spritesheet-sprites; width: 10000px !important; } -#tb li:before, #qv li:before { - background-position: 0px -196px; - height: 24px; - width: 24px; - content: ''; - left: -8px; - opacity: .7; - position: absolute; - top: -4px; +.Video { + display: none; } -/* CHANGE EXISTING SELECTOR FOR ANDROID M HERO ONLY - REMOVE THE BELOW STYLES WHEN THE ANDROID M CAROUSEL - GRAPHIC ON THE MAIN LANDING IS TAKEN DOWN */ -.dac-hero.mprev { - background-color: #fff; - background-position: 50% 53%; - background-size: cover; - background-image: url(../../assets/images/home/android_m_hero_1200.jpg); - box-sizing: border-box; - font-size: 16px; - min-height: 550px; - padding-top: 88px; +.Video-overlay { + background-color: rgba(0, 0, 0, 0.8); + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 9999; } -.dac-hero.summit { - background-image: url(../../images/ads_hero_17@2x.jpg); +.Video-container { + width: 90vw; + height: 50.625vw; + max-height: calc(90vh - 29.25px); + max-width: calc(160vh - 52px); + margin: auto; + position: fixed; + top: -52px; + right: 0; + bottom: 0; + left: 0; + z-index: 9999; } -.dac-hero.dac-darken.mprev::before { - background: rgba(0, 0, 0, 0.3); +@media (min-width: 1422.22222222px) and (min-height: 800px) { + .Video-container { + width: 1280px; + height: 720px; + } +} + +.Video-controls { + background: #28655F; + height: 52px; + margin: 0 auto; + position: relative; + box-shadow: 2px 3px 12px 0px rgba(0, 0, 0, 0.4); +} + +.Video-frame { + position: relative; + height: 100%; + background: black; + box-shadow: 2px 3px 12px 0px rgba(0, 0, 0, 0.4); +} + +.Video-loading { + color: rgba(255, 255, 255, 0.35); + font-size: 16px; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +#youTubePlayer { + max-height: 720px; + position: absolute; + top: 0; + right: 0; bottom: 0; - content: ''; - display: block; left: 0; + width: 100%; + height: 100%; +} + +.Video-button { + background-color: transparent; + border: none; + display: inline-block; + height: 100%; + width: 52px; + outline: none; + cursor: pointer; + -webkit-transition: opacity 200ms; + transition: opacity 200ms; +} + +.Video-button:hover { + opacity: 0.8; +} + +.Video-button--picture-in-picture { + background-position: 0px -461px; + height: 24px; + width: 24px; + display: none; position: absolute; - right: 0; - top: 0; + right: 64px; + top: 14px; } -.dac-hero.dac-darken.mprev::before { - background: -webkit-linear-gradient(top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05), #000 950px); - background: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0.05), #000 950px); +.Video-button--close { + background-position: 0px -435px; + height: 24px; + width: 24px; + position: absolute; + right: 14px; + top: 14px; } -@media (max-width: 719px) { +@media (min-width: 720px) { + .Video--picture-in-picture .Video-overlay { + display: none; + } - .dac-hero.dac-darken.mprev { - background-size: auto 600px; - background-position: 55% 0; - background-repeat: no-repeat; + .Video--picture-in-picture .Video-container { + top: auto; + left: auto; + bottom: 20px; + right: 20px; + width: 40%; + max-width: 420px; + height: auto; } - .dac-hero-figure.mprev { - height: 10px; - margin: 15px 0; + .Video--picture-in-picture .Video-button--picture-in-picture { + background-position: 0px -409px; + height: 24px; + width: 24px; + } + + .Video--picture-in-picture .Video-frame { + padding-bottom: 56.25%; + } + + .Video-button--picture-in-picture { + display: inline-block; } } -@media (max-width: 719px) { +a.video-shadowbox-button.white { + padding: 16px 42px 16px 8px; + font-size: 18px; + font-weight: 500; + line-height: 24px; + color: #fff; + text-decoration: none; +} - .dac-hero.dac-darken.mprev { - background-size: auto 600px; - background-position: 55% 0; - background-repeat: no-repeat; +a.video-shadowbox-button.white::after { + content: ''; + background-position: 0px -847px; + height: 36px; + width: 36px; +} + +a.video-shadowbox-button.white:hover { + color: #bababa !important; +} + +a.video-shadowbox-button.white:hover::after { + background-position: 0px -733px; + height: 36px; + width: 36px; +} + +#video-frame, #video-container { + display: none; +} + +@media (max-width: 720px) { + .wide-table { + overflow-x: auto; } - .dac-hero-figure.mprev { - height: 10px; - margin: 15px 0; + .wide-table table { + display: inline-table; + margin-right: 0; } } -@media (max-width: 1200px) { +/* New CSS that isn't part of a component */ +.paging-links { + box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2); + margin: 30px 0; + padding: 0 40px; + /* Start class link doesn't have a caption */ } - .dac-hero.dac-darken.mprev { - background-size: auto 700px; - background-position: 55% 0; - background-repeat: no-repeat; +.paging-links .start-class-link, .paging-links .next-class-link, .paging-links .prev-page-link, .paging-links .next-page-link { + font-size: 20px; + font-weight: 500; + display: inline-block; + width: calc(50% - 2px); + position: relative; + padding: 46px 0 36px 0; +} + +@media (max-width: 719px) { + .paging-links .start-class-link, .paging-links .next-class-link, .paging-links .prev-page-link, .paging-links .next-page-link { + width: 100%; } +} - .dac-hero-cta.mprev { - white-space:nowrap; +.paging-links .start-class-link { + padding: 36px 0; +} + +.paging-links .start-class-link, .paging-links .next-class-link { + text-align: center; + width: 100%; +} + +.paging-links .prev-page-link .page-link-caption { + left: 0; +} + +.paging-links .prev-page-link:before { + content: ''; + left: -24px; + position: absolute; + bottom: 41px; +} + +@media (max-width: 719px) { + .paging-links .prev-page-link { + display: none; } -} \ No newline at end of file +} + +.paging-links .next-page-link, .paging-links .next-class-link { + text-align: right; +} + +.paging-links .next-page-link .page-link-caption, .paging-links .next-class-link .page-link-caption { + right: 0; +} + +.paging-links .next-page-link:before, .paging-links .next-class-link:before { + content: ''; + right: -24px; + position: absolute; + bottom: 41px; +} + +.paging-links .start-class-link:after { + content: ''; + right: -12px; + position: relative; + bottom: 3px; +} + +.paging-links .page-link-caption { + position: absolute; + top: 26px; + font-size: 14px; + font-weight: 700; + opacity: 0.54; +} + +#tb li:before, +#qv li:before { + background-position: 0px -669px; + height: 24px; + width: 24px; + content: ''; + left: -8px; + opacity: .7; + position: absolute; + top: -4px; +} diff --git a/tools/droiddoc/templates-sdk-dev/assets/images/android_logo.png b/tools/droiddoc/templates-sdk-dev/assets/images/android_logo.png index 5f19215cf2829c8c4142d4cdff20da186a00a4de..53f59c69ec8ee2bbce958bbf501e9ceba30f7fb5 100644 GIT binary patch delta 3091 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 hK3PRc#v=a%0A4(=-*bfH{tN&B002ovPDHLkV1i1fy#@dP delta 488 zcmV3%FNve=4 zl->Z-nN;2Y|6G70cmz915jF)+gADMVk<6GGzDnF>zu#l_Ef0c3{>lqL{0z`IwC6Kf zJ^=V@?-Ae#OfTVJ9yI0N$chnV34;J|=>;M;{sL z3uYJ+m3pL9<9{pwF05Y2%x6N4@|Y>9p$^d0@v4&5kPV{cr2tni0!ovPk=$mVPT(wd z{`!I2FbVB ztQr<$;wvZ-zpaX+*OGyq27YVyP*la!ScdkyBVutGuxZsrUFk090R9C)aj;x4xXu8m eA69ikMn&H~wyR^01!8Uh0000>Xu zn-OLG`u+L)=l49X_w)Yy{d(T>&I(^MDqFt_@)lCaF_!f-wc zdgFM$q8S#;4hB6vGOoVDc+!*qD^k9ARrvNCun- z@4Bvn87MQQkV{SncU-bfu|a%8o8OM2kc}3vxiBy3YeAz zGDfx@hM=|yv=7r$)dLtckg<%95d&mlz`0LA;1P(<16;6Gd!%6 zLZH1Px%GkklHb*J^9iX` z;pVLEf!}}a=oO_AXJ*#d)~1cS5soecw&54(&O7b4=l6d{sGl7leSN?`K(3fS0r6DqqtMu; z+scx}DXHd?BB=G!goLF_mfgBb`pZOw-Y%$pQ5Y%KGirGx_;OF{+@Meh zU_FeU`U7xVS5OKy(4f@|!vLULh=bSaa21usIF7hn4 z)j;+cuHI5(oVpQ7EK}x;)_+O$*)2#mFO{`0|8u}wPK{)xqK(g$o^-RRn#f+6_V4Ua z`R@BNQaxRWy6X}Y8FvTk_^YTZdpK)vR*|+O9NitM3npX4>9tcRkp&}oU9RdF+L_v! zPaBr;atkUj%u-;KDM+I&J4N_2%1qu0H#7Y1W_Oj7jk7b95SV04Ws;^3i$``V3o<4k zk8}S?m2QgHm~xm7RriH42qak2Sjxd!Rn1=Tp5$XKY1!c zQLIKL#nmq}zi@i8c^=<;^F64UVIlLXdG=@9vB6D)@7do;4}+;`Vp*bk;jxR|Zy(k%F+3lQ-T)JFe8#_1w{+K0wfHKoKQ#g|gE{!U$D5+Sipt3oz z8APR)-?qkt*XY~GTd$T=jAvEaRN!xHTXR{X%hk%_D$r%VD6Q8K_U8%Y_Fbl37Rc9@ zg>`pUTYGq^?s7CdlHl{Esf_&xr`RoAH#GD3A-pB$oTnv8qoTY>1u1VVZ`)vX@XSLC zx|-vE@;u0#Vnehv`ye85k$F#SMU1ON!IUWL?&OWB$jZ*Lt2C^%tTfneQ>xi1#h0|{ zwb-BHXmxsxMVv$o(5b^$@Eg`M)(fSSrL1Nesz)_a72d^MMJ>9)A0CwM<`lfYjV&%ND#&i`V7W&65Mf*FSl-ry7ng%Vpd<*WxEFm!hmu{D#m!qH*D+EE4Cg5~%jwGiip^y1Kq-d$m zx&Nx4+0jWZBB0T?OJ_R=aVz*0s?{*I9O=GWej!D}orf`{tmRUS5~^7kZPR%3 z>(Bnxp@)~TCJXH|1q-E6hII0DqWPsql}6*IkxuZd=KF?lv(TqM(pwcn1V73bORN*4 zMat7!O=(OQ@>L61^B(g0$Z4py$woa*PxD7q@R?;0&|Bzl9uEhr++*r5K0ZillD?V= z?e}g-tGZ$@Nl8GId`CHmPQjs=dbGQ($A_VW0hO%E0`Z}pPYnZeY0A&{UR>@lb}}wM zB^1Y+*h=!)eQT@oQmI$>51FG}Ww|0Ady~9M{aqpf?lWOgxnrAM6VWCdYUYi*-7yf^ z(FpP0rm~@2j|tzNpW3-)VJB_B)addj7SE;0l8{)#Jja&Jf|(Ybf3(hpiSr%!kURhE zZFyxk(QU+I%wzN0qGW+1ZB|A0w`|%6G&8erX_juj-8uTDHz%DvBs$j;ML-f?eNcbb z>R#GEJfxy}!Wk1xwN> z(bznB-m@a$ryH`ic}%f%e3eFZ_F-~Z)iU(UwTC=t9%(N`-hQ5bzIEQIqpM@H#V5_t z$*slEGlRKnbk7yk?L&+YQ2qC2HzU7fp!Y|T@tOGW2&v!m&T}sbVVI4(!%JRtzI)B| zLCa%$mq{CHt!l$g`|pDG>*v;)Y~R`Dy-~g6vlXA*cS4W^>T8eKt*Gr?I6_m_~Y@>66-=lfXMmqV9QLf$ZmD3MeChI?H!#N z(8a985|iImt>?l2WNLN@{)4^0N%TXR%QT% z3ITwP0^s-M-`)h^9~l6)oB>eH0f5c->79@I06;E{bahaVW`E=_KZ(?)kGa-EBHFQy zt!$sh-F!KPN962hI2Tijwi|Bqgi?&2=uw2{rxr zTN&8DD-8GR!IzSPHxn6Yml*FK`;u5}|5?HED z`?Y0t3!`Tf=IKALiz`sIS{873a1tg_Z>_x$TFz?R41v&!nH!qnG`>wm)G$wbvG8Bn z0Vr!VXBsVsk#v$60q~JqjQ8K-`(Ds9sx}Sm`gqnWQdqk(*5(~Cy)4ruY);~9ImX3Q z;-|uNV~MXLCai!wtd~*k>v&ylzuHZ=s}pKj(-66|dNlMfB}Oj|z_9<1MP}`zm6nNX ziIu?;XZIv#{b|%HSRLSd>*i&Pb^r1dMKdX-L|)U#Vg_m=^m#H_{sh^R!DM5>X`8C5 z;Zs1u`#%H%o6ZY(oiAHb5lgIw{g~?H6Ve*?OEBRzB7 J8iaG?e*p1=4kG{n delta 838 zcmV-M1G)Uv8QcbtBYy)UNkl~i0M0nKa~_OHqM9{08}qA_$3U?D5c#&>*Cfmmq-_2!&k3WJOB{TWW!eyxttB?U3cPj zjrz|)gs^wriJkMf1jk9#ybHGeRDJsdbeZUHUuCu%9Dj*g06@$k1LtKQVPLkM&fmNI zEIQ2u?@i;Bz?Ds(iKc^(7b5`ZjgPHzui}1p0Or!q5YW6gjZ*-zRq`B8U4V&CT;e5g z)lj<&oQ;nn28j$rt`NArTszoOy9F#j`*mZbanVxSfNWK_5x8h^83PU+Vx>8#8z{OK z_#b)m27h=wZ=5F+p=?=up5Jn2U`Q!-i%ZYm__%z2s>ERLvQ{mo5HKn3w-XR?z>{9m z*;$`_S!`-q8IZYEwW@1!z@;m)O~j@alY8UYlNPCynAgCjmN!2S@CIlL(8e2}EkGM@ zfVKc_yaCz*wDAUL3(&?Jpe;ZfZ-BM{ZM*^60)Mpe251Y=#v7n5KpSs>wg7D&4@Q7z z@7Vn7{Y}EAmdAsUl)4O*-nYxHrgr5dt{0nHRt5}O7q^tsZqdE$KvCpg?rULFOYLiN zn|?a{Qd|bXkwdIBqq>2$4QQnEw#$PB8D&~(A^w+{mvoJ)=IRn#7e5cs7NCtcKwE$| z-ai0s0or&2v;}D64bT>#jW<9#q07#a#;%mO0WLdB8oN^B2Dt1jY3xcp0C;y^tg-Bb QdjJ3c07*qoM6N<$g7m(LLjV8( diff --git a/tools/droiddoc/templates-sdk-dev/assets/images/play-circle-grey.png b/tools/droiddoc/templates-sdk-dev/assets/images/play-circle-grey.png deleted file mode 100644 index 5e7e7ba694be5c37d5a43d3d710e4fd70832995b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 880 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 b(rx({hW|1b`cl_z00000NkvXXu0mjfhz2h@ diff --git a/tools/droiddoc/templates-sdk-dev/assets/images/sprite.png b/tools/droiddoc/templates-sdk-dev/assets/images/sprite.png index 7fef43e754b72f333119a569369cbb3ca14883d0..562b23cd9a98f8c54181c8e45aa1760ef7596be5 100644 GIT binary patch literal 4928 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 LNkvXXu0mjfIsVQ% diff --git a/tools/droiddoc/templates-sdk-dev/assets/images/sprite@2x.png b/tools/droiddoc/templates-sdk-dev/assets/images/sprite@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..2019e0282d0f5d83e70c5550b29f9eb4d122679d GIT binary patch literal 11545 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 literal 0 HcmV?d00001 diff --git a/tools/droiddoc/templates-sdk-dev/assets/js/android_3p-bundle.js b/tools/droiddoc/templates-sdk-dev/assets/js/android_3p-bundle.js index a67b5b0d8..70d6c2f0a 100644 --- a/tools/droiddoc/templates-sdk-dev/assets/js/android_3p-bundle.js +++ b/tools/droiddoc/templates-sdk-dev/assets/js/android_3p-bundle.js @@ -2763,4 +2763,10 @@ jQuery.effects||function(a,b){function c(b){var c;return b&&b.constructor==Array * https://github.com/jquery/jquery-ui * Includes: jquery.effects.transfer.js * Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */ -(function(a,b){a.effects.transfer=function(b){return this.queue(function(){var c=a(this),d=a(b.options.to),e=d.offset(),f={top:e.top,left:e.left,height:d.innerHeight(),width:d.innerWidth()},g=c.offset(),h=a('
').appendTo(document.body).addClass(b.options.className).css({top:g.top,left:g.left,height:c.innerHeight(),width:c.innerWidth(),position:"absolute"}).animate(f,b.duration,b.options.easing,function(){h.remove(),b.callback&&b.callback.apply(c[0],arguments),c.dequeue()})})}})(jQuery);; \ No newline at end of file +(function(a,b){a.effects.transfer=function(b){return this.queue(function(){var c=a(this),d=a(b.options.to),e=d.offset(),f={top:e.top,left:e.left,height:d.innerHeight(),width:d.innerWidth()},g=c.offset(),h=a('
').appendTo(document.body).addClass(b.options.className).css({top:g.top,left:g.left,height:c.innerHeight(),width:c.innerWidth(),position:"absolute"}).animate(f,b.duration,b.options.easing,function(){h.remove(),b.callback&&b.callback.apply(c[0],arguments),c.dequeue()})})}})(jQuery);; +/*! (c) 2012 Airbnb, Inc. +* +* polyglot.js 0.4.3 may be freely distributed under the terms of the BSD +* license. For all licensing information, details, and documention: +* http://airbnb.github.com/polyglot.js */ +(function(e,t){typeof define=="function"&&define.amd?define([],function(){return t(e)}):typeof exports=="object"?module.exports=t(e):e.Polyglot=t(e)})(this,function(e){"use strict";function t(e){e=e||{},this.phrases={},this.extend(e.phrases||{}),this.currentLocale=e.locale||"en",this.allowMissing=!!e.allowMissing,this.warn=e.warn||c}function s(e){var t,n,r,i={};for(t in e)if(e.hasOwnProperty(t)){n=e[t];for(r in n)i[n[r]]=t}return i}function o(e){var t=/^\s+|\s+$/g;return e.replace(t,"")}function u(e,t,r){var i,s,u;return r!=null&&e?(s=e.split(n),u=s[f(t,r)]||s[0],i=o(u)):i=e,i}function a(e){var t=s(i);return t[e]||t.en}function f(e,t){return r[a(e)](t)}function l(e,t){for(var n in t)n!=="_"&&t.hasOwnProperty(n)&&(e=e.replace(new RegExp("%\\{"+n+"\\}","g"),t[n]));return e}function c(t){e.console&&e.console.warn&&e.console.warn("WARNING: "+t)}function h(e){var t={};for(var n in e)t[n]=e[n];return t}t.VERSION="0.4.3",t.prototype.locale=function(e){return e&&(this.currentLocale=e),this.currentLocale},t.prototype.extend=function(e,t){var n;for(var r in e)e.hasOwnProperty(r)&&(n=e[r],t&&(r=t+"."+r),typeof n=="object"?this.extend(n,r):this.phrases[r]=n)},t.prototype.clear=function(){this.phrases={}},t.prototype.replace=function(e){this.clear(),this.extend(e)},t.prototype.t=function(e,t){var n,r;return t=t==null?{}:t,typeof t=="number"&&(t={smart_count:t}),typeof this.phrases[e]=="string"?n=this.phrases[e]:typeof t._=="string"?n=t._:this.allowMissing?n=e:(this.warn('Missing translation for key: "'+e+'"'),r=e),typeof n=="string"&&(t=h(t),r=u(n,this.currentLocale,t.smart_count),r=l(r,t)),r},t.prototype.has=function(e){return e in this.phrases};var n="||||",r={chinese:function(e){return 0},german:function(e){return e!==1?1:0},french:function(e){return e>1?1:0},russian:function(e){return e%10===1&&e%100!==11?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2},czech:function(e){return e===1?0:e>=2&&e<=4?1:2},polish:function(e){return e===1?0:e%10>=2&&e%10<=4&&(e%100<10||e%100>=20)?1:2},icelandic:function(e){return e%10!==1||e%100===11?1:0}},i={chinese:["fa","id","ja","ko","lo","ms","th","tr","zh"],german:["da","de","en","es","fi","el","he","hu","it","nl","no","pt","sv"],french:["fr","tl","pt-br"],russian:["hr","ru"],czech:["cs"],polish:["pl"],icelandic:["is"]};return t}); diff --git a/tools/droiddoc/templates-sdk-dev/assets/js/docs.js b/tools/droiddoc/templates-sdk-dev/assets/js/docs.js index c30284ba0..21dec5475 100644 --- a/tools/droiddoc/templates-sdk-dev/assets/js/docs.js +++ b/tools/droiddoc/templates-sdk-dev/assets/js/docs.js @@ -1,16 +1,9 @@ -var classesNav; -var devdocNav; -var sidenav; var cookie_namespace = 'android_developer'; -var NAV_PREF_TREE = "tree"; -var NAV_PREF_PANELS = "panels"; -var nav_pref; var isMobile = false; // true if mobile, so we can adjust some layout var mPagePath; // initialized in ready() function var basePath = getBaseUri(location.pathname); -var SITE_ROOT = toRoot + basePath.substring(1,basePath.indexOf("/",1)); -var GOOGLE_DATA; // combined data for google service apis, used for search suggest +var SITE_ROOT = toRoot + basePath.substring(1, basePath.indexOf("/", 1)); // Ensure that all ajax getScript() requests allow caching $.ajaxSetup({ @@ -21,102 +14,11 @@ $.ajaxSetup({ $(document).ready(function() { - // show lang dialog if the URL includes /intl/ - //if (location.pathname.substring(0,6) == "/intl/") { - // var lang = location.pathname.split('/')[2]; - // if (lang != getLangPref()) { - // $("#langMessage a.yes").attr("onclick","changeLangPref('" + lang - // + "', true); $('#langMessage').hide(); return false;"); - // $("#langMessage .lang." + lang).show(); - // $("#langMessage").show(); - // } - //} - - // load json file for JD doc search suggestions - $.getScript(toRoot + 'jd_lists_unified.js'); - // load json file for Android API search suggestions - $.getScript(toRoot + 'reference/lists.js'); - // load json files for Google services API suggestions - $.getScript(toRoot + 'reference/gcm_lists.js', function(data, textStatus, jqxhr) { - // once the GCM json (GCM_DATA) is loaded, load the GMS json (GMS_DATA) and merge the data - if(jqxhr.status === 200) { - $.getScript(toRoot + 'reference/gms_lists.js', function(data, textStatus, jqxhr) { - if(jqxhr.status === 200) { - // combine GCM and GMS data - GOOGLE_DATA = GMS_DATA; - var start = GOOGLE_DATA.length; - for (var i=0; i= 720) { - $('.scroll-pane').jScrollPane({verticalGutter: 0}); - } - - // set up the search close button - $('#search-close').on('click touchend', function() { - $searchInput = $('#search_autocomplete'); - $searchInput.attr('value', ''); - $(this).addClass("hide"); - $("#search-container").removeClass('active'); - $("#search_autocomplete").blur(); - search_focus_changed($searchInput.get(), false); - hideResults(); - }); - - - //Set up search - $("#search_autocomplete").focus(function() { - $("#search-container").addClass('active'); - }) - $("#search-container").on('mouseover touchend', function(e) { - if ($(e.target).is('#search-close')) { return; } - $("#search-container").addClass('active'); - $("#search_autocomplete").focus(); - }) - $("#search-container").mouseout(function() { - if ($("#search_autocomplete").is(":focus")) return; - if ($("#search_autocomplete").val() == '') { - setTimeout(function(){ - $("#search-container").removeClass('active'); - $("#search_autocomplete").blur(); - },250); - } - }) - $("#search_autocomplete").blur(function() { - if ($("#search_autocomplete").val() == '') { - $("#search-container").removeClass('active'); - } - }) - - // prep nav expandos var pagePath = document.location.pathname; // account for intl docs by removing the intl/*/ path if (pagePath.indexOf("/intl/") == 0) { - pagePath = pagePath.substr(pagePath.indexOf("/",6)); // start after intl/ to get last / + pagePath = pagePath.substr(pagePath.indexOf("/", 6)); // start after intl/ to get last / } if (pagePath.indexOf(SITE_ROOT) == 0) { @@ -147,95 +49,10 @@ $(document).ready(function() { // Otherwise the page path is already an absolute URL } - // Highlight the header tabs... - // highlight Design tab - var urlSegments = pagePathOriginal.split('/'); - var navEl = $(".dac-nav-list"); - var subNavEl = navEl.find(".dac-nav-secondary"); - var parentNavEl; - - if ($("body").hasClass("design")) { - navEl.find("> li.design > a").addClass("selected"); - // highlight About tabs - } else if ($("body").hasClass("about")) { - if (urlSegments[1] == "about" || urlSegments[1] == "wear" || urlSegments[1] == "tv" || urlSegments[1] == "auto") { - navEl.find("> li.home > a").addClass('has-subnav'); - subNavEl.find("li." + urlSegments[1] + " > a").addClass("selected"); - } else { - navEl.find("> li.home > a").addClass('selected'); - } - -// highlight NDK tabs - } else if ($("body").hasClass("ndk")) { - parentNavEl = navEl.find("> li.ndk > a"); - parentNavEl.addClass('has-subnav'); - if ($("body").hasClass("guide")) { - navEl.find("> li.guides > a").addClass("selected ndk"); - } else if ($("body").hasClass("reference")) { - navEl.find("> li.reference > a").addClass("selected ndk"); - } else if ($("body").hasClass("samples")) { - navEl.find("> li.samples > a").addClass("selected ndk"); - } else if ($("body").hasClass("downloads")) { - navEl.find("> li.downloads > a").addClass("selected ndk"); - } - - // highlight Develop tab - } else if ($("body").hasClass("develop") || $("body").hasClass("google")) { - parentNavEl = navEl.find("> li.develop > a"); - parentNavEl.addClass('has-subnav'); - - // In Develop docs, also highlight appropriate sub-tab - if (urlSegments[1] == "training") { - subNavEl.find("li.training > a").addClass("selected"); - } else if (urlSegments[1] == "guide") { - subNavEl.find("li.guide > a").addClass("selected"); - } else if (urlSegments[1] == "reference") { - // If the root is reference, but page is also part of Google Services, select Google - if ($("body").hasClass("google")) { - subNavEl.find("li.google > a").addClass("selected"); - } else { - subNavEl.find("li.reference > a").addClass("selected"); - } - } else if ((urlSegments[1] == "tools") || (urlSegments[1] == "sdk")) { - subNavEl.find("li.tools > a").addClass("selected"); - } else if ($("body").hasClass("google")) { - subNavEl.find("li.google > a").addClass("selected"); - } else if ($("body").hasClass("samples")) { - subNavEl.find("li.samples > a").addClass("selected"); - } else { - parentNavEl.removeClass('has-subnav').addClass("selected"); - } - // highlight Distribute tab - } else if ($("body").hasClass("distribute")) { - parentNavEl = navEl.find("> li.distribute > a"); - parentNavEl.addClass('has-subnav'); - - if (urlSegments[2] == "users") { - subNavEl.find("li.users > a").addClass("selected"); - } else if (urlSegments[2] == "engage") { - subNavEl.find("li.engage > a").addClass("selected"); - } else if (urlSegments[2] == "monetize") { - subNavEl.find("li.monetize > a").addClass("selected"); - } else if (urlSegments[2] == "analyze") { - subNavEl.find("li.analyze > a").addClass("selected"); - } else if (urlSegments[2] == "tools") { - subNavEl.find("li.essentials > a").addClass("selected"); - } else if (urlSegments[2] == "stories") { - subNavEl.find("li.stories > a").addClass("selected"); - } else if (urlSegments[2] == "essentials") { - subNavEl.find("li.essentials > a").addClass("selected"); - } else if (urlSegments[2] == "googleplay") { - subNavEl.find("li.googleplay > a").addClass("selected"); - } else { - parentNavEl.removeClass('has-subnav').addClass("selected"); - } - } - // set global variable so we can highlight the sidenav a bit later (such as for google reference) // and highlight the sidenav mPagePath = pagePath; highlightSidenav(); - buildBreadcrumbs(); // set up prev/next links if they exist var $selNavLink = $('#nav').find('a[href="' + pagePath + '"]'); @@ -264,8 +81,8 @@ false; // navigate across topic boundaries only in design docs // except if cross boundaries aren't allowed, and we're at the top of a section already // (and there's another parent) - if (!crossBoundaries && $parentListItem.hasClass('nav-section') - && $selListItem.hasClass('nav-section')) { + if (!crossBoundaries && $parentListItem.hasClass('nav-section') && + $selListItem.hasClass('nav-section')) { $prevLink = []; } } @@ -280,7 +97,7 @@ false; // navigate across topic boundaries only in design docs $nextLink = $selListItem.find('ul:eq(0)').find('a:eq(0)'); // if there aren't any children, go to the next section (required for About pages) - if($nextLink.length == 0) { + if ($nextLink.length == 0) { $nextLink = $selListItem.next('li').find('a'); } else if ($('.topic-start-link').length) { // as long as there's a child link and there is a "topic start link" (we're on a landing) @@ -304,7 +121,7 @@ false; // navigate across topic boundaries only in design docs $nextLink = $selListItem.parents('li:eq(1)').next('li.nav-section').find('a:eq(0)'); if ($nextLink.length == 0) { // if that doesn't work, we're at the end of the list, so disable NEXT link - $('.next-page-link').attr('href','').addClass("disabled") + $('.next-page-link').attr('href', '').addClass("disabled") .click(function() { return false; }); // and completely hide the one in the footer $('.content-footer .next-page-link').hide(); @@ -323,22 +140,27 @@ false; // navigate across topic boundaries only in design docs } } else if (isCrossingBoundary && !$('body.design').length) { // Design always crosses boundaries $('.content-footer.next-class').show(); - $('.next-page-link').attr('href','') + $('.next-page-link').attr('href', '') .removeClass("hide").addClass("disabled") .click(function() { return false; }); // and completely hide the one in the footer $('.content-footer .next-page-link').hide(); + $('.content-footer .prev-page-link').hide(); + if ($nextLink.length) { - $('.next-class-link').attr('href',$nextLink.attr('href')) - .removeClass("hide") - .append(": " + $nextLink.html()); + $('.next-class-link').attr('href', $nextLink.attr('href')) + .removeClass("hide"); + + $('.content-footer .next-class-link').append($nextLink.html()); + $('.next-class-link').find('.new').empty(); } } else { $('.next-page-link').attr('href', $nextLink.attr('href')) .removeClass("hide"); - // for the footer link, also add the next page title - $('.content-footer .next-page-link').append(": " + $nextLink.html()); + // for the footer link, also add the previous and next page titles + $('.content-footer .prev-page-link').append($prevLink.html()); + $('.content-footer .next-page-link').append($nextLink.html()); } if (!startClass && $prevLink.length) { @@ -352,8 +174,6 @@ false; // navigate across topic boundaries only in design docs } - - // Set up the course landing pages for Training with class names and descriptions if ($('body.trainingcourse').length) { var $classLinks = $selListItem.find('ul li a').not('#nav .nav-section .nav-section ul a'); @@ -380,7 +200,7 @@ false; // navigate across topic boundaries only in design docs var $liLesson; $classLinks.each(function(index) { $liClass = $('
  • '); - $h2Title = $('

    ' + $(this).html()+'

    '); + $h2Title = $('

    ' + $(this).html() + '

    '); $pSummary = $('

    ' + $classDescriptions[index] + '

    '); $olLessons = $('
      '); @@ -389,7 +209,7 @@ false; // navigate across topic boundaries only in design docs if ($lessons.length) { $lessons.each(function(index) { - $olLessons.append('
    1. ' + $(this).html()+'
      2. '); + $olLessons.append('
    2. ' + $(this).html() + '
      3. '); }); } else { $pSummary.addClass('article'); @@ -398,35 +218,14 @@ false; // navigate across topic boundaries only in design docs $liClass.append($h2Title).append($pSummary).append($olLessons); $olClasses.append($liClass); }); - $('.jd-descr').append($olClasses); + $('#classes').append($olClasses); } // Set up expand/collapse behavior initExpandableNavItems("#nav"); - - $(".scroll-pane").scroll(function(event) { - event.preventDefault(); - return false; - }); - - /* Resize nav height when window height changes */ - $(window).resize(function() { - if ($('#side-nav').length == 0) return; - setNavBarDimensions(); // do this even if sidenav isn't fixed because it could become fixed - // make sidenav behave when resizing the window and side-scolling is a concern - updateSideNavDimensions(); - checkSticky(); - resizeNav(250); - }); - - if ($('#devdoc-nav').length) { - setNavBarDimensions(); - } - - // Set up play-on-hover