You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openoffice.apache.org by ma...@apache.org on 2014/07/05 18:26:34 UTC
svn commit: r1608050 -
/openoffice/ooo-site/trunk/content/download/exceptions.css
Author: marcus
Date: Sat Jul 5 16:26:33 2014
New Revision: 1608050
URL: http://svn.apache.org/r1608050
Log:
Changed color graphics into color gradients, added logo to show in the top right corner of every box, changed URLs, updated several styles
Modified:
openoffice/ooo-site/trunk/content/download/exceptions.css
Modified: openoffice/ooo-site/trunk/content/download/exceptions.css
URL: http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/download/exceptions.css?rev=1608050&r1=1608049&r2=1608050&view=diff
==============================================================================
--- openoffice/ooo-site/trunk/content/download/exceptions.css (original)
+++ openoffice/ooo-site/trunk/content/download/exceptions.css Sat Jul 5 16:26:33 2014
@@ -17,40 +17,61 @@
img { border: 0px; }
h1 { padding-left: 0.5em; }
-#hr { visibility:hidden; }
+#hr { visibility: hidden; }
#leftcol { display: none; }
#bodytd { padding: 0px; width: 100%; margin: 0px; }
#navcol { display: none; }
.warning { border: solid 3px #F00; background: #FDD; padding: 1em; }
-.btn_analyze { background-color: lightgrey; border-radius: 5px; padding: 0px 15px 0px 15px; font-size: 1.2em; cursor: pointer; }
-.tbl_analyze table, th, td { border: 1px solid black; }
+.btn_analyze { background-color: lightgrey; border-radius: 5px; margin: 0px 30px 0px 0px; padding: 0px 15px 0px 15px; font-size: 1.2em; cursor: pointer; }
+.tbl_analyze table { border: 1px solid black; border-collapse: collapse; border-spacing: 2px; width: 100%; }
+.tbl_analyze th, td { border: 1px solid black; }
#content h2 { margin-top: 0; }
.overall_optionset { min-width: 880px; max-width: 1400px; overflow: auto; }
.optionset { margin: 0 0 0 0; float: left; width: 77%; min-width: 680px; max-width: 1200px; }
.optionset a { margin: 0; padding: .1em 0 .25em 3%; color: #333; }
-.optionset p { margin: 0; padding: .1em 0 .25em 3%; color: #333; }
+.optionset p { margin: 0; padding: .1em 0 .25em 0; color: #333; }
.optionset p a { margin: 0; padding: 0; color: #333; }
-.optionset a p { margin: 0; padding: 0; color: #333; }
-#bodycol .optionset p a:hover, #bodycol .optionset .button:hover p a { color: #000; }
-.optionset .button { border-radius: 15px; margin-top: 10px; }
-.optionset .button h2 { margin: 0 0 0 -1px; padding: 0; border: none; cursor: pointer; }
-.optionset .button h2 a { display: block; padding: 25px 25% 0 3%; font-weight: bold; text-decoration: none; cursor: pointer; }
-.optionset .button a h2 { display: block; padding: 0px 0% 0 3%; font-weight: bold; text-decoration: none; cursor: pointer; }
-.optionset .button h3 { margin: 0 0 0 -1px; padding: 0; border: none; cursor: pointer; }
-.optionset .button h3 a { display: inline; padding: 5px 0 0 3%; font-weight: bold; text-decoration: none; cursor: pointer; }
-.optionset .button h3 p a { display: inline; padding: 5px 0 0 3%; font-weight: bold; text-decoration: none; cursor: pointer; }
-.optionset .button p { padding: 0; font-size: .9em; padding-bottom: 25px; cursor: pointer; }
-.optionset .button p a { display: block; padding: .1em 25% .25em 3%; text-decoration: none; cursor: pointer; }
-.optionset .button a p { display: block; padding: .1em 25% .25em 3%; text-decoration: none; cursor: pointer; }
+#bodycol .optionset p a:hover, #bodycol.optionset .button:hover p a { color: #000; }
+.optionset .button { border-radius: 15px; margin-top: 1%; }
+.optionset .button h2 { margin-left: 3%; padding: 2% 0 0 0; border: none; font-weight: bold; text-decoration: none; }
+.optionset .button h2 a { display: block; margin-left: 3%; padding: 2% 0 0 0; font-weight: bold; text-decoration: none; }
+.optionset .button h3 { margin: 0; padding: 0; border: none; cursor: pointer; }
+.optionset .button h3 a { display: inline; margin-left: 3%; padding: 2% 0 0 0; font-weight: bold; text-decoration: none; cursor: pointer; }
+.optionset .button h3 p a { display: inline; margin-left: 3%; padding: 2% 0 0 0; font-weight: bold; text-decoration: none; cursor: pointer; }
+/* .optionset .button p { padding: 0; font-size: .9em; padding-bottom: 3%; cursor: pointer; } */
+.optionset .button p { display: block; margin-left: 3%; padding: .1em 0 .25em 0; width: 85%; font-size: .9em; text-decoration: none; }
+.optionset .button p a { display: block; margin-left: 3%; padding: .1em 0 .25em 0; text-decoration: none; cursor: pointer; }
.optionset .first { margin-top: 0; }
.optionset p.promotional { margin-top: 25px; }
-.green-sel { background: url(cachedimages/button-green.png) #D1EAA0 right top no-repeat; }
-.green-sel:hover { background: url(cachedimages/button-green.png) #C3E480 right -200px no-repeat; }
+.green-sel {
+ 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-sel:hover {
+ background: #DBFD93; /* Old browsers */
+ background: -moz-linear-gradient(top, #dbfd93 1%, #a0d333 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbfd93), color-stop(100%,#a0d333)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #dbfd93 1%,#a0d333 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #dbfd93 1%,#a0d333 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #dbfd93 1%,#a0d333 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #dbfd93 1%,#a0d333 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbfd93', endColorstr='#a0d333',GradientType=0 ); /* IE6-9 */
+ position: relative; }
+
+/* .green-sel h2 { color: #718D36; cursor: default; } */
+.green-sel h2 { margin: 0; border: none; font-weight: bold; color: #718D36; text-decoration: none; cursor: default; }
.green-sel h2 a { color: #718D36; cursor: default; }
.green-sel h3 a { color: #718D36; }
.green-sel p { cursor: default; }
@@ -59,64 +80,240 @@ h1 { padding-left: 0.5em; }
.green-sel:hover h3 a, #bodycol .green-sel h3 a:hover { color: #546828; }
.green-sel:hover p, #bodycol .green-sel p:hover { cursor: default; }
.green-sel:hover p a, #bodycol .green-sel p a:hover { cursor: default; }
-.green-sel form { padding: 0px 0px 0px 3%; margin: 0 0 20px 0; }
+.green-sel form { margin: 0 0 20px 3%; }
.green-sel .sel-os { background: transparent; border: 2px solid #718D36; height: 27px; width: 200px; padding: 2px; }
-.green-sel .sel-lang { background: transparent; border: 2px solid #718D36; height: 27px; width: 360px; padding: 2px; }
-.green-sel .sel-ver { background: transparent; border: 2px solid #718D36; height: 27px; width: 80px; padding: 2px; }
-.green-sel .btn_dl h3 a { background: #E9FEBE; padding: 5px 5px 5px 5px; border: 3px solid #546828; border-radius: 15px; color: #546828; }
-.green-sel .btn_dl h3 a:hover { background: #546828; padding: 5px 5px 5px 5px; border: 3px solid #E9FEBE; border-radius: 15px; color: #E9FEBE; }
+.green-sel .sel-language { background: transparent; border: 2px solid #718D36; height: 27px; width: 360px; padding: 2px; }
+.green-sel .sel-version { background: transparent; border: 2px solid #718D36; height: 27px; width: 80px; padding: 2px; }
+.green-sel .btn_dl h3 a { background: #E9FEBE; display: inline-block; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border: 3px solid #546828; border-radius: 15px; color: #546828; text-decoration: none; }
+.green-sel .btn_dl h3 a:hover { background: #546828; display: inline-block; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border: 3px solid #E9FEBE; border-radius: 15px; color: #E9FEBE; text-decoration: none; }
.sub-green-sel { height: 83px; background: #E9FEBE; border: 1px solid #C3E480; border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; }
.sub-green-sel p { padding: .1em 3%; width: 100%; }
.sub-green-sel_error { height: 83px; background: #FECBCB; border: 1px solid #C00000; border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; }
-.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; }
-.blue h2 a { color: #2D72CE; }
-.blue a h2 { color: #2D72CE; }
-.blue p { color: #2D72CE; }
-.blue:hover h2 a, #bodycol .blue h2 a:hover { color: #21549A; }
-.blue:hover a h2, #bodycol .blue a h2:hover { color: #21549A; }
-.sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; }
-.sub-blue p { padding: .1em 3%; width: 75%; }
+.green-sel-icon {
+ background: url("http://www.openoffice.org/download/cachedimages/button-green-top.png") no-repeat right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 100px;
+}
+
+.green-sel-icon:hover {
+ background: url("http://www.openoffice.org/download/cachedimages/button-green-bottom.png") no-repeat right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 100px;
+}
+
+.lightblue {
+ background: #C3EBFD; /* Old browsers */
+ background: -moz-linear-gradient(top, #c3ebfd 1%, #8cc9e6 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c3ebfd), color-stop(100%,#8cc9e6)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #c3ebfd 1%,#8cc9e6 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #c3ebfd 1%,#8cc9e6 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #c3ebfd 1%,#8cc9e6 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #c3ebfd 1%,#8cc9e6 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3ebfd', endColorstr='#8cc9e6',GradientType=0 ); /* IE6-9 */
+ position: relative; }
+
+.lightblue:hover {
+ 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 { 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 { margin: 0; border: none; font-weight: bold; color: #2D72CE; text-decoration: none; cursor: default; }
.lightblue h2 a { color: #2D72CE; }
-.lightblue a h2 { color: #2D72CE; }
+.lightblue a { margin: 0; padding: 0px 15px 0 5px; font-size: .9em; color: #333; text-decoration: underline; cursor: pointer; }
+.lightblue p { margin-left: 0; cursor: default; }
+.lightblue img { text-decoration: none; }
+.lightblue span { margin-left: -2px; cursor: pointer; }
.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
-.lightblue:hover a h2, #bodycol .lightblue a h2:hover { color: #21549A; }
+.lightblue .icon_box { margin-left: 3%; padding-bottom: 1%; }
.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; }
-.sub-lightblue p { padding: .1em 3%; width: 75%; }
+.sub-lightblue p { padding: .1em 3%; width: 100%; }
+
+.lightblue-icon {
+ background: url("http://www.openoffice.org/download/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("http://www.openoffice.org/download/cachedimages/button-lightblue-bottom.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 100px;
+}
+
+.blue {
+ background: #DDECFE; /* Old browsers */
+ background: -moz-linear-gradient(top, #ddecfe 1%, #bfd5f1 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ddecfe), color-stop(100%,#bfd5f1)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #ddecfe 1%,#bfd5f1 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #ddecfe 1%,#bfd5f1 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #ddecfe 1%,#bfd5f1 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #ddecfe 1%,#bfd5f1 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddecfe', endColorstr='#bfd5f1',GradientType=0 ); /* IE6-9 */
+ position: relative; }
+
+.blue:hover {
+ background: #C7DFFE; /* Old browsers */
+ background: -moz-linear-gradient(top, #c7dffe 1%, #96b9e8 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c7dffe), color-stop(100%,#96b9e8)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #c7dffe 1%,#96b9e8 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #c7dffe 1%,#96b9e8 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #c7dffe 1%,#96b9e8 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #c7dffe 1%,#96b9e8 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dffe', endColorstr='#96b9e8',GradientType=0 ); /* IE6-9 */
+ position: relative; }
-.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; }
+.blue h2 { margin: 0; border: none; font-weight: bold; color: #2D72CE; text-decoration: none; cursor: pointer; }
+.blue h2 a { color: #2D72CE; }
+.blue:hover h2 a, #bodycol .blue h2 a:hover { color: #21549A; }
+.sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; }
+.sub-blue p { padding: .1em 3%; width: 100%; }
+
+.blue-icon {
+ background: url("http://www.openoffice.org/download/cachedimages/button-blue-ext-top.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
+
+.blue-icon:hover {
+ background: url("http://www.openoffice.org/download/cachedimages/button-blue-ext-bottom.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
+
+.yellow {
+ 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:hover {
+ background: #FBFFA4; /* Old browsers */
+ background: -moz-linear-gradient(top, #fbffa4 1%, #fac81d 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fbffa4), color-stop(100%,#fac81d)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #fbffa4 1%,#fac81d 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #fbffa4 1%,#fac81d 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #fbffa4 1%,#fac81d 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #fbffa4 1%,#fac81d 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd18a', endColorstr='#fac81d',GradientType=0 ); /* IE6-9 */
+ position: relative; }
+
+/*
+.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; }
-.yellow a h2 { color: #E09C09; }
.yellow:hover h2 a, #bodycol .yellow h2 a:hover { color: #C80; }
-.yellow:hover a h2, #bodycol .yellow a h2:hover { color: #C80; }
.sub-yellow { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; border-radius: 15px; font-size: .8em; }
-.sub-yellow p { padding: .1em 3%; width: 75%; }
+.sub-yellow p { padding: .1em 3%; width: 100%; }
+
+.yellow-icon {
+ background: url("http://www.openoffice.org/download/cachedimages/button-yellow-top.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
+
+.yellow-icon:hover {
+ background: url("http://www.openoffice.org/download/cachedimages/button-yellow-bottom.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
-.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 { 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; }
.orange:hover h2 a, #bodycol .orange h2 a:hover { color: #C94800; }
.sub-orange { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; border-radius: 15px; font-size: .8em; }
-.sub-orange p { padding: .1em 3%; width: 75%; }
+.sub-orange p { padding: .1em 3%; width: 100%; }
-.red { background: #FFD9A7 right top no-repeat; cursor: default; }
-.red h2 a { color: #D36812; cursor: default; }
-.sub-red { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; border-radius: 15px; font-size: .8em; cursor: default; }
-.sub-red p { padding: .1em 3%; width: 75%; cursor: default; }
+.orange {
+ background: #FFE3B9; /* Old browsers */
+ background: -moz-linear-gradient(top, #ffe3b9 1%, #ffbe76 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffe3b9), color-stop(100%,#ffbe76)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #ffe3b9 1%,#ffbe76 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #ffe3b9 1%,#ffbe76 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #ffe3b9 1%,#ffbe76 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #ffe3b9 1%,#ffbe76 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddecfe', endColorstr='#ffbe76',GradientType=0 ); /* IE6-9 */
+ position: relative; }
+
+.orange:hover {
+ background: #FFD18A; /* Old browsers */
+ background: -moz-linear-gradient(top, #ffd18a 1%, #ff921b 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffd18a), color-stop(100%,#ff921b)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #ffd18a 1%,#ff921b 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #ffd18a 1%,#ff921b 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #ffd18a 1%,#ff921b 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #ffd18a 1%,#ff921b 100%); /* W3C */
+ background: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd18a', endColorstr='#ff921b',GradientType=0 ); /* IE6-9 */
+ position: relative; }
+
+.orange { background: #FFD9A7 right top no-repeat; cursor: default; }
+.orange h2 a { color: #D36812; cursor: default; }
+.sub-orange { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; border-radius: 15px; font-size: .8em; cursor: default; }
+.sub-orange p { padding: .1em 3%; width: 75%; cursor: default; }
+
+.orange-icon {
+ background: url("http://www.openoffice.org/download/cachedimages/button-orange-top.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
+
+.orange-icon:hover {
+ background: url("http://www.openoffice.org/download/cachedimages/button-orange-bottom.png") no-repeat transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
-.additionalinformation { background: none; float: right; width: 21%; white-space: nowrap; clear: none; }
+.additionalinformation { float: right; width: 21%; white-space: nowrap; clear: none; }
.additionalinformation h2 { border-bottom: 1px solid #CCC; margin-bottom: 5px; margin-top: 0px; }
.additionalinformation h3 { margin-left: 5px; margin-bottom: 5px; }
.additionalinformation li { margin-left: 5px; font-size: 12px; }
-.additionalinformation a {color:#107EC0;text-decoration:underline;}
-.additionalinformation a:hover {background-color: #e6ebed;}
+.additionalinformation a { color: #107EC0; text-decoration: underline; }
+.additionalinformation a:hover { background-color: #E6EBED; }
-.additionalinformation #nativelang { background-image: url(cachedimages/nativelang.gif); background-repeat: no-repeat; background-position: top left; }
+.additionalinformation #nativelang { background-image: url(http://www.openoffice.org/download/cachedimages/nativelang.gif); background-repeat: no-repeat; background-position: top left; }
#downloadextendedtext p { background: none; }
#downloadextendedtext ul { background: none; font-weight: bold; list-style: none; margin: 0px; padding: 0px; font-size: 2em; width: 100%; float: left; color: #333; padding-left: 20px; }