1 files changed, 63 insertions, 0 deletions
diff --git a/ribbon.css b/ribbon.css
new file mode 100644
index 0000000..1ee066e
--- /dev/null
+++ b/ribbon.css
@@ -0,0 +1,63 @@
+
+.corner-ribbon-wrapper {
+
+    position: fixed;
+    overflow: hidden;
+    top: 0;
+    z-index: 9999;
+    pointer-events: none;
+
+}
+
+.corner-ribbon {
+
+    position: absolute;
+
+    padding: 2px 0px;
+
+    background-color: #a00;
+
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-weight: 700;
+
+    z-index: 9999;
+    pointer-events: auto;
+
+    /* Dégradé : transparent en haut, un peu moins en bas */
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
+    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
+    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
+    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
+    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
+
+    /* Ombre portée */
+    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
+    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
+
+}
+
+.corner-ribbon a {
+
+    color: #fff;
+    text-decoration: none;
+    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
+    text-align: center;
+
+    display: inline-block;
+    padding: 2px 0;
+
+    /* Effet en bordure */
+    border-width: 1px 0;
+    border-style: dotted;
+    border-color: #fff;
+    border-color: rgba(255, 255, 255, 0.7);
+
+}
+
+.corner-ribbon-wrapper.right {
+
+    right: 0;
+
+}