.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; } @import "colors.less"; /* PDL master.less */ /* Generic */ fieldset { border: none; margin: 0; padding: 0; } .smalltext { font-size: 12px; color: @mediumGray; } #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: #172B4D; } .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: @mediumGray; } #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: @mediumGray; 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, img.userLogo{ width: 48px; height: 48px; border-radius: 3px; } .userLogoLink { display: inline; } .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 { line-height: 16px !important; margin: 2px 10px 0 0; } 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: @mediumGray; 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; list-style-type: none; } #squaretab a { padding: 5px 7px 3px 7px; border: 1px solid; } #squaretab a:link, #squaretab a:visited { color: #fff; text-decoration: none; } #squaretab a:hover { text-decoration: none; } .admin-sidebar-group ~ .admin-sidebar-group { margin-top: 20px; } /* CONFDEV-13482: Override .aui-page-panel */ #main.aui-page-panel { border-top: 0; } .recently-updated-concise .update-item { .update-item-desc, .update-item-changes { font-size: 12px; margin-left: 5px; line-height: 20px; } } /* consistent placeholder text color */ ::-webkit-input-placeholder { color: #999; } ::-moz-placeholder { /* Firefox 18- */ color: #999; } ::-moz-placeholder { /* Firefox 19+ */ color: #999; } :-ms-input-placeholder { color: #999; } /* End PDL master.less */ .default-macro-spinner { width: 40px; height: 40px; position: relative; } #people-search-result-status-container { display: flex; // need for magic because on default "display: block" margin is not apply. margin: 20px 0 10px 0; // bottom 10px because #people-search-title-bar also added 10px on bottom } #people-search-result-status { font-size: 14px; color: #6B778C; margin-top: 0; } @import "colors.less"; /* wiki-content.css */ /** * AUI Overrides * see /includes/css/aui-overrides.css */ .rounded-corners (@radius: 5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .wiki-content { .header, .footer, .cell { margin: 8px 0; box-sizing: border-box; word-wrap: break-word; .rounded-corners; } .columnLayout { display: table; table-layout: fixed; width: 100%; *clear: both; .cell { vertical-align: top; } .cell.aside { width: 29.9%; } .cell.sidebars { width: 19.9%; } } .cell { display: table-cell; padding: 0 10px; } .innerCell { overflow-x: auto; } .placeholder { background: #f5f5f5; border: 1px dotted #ccc; color: @mediumGray; font-style: italic; margin: 0; padding: 10px; .activation-content { display:none; } .display-content { display: inherit; } } li > ul, li > ol, ul > ul, ol > ol { margin-top: 0; } ul, ul ul ul ul, ul ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ul ul, ul ul ul ul ul, ul ul ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } ul ul ul, ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul, ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol, ol ol ol ol, ol ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ol ol, ol ol ol ol ol, ol ol ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ol ol ol, ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol, ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } /* these styles are copied from aui-page-typography.css in AUI 5.4. This will retain the heading styles for user * generated content when upgrading to use AUI 5.7 and ADG 2.0. This is brittle because not every property is * explicitly declared here. If AUI 5.8 sets h1 text-transform: uppercase; it will break the default styles */ h1 { font-size: 24px; font-weight: normal; line-height: 1.25; /* 30px equiv line-height */ margin: 30px 0 0 0; } h2 { font-size: 20px; font-weight: normal; line-height: 1.5; /* 30px equiv line-height */ margin: 30px 0 0 0; } h3 { font-size: 16px; line-height: 1.5; /* 24px equiv line-height */ margin: 30px 0 0 0; } h4 { font-size: 14px; line-height: 1.42857142857143; /* 20px equiv line-height */ margin: 20px 0 0 0; } h5 { color: #5E6C84; font-size: 12px; line-height: 1.66666666666667; margin: 20px 0 0 0; text-transform: uppercase; } h6 { color: #5E6C84; font-size: 12px; line-height: 1.66666666666667; margin: 20px 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: 10px; } /* End styles copied from aui-page-typography.css in AUI 5.4 */ /* Confluence specific typography overrides on top of AUI 5.4 typography */ h3 { font-weight: bold; } h5 { font-size: 14px; } h5, h6 { text-transform: none; } h1 + h1, h2 + h2, h3 + h3, h4 + h4, h5 + h5, h6 + h6 { margin-top: 10px; } /* End Confluence specific typography overrides on top of AUI 5.4 typography */ .confluence-content-image-border { border: 1px solid black; } div.error > span.error { color: #333; padding: 6px 10px; position: relative; background: #fffdf6; border: 1px solid #ffeaae; .rounded-corners; } /* CONFDEV-6137 Welcome to the world of browser hacks We're targeting IE8 compatibility mode which means IE7 hacks. This updates the page-layout to be floated rather than table layout which is not supported in compat mode. These styles are only applied to IE8 compat mode */ .columnLayout, .cell, .header, .footer { *display: block; *float: left; *width: 100%; } .innerCell { *border: 2px dashed #ccc; *margin: 8px 4px; *padding: 4px 8px; } /* Text Placeholders */ .text-placeholder { background: #f5f5f5; color: #707070; font-style: italic; min-width: 10px; /* So that it is visible when empty */ display: inline-block; } .text-placeholder.selected { color: #333 } } .contentLayout .innerCell > *:first-child, .contentLayout2 { .innerCell > *:first-child { margin-top: 0; } } .contentLayout2 .columnLayout { margin-bottom: 8px; } .view .wiki-content .cell:first-child, .content-preview .wiki-content .cell:first-child { padding: 0; } /* CONF-23497 - Work around rendering issue in Webkit and IE9. Works fine for IE8 and Firefox. */ li[style*='text-align: center'], li[style*='text-align: right'] { list-style-position: inside; } /* CONFDEV-7754 - Workaround for some unwanted onDemand styling. Remove once JSTDEV-1730 is fixed. See CONFDEV-7799. Will have a side-effect of breaking any footers in themes that do not use the default font-family or font-size. #main selector is to prevent this rule applying within the RTE iframe. */ #main .wiki-content .footer p, #main .wiki-content .footer a { font-family: arial,sans-serif; font-size: 14px; } .wiki-content .cell, .mceContentBody.wiki-content .cell, .twoColumns .cell, .threeColumns .cell, .twoColumns .large, .mceContentBody.wiki-content .header, .mceContentBody.wiki-content .footer, .threeColumns .large { *border: 0; *margin: 0; *padding: 0; *overflow: hidden; } .twoColumns .cell { *width: 49.9%; } .threeColumns .cell { *width: 33.3%; } .twoColumns .large { *width: 69.9%; } .threeColumns .large { *width: 59.9%; } div.aside + div.large, div.large + div.aside, div.large + div.sidebars, .twoColumns div.cell + div.cell, .threeColumns div.cell + div.cell + div.cell { *float: right; } /* Page Layouts 2 */ /* Section types: single, two-equal, two-left-sidebar, two-right-sidebar, three-equal, three-with-sidebars */ .two-equal .normal { *width: 49.9%; } .two-left-sidebar .normal, .two-right-sidebar .normal { *width: 69.9%; } .three-equal .cell { *width: 33.3%; } .three-with-sidebars .normal { *width: 59.9%; } .two-equal div.cell + div.cell { *float: right; } .three-equal, .three-with-sidebars { div.cell + div.cell + div.cell { *float: right; } } /* CONFDEV-13804: Temporary workaround, remove once fixed in the plugin (WDAY-1641). */ #mw-container div.mw-no-notifications div.subheading p { line-height: 24px; margin-top: 8px; margin-bottom: 8px; } /* Styles for macros bundled in Renderer. */ .searchMacro { font-size: 10pt; margin: 10px 0; } .searchMacro .result { margin-top: 3px; padding: 0 5px 5px 5px; border-bottom: 1px solid #ddd; } .searchMacro .resultSummary { margin-bottom: 7px; } .rssMacro { font-size: 10pt; } .rssMacro table { margin: 10px 0; width: 100%; border-collapse: collapse; } .rssMacro table th, .rssMacro table td { border: 1px solid #ccc; padding: 4px; } .rssMacro table th { background: #f0f0f0; } /* Code styles */ .code { border-width: 1px; border-style: solid; } .code, .preformatted { background-color: #fff; overflow: auto; } .code pre, .preformatted pre { /* needs 'pre' to override TinyMCE style */ font-family:"Courier New", Courier, monospace; line-height: 1.3; } /* The code macro classes are overridden by the fixed width theme so have been made more specific. */ .wiki-content .code-keyword { color: #000091; background-color: inherit; } .wiki-content .code-object { color: #910091; background-color: inherit; } .wiki-content .code-quote { color: #009100; background-color: inherit; } .wiki-content .code-comment { color: #808080; background-color: inherit; } .wiki-content .code-xml .code-keyword { color: inherit; font-weight: bold; } .wiki-content .code-tag { color: #000091; background-color: inherit; } /* Recently Updated Styles */ .recentlyUpdatedItem { border-bottom: #f0f0f0 1px solid; border-top: #f0f0f0 1px solid; margin: 10px 0 0 0; padding: 0; border-spacing: 0; width: 100%; text-decoration: none; border-collapse: collapse; } .recentlyUpdatedItem td { padding: 10px; border-bottom: #f0f0f0 1px solid; vertical-align: top; } .recentlyUpdatedItem .authorAndDate { background-color: #f0f0f0; width: 25%; } .recentlyUpdatedItem .date { margin-top: 4px; font-size: 90%; color: #666; } .recentlyUpdatedItem .profilePic { float: right; background-color: #f0f0f0; margin: 0 2px; } .recentlyUpdatedItem .twixie { padding: 10px 0 0 4px; } .recentlyUpdatedItem td.icon { padding: 8px 0 0 1px; } .recentlyUpdatedItem .details { padding-left: 7px; } .recentlyUpdatedItem .summary, .recentlyUpdatedItem .thumbnail { margin-top: 3px; color: #666; } .moreRecentlyUpdatedItems { text-align: right; margin-top: 10px; font-size: 10pt; } @import "colors.less"; /*Style of