Author: marcus
Date: Sat Jun 21 14:32:51 2014
New Revision: 1604405
URL: http://svn.apache.org/r1604405
Log:
Updated styles
Modified:
openoffice/ooo-site/trunk/content/download/test/exceptions.css
Modified: openoffice/ooo-site/trunk/content/download/test/exceptions.css
URL:
http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/download/test/exceptions.css?rev=1604405&r1=1604404&r2=1604405&view=diff
==============================================================================
--- openoffice/ooo-site/trunk/content/download/test/exceptions.css (original)
+++ openoffice/ooo-site/trunk/content/download/test/exceptions.css Sat Jun 21
14:32:51 2014
@@ -32,89 +32,239 @@ h1 { padding-left: 0.5em; }
.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; 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 h2 a { color: #718D36; cursor: default; }
-.green-sel h3 a { color: #718D36; }
-.green-sel p { cursor: default; }
-.green-sel p a { cursor: default; }
-.green-sel:hover h2 a, #bodycol .green-sel h2 a:hover { color: #546828;
cursor: default; }
-.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 .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; }
-.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; }
+.green {
+ 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:hover {
+ 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 h2 { color: #718D36; cursor: default; } */
+.green h2 { margin: 0; border: none; font-weight: bold; color: #718D36;
text-decoration: none; cursor: default; }
+.green h2 a { color: #718D36; cursor: default; }
+.green h3 a { color: #718D36; }
+.green p { cursor: default; }
+.green p a { cursor: default; }
+.green:hover h2 a, #bodycol .green h2 a:hover { color: #546828; cursor:
default; }
+.green:hover h3 a, #bodycol .green h3 a:hover { color: #546828; }
+.green:hover p, #bodycol .green p:hover { cursor: default; }
+.green:hover p a, #bodycol .green p a:hover { cursor: default; }
+.green form { margin: 0 0 20px 3%; }
+.green .sel-os { background: transparent; border: 2px solid #718D36; height:
27px; width: 200px; padding: 2px; }
+.green .sel-language { background: transparent; border: 2px solid #718D36;
height: 27px; width: 360px; padding: 2px; }
+.green .sel-version { background: transparent; border: 2px solid #718D36;
height: 27px; width: 80px; padding: 2px; }
+.green .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 .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 { height: 83px; background: #E9FEBE; border: 1px solid #C3E480;
border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; }
+.sub-green p { padding: .1em 3%; width: 100%; }
+.sub-green_error { height: 83px; background: #FECBCB; border: 1px solid
#C00000; border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; }
+
+.green-icon {
+ background: url("../cachedimages/button-green-top.png") no-repeat right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 100px;
+}
+
+.green-icon:hover {
+ background: url("../cachedimages/button-green-bottom.png") no-repeat right
top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 100px;
+}
+
+.lightblue {
+ 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: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; }
-.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; }
+.lightblue h2 { margin: 0; border: none; font-weight: bold; color: #2D72CE;
text-decoration: none; cursor: default; }
+.lightblue h2 a { color: #2D72CE; }
+.lightblue p { cursor: default; }
+.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
+.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: 100%; }
+
+.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;
+}
+
+.blue {
+ 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:hover {
+ 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 h2 { margin: 0; border: none; font-weight: bold; color: #2D72CE;
text-decoration: none; cursor: pointer; }
.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%; }
+.sub-blue p { padding: .1em 3%; width: 100%; }
-.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; }
-.lightblue a h2 { color: #2D72CE; }
-.lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; }
-.lightblue:hover a h2, #bodycol .lightblue a h2:hover { color: #21549A; }
-.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%; }
+.blue-icon {
+ background: url("../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("../cachedimages/button-blue-ext-bottom.png") no-repeat
transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
.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%; }
.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: #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; }
+
+.red:hover {
+ 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; }
.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; }
-.additionalinformation { background: none; float: right; width: 21%;
white-space: nowrap; clear: none; }
+.red-icon {
+ background: url("../cachedimages/button-orange-top.png") no-repeat
transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
+
+.red-icon:hover {
+ background: url("../cachedimages/button-orange-bottom.png") no-repeat
transparent right top;
+ display: block;
+ height: 100px;
+ position: absolute;
+ right: 11px;
+ width: 120px;
+}
+
+.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; }
