diff options
author | Cyrille Bagard <nocbos@gmail.com> | 2016-02-21 21:37:58 (GMT) |
---|---|---|
committer | Cyrille Bagard <nocbos@gmail.com> | 2016-02-21 21:37:58 (GMT) |
commit | 0a9dac98c33279ec7ad03a40492e630091326757 (patch) | |
tree | d166a46d493b2fe1fd0370f0d67c427521b75ac7 /ribbon.css |
First commit.
Diffstat (limited to 'ribbon.css')
-rw-r--r-- | ribbon.css | 63 |
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; + +} |