Added: websites/staging/ooo-site/trunk/content/download/exceptions_test.css ============================================================================== --- websites/staging/ooo-site/trunk/content/download/exceptions_test.css (added) +++ websites/staging/ooo-site/trunk/content/download/exceptions_test.css Sun Apr 12 20:53:58 2015 @@ -0,0 +1,340 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one or more + * contributor license agreements. See the NOTICE file distributed with + * this work for additional information regarding copyright ownership. + * The ASF licenses this file to You under the Apache License, Version 2.0 + * (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +img { border: 0px; } + +h1 { padding-left: 0.5em; } +#hr { visibility: hidden; } +#content h2 { margin-top: 0; } + +#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; 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; } + +.overall_optionset { min-width: 880px; max-width: 1400px; } +.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 0; color: #333; } +.optionset p a { 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: 8px; } +.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; font-style: normal; cursor: pointer; } +.optionset .button h3 a { display: inline; margin-left: 3%; padding: 2% 0 0 0; font-weight: bold; text-decoration: none; font-style: normal; cursor: pointer; } +.optionset .button h3 p a { display: inline; margin-left: 3%; padding: 2% 0 0 0; font-weight: bold; text-decoration: none; font-style: normal; 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; } + +.dl_f_link_not_allowed { cursor: not-allowed; } +.dl_lp_link_not_allowed { cursor: not-allowed; } +.dl_f_link_allowed { cursor: pointer; } +.dl_lp_link_allowed { cursor: pointer; } +.dl_err { font-size: 1.2em; cursor: default; } +.dl_icn_hlp { cursor: help; } + +.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; } +.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 { margin: 0 0 20px 3%; } +.green-sel .sel-os { background: transparent; border: 2px solid #718D36; width: 200px; padding: 2px; } +.green-sel .sel-language { background: transparent; border: 2px solid #718D36; width: 300px; padding: 2px; } +.green-sel .sel-version { background: transparent; border: 2px solid #718D36; width: 140px; 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; font-style: normal; } +.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; font-style: normal; } +.sub-green-sel { height: 84px; 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: 84px; background: #FECBCB; border: 1px solid #C00000; border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; } + +.green-sel-icon { + background: url(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(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 h2 { margin: 0; border: none; font-weight: bold; color: #2D72CE; text-decoration: none; cursor: default; } +.lightblue h2 a { 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 .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: 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%, #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; } + +.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(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: #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:hover h2 a, #bodycol .yellow h2 a:hover { color: #C80; } +.sub-yellow { background: #FFFEAF; border: 1px solid #FBD34E; border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; } +.sub-yellow p { padding: .1em 3%; width: 100%; } + +.yellow-icon { + background: url(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(cachedimages/button-yellow-bottom.png) no-repeat transparent right top; + display: block; + height: 100px; + position: absolute; + right: 11px; + width: 120px; +} + +.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 h2 a { color: #D36812; cursor: default; } +.sub-orange { background: #FFE2B5; border: 1px solid #FFB15E; border-radius: 15px; font-size: .8em; padding: 5px 5px 5px 0px; } +.sub-orange p { padding: .1em 3%; width: 100%; } + +.orange-icon { + background: url(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(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%; margin-top: -11px; white-space: nowrap; clear: none; } +.additionalinformation h2 { border-bottom: 1px solid #CCC; margin-bottom: 5px; margin-top: 0px; } +.additionalinformation h3 { margin-left: 9px; margin-bottom: 5px; font-style: normal; } +.additionalinformation li { margin-left: 5px; font-size: 12px; } +.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; } + +.sf_logo { border: 0px; margin: -10px 0px 0px 4px; } +.w3c_logo { border: 0px; margin: -10px 0px 0px 10px; } +.logo a:hover { background-color: #FFFFFF; } + +#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; } +#downloadextendedtext ul a { color: #333; text-decoration: none; background: none; } +#downloadextendedtext ul a:hover { color: #666;text-decoration: none; } +#downloadextendedtext ul li { float: left; margin: 0px; padding: 4px; margin-right: .5em; border: 1px #D7EFA4 solid; margin-bottom: .5em; width: 7em; height: 1.7em; } +#downloadextendedtext ul li:hover { background: #D7EFA4; } +#downloadextendedtext ul li ul { font-weight: normal; width: auto; margin: 0px; padding: 0px; font-size: .4em; color: #555; } +#downloadextendedtext ul.nonqabuilds { font-size: 1.4em; } +#downloadextendedtext ul.nonqabuilds li { width: auto; } +#downloadextendedtext ul.nonqabuilds li ul { font-size: .5em; } + +/* .4em is a little bit too small for nonqa */ +/*Overrides some of the special settings for the parent li*/ +#downloadextendedtext ul li ul li { border: 0px none; margin: 0px; padding: 0px; width: auto; margin-right: .4em; } +#downloadextendedtext ul li ul li:hover { background: none; } + +.largetable table tr.even td { background: #EEEEEE; } +.largetable table tr.odd td { background: none; } +.builds { background-position: left; background-repeat: no-repeat; padding: 2px 0 2px 18px; display: block; } +
Added: websites/staging/ooo-site/trunk/content/download/index_test.html ============================================================================== --- websites/staging/ooo-site/trunk/content/download/index_test.html (added) +++ websites/staging/ooo-site/trunk/content/download/index_test.html Sun Apr 12 20:53:58 2015 @@ -0,0 +1,198 @@ +<!--#include virtual="/doctype.html" --> +<html> +<head> +<link href="/css/ooo.css" rel="stylesheet" type="text/css"> + + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<!-- + <meta itemprop="name" content="Download Apache OpenOffice" /> + <meta itemprop="description" content="Join the OpenOffice revolution, the free office productivity suite with over 125 million trusted downloads." /> + <meta itemprop="keywords" content="Apache OpenOffice, OpenOffice, Apache Open Office, Download, Official, Official Download, Open Office, OpenOffice.org" /> + <meta itemprop="image" content="https://www.openoffice.org/images/aoo-logo-100x100.png"; /> +--> + <meta property="og:title" content="Download Apache OpenOffice" /> + <meta property="og:description" content="Join the OpenOffice revolution, the free office productivity suite with over 125 million trusted downloads." /> + <meta property="og:image" content="https://www.openoffice.org/images/aoo-logo-100x100.png"; /> + <meta name="description" content="Official Apache OpenOffice download page. Join the OpenOffice revolution, the free office productivity suite with over 125 million trusted downloads." /> + <title>Apache OpenOffice - Official Download</title> + <script type="text/javascript" src="../scripts/jquery-1.11.2.min.js"></script> + <script type="text/javascript" src="globalvars.js"></script> + <script type="text/javascript" src="msg_prop_l10n_en.js"></script> + <script type="text/javascript" src="languages.js"></script> + <script type="text/javascript" src="release_matrix.js"></script> + <script type="text/javascript" src="boxed_download_test.js"></script> + <script type="text/javascript" src="download_test.js"></script> + <style type="text/css"> + /* <![CDATA[ */ + /*-------------------- Exceptions on standard css -----------------------*/ + @import "styles.css"; + @import "exceptions_test.css"; + /* ]]> */ + </style> + <script> + // When the user comes from the Windows Shell, redirect to another webpage. + if ( window.document.referrer.indexOf( "shell.windows.com" ) != -1 ) { + location.href = "../why/why_odf.html"; + } + + // Open a separate window to show - or login to - the respective social network. + function share( platform ) { + _gaq.push( ['_trackEvent', 'social', 'shareDownload', platform] ); + + if ( platform == 'apacheblog' ) { + window.open( 'https://blogs.apache.org/OOo/', '_blank' ); + } else if ( platform == 'facebook' ) { + window.open( 'https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.openoffice.org%2Fdownload%2F', '_blank', 'toolbar=0, status=0, width=580, height=325' ); + } else if ( platform == 'twitter' ) { + window.open( 'https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.openoffice.org%2Fdownload%2F&text=Join+the+OpenOffice+revolution%2C+the+free+office+productivity+suite+with+over+100+million+trusted+downloads.', '_blank', 'toolbar=0, status=0, width=580, height=325' ); + } else if ( platform == 'google+' ) { + window.open( 'https://plus.google.com/share?url=https%3A%2F%2Fwww.openoffice.org%2Fdownload%2F', '_blank', 'toolbar=0, status=0, width=580, height=325' ); + } + } + </script> + +<!--#include virtual="/google-analytics.js" --> +<!--#include virtual="/scripts/entourage.js" --> +</head> +<body> +<!--#include virtual="/brand.html" --> + <div id="topbara"> + <!--#include virtual="/topnav.html" --> + <div id="breadcrumbsa"><a href="/">home</a> » <a href="/download/">download</a></div> + </div> + <div id="clear"></div> + + + <div id="content"> + + + + +<div itemscope> + <span itemprop="name" content="Download Apache OpenOffice"></span> + <span itemprop="description" content="Join the OpenOffice revolution, the free office productivity suite with over 125 million trusted downloads."></span> + <span itemprop="keywords" content="Apache OpenOffice, OpenOffice, Apache Open Office, Download, Official, Official Download, Open Office, OpenOffice.org"></span> + <span itemprop="image" content="https://www.openoffice.org/images/aoo-logo-100x100.png";></span> +</div> + +<div class="overall_optionset"> + + <div class="optionset"> + + <!-- Text above the first colored box --> + <script type="text/javascript"> + <!-- + + // The text in the H1 tag is intentionally shown as "display: none" (do not display). + // This is to please accessibility tools like a screen reader. + document.write( "<h1 style='display: none;'>" + l10n.dl_headline_text + "</h1>" ); + //--> + </script> + + <!-- Green: Stable release --> + <!-- Download via select boxes --> + <script type="text/javascript"> + <!-- + + // Set a specific language ISO code to force to assemble a certain localized build as download link. + // Changed: The variable can now be found in the "msg_prop_l10n_<ISO_code>.js". + + // Get the download box from a separate file. + DL.createDownloadBox(); + + // Fill the select boxes and wait for the user's choice. + DL.init( 1 ); + + entourage.initialize(); + + //--> + </script> + + <!-- Green: Stable release: No JavaScript enabled --> + <noscript> + <div class="first button green-sel" id="optionitem2"> + <div class="green-sel-icon"></div> + <h2> + <a style="cursor: pointer;" href="http://sourceforge.net/projects/openofficeorg.mirror/files/"; + title="Select from all platforms, languages, language packs to download"> + Apache OpenOffice Downloads - Official Site + </a> + </h2> + <p> + <a style="cursor: pointer;" href="http://sourceforge.net/projects/openofficeorg.mirror/files/"; + title="Select from all platforms, languages and language packs to download">The browser seems to have JavaScript + disabled. This technique is used for showing the actual download link. If you want to download Apache + OpenOffice anyway, click this text to choose from the alternative download webpage. You will have to navigate to + the <em>version</em>/binaries/<em>language</em> subfolder and and download the file named + Apache_OpenOffice_<em>version</em>_<em>os</em>_<em>platform</em>_<em>package</em>_<em>language</em>.<em>ext</em>. + Our apologies for the inconvenience. + </a> + </p> + </div> + </noscript> + + <!-- Light Blue: Share download with social networks --> + <script type="text/javascript"> + <!-- + // Get the share box from a separate file. + DL.createShareBox(); + //--> + </script> + + <!-- Blue: Extensions --> + <script type="text/javascript"> + <!-- + // Get the extensions box from a separate file. + DL.createExtensionsBox(); + //--> + </script> + + <!-- Blue: Templates --> + <script type="text/javascript"> + <!-- + // Get the templates box from a separate file. + DL.createTemplatesBox(); + //--> + </script> + + </div> <!-- class "optionset" --> + + <div class="additionalinformation"> + + <!-- Navigation bar --> + <script type="text/javascript"> + <!-- + // Get the navigation bar from a separate file. + DL.createNavigationBar(); + //--> + </script> + + <br /><br /> + + <!-- Logo section --> + <script type="text/javascript"> + <!-- + // Get the logo section from a separate file. + DL.createLogoSection(); + //--> + </script> + + </div> <!-- class: additionalinformation --> + +</div> <!-- class: overall_optionset --> + +<script type="text/javascript"> +<!-- +/* +jQuery(document).ready(function() { + // Put your stuff here. +}); +*/ +//--> +</script> + + + </div> +<!--#include virtual="/footer.html" --> +</body> +</html>
![https://www.openoffice.org/images/aoo-logo-100x100.png"](https://www.openoffice.org/images/aoo-logo-100x100.png"){kind=link}