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>
Comments
Post a Comment