Confluence: How to create a 'DRAFT' watermark using CSS

I added the following to my Confluence page:



To do it, I put the following text in an HTML block at the top of the page:

<style>

.watermark {

    opacity: 0.5;

    color: BLACK;

    position: fixed;

    top: 45%;

    left: 50%;

font-size: 110px;

font-weight: 100;

    background: yellow;

padding-left: 50px;

padding-right: 50px;

}

.rotate {

  transform: rotate(-45deg);

  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */

  -webkit-transform: rotate(-45deg);

  /* Firefox */

  -moz-transform: rotate(-45deg);

  /* IE */

  -ms-transform: rotate(-45deg);

  /* Opera */

  -o-transform: rotate(-45deg);

  /* Internet Explorer */

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

</style>

<div class="watermark rotate ">Draft</div>


It seems to work well across browser too.

Comments

Popular posts from this blog

SharePoint 2013: Error updating managed account credentials

How can I call a JIRA api through Powershell?