| <style include="cr-hidden-style settings-shared"> |
| #overscroll { |
| margin-top: 64px; |
| } |
| |
| .showing-subpage ~ #overscroll { |
| display: none; |
| } |
| |
| #noSearchResults { |
| margin-top: 80px; |
| text-align: center; |
| } |
| |
| #noSearchResults div:first-child { |
| font-size: 123%; /* Should be 16px when 100% is 13px. */ |
| margin-bottom: 10px; |
| } |
| |
| managed-footnote { |
| border-top: none; |
| /* margin-bottom is needed to compensate for the next element's 21px |
| * margin at the top and 8px padding at the top. This leaves a 12px |
| * padding between this element's content and the top of the next |
| * element's text. */ |
| margin-bottom: calc(-21px - 8px); |
| padding-bottom: 16px; |
| padding-top: 12px; |
| /* The next element spills over this element. This ensures the link |
| * is clickable. */ |
| position: relative; |
| z-index: 1; |
| } |
| </style> |
| <template is="dom-if" |
| if="[[showManagedHeader_(showingSubpage_, showPages_.about)]]"> |
| <managed-footnote show-device-info></managed-footnote> |
| </template> |
| <template is="dom-if" if="[[showPages_.settings]]"> |
| <os-settings-page |
| class="cr-centered-card-container" |
| prefs="{{prefs}}" |
| page-availability="[[pageAvailability]]" |
| show-android-apps="[[showAndroidApps]]" |
| show-arcvm-manage-usb="[[showArcvmManageUsb]]"; |
| show-plugin-vm="[[showPluginVm]]" |
| have-play-store-app="[[havePlayStoreApp]]" |
| on-showing-section="onShowingSection_" |
| on-subpage-expand="onShowingSubpage_" |
| on-showing-main-page="onShowingMainPage_" |
| advanced-toggle-expanded="{{advancedToggleExpanded}}"> |
| </os-settings-page> |
| </template> |
| <template is="dom-if" if="[[showPages_.about]]"> |
| <os-settings-about-page role="main" |
| class="cr-centered-card-container" |
| on-subpage-expand="onShowingSubpage_" |
| on-showing-section="onShowingSection_" |
| on-showing-main-page="onShowingMainPage_" |
| prefs="{{prefs}}"> |
| </os-settings-about-page> |
| </template> |
| <div id="overscroll" style="padding-bottom: [[overscroll_]]px"></div> |