projectdoc Toolbox

Renders a vertical banner on the left side of a Confluence page with information fetched from a projectdoc service.

Identifier: de.smartics.userscripts.confluence.vertical-banner-projectdoc
Type: Confluence Userscript
Repository: vertical-banner.js
Since: 1.0

The script renders a vertical banner with the subject defined for the space on the left side of every page.

The banner contains text if the padding of the page is larger than the given threshold. If not, the banner is only a few pixel wide in the specified color.

The script renders class attributes that can be used to alter the styles applied to the banner.

Code

vertical-banner.js

/*
 * Copyright 2019-2020 Kronseder & Reiner GmbH, smartics
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

"use strict";

AJS.toInit(function () {
  const bannerWidthWithLabel = 32;
  const bannerWidthWithoutLabel = 6;

  const $main = AJS.$("#main");
  if ($main.length) {
    const fetchLabel = function () {
      return AJS.params.spaceName;
    }
    const fetchColors = function () {
      return ["blueviolet", "white"];
    }

    const paddingLeft = parseInt($main.css("padding-left").replace('px', ''));
    const minWidth = paddingLeft > bannerWidthWithLabel ? bannerWidthWithLabel : bannerWidthWithoutLabel;
    const $sidebarContainer = AJS.$("#sidebar-container");
    if ($sidebarContainer.length) {
      const $banner = AJS.$("<div id=\"userscripts-vertical-banner\"></div>\n");

      const colors = fetchColors();

      $banner.css({
        "background-color": colors[0],
        "visibility": "visible",
        "z-index": "100",
        "min-width": minWidth + "px",
        "max-width": minWidth + "px",
        "min-height": "-webkit-fill-available",
        "margin-left": "0",
        "margin-top": "0",
        "position": "absolute",
        "display": "block",
        "top": "0",
        "left": "0"
      });

      if (minWidth == bannerWidthWithLabel) {
        const $label = AJS.$("<div id=\"userscripts-vertical-banner-label\"></div>\n");
        const label = fetchLabel();
        $label.text(label);
        $label.css({
          "font": "bold 12px Sans-Serif",
          "color": colors[1],
          "letter-spacing": "2px",
          "text-transform": "uppercase",
          "line-height": "24px",
          "transform-origin": "0 0",
          "transform": "rotate(-90deg)",
          "width": "30em",
          "height": "100%",
          "margin-left": "5px",
          "margin-top": "400px",
          "z-index": "200px",
          "position": "sticky"
        });
        $banner.append($label);
      }

      $sidebarContainer.append($banner);
    }
  }
});

Details

More information on using this userscript.

Requirements

The script requires the following apps to be installed on Confluence.

The projectdoc Toolbox for Atlassian Confluence: The projectdoc Toolbox supports agile teams in writing project documentation collaboratively. This is an introduction to use cases for and features of the projectdoc Toolbox.
Web API Extension: Add-on to extend projectdoc with an API to access on the web.
Bookmarklets Extension: Add-on to extend the Toolkit with Bookmarklets. Allows to execute tools via the browser.

Style Sheet

There is a CSS style sheet to be used as a template to configure the banner.

vertical-banner-projectdoc.css

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Bitbucket</title>
    <meta id="bb-bootstrap" data-current-user="{&quot;isAuthenticated&quot;: false, &quot;isKbdShortcutsEnabled&quot;: true, &quot;isSshEnabled&quot;: false}"


    data-target-workspace-uuid="f3fbbef5-5900-4325-a0ee-b1fd64374ddf"
 />
    <meta name="frontbucket-version" content="41134602377b645e71aa27f915f6efb47ed5dfbf">
    <meta name="frontbucket-environment" content="production">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    


<meta name="bb-env" content="production" />
<meta id="bb-canon-url" name="bb-canon-url" content="https://bitbucket.org">
<meta name="bb-api-canon-url" content="https://api.bitbucket.org">



<meta name="bitbucket-commit-hash" content="357a1df9d9cd">
<meta name="bb-app-node" content="311ca54feaef">
<meta name="bb-dce-env" content="micros">
<meta name="bb-view-name" content="bitbucket.apps.repo2.views.SourceView">
<meta name="ignore-whitespace" content="False">
<meta name="tab-size" content="None">
<meta name="locale" content="en">
<meta name="application-name" content="Bitbucket">
<meta name="apple-mobile-web-app-title" content="Bitbucket">
<meta name="slack-app-id" content="A8W8QLZD1">
<meta name="statuspage-api-host" content="https://bqlf8qjztdtr.statuspage.io">


<meta name="theme-color" content="#0049B0">
<meta name="msapplication-TileColor" content="#0052CC">
<meta name="msapplication-TileImage" content="https://d301sr5gafysq2.cloudfront.net/357a1df9d9cd/img/logos/bitbucket/mstile-150x150.png">
<link rel="apple-touch-icon" sizes="180x180" type="image/png" href="https://d301sr5gafysq2.cloudfront.net/357a1df9d9cd/img/logos/bitbucket/apple-touch-icon.png">
<link rel="icon" sizes="192x192" type="image/png" href="https://d301sr5gafysq2.cloudfront.net/357a1df9d9cd/img/logos/bitbucket/android-chrome-192x192.png">

<link rel="icon" sizes="16x16 24x24 32x32 64x64" type="image/x-icon" href="/favicon.ico?v=2">
<link rel="mask-icon" href="https://d301sr5gafysq2.cloudfront.net/357a1df9d9cd/img/logos/bitbucket/safari-pinned-tab.svg" color="#0052CC">

<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Bitbucket">

    <meta name="description" content="">
    <meta name="bb-single-page-app" content="true">
    
      <link rel="stylesheet" href="https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/41134602377b645e71aa27f915f6efb47ed5dfbf/vendor.css">
    
    
    
    <script nonce="aBGLlJ07so00voh3B7L9iw==">

if (window.performance) {

  
  window.performance.okayToSendMetrics = !document.hidden && 'onvisibilitychange' in document;

  if (window.performance.okayToSendMetrics) {

    
    window.addEventListener('visibilitychange', function () {
      if (document.hidden) {
        window.performance.okayToSendMetrics = false;
      }
    });
  }

  
  
}
</script>
  </head>
  <body>
    <div id="root">
    <script nonce="aBGLlJ07so00voh3B7L9iw==">
      window.__webpack_public_path__ = "https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/41134602377b645e71aa27f915f6efb47ed5dfbf/";
    </script>
    
    
    
    </div>
    <script nonce="aBGLlJ07so00voh3B7L9iw==">
      
        window.__sentry__ = {"dsn": "https://2dcda83904474d8c86928ebbfa1ab294@o55978.ingest.sentry.io/1480772", "environment": "production", "tags": {"dc_location": "Micros-3", "micros_deployment_id": "rvj402lfenpfh342", "micros_service": "bbc-website", "micros_envtype": "prod", "micros_service_version": "88240", "micros_instance_id": "i-0dd2b35039c1e6f40", "micros_zone": "us-east-1.prod.atl-paas.net", "revision": "357a1df9d9cd"}};
      
      window.__app_data__ = {"navigationIsOpen": true, "tenantId": "f3fbbef5-5900-4325-a0ee-b1fd64374ddf", "features": {"deployments-ui-in-frontbucket": true, "pipelines-settings-ui-in-frontbucket": true, "create-pr-spa": true, "workspace-invitations-restrictions": true, "bbc-platform-notifications": false, "bbc-compass-x-flow-ui": true, "compass-in-cross-product-search": false, "compass-bitbucket-homepage-banner": true, "compass-bitbucket-homepage-banner-non-admin": false}, "links": {"backButtonUrl": null, "overviewUrl": "/smartics/workspace/overview/"}, "frontbucket_version": "41134602377b645e71aa27f915f6efb47ed5dfbf", "frontbucket_environment": "production"};
      
        window.__initial_state__ = {"global": {"geoip_country": null, "is_mobile_user_agent": false, "site_message": "", "needs_marketing_consent": false, "marketing_consent_locale": null, "whats_new_feed": "https://bitbucket.org/blog/wp-json/wp/v2/posts?categories=196&context=embed&per_page=6&orderby=date&order=desc", "locale": "en", "path": "/smartics/projectdoc-bookmarklets-and-userscripts/src/master/src/main/resources/de/smartics/projectdoc/confluence/vertical-banner-projectdoc.css", "isFocusedTask": false, "focusedTaskBackButtonUrl": null, "features": {"lookup-pr-approvers-from-prs": true, "log-asap-errors": true, "provisioning-install-pipelines-addon": true, "fd-prs-client-cache-fallback": true, "block-non-pipelines-custom-events-webhooks": true, "read-only-message-migrations": true, "provisioning-skip-workspace-creation": true, "hot-91446-add-tracing-x-b3": true, "uninstall-dvcs-addon-only-when-jira-is-removed": true, "auth-flow-adg3": true, "workspace-member-set-last-accessed": true, "use-elasticache-lsn-storage": true, "whitelisted_throttle_exemption": true, "bbc.core.pride-logo": false, "bbc.core.disable-repository-statuses-fetch": false, "bbc.core.disable-directory-metadata": false, "deployments-ui-in-frontbucket": true, "pipelines-settings-ui-in-frontbucket": true, "pipelines-deployments-settings-ui-in-frontbucket": true, "pipelines-runners-settings-ui-in-frontbucket": true, "pr-dependencies": false, "commit-expand-inno": false, "syntax-highlighting": false, "syntax-highlighting-popup": true, "user-code-owners": false, "create-workspace-show-recaptcha": true, "pr-review-info-arch-changes": false, "checks-single-card-for-all": true, "bbc-spork-visual-rebrand": true, "create-pr-spa": true, "extensible-merge-checks-enabled": false, "iterative-review": false, "pfsl-enforcement": true, "merge-checks-single-card": true, "workspace-invitations-restrictions": true, "bbc-compass-x-flow-ui": true, "compass-in-cross-product-search": false, "compass-bitbucket-homepage-banner": true, "compass-bitbucket-homepage-banner-non-admin": false, "workspace-code-owners": true, "workspace-ai-enabled": false, "fetch-annotations-with-session-auth": false, "enable-dynamic-pipelines": true, "pr-review-groups": false, "bbc-platform-notifications": false}, "isNavigationOpen": true, "flags": [], "horizontalNavigationItems": {"mainItems": [{"id": "pullrequests-tab", "label": "Pull requests", "tab_name": "pullrequests", "anchor": true, "weight": 140, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/workspace/pull-requests/", "target": "_self", "can_display": true, "icon_class": "", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "pullrequests", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": ""}, {"id": "repositories-tab", "label": "Repositories", "tab_name": "repositories", "anchor": true, "weight": 160, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/workspace/repositories/", "target": "_self", "can_display": true, "icon_class": "", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repositories", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": true, "test_id": null, "children": [], "type": "menu_item", "icon": ""}, {"id": "projects-tab", "label": "Projects", "tab_name": "projects", "anchor": true, "weight": 200, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/workspace/projects/", "target": "_self", "can_display": true, "icon_class": "", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "projects", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": true, "test_id": null, "children": [], "type": "menu_item", "icon": ""}], "secondaryItems": [], "settingsItems": []}, "targetUser": {"display_name": "smartics", "links": {"self": {"href": "https://bitbucket.org/!api/2.0/workspaces/%7Bf3fbbef5-5900-4325-a0ee-b1fd64374ddf%7D"}, "avatar": {"href": "https://bitbucket.org/account/smartics/avatar/"}, "html": {"href": "https://bitbucket.org/%7Bf3fbbef5-5900-4325-a0ee-b1fd64374ddf%7D/"}}, "created_on": "2015-04-24T13:28:48.411629+00:00", "is_active": true, "type": "team", "uuid": "{f3fbbef5-5900-4325-a0ee-b1fd64374ddf}", "has_2fa_enabled": null, "properties": {}, "username": "smartics"}, "targetFeatures": {"lookup-pr-approvers-from-prs": true, "log-asap-errors": true, "provisioning-install-pipelines-addon": true, "fd-prs-client-cache-fallback": true, "block-non-pipelines-custom-events-webhooks": true, "view-source-filtering-upon-timeout": true, "read-only-message-migrations": true, "provisioning-skip-workspace-creation": true, "hot-91446-add-tracing-x-b3": true, "fd-repository-page-loading-error-guard": true, "uninstall-dvcs-addon-only-when-jira-is-removed": true, "auth-flow-adg3": true, "show-pr-update-activity-changes": true, "workspace-member-set-last-accessed": true, "use-elasticache-lsn-storage": true, "whitelisted_throttle_exemption": true, "exp-new-user-survey": true, "atlassian-editor": true}}, "section": {"repository": {"bitbucketActions": [], "cloneProtocol": "https", "connectActions": [], "currentRepository": {"type": "repository", "full_name": "smartics/projectdoc-bookmarklets-and-userscripts", "links": {"self": {"href": "https://bitbucket.org/!api/2.0/repositories/smartics/projectdoc-bookmarklets-and-userscripts"}, "html": {"href": "https://bitbucket.org/smartics/projectdoc-bookmarklets-and-userscripts"}, "avatar": {"href": "https://bytebucket.org/ravatar/%7B87dc6c45-c38b-478d-9622-76b821a5d232%7D?ts=2391950"}, "clone": [{"name": "https", "href": "https://bitbucket.org/smartics/projectdoc-bookmarklets-and-userscripts.git"}, {"name": "ssh", "href": "git@bitbucket.org:smartics/projectdoc-bookmarklets-and-userscripts.git"}]}, "name": "projectdoc Bookmarklets and Userscripts", "slug": "projectdoc-bookmarklets-and-userscripts", "description": "A collection of bookmarklets and userscripts to add functions to the bookmarks of your browser.", "scm": "git", "website": null, "owner": {"display_name": "smartics", "links": {"self": {"href": "https://bitbucket.org/!api/2.0/workspaces/%7Bf3fbbef5-5900-4325-a0ee-b1fd64374ddf%7D"}, "avatar": {"href": "https://bitbucket.org/account/smartics/avatar/"}, "html": {"href": "https://bitbucket.org/%7Bf3fbbef5-5900-4325-a0ee-b1fd64374ddf%7D/"}}, "type": "team", "uuid": "{f3fbbef5-5900-4325-a0ee-b1fd64374ddf}", "username": "smartics"}, "workspace": {"type": "workspace", "uuid": "{f3fbbef5-5900-4325-a0ee-b1fd64374ddf}", "name": "smartics", "slug": "smartics", "is_private": false, "links": {"avatar": {"href": "https://bitbucket.org/workspaces/smartics/avatar/?ts=1543641880"}, "html": {"href": "https://bitbucket.org/smartics/"}, "self": {"href": "https://bitbucket.org/!api/2.0/workspaces/smartics"}}, "created_on": "2018-12-01T05:24:40.584798+00:00"}, "is_private": false, "project": {"type": "project", "owner": {"display_name": "smartics", "links": {"self": {"href": "https://bitbucket.org/!api/2.0/workspaces/%7Bf3fbbef5-5900-4325-a0ee-b1fd64374ddf%7D"}, "avatar": {"href": "https://bitbucket.org/account/smartics/avatar/"}, "html": {"href": "https://bitbucket.org/%7Bf3fbbef5-5900-4325-a0ee-b1fd64374ddf%7D/"}}, "type": "team", "uuid": "{f3fbbef5-5900-4325-a0ee-b1fd64374ddf}", "username": "smartics"}, "workspace": {"type": "workspace", "uuid": "{f3fbbef5-5900-4325-a0ee-b1fd64374ddf}", "name": "smartics", "slug": "smartics", "links": {"avatar": {"href": "https://bitbucket.org/workspaces/smartics/avatar/?ts=1543641880"}, "html": {"href": "https://bitbucket.org/smartics/"}, "self": {"href": "https://bitbucket.org/!api/2.0/workspaces/smartics"}}}, "key": "PDT", "uuid": "{5793f35a-0544-4ed3-bb6b-ff5992a54357}", "is_private": false, "name": "projectdoc Tools", "description": "A set of tools to be used with the projectdoc Toolbox.", "links": {"self": {"href": "https://bitbucket.org/!api/2.0/workspaces/smartics/projects/PDT"}, "html": {"href": "https://bitbucket.org/smartics/workspace/projects/PDT"}, "avatar": {"href": "https://bitbucket.org/account/user/smartics/projects/PDT/avatar/32?ts=1577743825"}}, "created_on": "2019-12-30T22:10:25.548494+00:00", "updated_on": "2019-12-30T22:10:25.548510+00:00", "has_publicly_visible_repos": true}, "fork_policy": "allow_forks", "updated_on": "2024-01-02T09:33:32.244270+00:00", "language": "javascript", "uuid": "{87dc6c45-c38b-478d-9622-76b821a5d232}", "mainbranch": {"name": "master"}, "landing_page": "source"}, "menuItems": [{"id": "repo-source-link", "label": "Source", "tab_name": "source", "anchor": true, "weight": 200, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/src", "target": "_self", "can_display": true, "icon_class": "icon-source", "badge_label": null, "matching_url_prefixes": ["/diff", "/history-node"], "analytics_label": "repository.source", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-source"}, {"id": "repo-commits-link", "label": "Commits", "tab_name": "commits", "anchor": true, "weight": 300, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/commits/", "target": "_self", "can_display": true, "icon_class": "icon-commits", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.commits", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-commits"}, {"id": "repo-branches-link", "label": "Branches", "tab_name": "branches", "anchor": true, "weight": 400, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/branches/", "target": "_self", "can_display": true, "icon_class": "icon-branches", "badge_label": null, "matching_url_prefixes": ["/branch"], "analytics_label": "repository.branches", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-branches"}, {"id": "repo-pullrequests-link", "label": "Pull requests", "tab_name": "pullrequests", "anchor": true, "weight": 500, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/pull-requests/", "target": "_self", "can_display": true, "icon_class": "icon-pull-requests", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.pullrequests", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-pull-requests"}, {"id": "repo-pipelines-link", "label": "Pipelines", "tab_name": "pipelines", "anchor": true, "weight": 550, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/pipelines", "target": "_self", "can_display": true, "icon_class": "icon-pipelines", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.pipelines", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-pipelines"}, {"id": "repo-deployments-link", "label": "Deployments", "tab_name": "deployments", "anchor": true, "weight": 560, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/deployments", "target": "_self", "can_display": true, "icon_class": "icon-deployments", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.deployments", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-deployments"}, {"id": "repo-jira-link", "label": "Jira issues", "tab_name": "jira", "anchor": true, "weight": 600, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/jira", "target": "_self", "can_display": true, "icon_class": "icon-jira", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.jira", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-jira"}, {"id": "repo-security-link", "label": "Security", "tab_name": "security", "anchor": true, "weight": 610, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/security", "target": "_self", "can_display": true, "icon_class": "icon-security", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.security", "analytics_payload": {}, "is_client_link": true, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-security"}, {"id": "repo-downloads-link", "label": "Downloads", "tab_name": "downloads", "anchor": true, "weight": 800, "is_premium": null, "is_beta": null, "is_new": null, "url": "/smartics/projectdoc-bookmarklets-and-userscripts/downloads/", "target": "_self", "can_display": true, "icon_class": "icon-downloads", "badge_label": null, "matching_url_prefixes": [], "analytics_label": "repository.downloads", "analytics_payload": {}, "is_client_link": false, "is_external_link": false, "is_dropdown_item": false, "test_id": null, "children": [], "type": "menu_item", "icon": "icon-downloads"}], "mirrors": [], "sizeLimits": {"hard": 4294967296, "soft": 2147483648.0, "readOnly": 10737418240.0}, "override_settings": {"default_merge_strategy": false, "branching_model": false}, "activeMenuItem": "source"}}, "repository": {"source": {"section": {"hash": "74cc37ad27cc641b3b8eac9f74647203586f7c11", "ref": {"name": "master", "target": {"hash": "74cc37ad27cc641b3b8eac9f74647203586f7c11", "links": {"self": {"href": "https://bitbucket.org/!api/2.0/repositories/smartics/projectdoc-bookmarklets-and-userscripts/commit/74cc37ad27cc641b3b8eac9f74647203586f7c11"}, "html": {"href": "https://bitbucket.org/smartics/projectdoc-bookmarklets-and-userscripts/commits/74cc37ad27cc641b3b8eac9f74647203586f7c11"}}, "type": "commit"}, "links": {"self": {"href": "https://bitbucket.org/!api/2.0/repositories/smartics/projectdoc-bookmarklets-and-userscripts/refs/branches/master"}, "html": {"href": "https://bitbucket.org/smartics/projectdoc-bookmarklets-and-userscripts/branch/master"}}}, "atRef": null}}}};
      
      window.__settings__ = {"ADMINHUB_BASE_URL": "https://admin.atlassian.com", "API_CANON_URL": "https://api.bitbucket.org", "CANON_URL": "https://bitbucket.org", "LOGIN_URL": "/account/signin/", "SOCIAL_AUTH_ATLASSIANID_LOGIN_PROMPT_URL": "https://id.atlassian.com/login", "SOCIAL_AUTH_ATLASSIANID_LOGOUT_URL": "https://id.atlassian.com/logout", "SOCIAL_AUTH_ATLASSIANID_PROFILE_URL": "https://id.atlassian.com/manage-profile/", "ATLASSIANID_LOGIN_URL": "https://id.atlassian.com/login", "ATLASSIANID_LOGOUT_URL": "https://id.atlassian.com/logout", "ATLASSIANID_MANAGE_PROFILE_URL": "https://id.atlassian.com/manage-profile/", "MARKETPLACE_TERMS_OF_USE_URL": null, "CONSENT_HUB_FRONTEND_BASE_URL": "https://preferences.atlassian.com", "EMOJI_STANDARD_BASE_URL": "https://bitbucket.org/gateway/api/emoji/", "STATUSPAGE_URL": "https://bitbucket.status.atlassian.com/", "RECAPTCHA_PUBLIC_KEY": "6LcRaMMkAAAAAFB-7L-4-1-mdLIrOMAP4H5asuWK"};
      window.__webpack_nonce__ = 'aBGLlJ07so00voh3B7L9iw==';
      window.isInitialLoadApdex = true;
      
      
    </script>
    
      <script nonce="aBGLlJ07so00voh3B7L9iw==" src="https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/41134602377b645e71aa27f915f6efb47ed5dfbf/ajs.js"></script>
    
      <script nonce="aBGLlJ07so00voh3B7L9iw==" src="https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/41134602377b645e71aa27f915f6efb47ed5dfbf/app.js"></script>
    
    
      <script nonce="aBGLlJ07so00voh3B7L9iw==" src="https://d301sr5gafysq2.cloudfront.net/frontbucket/assets/present/41134602377b645e71aa27f915f6efb47ed5dfbf/performance-timing.js" defer></script>
    
    
  </body>
</html>

Modify the CSS rules according to your needs. Add these rules either to the global space stylesheet or to the stylesheet of a single space.

For more information on using CSS with Confluence, please refer to Styling Confluence with CSS

Space shortcuts

Page tree

Docs

Support

Free Blueprints

Tooling for Blueprints

Free Extensions

Spaces

Plugins for Maven

Incubator

Libraries for Java

Incubator

Add-ons for Confluence

Tools

Support

Team

Legal

Code

Details

Requirements

Style Sheet

About

Keep up-to-date!

Powered by