Author: marcus
Date: Sun Jun 22 20:25:18 2014
New Revision: 1604653
URL: http://svn.apache.org/r1604653
Log:
Moved the box within the styling of the list items below
Modified:
openoffice/ooo-site/trunk/content/index_alert.html
Modified: openoffice/ooo-site/trunk/content/index_alert.html
URL:
http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/index_alert.html?rev=1604653&r1=1604652&r2=1604653&view=diff
==============================================================================
--- openoffice/ooo-site/trunk/content/index_alert.html (original)
+++ openoffice/ooo-site/trunk/content/index_alert.html Sun Jun 22 20:25:18 2014
@@ -33,13 +33,17 @@
}
function showAlertbox( show ) {
- var l10n_alert_box_color = "#FFD9A7";
// More see "http://html-color-codes.info/";
+ // More see "http://html-color-codes.info/";
+ var l10n_alert_box_color = "#FFD9A7";
+ // Maximum 86 characters.
+ var l10n_alert_box_headline_text = "Important message";
var l10n_alert_box_headline_title = "Important message";
- var l10n_alert_box_headline_text = "Important message";
// Maximum 86 characters.
- var l10n_alert_box_text1_title = "He heard quiet steps behind him.";
- var l10n_alert_box_text1_text = "He heard quiet steps behind him.";
// Maximum 517 characters.
- var l10n_alert_box_text2_title = "Click here to see who it is.";
- var l10n_alert_box_text2_text = "Click here to see who it is";
// Maximum 517 characters.
+ // Maximum 517 characters.
+ var l10n_alert_box_text1_text = "This alert box is now within the
layout of the list items below <br /><br /> The following link can be added to
point the user to more information or to a solution. But the link can also be
left out. Then nothing will be shown.";
+ var l10n_alert_box_text1_title = "This text for the mouse over
effect.";
+ // Maximum 517 characters.
+ var l10n_alert_box_text2_text = "Dummy link";
+ var l10n_alert_box_text2_title = "This text for the mouse over
effect.";
var l10n_alert_box_text2_href = "download/index.html";
// Show alert box or not?
@@ -48,7 +52,7 @@
var l10n_alert_box_color = "#FFD9A7";
// Show alert box with defined background color.
- document.write( "<div id='alert_box' class='alert_box'
style='background: " + l10n_alert_box_color + "'>" );
+ document.write( "<div id='alert_box' style='background: " +
l10n_alert_box_color + "'>" );
// Show headline.
document.write( "<h2 title='" + l10n_alert_box_headline_title +
"'>" + l10n_alert_box_headline_text + "</h2>" );
@@ -78,6 +82,8 @@ screen reader.
-->
<h1 style="display: none;">Apache OpenOffice</h1>
+<div id="actionstatements">
+
<script type="text/javascript">
<!--
// Show alert box.
@@ -85,8 +91,6 @@ screen reader.
//-->
</script>
-<div id="actionstatements">
-
<ul>
<li>
<hr />
@@ -109,8 +113,33 @@ screen reader.
document.write( "<li>"
+ "<div class='action-download'>"
+ "<div class='action-text action-link'>"
- + "<a href='download/index.html'><h2>I want to download Apache
OpenOffice " + VERSION + "</h2>"
- + "<p>Download Apache OpenOffice for free, or find out about other
ways of getting it.</p></a>"
+ + "<p>Old layout</p>"
+ + "<a href='download/index.html'>"
+ + "<h2>I want to download Apache OpenOffice " + VERSION + "</h2>"
+ + "<p>Download Apache OpenOffice for free, or find out about other
ways of getting it.</p>"
+ + "</a>"
+ + "</div>"
+ + "</div>"
+ + "</li>" );
+ //-->
+ </script>
+
+ <li>
+ <hr />
+ </li>
+
+ <!-- Show the currently available version, loaded via JavaScript -->
+ <script type="text/javascript">
+ <!--
+ document.write( "<li>"
+ + "<div class='action-download'>"
+ + "<div class='action-text action-link'>"
+ + "<p>New layout</p>"
+ + "<a href='download/index.html'>"
+ + "<h2>I want to download Apache OpenOffice</h2>"
+ + "<p style='font-size: 1.0em;'>(Most recent release: " + VERSION
+ ")</p>"
+ + "<p>Download Apache OpenOffice for free <b>(really!)</b>, or
find out about other ways of getting it.</p>"
+ + "</a>"
+ "</div>"
+ "</div>"
+ "</li>" );
@@ -191,7 +220,7 @@ screen reader.
</div>
</div>
-<div id="news" style="height: 520px;">
+<div id="news" style="margin: 2% 3% 0 0; height: 520px;">
<div class="campaign" style="height: 200px; float: right; overflow: auto;">
<h2 style="display: inline;">Recent Blog Posts</h2>
