From 385be41f049e4c7a6e7fd4bccad2eb717295b187 Mon Sep 17 00:00:00 2001 From: Daniel Buckmaster Date: Wed, 7 May 2014 10:49:18 +1000 Subject: [PATCH] Add gradient to red banner. --- css/main.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 86c4eb9a7..9b05a2b33 100644 --- a/css/main.css +++ b/css/main.css @@ -114,7 +114,15 @@ a.media-subheading:hover { } .site .banner { - background-color: #a00; + /* Gradient generated using http://www.colorzilla.com/gradient-editor/ */ + background: #aa0000; /* Old browsers */ + background: -moz-linear-gradient(top, #aa0000 0%, #4f0000 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa0000), color-stop(100%,#4f0000)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #aa0000 0%,#4f0000 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #aa0000 0%,#4f0000 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #aa0000 0%,#4f0000 100%); /* IE10+ */ + background: linear-gradient(to bottom, #aa0000 0%,#4f0000 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0000', endColorstr='#4f0000',GradientType=0 ); /* IE6-9 */ color: white; }