diff --git a/dev/scss/base/banner.scss b/dev/scss/base/banner.scss
new file mode 100644
index 0000000..811cafe
--- /dev/null
+++ b/dev/scss/base/banner.scss
@@ -0,0 +1,39 @@
+.banner {
+  position: fixed;
+  width: 10em;
+  height: 10em;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  right: 0px;
+  margin-right: -2.4em;
+  top: 0;
+
+  &::after {
+    content:attr(data-note);
+    display: block;
+    overflow: hidden;
+    width: 12em;
+    font-size: 10pt;
+    font-weight: bold;
+    word-spacing: 2px;
+    text-decoration: none;
+    position: relative;
+    left: 2em;
+    top: -1.6em;
+    line-height: 2em;
+    text-align: center;  
+    -moz-transform-origin: 0 0 ;
+    -moz-transform:rotate(45deg);
+    -webkit-transform-origin: 0 0 ;
+    -webkit-transform:rotate(45deg);
+    -ms-transform-origin: 0 0 ;
+    -ms-transform:rotate(45deg);
+    transform-origin: 0 0 ;
+    transform:rotate(45deg);
+
+    background-color: $light-orange;
+    color: $dark-orange;
+    border: 1px solid $dark-orange;
+  }
+}
\ No newline at end of file
diff --git a/dev/scss/base/base.scss b/dev/scss/base/base.scss
index 306e48d..ebd80e7 100644
--- a/dev/scss/base/base.scss
+++ b/dev/scss/base/base.scss
@@ -7,6 +7,7 @@
 @import "form";
 @import "view";
 @import "menu";
+@import "banner";
 
 /**
  * Basic global CSS rules for Kalamar