UNPKG

confluence-to-markdown

Version:
1,694 lines (1,459 loc) 125 kB
@import './imports/global'; /** * RESET */ html, body, p, div, h1, h2, h3, h4, h5, h6, img, pre, form, fieldset { margin: 0; padding: 0; } ul, ol, dl { margin: 0; } img, fieldset { border: 0; } @-moz-document url-prefix() { img { font-size: 0; } img:-moz-broken { font-size: inherit; } } /* https://github.com/necolas/normalize.css */ /* Customised to remove styles for unsupported browsers */ // HTML5 display definitions // ========================================================================== // Correct `block` display not defined for `details` or `summary` in IE 9/10/11 and Firefox. // Correct `block` display not defined for `main` in IE 9/10/11. details, main, summary { display: block; } // 1. Correct `inline-block` display not defined in IE 9. // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. audio, canvas, progress, video { display: inline-block; // 1 vertical-align: baseline; // 2 } // Prevent modern browsers from displaying `audio` without controls. // Remove excess height in iOS 5 devices. audio:not([controls]) { display: none; height: 0; } // Address `[hidden]` styling not present in IE 8/9/10. // Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. [hidden], template { display: none; } // Prevent iOS defaulting to push-button which ignores many styles unless a bg image is set input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: button; } @import './imports/global'; /** * TYPOGRAPHY - 14px base font size, agnostic font stack */ body { color: @aui-text-color; font-family: @aui-font-family; font-size: @aui-font-size-medium; line-height: 1.42857142857143; } /* International Font Stacks*/ [lang|=en] { font-family: @aui-font-family; } [lang|=ja] { font-family: @aui-font-family-ja; } /* Default margins */ p, ul, ol, dl, h1, h2, h3, h4, h5, h6, blockquote, pre, form.aui, table.aui, .aui-tabs, .aui-panel, .aui-group { margin: @aui-grid 0 0 0; } /* No top margin to interfere with box padding */ p:first-child, ul:first-child, ol:first-child, dl:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, blockquote:first-child, pre:first-child, form.aui:first-child, table.aui:first-child, .aui-tabs:first-child, .aui-panel:first-child, .aui-group:first-child { margin-top: 0; } /* Headings: desired line height in px / font size = unitless line height */ h1, .aui-page-header-hero .aui-page-header-main h1, /* .aui-page-header-hero and .aui-page-header-marketing have been DEPRECATED in 5.7 */ .aui-page-header-hero .aui-page-header-main h2, .aui-page-header-marketing .aui-page-header-main h1, .aui-page-header-marketing .aui-page-header-main h2 { color: @aui-heading-xxlarge-text-color; font-size: @aui-heading-xxlarge-font-size; font-weight: @aui-heading-xxlarge-font-weight; line-height: @aui-heading-xxlarge-line-height; text-transform: @aui-heading-xxlarge-text-transform; margin: @aui-heading-xxlarge-margin-top 0 0 0; } h2 { color: @aui-heading-xlarge-text-color; font-size: @aui-heading-xlarge-font-size; font-weight: @aui-heading-xlarge-font-weight; line-height: @aui-heading-xlarge-line-height; text-transform: @aui-heading-xlarge-text-transform; margin: @aui-heading-xlarge-margin-top 0 0 0; } h3, .aui-page-header-hero .aui-page-header-main p, /* .aui-page-header-hero and .aui-page-header-marketing have been DEPRECATED in 5.7 */ .aui-page-header-marketing .aui-page-header-main p { color: @aui-heading-large-text-color; font-size: @aui-heading-large-font-size; font-weight: @aui-heading-large-font-weight; line-height: @aui-heading-large-line-height; text-transform: @aui-heading-large-text-transform; margin: @aui-heading-large-margin-top 0 0 0; } h4 { color: @aui-heading-medium-text-color; font-size: @aui-heading-medium-font-size; font-weight: @aui-heading-medium-font-weight; line-height: @aui-heading-medium-line-height; text-transform: @aui-heading-medium-text-transform; margin: @aui-heading-medium-margin-top 0 0 0; } h5 { color: @aui-heading-small-text-color; font-size: @aui-heading-small-font-size; font-weight: @aui-heading-small-font-weight; line-height: @aui-heading-small-line-height; text-transform: @aui-heading-small-text-transform; margin: @aui-heading-small-margin-top 0 0 0; } h6 { color: @aui-heading-xsmall-text-color; font-size: @aui-heading-xsmall-font-size; font-weight: @aui-heading-xsmall-font-weight; line-height: @aui-heading-xsmall-line-height; text-transform: @aui-heading-xsmall-text-transform; margin: @aui-heading-xsmall-margin-top 0 0 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /* Nice styles for using subheadings */ h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: @aui-grid; } /* Increase the margins on all headings when used in the group/item pattern ... */ .aui-group > .aui-item > h1:first-child, .aui-group > .aui-item > h2:first-child, .aui-group > .aui-item > h3:first-child, .aui-group > .aui-item > h4:first-child, .aui-group > .aui-item > h5:first-child, .aui-group > .aui-item > h6:first-child { margin-top: (@aui-grid * 2); } /* ... unless they're the first-child */ .aui-group:first-child > .aui-item > h1:first-child, .aui-group:first-child > .aui-item > h2:first-child, .aui-group:first-child > .aui-item > h3:first-child, .aui-group:first-child > .aui-item > h4:first-child, .aui-group:first-child > .aui-item > h5:first-child, .aui-group:first-child > .aui-item > h6:first-child { margin-top: 0; } /* Other typographical elements */ small { color: @aui-small-text-color; font-size: @aui-font-size-small; line-height: 1.33333333333333; } code, kbd { font-family: monospace; } var, address, dfn, cite { font-style: italic; } cite:before { content: "\2014 \2009"; } blockquote { border-left: @aui-border-width @aui-border-style @aui-border-color; color: @aui-blockquote-text-color; margin-left: (@aui-grid * 2 - 1); padding: @aui-grid (@aui-grid * 2); } blockquote > cite { display: block; margin-top: @aui-grid; } q { color: @aui-quote-text-color; } q:before { content: open-quote; } q:after { content: close-quote; } abbr { border-bottom: 1px @aui-abbr-border-color dotted; cursor: help; } @import './imports/global'; /** * PAGE LAYOUT */ .aui-header, #footer { clear: both; float: left; width: 100%; } #content { box-sizing: border-box; clear: both; position: relative; } #content:before { content: ""; clear: both; display: table; } #footer .footer-body a { color: @aui-footer-body-link-text-color; } #footer .footer-body > ul, #footer .footer-body > p { margin: @aui-grid 0 0 0; } #footer .footer-body > ul:first-child, #footer .footer-body > p:first-child { margin: 0; } #footer .footer-body > ul { display: block; font-size: 0; list-style: none; padding: 0; } #footer .footer-body > ul > li { display: inline-block; font-size: @aui-font-size-small; line-height: 1.66666666666667; padding: 0; white-space: nowrap; } #footer .footer-body > ul > li + li { margin-left: @aui-grid; } #footer .footer-body > ul > li:after { content: "\b7"; /* mid dot */ margin-left: @aui-grid; speak: none; } #footer .footer-body > ul > li:last-child:after { display: none; } /** * GROUP/ITEM */ .aui-group { display: table; box-sizing: border-box; border-spacing: 0; table-layout: fixed; width: 100%; } .aui-group > .aui-item { box-sizing: border-box; display: table-cell; margin: 0; vertical-align: top; } .aui-group > .aui-item + .aui-item { padding-left: (@aui-grid * 2); } /* defensive header allowance */ .aui-layout .aui-group > header { display: table-caption; } /* .aui-group-split: two items; alignment is left, then right (splits the layout). */ .aui-group.aui-group-split > .aui-item { text-align: right; } .aui-group.aui-group-split > .aui-item:first-child { text-align: left; } /* .aui-group-trio: three items; alignment is left, center, right */ .aui-group.aui-group-trio > .aui-item { text-align: left; } .aui-group.aui-group-trio > .aui-item + .aui-item { text-align: center; } .aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item { text-align: right; } /** * DEFAULT THEME SPACING */ #content { margin: 0; padding: 0; } /** * PAGE DESIGN */ body { background: @aui-background-color; color: @aui-text-color; } a { color: @aui-link-color; text-decoration: @aui-link-decoration; } a:focus, a:hover, a:active { text-decoration: @aui-link-decoration-active; } #footer .footer-body { color: @aui-footer-body-text-color; font-size: @aui-font-size-small; line-height: 1.66666666666667; margin: (@aui-grid * 2) 0; padding: 0 @aui-grid (@aui-grid * 2 + 1) @aui-grid; min-height: 44px; /* margin + height of image, means footer is just as high if no footer link present */ text-align: center; } /** * CONTENT PANEL */ #content > .aui-panel { background: @aui-panel-bg-color; margin: (@aui-grid * 2) 0 0 0; padding: (@aui-grid * 2); border-color: @aui-border-color; border-style: @aui-border-style; border-width: @aui-border-width 0; } #content > .aui-page-header { padding: (@aui-grid * 2); } #content > .aui-page-header + .aui-panel { margin-top: 0; } #content > .aui-page-header:first-child { margin-top: 0; } .aui-panel + .aui-panel { margin-top: (@aui-grid * 2); } /*! AUI Page Panel */ .aui-page-panel { background: @aui-panel-bg-color; border: @aui-border-width @aui-border-type @aui-border-color; border-left-width: 0; border-right-width: 0; box-sizing: border-box; clear: both; display: block; margin: (@aui-grid * 2) 0 0 0; padding: 0; position: relative; width: 100%; } .aui-page-panel-inner { border-spacing: 0; display: table; table-layout: fixed; width: 100%; } .aui-page-panel-nav, .aui-page-panel-content, .aui-page-panel-item, .aui-page-panel-sidebar { box-sizing: border-box; display: table-cell; padding: (@aui-grid * 2); vertical-align: top; } .aui-page-panel-nav { border-right: @aui-border-width @aui-border-type @aui-border-color; width: @aui-page-nav-width; } .aui-page-panel-sidebar { width: @aui-page-sidebar-width; } .aui-page-panel-item { padding: 0; } .aui-page-panel-nav ~ .aui-page-panel-sidebar { width: (@aui-page-sidebar-width - 5); } /* Page Panel Interops */ .aui-page-header + .aui-page-panel, .aui-navbar + .aui-page-panel { margin-top: 0; } .aui-navbar + .aui-page-panel { border-top: none; } .aui-page-panel-nav > .aui-nav-vertical { margin-left: -(@aui-grid); margin-right: -(@aui-grid); } /** * Page variations */ .aui-page-focused .aui-page-header, .aui-page-focused .aui-page-panel, .aui-page-focused #footer .footer-body, .aui-page-notification .aui-page-header, .aui-page-notification .aui-page-panel, .aui-page-notification #footer .footer-body, .aui-page-fixed .aui-header-inner, .aui-page-fixed .aui-page-header-inner, .aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner, .aui-page-fixed .aui-page-panel-inner, .aui-page-fixed #footer .footer-body, .aui-page-hybrid .aui-page-header, .aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner, .aui-page-hybrid .aui-page-panel-inner, .aui-page-hybrid #footer .footer-body { margin-left: auto; margin-right: auto; width: @aui-page-width-xlarge; } /* extra width so left edge of hoverable content aligns with left edge of content while inactive. On hover, the hover affordance does extend outside the alignment but this looks better than the other way around. */ .aui-page-fixed .aui-header-inner, .aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner, .aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner { width: (@aui-page-width-xlarge + (@aui-grid * 2)); } .aui-page-focused, .aui-page-size { &-small { .aui-page-header, .aui-page-panel, #footer .footer-body { width: @aui-page-width-small; } } &-medium { .aui-page-header, .aui-page-panel, #footer .footer-body { width: @aui-page-width-medium; } } &-large { .aui-page-header, .aui-page-panel, #footer .footer-body { width: @aui-page-width-large; } } &-xlarge { .aui-page-header, .aui-page-panel, #footer .footer-body { width: @aui-page-width-xlarge; } } } .aui-page-focused, .aui-page-notification { .aui-page-panel { border-radius: @aui-border-radius-medium; border-width: @aui-border-width; } } .aui-page-fixed .aui-page-panel-inner, .aui-page-fixed #content > .aui-page-header { padding-left: 0; padding-right: 0; } .aui-page-fixed .aui-page-panel-nav:first-child, .aui-page-fixed .aui-page-panel-content:first-child, .aui-page-fixed .aui-page-panel-item:first-child, .aui-page-fixed .aui-page-panel-sidebar:first-child, .aui-page-hybrid .aui-page-panel-nav:first-child, .aui-page-hybrid .aui-page-panel-content:first-child, .aui-page-hybrid .aui-page-panel-item:first-child, .aui-page-hybrid .aui-page-panel-sidebar:first-child { padding-left: 0; } .aui-page-fixed .aui-page-panel-nav:last-child, .aui-page-fixed .aui-page-panel-content:last-child, .aui-page-fixed .aui-page-panel-item:last-child, .aui-page-fixed .aui-page-panel-sidebar:last-child, .aui-page-hybrid .aui-page-panel-nav:last-child, .aui-page-hybrid .aui-page-panel-content:last-child, .aui-page-hybrid .aui-page-panel-item:last-child, .aui-page-hybrid .aui-page-panel-sidebar:last-child { padding-right: 0; } /* reset to 100% inside page panel */ .aui-page-panel .aui-page-header { width: auto; } .aui-page-panel .aui-page-header-inner { width: 100%; } /** * TABS AS FIRST CHILD IN CONTENT * Explicitly sets bg to white, changes horizontal hovers to work on grey. * Remember these extend the standard component styles. */ #content > .aui-tabs { margin: (@aui-grid * 2); background: transparent; } #content > .aui-tabs > .tabs-pane { padding: (@aui-grid * 2); } #content > .aui-tabs.horizontal-tabs > .tabs-pane { border: @aui-border-width @aui-border-type @aui-border-color; border-radius: @aui-border-radius-small; background: @aui-panel-bg-color; } #content > .aui-tabs.horizontal-tabs > .tabs-menu { display: table; /* stops a gap appearing */ } /** * AUI Forms inside of a focused page */ .aui-page-focused .aui-page-panel-content > h2:first-child, .aui-page-notification .aui-page-panel-content > h1:first-child { border-bottom: @aui-border-width @aui-border-type @aui-border-color; margin-bottom: (@aui-grid * 2); padding-bottom: (@aui-grid * 2); } .aui-page-notification { .aui-page-panel { margin-top: @aui-page-notification-panel-margin-top; } .aui-page-panel-content { color: @aui-color-medium-gray; padding: @aui-page-notification-content-padding; text-align: center; .aui-page-notification-description { font-size: @aui-font-size-xlarge; } form.aui .text { margin-right: @aui-page-notification-panel-content-form-text-margin-right; } } &-details { margin: 0 auto; max-width: @aui-page-notification-details-min-width; width: @aui-page-width-xlarge; &-header { color: @aui-color-medium-gray; margin: @aui-page-notification-details-header-top-margin auto 0; position: relative; text-align: center; &-expander { &::before { border-top: 1px solid @aui-border-color; content: ''; display: block; left: 0; position: absolute; right: 0; top: 50%; } .aui-expander-trigger { background-color: @aui-button-default-bg-color; display: inline-block; padding: @aui-page-notification-details-header-expander-trigger-padding; position: relative; } } } } } .aui-page-focused .aui-page-panel-content > form.aui .buttons-container { border-top: @aui-border-width @aui-border-type @aui-border-color; margin-top: (@aui-grid * 2); padding-top: (@aui-grid * 2); } // responsive layout mixins .aui-responsive-layout-full-width() { .aui-page-header, .aui-page-panel { #aui.box-sizing(border-box); width: 100%; } .aui-page-panel { margin-top: 0; } } .aui-responsive-layout-remove-borders() { .aui-page-panel { #aui.border-radius(0); border-left: 0; border-right: 0; } } #aui.responsive-small({ .aui-group { > .aui-item { display: block; width: auto; + .aui-item { padding-left: 0; padding-top: @aui-grid; } } &.aui-group-split, &.aui-group-trio { > .aui-item, > .aui-item + .aui-item, > .aui-item + .aui-item + .aui-item { text-align: left; } } } .aui-page-fixed, .aui-page-hybrid { #content > .aui-page-header, .aui-page-panel-inner, .aui-header-inner, .aui-navgroup-horizontal .aui-navgroup-inner, #footer .footer-body { #aui.box-sizing(border-box); width: 100%; } } .aui-page-header-inner { display: block; width: 100%; } .aui-page-header-actions { display: block; width: auto; text-align: left; margin-top: (@aui-grid * 2); padding-left: 0; padding-right: (@aui-grid * 2) } }); #aui.responsive-medium({ .aui-page-hybrid { .aui-page-header, .aui-page-panel-inner, .aui-page-fixed .aui-header-inner, .aui-navgroup-horizontal .aui-navgroup-inner { #aui.box-sizing(border-box); width: 100%; } } }); #aui.responsive-large({ .aui-page-fixed, .aui-page-hybrid { #content > .aui-page-header, .aui-page-panel-inner { padding-left: (@aui-grid * 2); padding-right: (@aui-grid * 2); } } .aui-page-panel-content, .aui-page-panel-sidebar { display: block; padding-left: 0; padding-right: 0; width: auto; } .aui-page-fixed .aui-header-inner, .aui-page-fixed .aui-page-header-inner, .aui-page-fixed .aui-page-panel-inner, .aui-page-fixed #footer .footer-body { box-sizing: border-box; width:100%; } }); // General responsive layout breakpoints html.aui-responsive { // so that text in the footer wraps correctly #footer .footer-body > ul > li { white-space: normal; } // Focused page responsive layout breakpoints @media screen and (max-width: 400px) { .aui-page-focused-small { .aui-responsive-layout-full-width(); .aui-responsive-layout-remove-borders(); } } @media screen and (max-width: 600px) { .aui-page-focused-medium { .aui-responsive-layout-full-width(); .aui-responsive-layout-remove-borders(); } } @media screen and (max-width: 800px) { .aui-page-focused-large { .aui-responsive-layout-full-width(); .aui-responsive-layout-remove-borders(); } } @media screen and (max-width: 980px) { .aui-page-focused-xlarge { .aui-responsive-layout-full-width(); .aui-responsive-layout-remove-borders(); } } } #footer .footer-body, #footer-logo a { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTE0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM3MDcwNzAiPjxnPjxwYXRoIGQ9Ik0yNy4yMDYuMjY1Yy0uMTEyLS4xNTQtLjI5Mi0uMjQ3LS40OC0uMjQ3LS4wOTcgMC0uMTkyLjAyNS0uMjc2LjA3Mi0zLjUxNyAxLjk3Ni03LjU5NCAzLjAyLTExLjc5IDMuMDIyLTQuMTk2IDAtOC4yNzItMS4wNDYtMTEuNzktMy4wMi0uMDgzLS4wNS0uMTc4LS4wNzQtLjI3NS0uMDc0LS4xODggMC0uMzY4LjA5My0uNDguMjQ3LS4xNjYuMjI3LS4xNy42MDguMTEyLjgzNSAxLjc2IDEuMzQ4IDMuNzAzIDIuNCA1Ljc3IDMuMTIgMi4xNDQuNzQ2IDQuMzg2IDEuMTI1IDYuNjYzIDEuMTI2IDIuMjc4IDAgNC41Mi0uMzggNi42NjMtMS4xMjYgMi4wNjgtLjcyIDQuMDEtMS43NzIgNS43NzMtMy4xMi4yOC0uMjI3LjI3Ni0uNjA4LjExLS44MzUiLz48cGF0aCBkPSJNMTQuNjYzIDcuMzM2Yy45IDAgMS40Mi0uMDU1IDEuNjA0LS4wNTUuMjIyIDAgLjQzNC4xODguNDM0LjQ1IDAgLjA3NS0uMDE2LjEzLS4wMzQuMTc4LS4xMi4zMjctLjY2MyAxLjUwNC0xLjY3NCAyLjUxNC0uMTE0LjExMy0uMjQyLjEzNS0uMzMuMTM1aC0uMDAyYy0uMDg4IDAtLjIxNy0uMDIyLS4zMy0uMTM1LTEuMDEyLTEuMDEtMS41NTYtMi4xODctMS42NzUtMi41MTQtLjAxOC0uMDQ4LS4wMzUtLjEwMy0uMDM1LS4xOCAwLS4yNi4yMTItLjQ0Ny40MzQtLjQ0Ny4xODMgMCAuNzA1LjA1NiAxLjYwMy4wNTZoLjAwNiIvPjxwYXRoIGQ9Ik0yMy4xNjQgNS44OTRjLS4wODQtLjA2Ni0uMTg0LS4xLS4yODYtLjEtLjA1NyAwLS4xMTQuMDEtLjE3LjAzMi0xLjAxOC40LTIuMDUzLjcwNC0yLjk5OC45My0uMTkyLjA0Ni0uMzQ4LjE5My0uNDEzLjM3LS42ODggMS45MzUtMi40NDYgMy43NzctNC4yOSA1LjcwOC0uMDc0LjA3Mi0uMTc4LjE2Ny0uMzQ2LjE2Ny0uMTY4IDAtLjI3LS4wOS0uMzQ2LS4xNjYtMS44NDQtMS45My0zLjYtMy43NjctNC4yOS01LjcwMi0uMDY0LS4xNzYtLjIyLS4zMjMtLjQxMy0uMzctLjk0NC0uMjI1LTEuOTgyLS41NC0zLS45NC0uMDU0LS4wMi0uMTEtLjAzLS4xNjgtLjAzLS4xMDIgMC0uMi4wMzItLjI4NS4wOTgtLjEzLjEwMi0uMTk4LjI2OC0uMTgzLjQyNy4xNTYgMS42MS43NzYgMy4xODMgMS44OTQgNC44MyAxLjA1IDEuNTUgMi40MjIgMi45ODYgMy43NDcgNC4zNzMgMi40NDMgMi41NTcgNC43NSA0Ljk3MiA0Ljk1MiA3Ljc3Mi4wMTguMjUyLjIyMy40NDguNDcuNDQ4aDIuODdjLjEzIDAgLjI1Mi0uMDU1LjM0Mi0uMTUuMDg3LS4wOTcuMTM0LS4yMjYuMTI4LS4zNTgtLjA5LTEuODcyLS43NzctMy43NDctMi4wOTgtNS43My0uMjc3LS40MTctLjU3NC0uODIyLS44ODQtMS4yMTgtLjEyNi0uMTYtLjA3NC0uMzYuMDIzLS40NjJsLjI4Ni0uMzAyYzEuMzI2LTEuMzg3IDIuNjk2LTIuODIyIDMuNzQ4LTQuMzcyIDEuMTE4LTEuNjQ4IDEuNzM3LTMuMjEyIDEuODkzLTQuODIuMDE2LS4xNjMtLjA1Ni0uMzM1LS4xODMtLjQzNCIvPjxwYXRoIGQ9Ik0xMS41ODIgMTcuNjk4Yy0uMDY4LS4wNzItLjE2OC0uMTQ3LS4zMzUtLjE0Ny0uMjE0IDAtLjM0LjE1My0uMzkuMjI4LTEuMjA2IDEuODg1LTEuODMgMy42NjQtMS45MTYgNS40NTItLjAwNS4xMzIuMDQyLjI2My4xMy4zNi4wOS4wOTUuMjE1LjE1LjM0NC4xNWgyLjg2NWMuMjQ1IDAgLjQ1My0uMTk4LjQ3LS40NS4wNjMtLjg2Mi4zMjUtMS43MjYuOC0yLjYzMy4xNjUtLjMxNC4wMzctLjYxLS4wNTgtLjczNS0uNDcyLS42My0xLjA1LTEuMzAyLTEuOTEtMi4yMjQiLz48L2c+PGc+PHBhdGggZD0iTTM0LjA3IDYuNDU3Yy0uMDU3LS4xODYtLjIyNS0uMzEzLS40MTUtLjMxM2gtNC4wNjhjLS4xOSAwLS4zNTguMTI3LS40MTUuMzEzTDI0LjA0IDIzLjE2Yy0uMDQuMTM2LS4wMTguMjg0LjA2NS40LjA4Mi4xMTQuMjEyLjE4Mi4zNS4xODJoMi44Yy4xOTQgMCAuMzY0LS4xMy40Mi0uMzJsMy41MzMtMTIuMjg1cy4wOTItLjMwNy40MTItLjMwN2MuMzI2IDAgLjQwNS4zMi40MDUuMzJsMS42NCA1LjgyNEgzMS40NmMtLjE5NSAwLS4zNjcuMTMzLS40Mi4zMjZsLS42MzIgMi4zMDdjLS4wMzcuMTM1LS4wMS4yOC4wNzMuMzkuMDgyLjExMi4yMS4xNzguMzQ3LjE3OGgzLjc1bC45OSAzLjI1M2MuMDU1LjE4Ni4yMjQuMzE0LjQxNS4zMTRoMi44Yy4xNCAwIC4yNy0uMDY4LjM1My0uMTgzLjA4Mi0uMTE2LjEwNS0uMjY0LjA2NC0uNEwzNC4wNyA2LjQ1NyIvPjxwYXRoIGQ9Ik00Ni4yNyAyMS4xNjhjLS4wMi0uMTI1LS4wODctLjIzNi0uMTktLjMwNi0uMTAyLS4wNy0uMjI3LS4wOTItLjM0Ny0uMDYyLS40NTQuMTE2LS44OS4xOC0xLjIyNi4xOC0uNjM3IDAtLjkyLS4yODMtLjkyLS45MnYtNi40aDIuNWMuMjQgMCAuNDM1LS4yLjQzNS0uNDQ2di0xLjk5NmMwLS4yNDctLjE5NS0uNDQ3LS40MzYtLjQ0N2gtMi41VjcuNjljMC0uMTMtLjA1NS0uMjUzLS4xNS0uMzM4LS4wOTUtLjA4NS0uMjIyLS4xMjQtLjM0Ni0uMTA2bC0yLjU3NC4zNjhjLS4yMTYuMDMtLjM3Ni4yMi0uMzc2LjQ0M3YyLjcxNGgtMS40MDJjLS4yNCAwLS40MzYuMi0uNDM2LjQ0OHYxLjk5NmMwIC4yNDcuMTk1LjQ0Ny40MzYuNDQ3aDEuNDAydjYuODE0YzAgMi4zNCAxLjE5OCAzLjUyNiAzLjU2IDMuNTI2LjY3NCAwIDEuODE2LS4xNiAyLjU2My0uNDI1LjE5OC0uMDcuMzItLjI3Ny4yODgtLjQ5bC0uMjgtMS45MTciLz48cGF0aCBkPSJNNTEuMDM2IDUuODE4SDQ4LjQ2Yy0uMjQgMC0uNDM1LjItLjQzNS40NDh2MTcuMDI4YzAgLjI0OC4xOTYuNDQ4LjQzNi40NDhoMi41NzZjLjI0IDAgLjQzNS0uMi40MzUtLjQ0OFY2LjI2NmMwLS4yNDgtLjE5NC0uNDQ4LS40MzQtLjQ0OCIvPjxwYXRoIGQ9Ik01OS4zODMgMTguOTg2djEuNTU2Yy0uNDI3LjIzMy0xLjIuNTY4LTIuMTMuNTY4LS44MDMgMC0xLjA0Ny0uMjUtMS4wNDctMS4wNzUgMC0uOC4xNS0xLjA1IDEuMDk3LTEuMDVoMi4wOHptLTEuNzI4LTguNDc0Yy0xLjMwMyAwLTIuODkuMjEtNC4wNC41MzgtLjIxNS4wNi0uMzUuMjc3LS4zMTQuNTAybC4zMDIgMS45MThjLjAyLjEyLjA4NC4yMjYuMTguMjk2LjA5Ny4wNy4yMTcuMDk1LjMzNC4wNzIgMS4wNy0uMjE0IDIuMTc1LS4zMzIgMy4xMS0uMzMyIDEuODYgMCAyLjE1Ny40MDMgMi4xNTcgMS42OTV2MS4xMjhoLTIuNzZjLTIuNjM3IDAtMy43NjMgMS4xMTYtMy43NjMgMy43MzMgMCAyLjUwNCAxLjIzNCAzLjk0IDMuMzg1IDMuOTQgMS4yNDUgMCAyLjQ5LS4zNTQgMy41MzgtMS4wMDNsLjExLjQxNWMuMDUyLjE5NS4yMjQuMzMuNDIuMzNoMi4wOGMuMjQgMCAuNDM2LS4yLjQzNi0uNDQ4di04LjA0YzAtMy40NTctMS40MDMtNC43NDItNS4xNzUtNC43NDJ6Ii8+PHBhdGggZD0iTTY5LjI4IDE1LjcxNGMtMS41OTgtLjQyMy0xLjU5OC0uNDQtMS41OTgtMS4zNCAwLS42MDQuMDYtLjg5NCAxLjM3NS0uODk0LjkwMiAwIDIuMjMyLjE2MiAzLjA4Ni4zMTIuMTE4LjAyLjIzOC0uMDEuMzM0LS4wODIuMDk1LS4wNzMuMTU4LS4xODMuMTcyLS4zMDRsLjI0Mi0yLjAxNGMuMDI3LS4yMjctLjExNi0uNDQtLjMzNC0uNDktLjk4OC0uMjM3LTIuMzYyLS4zOS0zLjUtLjM5LTMuOTYgMC00Ljc3IDEuNTM0LTQuNzcgMy44MzYgMCAyLjUzMi40NTcgMy4zODMgMy40OSA0LjE0IDIgLjQ5NSAyIC44NiAyIDEuNDcgMCAuNzk4LS4wNjggMS4wNzQtMS4zNzYgMS4wNzQtMS4wNTMgMC0yLjI3LS4xNjgtMy4zNDMtLjQ2Mi0uMTItLjAzMi0uMjQ0LS4wMTItLjM0Ny4wNTUtLjEwMy4wNjYtLjE3My4xNzQtLjE5NS4yOTdsLS4zNCAxLjkxYy0uMDQuMjIyLjA4Ni40MzguMjk0LjUwNyAxLjE3LjM4OCAyLjg0Ny42NiA0LjA4LjY2IDMuODM1IDAgNC42Mi0xLjY0NyA0LjYyLTQuMTIgMC0yLjczLS40NzItMy4yMzctMy44OTItNC4xNjYiLz48cGF0aCBkPSJNNzkuMjI3IDE1LjcxNGMtMS41OTctLjQyMy0xLjU5Ny0uNDQtMS41OTctMS4zNCAwLS42MDQuMDU4LS44OTQgMS4zNzQtLjg5NC45MDIgMCAyLjIzMi4xNjIgMy4wODcuMzEyLjExOC4wMi4yNC0uMDEuMzM0LS4wODIuMDk2LS4wNzMuMTU4LS4xODMuMTczLS4zMDRsLjI0Mi0yLjAxNGMuMDI3LS4yMjctLjExNy0uNDQtLjMzNC0uNDktLjk4OC0uMjM3LTIuMzYzLS4zOS0zLjUwMi0uMzktMy45NiAwLTQuNzcgMS41MzQtNC43NyAzLjgzNiAwIDIuNTMyLjQ1OCAzLjM4MyAzLjQ5MyA0LjE0IDEuOTk3LjQ5NSAxLjk5Ny44NiAxLjk5NyAxLjQ3IDAgLjc5OC0uMDY2IDEuMDc0LTEuMzc0IDEuMDc0LTEuMDUzIDAtMi4yNzItLjE2OC0zLjM0NC0uNDYyLS4xMTctLjAzMi0uMjQzLS4wMTItLjM0NS4wNTUtLjEwMi4wNjYtLjE3My4xNzQtLjE5NS4yOTdsLS4zNCAxLjkxYy0uMDQuMjIyLjA4Ni40MzguMjk0LjUwNyAxLjE2OC4zODggMi44NDcuNjYgNC4wOC42NiAzLjgzNCAwIDQuNjItMS42NDcgNC42Mi00LjEyIDAtMi43My0uNDczLTMuMjM3LTMuODkzLTQuMTY2Ii8+PHBhdGggZD0iTTg3LjU2IDUuODE4aC0yLjU3NmMtLjI0IDAtLjQzNi4yLS40MzYuNDQ3VjguNmMwIC4yNDguMTk2LjQ0OC40MzYuNDQ4aDIuNTc1Yy4yNCAwIC40MzUtLjIuNDM1LS40NDdWNi4yNjZjMC0uMjQ3LS4xOTYtLjQ0Ny0uNDM2LS40NDciLz48cGF0aCBkPSJNODcuNTYgMTAuNzdoLTIuNTc2Yy0uMjQgMC0uNDM2LjItLjQzNi40NDh2MTIuMDc2YzAgLjI0OC4xOTYuNDQ4LjQzNi40NDhoMi41NzVjLjI0IDAgLjQzNS0uMi40MzUtLjQ0OFYxMS4yMThjMC0uMjQ3LS4xOTYtLjQ0Ny0uNDM2LS40NDciLz48cGF0aCBkPSJNOTUuOTcgMTguOTg2djEuNTU2Yy0uNDI2LjIzMy0xLjIuNTY4LTIuMTMuNTY4LS44MDIgMC0xLjA0Ny0uMjUtMS4wNDctMS4wNzUgMC0uOC4xNTItMS4wNSAxLjA5OC0xLjA1aDIuMDh6bS0xLjcyNy04LjQ3NGMtMS4zMDMgMC0yLjg5LjIxLTQuMDQuNTM4LS4yMTUuMDYtLjM1LjI3Ny0uMzE1LjUwMmwuMzAyIDEuOTE4Yy4wMi4xMi4wODQuMjI2LjE4LjI5Ni4wOTcuMDcuMjE3LjA5NS4zMzMuMDcyIDEuMDctLjIxNCAyLjE3Ni0uMzMyIDMuMTEyLS4zMzIgMS44NTggMCAyLjE1NS40MDMgMi4xNTUgMS42OTV2MS4xMjhoLTIuNzZjLTIuNjM3IDAtMy43NjIgMS4xMTYtMy43NjIgMy43MzMgMCAyLjUwNCAxLjIzNCAzLjk0IDMuMzg1IDMuOTQgMS4yNDQgMCAyLjQ5LS4zNTQgMy41MzgtMS4wMDNsLjExLjQxNWMuMDUzLjE5NS4yMjUuMzMuNDIuMzNoMi4wOGMuMjQgMCAuNDM3LS4yLjQzNy0uNDQ4di04LjA0YzAtMy40NTctMS40MDMtNC43NDItNS4xNzQtNC43NDJ6Ii8+PHBhdGggZD0iTTEwOC45MzggMTAuNTEyYy0xLjM2NCAwLTMuMjIzLjQ4My00Ljc5MyAxLjI0bC0uMTg4LS42NmMtLjA1NC0uMTktLjIyNS0uMzItLjQxOC0uMzJoLTEuOTA4Yy0uMjQgMC0uNDM2LjItLjQzNi40NDZ2MTIuMDc2YzAgLjI0OC4xOTYuNDQ4LjQzNi40NDhoMi41NzVjLjI0IDAgLjQzNi0uMi40MzYtLjQ0OFYxNC45M2MuOTI3LS40ODQgMi4yMy0uOTg0IDMuMDEtLjk4NC41OCAwIC43OTYuMjIuNzk2LjgxNnY4LjUzMmMwIC4yNDguMTk1LjQ0OC40MzUuNDQ4aDIuNTc1Yy4yNCAwIC40MzUtLjIuNDM1LS40NDh2LTguODY4YzAtMi41OTctLjk5NC0zLjkxNC0yLjk1Ny0zLjkxNCIvPjwvZz48L2c+PC9zdmc+) center bottom no-repeat; background-size: 114px 24px } #footer-logo { background: #f5f5f5; /* screen out the background image on the footer when the logo is present, so it doesn't mess up transparent areas */ position: relative; bottom: -21px; /* margin plus 1 px to tweak for image */ } #footer-logo a { display: block; height: 24px; /* match image height */ margin: 0 auto; text-align: left; text-indent: -9999em; width: 114px; /* match image width */ } #footer-logo a:focus, #footer-logo a:hover, #footer-logo a:active { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMTE0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxnIGZpbGw9IiM1QkE1Q0UiPjxwYXRoIGQ9Ik0yNy4yMDYuMjY1Yy0uMTEyLS4xNTQtLjI5Mi0uMjQ3LS40OC0uMjQ3LS4wOTcgMC0uMTkyLjAyNS0uMjc2LjA3Mi0zLjUxNyAxLjk3Ni03LjU5NCAzLjAyLTExLjc5IDMuMDIyLTQuMTk2IDAtOC4yNzItMS4wNDYtMTEuNzktMy4wMi0uMDgzLS4wNS0uMTc4LS4wNzQtLjI3NS0uMDc0LS4xODggMC0uMzY4LjA5My0uNDguMjQ3LS4xNjYuMjI3LS4xNy42MDguMTEyLjgzNSAxLjc2IDEuMzQ4IDMuNzAzIDIuNCA1Ljc3IDMuMTIgMi4xNDQuNzQ2IDQuMzg2IDEuMTI1IDYuNjYzIDEuMTI2IDIuMjc4IDAgNC41Mi0uMzggNi42NjMtMS4xMjYgMi4wNjgtLjcyIDQuMDEtMS43NzIgNS43NzMtMy4xMi4yOC0uMjI3LjI3Ni0uNjA4LjExLS44MzUiLz48cGF0aCBkPSJNMTQuNjYzIDcuMzM2Yy45IDAgMS40Mi0uMDU1IDEuNjA0LS4wNTUuMjIyIDAgLjQzNC4xODguNDM0LjQ1IDAgLjA3NS0uMDE2LjEzLS4wMzQuMTc4LS4xMi4zMjctLjY2MyAxLjUwNC0xLjY3NCAyLjUxNC0uMTE0LjExMy0uMjQyLjEzNS0uMzMuMTM1aC0uMDAyYy0uMDg4IDAtLjIxNy0uMDIyLS4zMy0uMTM1LTEuMDEyLTEuMDEtMS41NTYtMi4xODctMS42NzUtMi41MTQtLjAxOC0uMDQ4LS4wMzUtLjEwMy0uMDM1LS4xOCAwLS4yNi4yMTItLjQ0Ny40MzQtLjQ0Ny4xODMgMCAuNzA1LjA1NiAxLjYwMy4wNTZoLjAwNiIvPjxwYXRoIGQ9Ik0yMy4xNjQgNS44OTRjLS4wODQtLjA2Ni0uMTg0LS4xLS4yODYtLjEtLjA1NyAwLS4xMTQuMDEtLjE3LjAzMi0xLjAxOC40LTIuMDUzLjcwNC0yLjk5OC45My0uMTkyLjA0Ni0uMzQ4LjE5My0uNDEzLjM3LS42ODggMS45MzUtMi40NDYgMy43NzctNC4yOSA1LjcwOC0uMDc0LjA3Mi0uMTc4LjE2Ny0uMzQ2LjE2Ny0uMTY4IDAtLjI3LS4wOS0uMzQ2LS4xNjYtMS44NDQtMS45My0zLjYtMy43NjctNC4yOS01LjcwMi0uMDY0LS4xNzYtLjIyLS4zMjMtLjQxMy0uMzctLjk0NC0uMjI1LTEuOTgyLS41NC0zLS45NC0uMDU0LS4wMi0uMTEtLjAzLS4xNjgtLjAzLS4xMDIgMC0uMi4wMzItLjI4NS4wOTgtLjEzLjEwMi0uMTk4LjI2OC0uMTgzLjQyNy4xNTYgMS42MS43NzYgMy4xODMgMS44OTQgNC44MyAxLjA1IDEuNTUgMi40MjIgMi45ODYgMy43NDcgNC4zNzMgMi40NDMgMi41NTcgNC43NSA0Ljk3MiA0Ljk1MiA3Ljc3Mi4wMTguMjUyLjIyMy40NDguNDcuNDQ4aDIuODdjLjEzIDAgLjI1Mi0uMDU1LjM0Mi0uMTUuMDg3LS4wOTcuMTM0LS4yMjYuMTI4LS4zNTgtLjA5LTEuODcyLS43NzctMy43NDctMi4wOTgtNS43My0uMjc3LS40MTctLjU3NC0uODIyLS44ODQtMS4yMTgtLjEyNi0uMTYtLjA3NC0uMzYuMDIzLS40NjJsLjI4Ni0uMzAyYzEuMzI2LTEuMzg3IDIuNjk2LTIuODIyIDMuNzQ4LTQuMzcyIDEuMTE4LTEuNjQ4IDEuNzM3LTMuMjEyIDEuODkzLTQuODIuMDE2LS4xNjMtLjA1Ni0uMzM1LS4xODMtLjQzNCIvPjxwYXRoIGQ9Ik0xMS41ODIgMTcuNjk4Yy0uMDY4LS4wNzItLjE2OC0uMTQ3LS4zMzUtLjE0Ny0uMjE0IDAtLjM0LjE1My0uMzkuMjI4LTEuMjA2IDEuODg1LTEuODMgMy42NjQtMS45MTYgNS40NTItLjAwNS4xMzIuMDQyLjI2My4xMy4zNi4wOS4wOTUuMjE1LjE1LjM0NC4xNWgyLjg2NWMuMjQ1IDAgLjQ1My0uMTk4LjQ3LS40NS4wNjMtLjg2Mi4zMjUtMS43MjYuOC0yLjYzMy4xNjUtLjMxNC4wMzctLjYxLS4wNTgtLjczNS0uNDcyLS42My0xLjA1LTEuMzAyLTEuOTEtMi4yMjQiLz48L2c+PGcgZmlsbD0iIzI3NDk3MCI+PHBhdGggZD0iTTM0LjA3IDYuNDU3Yy0uMDU3LS4xODYtLjIyNS0uMzEzLS40MTUtLjMxM2gtNC4wNjhjLS4xOSAwLS4zNTguMTI3LS40MTUuMzEzTDI0LjA0IDIzLjE2Yy0uMDQuMTM2LS4wMTguMjg0LjA2NS40LjA4Mi4xMTQuMjEyLjE4Mi4zNS4xODJoMi44Yy4xOTQgMCAuMzY0LS4xMy40Mi0uMzJsMy41MzMtMTIuMjg1cy4wOTItLjMwNy40MTItLjMwN2MuMzI2IDAgLjQwNS4zMi40MDUuMzJsMS42NCA1LjgyNEgzMS40NmMtLjE5NSAwLS4zNjcuMTMzLS40Mi4zMjZsLS42MzIgMi4zMDdjLS4wMzcuMTM1LS4wMS4yOC4wNzMuMzkuMDgyLjExMi4yMS4xNzguMzQ3LjE3OGgzLjc1bC45OSAzLjI1M2MuMDU1LjE4Ni4yMjQuMzE0LjQxNS4zMTRoMi44Yy4xNCAwIC4yNy0uMDY4LjM1My0uMTgzLjA4Mi0uMTE2LjEwNS0uMjY0LjA2NC0uNEwzNC4wNyA2LjQ1NyIvPjxwYXRoIGQ9Ik00Ni4yNyAyMS4xNjhjLS4wMi0uMTI1LS4wODctLjIzNi0uMTktLjMwNi0uMTAyLS4wNy0uMjI3LS4wOTItLjM0Ny0uMDYyLS40NTQuMTE2LS44OS4xOC0xLjIyNi4xOC0uNjM3IDAtLjkyLS4yODMtLjkyLS45MnYtNi40aDIuNWMuMjQgMCAuNDM1LS4yLjQzNS0uNDQ2di0xLjk5NmMwLS4yNDctLjE5NS0uNDQ3LS40MzYtLjQ0N2gtMi41VjcuNjljMC0uMTMtLjA1NS0uMjUzLS4xNS0uMzM4LS4wOTUtLjA4NS0uMjIyLS4xMjQtLjM0Ni0uMTA2bC0yLjU3NC4zNjhjLS4yMTYuMDMtLjM3Ni4yMi0uMzc2LjQ0M3YyLjcxNGgtMS40MDJjLS4yNCAwLS40MzYuMi0uNDM2LjQ0OHYxLjk5NmMwIC4yNDcuMTk1LjQ0Ny40MzYuNDQ3aDEuNDAydjYuODE0YzAgMi4zNCAxLjE5OCAzLjUyNiAzLjU2IDMuNTI2LjY3NCAwIDEuODE2LS4xNiAyLjU2My0uNDI1LjE5OC0uMDcuMzItLjI3Ny4yODgtLjQ5bC0uMjgtMS45MTciLz48cGF0aCBkPSJNNTEuMDM2IDUuODE4SDQ4LjQ2Yy0uMjQgMC0uNDM1LjItLjQzNS40NDh2MTcuMDI4YzAgLjI0OC4xOTYuNDQ4LjQzNi40NDhoMi41NzZjLjI0IDAgLjQzNS0uMi40MzUtLjQ0OFY2LjI2NmMwLS4yNDgtLjE5NC0uNDQ4LS40MzQtLjQ0OCIvPjxwYXRoIGQ9Ik01OS4zODMgMTguOTg2djEuNTU2Yy0uNDI3LjIzMy0xLjIuNTY4LTIuMTMuNTY4LS44MDMgMC0xLjA0Ny0uMjUtMS4wNDctMS4wNzUgMC0uOC4xNS0xLjA1IDEuMDk3LTEuMDVoMi4wOHptLTEuNzI4LTguNDc0Yy0xLjMwMyAwLTIuODkuMjEtNC4wNC41MzgtLjIxNS4wNi0uMzUuMjc3LS4zMTQuNTAybC4zMDIgMS45MThjLjAyLjEyLjA4NC4yMjYuMTguMjk2LjA5Ny4wNy4yMTcuMDk1LjMzNC4wNzIgMS4wNy0uMjE0IDIuMTc1LS4zMzIgMy4xMS0uMzMyIDEuODYgMCAyLjE1Ny40MDMgMi4xNTcgMS42OTV2MS4xMjhoLTIuNzZjLTIuNjM3IDAtMy43NjMgMS4xMTYtMy43NjMgMy43MzMgMCAyLjUwNCAxLjIzNCAzLjk0IDMuMzg1IDMuOTQgMS4yNDUgMCAyLjQ5LS4zNTQgMy41MzgtMS4wMDNsLjExLjQxNWMuMDUyLjE5NS4yMjQuMzMuNDIuMzNoMi4wOGMuMjQgMCAuNDM2LS4yLjQzNi0uNDQ4di04LjA0YzAtMy40NTctMS40MDMtNC43NDItNS4xNzUtNC43NDJ6Ii8+PHBhdGggZD0iTTY5LjI4IDE1LjcxNGMtMS41OTgtLjQyMy0xLjU5OC0uNDQtMS41OTgtMS4zNCAwLS42MDQuMDYtLjg5NCAxLjM3NS0uODk0LjkwMiAwIDIuMjMyLjE2MiAzLjA4Ni4zMTIuMTE4LjAyLjIzOC0uMDEuMzM0LS4wODIuMDk1LS4wNzMuMTU4LS4xODMuMTcyLS4zMDRsLjI0Mi0yLjAxNGMuMDI3LS4yMjctLjExNi0uNDQtLjMzNC0uNDktLjk4OC0uMjM3LTIuMzYyLS4zOS0zLjUtLjM5LTMuOTYgMC00Ljc3IDEuNTM0LTQuNzcgMy44MzYgMCAyLjUzMi40NTcgMy4zODMgMy40OSA0LjE0IDIgLjQ5NSAyIC44NiAyIDEuNDcgMCAuNzk4LS4wNjggMS4wNzQtMS4zNzYgMS4wNzQtMS4wNTMgMC0yLjI3LS4xNjgtMy4zNDMtLjQ2Mi0uMTItLjAzMi0uMjQ0LS4wMTItLjM0Ny4wNTUtLjEwMy4wNjYtLjE3My4xNzQtLjE5NS4yOTdsLS4zNCAxLjkxYy0uMDQuMjIyLjA4Ni40MzguMjk0LjUwNyAxLjE3LjM4OCAyLjg0Ny42NiA0LjA4LjY2IDMuODM1IDAgNC42Mi0xLjY0NyA0LjYyLTQuMTIgMC0yLjczLS40NzItMy4yMzctMy44OTItNC4xNjYiLz48cGF0aCBkPSJNNzkuMjI3IDE1LjcxNGMtMS41OTctLjQyMy0xLjU5Ny0uNDQtMS41OTctMS4zNCAwLS42MDQuMDU4LS44OTQgMS4zNzQtLjg5NC45MDIgMCAyLjIzMi4xNjIgMy4wODcuMzEyLjExOC4wMi4yNC0uMDEuMzM0LS4wODIuMDk2LS4wNzMuMTU4LS4xODMuMTczLS4zMDRsLjI0Mi0yLjAxNGMuMDI3LS4yMjctLjExNy0uNDQtLjMzNC0uNDktLjk4OC0uMjM3LTIuMzYzLS4zOS0zLjUwMi0uMzktMy45NiAwLTQuNzcgMS41MzQtNC43NyAzLjgzNiAwIDIuNTMyLjQ1OCAzLjM4MyAzLjQ5MyA0LjE0IDEuOTk3LjQ5NSAxLjk5Ny44NiAxLjk5NyAxLjQ3IDAgLjc5OC0uMDY2IDEuMDc0LTEuMzc0IDEuMDc0LTEuMDUzIDAtMi4yNzItLjE2OC0zLjM0NC0uNDYyLS4xMTctLjAzMi0uMjQzLS4wMTItLjM0NS4wNTUtLjEwMi4wNjYtLjE3My4xNzQtLjE5NS4yOTdsLS4zNCAxLjkxYy0uMDQuMjIyLjA4Ni40MzguMjk0LjUwNyAxLjE2OC4zODggMi44NDcuNjYgNC4wOC42NiAzLjgzNCAwIDQuNjItMS42NDcgNC42Mi00LjEyIDAtMi43My0uNDczLTMuMjM3LTMuODkzLTQuMTY2Ii8+PHBhdGggZD0iTTg3LjU2IDUuODE4aC0yLjU3NmMtLjI0IDAtLjQzNi4yLS40MzYuNDQ3VjguNmMwIC4yNDguMTk2LjQ0OC40MzYuNDQ4aDIuNTc1Yy4yNCAwIC40MzUtLjIuNDM1LS40NDdWNi4yNjZjMC0uMjQ3LS4xOTYtLjQ0Ny0uNDM2LS40NDciLz48cGF0aCBkPSJNODcuNTYgMTAuNzdoLTIuNTc2Yy0uMjQgMC0uNDM2LjItLjQzNi40NDh2MTIuMDc2YzAgLjI0OC4xOTYuNDQ4LjQzNi40NDhoMi41NzVjLjI0IDAgLjQzNS0uMi40MzUtLjQ0OFYxMS4yMThjMC0uMjQ3LS4xOTYtLjQ0Ny0uNDM2LS40NDciLz48cGF0aCBkPSJNOTUuOTcgMTguOTg2djEuNTU2Yy0uNDI2LjIzMy0xLjIuNTY4LTIuMTMuNTY4LS44MDIgMC0xLjA0Ny0uMjUtMS4wNDctMS4wNzUgMC0uOC4xNTItMS4wNSAxLjA5OC0xLjA1aDIuMDh6bS0xLjcyNy04LjQ3NGMtMS4zMDMgMC0yLjg5LjIxLTQuMDQuNTM4LS4yMTUuMDYtLjM1LjI3Ny0uMzE1LjUwMmwuMzAyIDEuOTE4Yy4wMi4xMi4wODQuMjI2LjE4LjI5Ni4wOTcuMDcuMjE3LjA5NS4zMzMuMDcyIDEuMDctLjIxNCAyLjE3Ni0uMzMyIDMuMTEyLS4zMzIgMS44NTggMCAyLjE1NS40MDMgMi4xNTUgMS42OTV2MS4xMjhoLTIuNzZjLTIuNjM3IDAtMy43NjIgMS4xMTYtMy43NjIgMy43MzMgMCAyLjUwNCAxLjIzNCAzLjk0IDMuMzg1IDMuOTQgMS4yNDQgMCAyLjQ5LS4zNTQgMy41MzgtMS4wMDNsLjExLjQxNWMuMDUzLjE5NS4yMjUuMzMuNDIuMzNoMi4wOGMuMjQgMCAuNDM3LS4yLjQzNy0uNDQ4di04LjA0YzAtMy40NTctMS40MDMtNC43NDItNS4xNzQtNC43NDJ6Ii8+PHBhdGggZD0iTTEwOC45MzggMTAuNTEyYy0xLjM2NCAwLTMuMjIzLjQ4My00Ljc5MyAxLjI0bC0uMTg4LS42NmMtLjA1NC0uMTktLjIyNS0uMzItLjQxOC0uMzJoLTEuOTA4Yy0uMjQgMC0uNDM2LjItLjQzNi40NDZ2MTIuMDc2YzAgLjI0OC4xOTYuNDQ4LjQzNi40NDhoMi41NzVjLjI0IDAgLjQzNi0uMi40MzYtLjQ0OFYxNC45M2MuOTI3LS40ODQgMi4yMy0uOTg0IDMuMDEtLjk4NC41OCAwIC43OTYuMjIuNzk2LjgxNnY4LjUzMmMwIC4yNDguMTk1LjQ0OC40MzUuNDQ4aDIuNTc1Yy4yNCAwIC40MzUtLjIuNDM1LS40NDh2LTguODY4YzAtMi41OTctLjk5NC0zLjkxNC0yLjk1Ny0zLjkxNCIvPjwvZz48L2c+PC9zdmc+); background-size: 114px 24px } @import './imports/global'; /* AUI avatar component */ .aui-avatar { box-sizing: border-box; display: inline-block; vertical-align: text-bottom; } .aui-avatar-inner { display: table-cell; vertical-align: middle; } .aui-avatar img { border-radius: 3px; display: block; margin: 0 auto; height: 100%; width: 100%; } .aui-avatar-xsmall, .aui-avatar-xsmall .aui-avatar-inner { height: 16px; width: 16px; } .aui-avatar-small, .aui-avatar-small .aui-avatar-inner { height: 24px; width: 24px; } .aui-avatar-medium, .aui-avatar-medium .aui-avatar-inner { height: 32px; width: 32px; } .aui-avatar-large, .aui-avatar-large .aui-avatar-inner { height: 48px; width: 48px; } .aui-avatar-xlarge, .aui-avatar-xlarge .aui-avatar-inner { height: 64px; width: 64px; } .aui-avatar-xxlarge, .aui-avatar-xxlarge .aui-avatar-inner { height: 96px; width: 96px; } .aui-avatar-xxxlarge, .aui-avatar-xxxlarge .aui-avatar-inner { height: 128px; width: 128px; } /* Forces larger images to downscale in IE11. */ .aui-avatar-xsmall .aui-avatar-inner img { max-height: 16px; max-width: 16px; } .aui-avatar-small .aui-avatar-inner img { max-height: 24px; max-width: 24px; } .aui-avatar-medium .aui-avatar-inner img { max-height: 32px; max-width: 32px; } .aui-avatar-large .aui-avatar-inner img { max-height: 48px; max-width: 48px; } .aui-avatar-xlarge .aui-avatar-inner img { max-height: 64px; max-width: 64px; } .aui-avatar-xxlarge .aui-avatar-inner img { max-height: 96px; max-width: 96px; } .aui-avatar-xxxlarge .aui-avatar-inner img { max-height: 128px; max-width: 128px; } .aui-avatar-xxlarge img, .aui-avatar-xxxlarge img { border-radius: 5px; } /* Project avatars - circular and different sizes */ .aui-avatar-project { background-color: @aui-avatar-project-bg-color; box-shadow: 0 0 0 1px @aui-avatar-project-border-color; position: relative; } .aui-avatar-project, .aui-avatar-project img { border-radius: 100%; } .aui-avatar-project img { height: auto; max-height: 100%; max-width: 100%; width: auto; } /* The below style aims to minimise any "halo" caused by the antialiasing of the image */ .aui-avatar-project:before { border-radius: 100%; border: 1px solid @aui-avatar-project-border-color; bottom: -1px; content: ""; left: -1px; position: absolute; right: -1px; top: -1px; } @import './imports/global'; /** * AUI Page Header */ .aui-page-header-inner { border-spacing: 0; box-sizing: border-box; display: table; table-layout: auto; width: 100%; } .aui-page-header-image, .aui-page-header-main, .aui-page-header-actions { box-sizing: border-box; display: table-cell; margin: 0; padding: 0; text-align: left; vertical-align: top; } /* collapse the cell to fit its content */ .aui-page-header-image { white-space: nowrap; width: 1px; } .aui-page-header-main { vertical-align: middle; } .aui-page-header-image + .aui-page-header-main { padding-left: @aui-grid; } .aui-page-header-actions { padding-left: (@aui-grid * 2); text-align: right; vertical-align: middle; } .aui-page-header-main > h1, .aui-page-header-main > h2, .aui-page-header-main > h3, .aui-page-header-main > h4, .aui-page-header-main > h5, .aui-page-header-main > h6 { margin: 0; } .aui-page-header-actions > .aui-buttons { /* spaces out button groups when they wrap to 2 lines */ margin-bottom: (@aui-grid / 2); margin-top: (@aui-grid / 2); vertical-align: top; white-space: nowrap; } /* Avatar overrides */ .aui-page-header-image .aui-avatar { vertical-align: top; } .panel, .alertPanel, .infoPanel { color: #333; padding: 0; margin: 10px 0; border: 1px solid #ddd; overflow: hidden; border-radius: 3px; } .alertPanel, .infoPanel, .panelContent { padding: 10px; } .alertPanel { border-color: #c00; } .infoPanel { border-color: #69c; } .panelHeader { padding: 10px; border-bottom: 1px solid #ddd; background-color: #f7f7f7; } /* basic panel (basicpanel.vmd) style */ .basicPanelContainer { border-width: 1px; border-style: solid; margin-top: 2px; margin-bottom: 8px; width: 100%; } .basicPanelContainer:first-child { margin-top: 0; } .basicPanelTitle { padding: 10px; margin: 0; background-color: #f0f0f0; border-bottom: 1px solid #ddd; } .basicPanelBody { padding: 5px; margin: 0; } /* PDL master.css */ /* Generic */ fieldset { border: none; margin: 0; padding: 0; } .smalltext { font-size: 12px; color: #707070; } #title-text { margin: 0; font-size: 28px; } #title-text a:hover{ text-decoration: none; } body.error-page #main { padding-top: 0; } body.error-page #main-header { margin: 0 -20px; padding: 20px; border-bottom: 1px solid #ccc; background-color: #f5f5f5; } #main-header, #preview-header { margin-bottom: 20px; } #preview-header #title-text { color: #333; margin-top: 10px; } a img { border: 0; } .hidden { display: none; } /* End generic */ /* Main body */ /* if space-ia is on, we want width to be auto*/ .ia-splitter .aui-page-panel { width: auto; } /* end main body */ /* Header */ #quick-search-submit { display: none; } #quick-search { margin: 0; } #quick-search.quick-search-loading:after { display: none; } .aui-nav-link span + span { margin-left: 5px; } /* End header */ /* Generic Admin sidebar (or vertical navigation) */ .aui-nav-vertical li a:link, .aui-nav-vertical li a:focus, .aui-nav-vertical li a:visited, .aui-nav-vertical li a:active { color: #666; } /* End generic admin sidebar/vertical nav*/ /* Space Admin sidebar */ .in-page-menu { padding: 10px; } .in-page-menu-content { border-left: 1px solid #CCC; padding: 0 0 20px 10px; } /* End Space Admin sidebar */ /*Global messages above the header*/ #messageContainer { list-style-type: none; margin: 0; padding: 0; } #messageContainer li { display: block; } #messageContainer .aui-message { margin: 0; border-radius: 0; } /*End global messages above the header*/ #breadcrumbs li.hidden-crumb { display: none; } /* Metadata stuff just below page title*/ .page-metadata ul { overflow: hidden; margin: 0; padding: 0; } .page-metadata ul li { list-style: none; float: left; padding: 0 5px 0 0; margin: 0; line-height: 1.5; } .page-metadata ul a.page-tinyurl span { float: left; height: 16px; width: 10px; text-indent: -9999em; } .page-metadata ul a.action-view-attachments span.page-metadata-attachments-count { margin-left: 3px; } /* End metadata stuff*/ /* Page content */ #main { margin: 0; padding: 20px; clear: both; min-height: 600px; } #title-heading { margin: 0; padding: 0; } #title-text a { color: #333; } .navBackgroundBox { padding: 5px; font-size: 22px; font-weight: bold; text-decoration: none; } .simple-confirmation > form > .buttons-container { padding-left: 0; margin-top: 20px; } /* aui-page-layout.css makes this clear, which stuffs up the multi-column layout of space admin sidebar */ #content { clear: none !important; } #content::before { display: none !important; } /* end aui-page-layout.css overrides */ /*End page content*/ /* Page footer */ .aui-layout #footer .footer-body > ul > li.print-only { display: none; } /* End page footer */ #com-atlassian-confluence .hidden { display: none; } /* Progress Page */ /* This doesn't and shouldn't be a table */ #status { margin: 10px 0; } #status table { margin: 10px 0; } #taskProgressBar { background: #ebf2f9; /* This border radius will not work while it's still a table */ border-radius: 3px; } #taskGreenBar { background: #3b7fc4; } #status .smalltext { text-align: center; color: #707070; } #content { /* Override aui-page-layout.css */ position: static !important; } hr { border: none; border-bottom: 1px solid #ccc; } #bloglist { display: none; } /* Child Pages styling (mainly for the benefit of doctheme) */ .children-show-hide.icon { display: none;; } .child-display { padding: 2px 2px 2px 12px; display: block; } /* * Page history * This is the css for the warning at the top of the page when viewing the page history */ #page-history-warning { margin-bottom: 20px; } .page-history-view a:before { display: inline-block; content: "·"; padding: 0 10px; } .page-history-view a:before:hover { text-decoration: none; } .page-history-view a:first-child:before { display: none; content: ''; padding: 0; } .version-navigation-block { padding-top: 10px; } .current-version-margin { display: inline-block; padding-left: 10px; } .current-version-margin:first-child { padding: 0; } /* End page history */ /* Alternative pages */ .alternative-page-list { list-style: none; padding-left: 30px; line-height: 20px; } .alternative-page-list .excerpt { margin-left: 20px; } /* End alternative pages */ /* People directory*/ .page-section, .page-group { display: table; margin: 0; padding: 0; width: 100%; } .page-section .page-group { display: table-row; margin: 0; padding: 0; width: 100%; } .page-item { display: table-cell; margin: 0; min-width: 256px; /* grid minimum */ padding: 0 0 0 16px; vertical-align: top; } /*People directory*/ body.people .dashboard { margin-top: 0; } body.people .dashboard-group > div { margin-top: 0; } body.people #main { padding: 0; } body.people #main-header { padding: 20px; margin-bottom: 0; background-color: #f5f5f5; } .people-directory .dashboard-section { display: table; width: 100%; } body.people .dashboard-group > .aui-page-panel { border-bottom: 0; } body.people .dashboard-group .aui-page-panel .aui-page-panel-nav { height: 523px; /* 600px (#main:min-height) - #main-header:height */ } body.people .dashboard-group .aui-navgroup-inner { margin-left: -10px; } body.people .active-tab > a { color: #333; font-weight: bold; } #people-search-title-bar { overflow: hidden; margin-bottom: 10px; } #people-search-title-bar h2 { float: left; } body.people #people-search { margin-top: 0; text-align: right; } .people-directory .aui-tabs > .tabs-menu { padding: 0 30px; } .people-directory .greybox { position: relative; margin: 0; } .people-directory .greyboxfilled { width: 100%; } body.people #people-search input { vertical-align: top; } body.people #people-search .field-group { display: inline-block; width: auto; padding: 0 10px 0 0; margin: 0; } body.people .aui-message.error { margin-bottom: 10px; } body.people .greybox #peoplelist .profile-macro { margin: 10px 40px 20px 0; } #people-search .field-group { padding-left: 0; } body.people .blank-experience-people { margin-top: 50px; } .blank-experience-people { min-height: 100px; background: url(../../../images/icons/people-empty-placeholder.png) no-repeat right bottom; } .watches .tableview-action-icon { text-align: right; } /* Blank experience */ .blank-experience-container { border: 1px solid #CCC; border-radius: 3px; width: 65%; margin: 100px auto; padding: 30px; } .blank-experience-container p { color: #707070; line-height: 24px; font-size: 16px; width:70%; margin-top:0; margin-bottom:26px; } .blank-experience-blog { background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom; } .blank-experience-page { background: url('../../images/icons/pages-empty-placeholder.png') no-repeat right bottom; } /*Blog Role*/ .blog-post-listing { position: relative; padding: 30px 20px 20px 68px; margin-top: -10px; } #link-browser-tab-items + .blog-post-listing { padding-top: 10px; } #link-browser-tab-items + .blog-post-listing .logoBlock { top: 10px; } .blog-post-listing + .blog-post-listing { border-top: 1px solid #ccc; margin-top: 0; } .logoBlock, .blogHeading { display: inline-block; } .userLogo { width: 48px; height: 48px; border-radius: 3px; } .userLogoLink { display: inline; } .page-metadata { line-height: 1.25 !important; } .logo-heading-block { margin-bottom: 20px; } .logoBlock { position: absolute; left: 0px; top: 30px; } .userLogoLink { line-height: 30px; } #title-heading .userLogoLink { float: left; } .logo-heading-block .userLogo { width: 48px; border-radius: 3px; display: inline-block; } span.blogHeading { display: block; } .blogHeading .page-metadata { margin: 0; line-height: 16px !important; margin-top: 2px; margin-right: 10px; } a.blogHeading { font-size: 24px; } .blog-post-listing > .wiki-content { padding: 0px !important; } .blog-post-listing .endsection { clear:both; margin-top: 20px; } /* End blog role*/ /* Blank experience */ .blank-experience-container { border: 1px solid #CCC; border-radius: 3px; width: 65%; margin: 100px auto; padding: 30px; } .blank-experience-container p { color: #707070; line-height: 24px; font-size: 16px; width:70%; margin-top:0; margin-bottom:26px; } .blank-experience-blog { background: url('../../images/icons/blog-empty-placeholder.png') no-repeat right bottom; } /* alphabet list */ #squaretab { margin-left: 0; padding-left: 0; white-space: nowrap; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } #squaretab li { display: inline;