Put a slight gradient into the Confluence header bar

XMLWordPrintable

      Problem

      Confluence doesn't feel modern, while some of its competitors are ahead in this regard.

      Fix

      Small visual improvements over time can slowly make Confluence contemporary. One such fix is to put a subtle gradient and shadow onto the Confluence header like so:

      This will also require the header to be made 29px high.

      Quick code solution by Chris Broadfoot:

      #poweredby {
	padding-top: 10px !important;
}

#header {
    background-image: url(http://extranet.atlassian.com/download/attachments/673088317/gradient-header.gif);
    background-position: bottom;
}

#main {
	border-top: none !important;
	padding: 10px !important;
	margin-left: -10px !important;
	margin-right: -10px !important;
	background: white url(http://www.ibm.com/i/v16/t/sprites-t1.gif) repeat-x scroll 0 -814px;
}

      Reason for severity

      The header is everywhere.

        1. gradient.png
          0.4 kB
          Stephen Russell [Atlassian]
        2. shadow.png
          0.1 kB
          Stephen Russell [Atlassian]
        3. design.png
          210 kB
          Stephen Russell [Atlassian]
        4. design_with_menu.png
          227 kB
          Stephen Russell [Atlassian]

            Assignee:
            Unassigned
            Reporter:
            Stephen Russell [Atlassian]
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: