diff options
Diffstat (limited to 'webroot/css')
-rw-r--r-- | webroot/css/ribbon.css | 92 |
1 files changed, 6 insertions, 86 deletions
diff --git a/webroot/css/ribbon.css b/webroot/css/ribbon.css index b4af918..bc25c06 100644 --- a/webroot/css/ribbon.css +++ b/webroot/css/ribbon.css @@ -1,109 +1,29 @@ -.ribbon-holder { +#ribbon { position: absolute; top: 0; overflow: hidden; height: 10em; -} - -.right.ribbon-holder { right: 0; } -.left.ribbon-holder { - left: 0; -} - -.ribbon, -.ribbon:hover { - text-decoration: none; -} - -.ribbon { +#ribbon a { letter-spacing: -.1px; opacity: 0.95; - padding: 0.25em 0; position: relative; top: 2.5em; + right: -2.6em; + padding: 0.1em 3em; - /* Defaults friendly for white pages. */ -moz-box-shadow: 0 0 13px #888; -webkit-box-shadow: 0 0 13px #888; color: #FFF; display: block; line-height: 1.35em; -} + border: 1px solid #ebaa65; -.ribbon .text { - padding: 0.1em 3em; -} + background-color: #e57504; -.right .ribbon { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); - right: -2.6em; -} - -.left .ribbon { - -moz-transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - left: -2.6em; -} - -.white.ribbon { - color: #111; - background-color: #F5F5F5; - background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#fff)); - -moz-box-shadow: 0 0 13px #999; - -webkit-box-shadow: 0 0 13px #999; - text-shadow: 0 0 .05em; -} - -.white.ribbon .text { - border: 1px solid #cecece; -} - -.red.ribbon { - background-color: #9a0000; - background: -webkit-gradient(linear, left bottom, left top, from(#9a0000), to(#a90000)); -} - -.red.ribbon .text { - border: 1px solid #bf6060; -} - -.green.ribbon { - background-color: #006e00; - background: -webkit-gradient(linear, left bottom, left top, from(#006e00), to(#007200)); -} - -.green.ribbon .text { - border: 1px solid #6bac6b; -} - -.darkblue.ribbon { - background-color: #121621; - color: #ecedee; -} - -.darkblue.ribbon .text { - border: 1px solid #53565e; -} - -.orange.ribbon { - background-color: #E57504; - background: -webkit-gradient(linear, left bottom, left top, from(#dc7202), to(#ee7906)); -} - -.orange.ribbon .text { - border: 1px solid #ebaa65; -} - -.gray.ribbon { - background-color: #6d6d6d; - background: -webkit-gradient(linear, left bottom, left top, from(#6a6a6a) to(#6d6d6d)); -} - -.gray.ribbon .text { - border: 1px solid #a4a4a4; } |