/** * Menus and lists. */ .item-list ul { list-style-type: disc; list-style-image: none; margin: 0.25em 0 0.25em 1.5em; /* LTR */ } [dir="rtl"] .item-list ul { margin: 0.25em 1.5em 0.25em 0; } .item-list ul li, li.leaf, ul.menu li { list-style-type: disc; list-style-image: none; } ul.menu li { margin: 0; } .item-list ul li.collapsed, ul.menu li.collapsed { list-style-image: url(../../misc/menu-collapsed.png); list-style-type: disc; } .item-list ul li.expanded, ul.menu li.expanded { list-style-image: url(../../misc/menu-expanded.png); list-style-type: circle; } /** * Skip link. */ .skip-link { margin-top: 0; position: absolute; left: 50%; /* LTR */ margin-left: -5.25em; /* LTR */ width: auto; z-index: 50; } [dir="rtl"] .skip-link { right: 50%; margin-right: -5.25em; } .skip-link, .skip-link:link, .skip-link:visited { display: inline-block; background: #444; color: #fff; font-size: 0.94em; padding: 1px 10px 2px 10px; /* LTR */ text-decoration: none; border-radius: 0 0 10px 10px; } [dir="rtl"] .skip-link, [dir="rtl"] .skip-link:link, [dir="rtl"] .skip-link:visited { padding: 1px 10px 2px 10px; } .skip-link:hover, .skip-link:focus, .skip-link:active { outline: 0; } .skip-link.visually-hidden.focusable:active, .skip-link.visually-hidden.focusable:focus, .skip-link.visually-hidden.focusable:hover { position: absolute !important; } /** * Branding. */ #branding { overflow: hidden; background-color: #e0e0d8; padding: 24px 0 0; } /* This layout styling is a copy of #page. * @TODO: Replace with reuseable layout classes. **/ .branding__inner { margin-left: 1.25em; margin-right: 1.25em; } @media screen and (min-width:45em) { /* 720px */ .branding__inner { margin-left: 2.5em; margin-right: 2.5em; } } [dir="rtl"] #branding { padding: 20px 20px 0 20px; } .breadcrumb { font-size: 0.846em; line-height: 1em; padding: 20px 0 10px 0; } /** * Help. */ #help { font-size: 0.923em; } #help p { margin: 0 0 10px; } #help div.more-help-link { text-align: right; /* LTR */ } [dir="rtl"] #help div.more-help-link { text-align: left; } /** * Page title. */ #page-title { padding-top: 20px; } #branding .page-title { color: #333; display: inline-block; margin: 0; font-size: 1.625em; line-height: 1.875em; font-weight: 600; -webkit-font-smoothing: antialiased; } [dir="rtl"] #branding h1.page-title { float: right; } /** * Console. */ #console { margin: 9px 0 10px; } /** * Tabs. */ .is-collapse-enabled .tabs, .is-horizontal .tabs { position: relative; } .is-collapse-enabled .tabs:before, .is-horizontal .tabs:before { content: ''; display: block; background-color: #A6A6A6; height: 1px; position: absolute; bottom: 0; left: 0; z-index: 10; right: 0; } /* Span the full width of the viewport */ .branding__inner .is-horizontal .tabs:before, .branding__inner .is-collapse-enabled .tabs:before { left: -2.5em; right: -2.5em; } /** * Tab * * 1. Required by some elements such as