You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openoffice.apache.org by bu...@apache.org on 2014/03/12 22:13:36 UTC

svn commit: r901325 - in /websites/staging/ooo-site/trunk: cgi-bin/ content/ content/download/test/exceptions_gradient.css

Author: buildbot
Date: Wed Mar 12 21:13:36 2014
New Revision: 901325

Log:
Staging update by buildbot for ooo-site

Modified:
    websites/staging/ooo-site/trunk/cgi-bin/   (props changed)
    websites/staging/ooo-site/trunk/content/   (props changed)
    websites/staging/ooo-site/trunk/content/download/test/exceptions_gradient.css

Propchange: websites/staging/ooo-site/trunk/cgi-bin/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Wed Mar 12 21:13:36 2014
@@ -1 +1 @@
-1576537
+1576903

Propchange: websites/staging/ooo-site/trunk/content/
------------------------------------------------------------------------------
--- cms:source-revision (original)
+++ cms:source-revision Wed Mar 12 21:13:36 2014
@@ -1 +1 @@
-1576537
+1576903

Modified: websites/staging/ooo-site/trunk/content/download/test/exceptions_gradient.css
==============================================================================
--- websites/staging/ooo-site/trunk/content/download/test/exceptions_gradient.css (original)
+++ websites/staging/ooo-site/trunk/content/download/test/exceptions_gradient.css Wed Mar 12 21:13:36 2014
@@ -57,23 +57,25 @@ h1 { padding-left: 0.5em; }
 .sub-green p { padding: .1em 3%; width: 72%; }
 
 .green_gradient {
- background: url(../cachedimages/button-green-top.png) #E4FDAE right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-green-top.png) right top no-repeat -moz-linear-gradient(top, #e4fdae 1%, #b8de66 100%); /* FF3.6+ */
- background: url(../cachedimages/button-green-top.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e4fdae), color-stop(100%,#b8de66)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-green-top.png) right top no-repeat -webkit-linear-gradient(top, #e4fdae 1%,#b8de66 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-green-top.png) right top no-repeat -o-linear-gradient(top,#e4fdae 1%,#b8de66 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-green-top.png) right top no-repeat -ms-linear-gradient(top, #e4fdae 1%,#b8de66 100%); /* IE10+ */
- background: url(../cachedimages/button-green-top.png) right top no-repeat linear-gradient(to bottom, #e4fdae 1%,#b8de66 100%); /* W3C */
- background: url(../cachedimages/button-green-top.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fdae', endColorstr='#b8de66',GradientType=0 ); /* IE6-9 */ }
+ background: #E4FDAE; /* Old browsers */
+ background: -moz-linear-gradient(top, #e4fdae 1%, #b8de66 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e4fdae), color-stop(100%,#b8de66)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #e4fdae 1%,#b8de66 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top,#e4fdae 1%,#b8de66 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #e4fdae 1%,#b8de66 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #e4fdae 1%,#b8de66 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4fdae', endColorstr='#b8de66',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .green_gradient:hover {
- background: url(../cachedimages/button-green-bottom.png) #DBFD93 right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat -moz-linear-gradient(top, #dbfd93 1%, #a0d434 100%); /* FF3.6+ */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbfd93), color-stop(100%,#a0d434)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat -webkit-linear-gradient(top, #dbfd93 1%,#a0d434 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat -o-linear-gradient(top, #dbfd93 1%,#a0d434 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat -ms-linear-gradient(top, #dbfd93 1%,#a0d434 100%); /* IE10+ */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat linear-gradient(to bottom, #dbfd93 1%,#a0d434 100%); /* W3C */
- background: url(../cachedimages/button-green-bottom.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbfd93', endColorstr='#a0d434',GradientType=0 ); /* IE6-9 */ }
+ background: #DBFD93; /* Old browsers */
+ background: -moz-linear-gradient(top, #dbfd93 1%, #a0d434 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbfd93), color-stop(100%,#a0d434)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #dbfd93 1%,#a0d434 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #dbfd93 1%,#a0d434 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #dbfd93 1%,#a0d434 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #dbfd93 1%,#a0d434 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbfd93', endColorstr='#a0d434',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .green_gradient h2 a { color: #718D36; }
 .green_gradient a h2 { color: #718D36; }
 .green_gradient:hover h2 a, #bodycol .green_gradient h2 a:hover { color: #546828; }
@@ -81,6 +83,23 @@ h1 { padding-left: 0.5em; }
 .sub-green_gradient { background: #E9FEBE; border-top: 1px solid #C3E480; border-bottom: 1px solid #C3E480; border-radius: 15px; font-size: .8em; }
 .sub-green_gradient p { padding: .1em 3%; width: 72%; }
 
+.green_icon {
+  background: url("../cachedimages/button-green-top.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+.green_icon:hover {
+  background: url("../cachedimages/button-green-bottom.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+
 .yellow { background: url(../cachedimages/button-yellow.png) #FFF379 right top no-repeat; }
 .yellow:hover { background: url(../cachedimages/button-yellow.png) #FFF24F right -200px no-repeat; }
 .yellow h2 a { color: #E09C09; }
@@ -91,23 +110,25 @@ h1 { padding-left: 0.5em; }
 .sub-yellow p { padding: .1em 3%; width: 72%; }
 
 .yellow_gradient {
- background: url(../cachedimages/button-yellow-top.png) #FCFFB6 right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat -moz-linear-gradient(top, #fcffb6 1%, #fbd34a 100%); /* FF3.6+ */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcffb6), color-stop(100%,#fbd34a)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat -webkit-linear-gradient(top, #fcffb6 1%,#fbd34a 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat -o-linear-gradient(top, #fcffb6 1%,#fbd34a 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat -ms-linear-gradient(top, #fcffb6 1%,#fbd34a 100%); /* IE10+ */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat linear-gradient(to bottom, #fcffb6 1%,#fbd34a 100%); /* W3C */
- background: url(../cachedimages/button-yellow-top.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffb6', endColorstr='#fbd34a',GradientType=0 ); /* IE6-9 */ }
+ background: #FCFFB6; /* Old browsers */
+ background: -moz-linear-gradient(top, #fcffb6 1%, #fbd34a 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcffb6), color-stop(100%,#fbd34a)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #fcffb6 1%,#fbd34a 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #fcffb6 1%,#fbd34a 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #fcffb6 1%,#fbd34a 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #fcffb6 1%,#fbd34a 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffb6', endColorstr='#fbd34a',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .yellow_gradient:hover {
- background: url(../cachedimages/button-yellow-bottom.png) #FBFFA4 right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat -moz-linear-gradient(top, #fbffa4 1%, #fac81e 100%); /* FF3.6+ */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbffa4), color-stop(100%,#fac81e)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat -webkit-linear-gradient(top, #fbffa4 1%,#fac81e 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat -o-linear-gradient(top, #fbffa4 1%,#fac81e 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat -ms-linear-gradient(top, #fbffa4 1%,#fac81e 100%); /* IE10+ */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat linear-gradient(to bottom, #fbffa4 1%,#fac81e 100%); /* W3C */
- background: url(../cachedimages/button-yellow-bottom.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffa4', endColorstr='#fac81e',GradientType=0 ); /* IE6-9 */ }
+ background: #FBFFA4; /* Old browsers */
+ background: -moz-linear-gradient(top, #fbffa4 1%, #fac81e 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbffa4), color-stop(100%,#fac81e)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #fbffa4 1%,#fac81e 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #fbffa4 1%,#fac81e 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #fbffa4 1%,#fac81e 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #fbffa4 1%,#fac81e 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffa4', endColorstr='#fac81e',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .yellow_gradient h2 a { color: #E09C09; }
 .yellow_gradient a h2 { color: #E09C09; }
 .yellow_gradient:hover h2 a, #bodycol .yellow_gradient h2 a:hover { color: #C80; }
@@ -115,6 +136,23 @@ h1 { padding-left: 0.5em; }
 .sub-yellow_gradient { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; border-radius: 15px; font-size: .8em; }
 .sub-yellow_gradient p { padding: .1em 3%; width: 72%; }
 
+.yellow_icon {
+  background: url("../cachedimages/button-yellow-top.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+.yellow_icon:hover {
+  background: url("../cachedimages/button-yellow-bottom.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+
 .lightblue { background: url(../cachedimages/button-lightblue.png) #D8E5F6 right top no-repeat; }
 .lightblue:hover { background: url(../cachedimages/button-lightblue.png) #C3D9F1 right -200px no-repeat; }
 .lightblue h2 a { color: #2D72CE; }
@@ -125,23 +163,25 @@ h1 { padding-left: 0.5em; }
 .sub-lightblue p { padding: .1em 3%; width: 72%; }
 
 .lightblue_gradient {
- background: url(../cachedimages/button-lightblue-top.png) #C3DAF7 right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-lightblue-top.png) right top no-repeat -moz-linear-gradient(top, #c3daf7 1%, #8cc9e6 100%); /* FF3.6+ */
- background: url(../cachedimages/button-lightblue-top.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c3daf7), color-stop(100%,#8cc9e6)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-lightblue-top.png) right top no-repeat -webkit-linear-gradient(top, #c3daf7 1%,#8cc9e6 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-lightblue-top.png) right top no-repeat -o-linear-gradient(top, #c3daf7 1%,#8cc9e6 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-lightblue-top.png) right top no-repeat -ms-linear-gradient(top, #c3daf7 1%,#8cc9e6 100%); /* IE10+ */
- background: url(../cachedimages/button-lightblue-top.png) right top no-repeat linear-gradient(to bottom, #c3daf7 1%,#8cc9e6 100%); /* W3C */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3daf7', endColorstr='#8cc9e6',GradientType=0 ); /* IE6-9 */ }
+ background: #C3DAF7; /* Old browsers */
+ background: -moz-linear-gradient(top, #c3daf7 1%, #8cc9e6 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c3daf7), color-stop(100%,#8cc9e6)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #c3daf7 1%,#8cc9e6 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #c3daf7 1%,#8cc9e6 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #c3daf7 1%,#8cc9e6 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #c3daf7 1%,#8cc9e6 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3daf7', endColorstr='#8cc9e6',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .lightblue_gradient:hover {
- background: url(../cachedimages/button-lightblue-bottom.png) #ADE4FD right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat -moz-linear-gradient(top, #ade4fd 1%, #66b8de 100%); /* FF3.6+ */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ade4fd), color-stop(100%,#66b8de)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat -webkit-linear-gradient(top, #ade4fd 1%,#66b8de 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat -o-linear-gradient(top, #ade4fd 1%,#66b8de 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat -ms-linear-gradient(top, #ade4fd 1%,#66b8de 100%); /* IE10+ */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat linear-gradient(to bottom, #ade4fd 1%,#66b8de 100%); /* W3C */
- background: url(../cachedimages/button-lightblue-bottom.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ade4fd', endColorstr='#66b8de',GradientType=0 ); /* IE6-9 */ }
+ background: #ADE4FD; /* Old browsers */
+ background: -moz-linear-gradient(top, #ade4fd 1%, #66b8de 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ade4fd), color-stop(100%,#66b8de)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #ade4fd 1%,#66b8de 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #ade4fd 1%,#66b8de 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #ade4fd 1%,#66b8de 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #ade4fd 1%,#66b8de 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ade4fd', endColorstr='#66b8de',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .lightblue_gradient h2 a { color: #2D72CE; }
 .lightblue_gradient a h2 { color: #2D72CE; }
 .lightblue_gradient:hover h2 a, #bodycol .lightblue_gradient h2 a:hover { color: #21549A; }
@@ -149,6 +189,23 @@ h1 { padding-left: 0.5em; }
 .sub-lightblue_gradient { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; }
 .sub-lightblue_gradient p { padding: .1em 3%; width: 72%; }
 
+.lightblue_icon {
+  background: url("../cachedimages/button-lightblue-top.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+.lightblue_icon:hover {
+  background: url("../cachedimages/button-lightblue-bottom.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+
 /* exchanged the normal picture with one that includes the extension repository graphic */
 .blue { background: url(../cachedimages/button-blue-ext.png) #D8E5F6 right top no-repeat; }
 .blue:hover { background: url(../cachedimages/button-blue-ext.png) #C3D9F1 right -200px no-repeat; }
@@ -161,23 +218,25 @@ h1 { padding-left: 0.5em; }
 .sub-blue p { padding: .1em 3%; width: 72%; }
 
 .blue_gradient {
- background: url(../cachedimages/button-blue-top.png) #DDECFE right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat -moz-linear-gradient(top, #ddecfe 1%, #c0d5f1 100%); /* FF3.6+ */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ddecfe), color-stop(100%,#c0d5f1)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat -webkit-linear-gradient(top, #ddecfe 1%,#c0d5f1 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat -o-linear-gradient(top, #ddecfe 1%,#c0d5f1 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat -ms-linear-gradient(top, #ddecfe 1%,#c0d5f1 100%); /* IE10+ */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat linear-gradient(to bottom, #ddecfe 1%,#c0d5f1 100%); /* W3C */
- background: url(../cachedimages/button-blue-top.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddecfe', endColorstr='#c0d5f1',GradientType=0 ); /* IE6-9 */ }
+ background: #DDECFE; /* Old browsers */
+ background: -moz-linear-gradient(top, #ddecfe 1%, #c0d5f1 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ddecfe), color-stop(100%,#c0d5f1)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #ddecfe 1%,#c0d5f1 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #ddecfe 1%,#c0d5f1 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #ddecfe 1%,#c0d5f1 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #ddecfe 1%,#c0d5f1 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddecfe', endColorstr='#c0d5f1',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .blue_gradient:hover {
- background: url(../cachedimages/button-blue-bottom.png) #C3DAF7 right top no-repeat; /* Old browsers */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat -moz-linear-gradient(top, #c3daf7 1%, #96b9e8 100%); /* FF3.6+ */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c3daf7), color-stop(100%,#96b9e8)); /* Chrome,Safari4+ */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat -webkit-linear-gradient(top, #c3daf7 1%,#96b9e8 100%); /* Chrome10+,Safari5.1+ */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat -o-linear-gradient(top, #c3daf7 1%,#96b9e8 100%); /* Opera 11.10+ */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat -ms-linear-gradient(top, #c3daf7 1%,#96b9e8 100%); /* IE10+ */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat linear-gradient(to bottom, #c3daf7 1%,#96b9e8 100%); /* W3C */
- background: url(../cachedimages/button-blue-bottom.png) right top no-repeat filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3daf7', endColorstr='#96b9e8',GradientType=0 ); /* IE6-9 */ }
+ background: #C3DAF7; /* Old browsers */
+ background: -moz-linear-gradient(top, #c3daf7 1%, #96b9e8 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c3daf7), color-stop(100%,#96b9e8)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #c3daf7 1%,#96b9e8 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #c3daf7 1%,#96b9e8 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #c3daf7 1%,#96b9e8 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #c3daf7 1%,#96b9e8 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3daf7', endColorstr='#96b9e8',GradientType=0 ); /* IE6-9 */
+ position: relative; }
 .blue_gradient h2 a { color: #2D72CE; }
 .blue_gradient a h2 { color: #2D72CE; }
 .blue_gradient p { color: #2D72CE; }
@@ -186,6 +245,23 @@ h1 { padding-left: 0.5em; }
 .sub-blue_gradient { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; }
 .sub-blue_gradient p { padding: .1em 3%; width: 72%; }
 
+.blue_icon {
+  background: url("../cachedimages/button-blue-top.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+.blue_icon:hover {
+  background: url("../cachedimages/button-blue-bottom.png") no-repeat transparent right top;
+  display: block;
+  height: 100px;
+  position: absolute;
+  right: 11px;
+  width: 100px;
+}
+
 .orange { background: url(../cachedimages/button-orange.png) #FFD9A7 right top no-repeat; }
 .orange:hover { background: url(../cachedimages/button-orange.png) #FFBE67 right -200px no-repeat; }
 .orange h2 a { color: #D36812; }