incubator-ooo-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r797693 [5/5] - in /websites/staging/ooo-site/trunk/content/why: ./ __modules/ campaign_images/ documents/ images/
Date Sat, 29 Oct 2011 21:08:16 GMT
Added: websites/staging/ooo-site/trunk/content/why/why_oem.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_oem.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_oem.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,245 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on
screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection
and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and
Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br
/>If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_oem.png" width="300" height="210"
+            alt="Open for business" title="Open for business"
+            class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Build your business</span>
+
+            <!-- The preview content -->
+            around OpenOffice.org 3. If you're in the IT business,
+            OpenOffice.org 3 can mean good business for you.
+            The <b>flexible word processor</b>, <b>powerful spreadsheet</b>,
<b>dynamic
+            graphics</b>, <b>database access</b> and more meet all the
requirements
+            for an office software package.<br />
+            Use OpenOffice.org 3 to add value for your clients, free of
+            licence costs and onerous licencing conditions.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;Unbeatable value add
+    			</div>
+    			<div class="spacy">
+Although it's the big name software companies that capture the headlines,
+shipping the box is only a small part of the equation. For the majority of
+users, it's other people who provide the value add: the people running
+training courses, writing user guides, providing support, integrating systems,
+providing niche-market add-ons... For all of these businesses, OpenOffice.org 3
+provides an unbeatable value proposition. No longer do you have to spend a large
+chunk of your client's budget on software licences. With OpenOffice.org 3,
+you can offer office software of the highest quality at no cost.
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Open for adoption
+                </div>
+                <div class="spacy">
+For developers and systems integrators, OpenOffice.org 3 is as open as its name
+implies. Starting at the file level, it is the first software package
+in the world to fully support ISO/IEC 26300 OpenDocument file format (ODF).
+As more companies adopt the standard, exchanging data between office software will become
as easy as saving and opening a file - a system integrator's dream.
+For developers, OpenOffice.org 3 offers a range of options, from extensions -
+in a variety of programming languages - through to use of the full OpenOffice.org 3
+component based architecture. OpenOffice.org even offers its own ODF toolkit for other developers.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;Open for business
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+OpenOffice.org 3 prides itself on its compatibility with other office software,
+both in the way it works and in the files it uses. So offering OpenOffice.org 3 doesn't
+close off options for your clients - in fact, it opens up new opportunities for them.
+Amazingly, OpenOffice.org 3 comes without any license fees, or any
+worrying small print. You can pre-install it on computers, ship it on CDs, 
+include it in books, put it on the cover of magazines...
+and, you don't need to say <i>We recommend OpenOffice.org</i> on all your advertising.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache
CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation
(ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that
the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF
projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate
that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache
Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_sme.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_sme.html (added)
+++ websites/staging/ooo-site/trunk/content/why/why_sme.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,253 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="suppress.css" type="text/css" />
+  <!-- handling for browsers without active javascript (use default style set hint on
screen -->
+<link rel="stylesheet" href="why.css" type="text/css" />  <!-- browser detection
and handling -->
+  <script language="javascript" src="why.js"></script>
+  <!-- end of browser detection -->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and
Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+  <noscript><table border="0"><tr><td><h2>This page needs javascript.<br
/>If JavaScript is disabled, this page will not display correctly.</h2></td></tr></table></noscript>
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="containbody">
+<div id="container">
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="images/why_sme.png" width="300" height="210"
+            alt="Open for business" title="Open for business"
+            class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >Enterprises</span>
+
+            <!-- The preview content -->
+            from corner-shops to corporate giants are turning
+            to OpenOffice.org 3 to power their businesses. The
+            <b>flexible word processor</b>, <b>powerful spreadsheet</b>,
<b>dynamic
+            graphics</b>, <b>database access</b> and more meet all the
requirements
+            for an office software package.<br />
+            OpenOffice.org 3 offers a high degree of compatibility
+            with commercial office software, but with none of the
+            costs or licence worries.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="/download">
+                  Get OpenOffice.org 3 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="images/writer-big.png"><img src="images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/calc-big.png"><img src="images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/impress-big.png"><img src="images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/draw-big.png"><img src="images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="images/base-big.png"><img src="images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;The no-hassle answer
+    			</div>
+    			<div class="spacy">
+
+For small businesses, IT is a hassle and an expense. 
+OpenOffice.org 3 is simply the easiest and cheapest way of providing the essential
+software tools required to support a growing business.
+Developed over twenty years, OpenOffice.org is a mature, stable, product,
+guaranteeing trouble-free usage. Behind the scenes, it stores all your valuable
+data in a format approved by the International Organization for Standardization -
+the first software package in the world to meet this exacting standard. As more
+companies adopt the standard, exchanging data between office software, accounting
+software, planning software - any software - will become as easy as saving and
+opening a file. No transcription errors, no typing the same information twice - no hassle
+computing.
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Better but compatible
+                </div>
+                <div class="spacy">
+OpenOffice.org 3 prides itself on its compatibility with other office software. 
+Companies moving to OpenOffice.org simply take their existing files with them.
+In fact, changing to OpenOffice.org may be a simpler process than having to
+upgrade because your commercial software vendor has brought out a new version.
+OpenOffice.org 3 also understands that no business is an island, which is why it can exchange
files with other office software - for example, the one your accountants use. 
+It also allows you to create pdf files for those all-important
+times when you want to retain control of documents after they leave your office.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;Open for business
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+Amazingly, OpenOffice.org 3 comes without any license fees, or any
+worrying small print. You can install it on as many computers as you
+like, use it for any purpose, and even give copies away for employees
+to use at home.
+No more threats of heavy-handed software audits disturbing your business.
+You don't even have to worry about what to install - OpenOffice.org 3
+is one complete package. If you need extra languages, simply install them.
+If you do want commercial support, the same software is also available as a fully
+supported and packaged product under the <i>StarOffice</i> brand from Sun Microsystems,
+one of the world's most respected IT companies.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+</div>
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache
CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation
(ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that
the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF
projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate
that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache
Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/why/why_test.css
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/why_test.css (added)
+++ websites/staging/ooo-site/trunk/content/why/why_test.css Sat Oct 29 21:08:13 2011
@@ -0,0 +1,725 @@
+/* CSS Document - Author: Shaibal Mandal */
+
+/* Design:  Reflections, from OpenWebsiteDesign */
+
+/* Main Styles that apply to body */
+
+body {
+
+	font-size: 11px;
+
+	font-family: DejaVu Sans, Verdana, Arial, Sans-Serif;
+
+	margin: 0px;
+
+	background: #f4f4f4 url(images/bg.gif) center repeat-y;
+
+	position: absolute;
+
+}
+
+
+
+/* This is the page container built and centered using -ve margins */
+
+#container {
+
+	width: 700px;
+
+}
+
+
+
+/* The topmost faded bar */
+
+#topbar {
+
+    width:auto;
+
+    background: #EEE;
+
+    height: 20px;
+
+    padding: 10px 5px 5px 2px;
+
+    font: 9px verdana;
+
+    font-weight: bold;
+
+    color: #CCCCCC;
+
+    text-align: right;
+
+}
+
+
+
+/* This holds the two heading blocks, the title and the login form */
+
+#headerwrapper {
+
+    width: auto;
+
+    border-spacing: 0px;
+
+}
+
+
+
+/* class that styles the holder div of the forms */
+
+.userform {
+
+    width: auto;
+
+    color: #0634bc;
+
+    padding: 5px 0px 5px 3px;
+
+    background: #fbfbfb;
+
+    border:1px solid #efefef;
+
+    border-top: none;
+
+    text-align: justify;
+
+    margin-bottom: 1px;
+
+}
+
+
+
+/* This will style the login and search */
+
+.userform input {
+
+    border: 1px solid #DDD;
+
+    font-family: verdana;
+
+    font-size: 10px;
+
+    color: #BBB;
+
+    font-weight: bold;
+
+}
+
+/*
+
+ #EEE = light grey
+
+ #DDD = dark grey
+
+ #0634bc = dark purple
+
+ #efefef = light grey
+
+ #DBB7DB = light violet
+
+ #663366 = deep purple
+
+ #F7F4F7 = faint pinky grey
+
+ #f1f1f1 = light grey
+
+ #F7F4F7 = deep deep purple
+
+ #591333 = deep purple
+
+*/
+
+
+
+/*
+
+ #06348c = OOo dark blue
+
+ #b7cad7 = OOo shady light blue
+
+ #c4dae9 = OOo light blue
+
+ #698ed1 = OOo lighter blue
+
+ #ecf1f5 = OOo pale blue
+
+*/
+
+
+
+h1 {
+
+  font: 48px verdana;
+
+	color: #EEE;
+
+	margin: 5px;
+
+}
+
+
+
+h6 {
+
+    font: 10px verdana;
+
+    font-weight: bold;
+
+	color: #DDD;
+
+	margin: 0px;
+
+	padding: 0px;
+
+	margin-left: 8px;
+
+}
+
+
+
+/* This holds the tabs */
+
+#tabholder
+
+{
+
+    width: auto;
+
+}
+
+
+
+/* Container for the article box, and the pic box */
+/* Issue 74175 (set this as comment markomlm) */
+
+.articleboxouter { 
+
+    width: auto;
+
+    padding: 0px 6px 0px 5px;
+
+    clear: both;
+
+} 
+
+
+
+/* Content holder for the articles */
+
+.articleboxinner {
+
+    width: auto;
+
+    font-size: 12px;
+
+    line-height: 20px;
+
+    color: #06348c;
+
+    padding: 15px 6px 0px 6px;
+
+    background: #fbfbfb;
+
+    border:1px solid #efefef;
+
+    text-align: left;
+
+    height: 220px;
+
+}
+
+
+
+/* The title style for the main article */
+
+.articleheader
+
+{
+
+    font-size: 18px;
+
+    font-weight: bold;
+
+}
+
+
+
+/* This will style the read more thing at the bottom */
+
+.readmore {
+
+    text-align: right;
+
+    display: block;
+
+    width: auto;
+
+}
+
+
+
+/* This controls the main pic in the main article box */
+
+.mainpiccontrol
+
+{
+
+    border: 0px #c4dae9 solid;
+
+    float: left;
+
+    margin-right: 10px;
+
+}
+
+
+
+/* Container for the pic thumbnails */
+
+.picboxouter {
+
+    width: auto;
+
+    padding: 0px 6px 0px 5px;
+
+    clear: both;
+
+}
+
+
+
+/* Content holder for the pic box */
+
+.picbox {
+
+    width: auto;
+
+    line-height: 20px;
+
+    color: #06348c;
+
+    padding: 2px 9px 2px 8px;
+
+    border: 1px solid #efefef;
+
+    text-align: center;
+
+    float: left;
+
+}
+
+
+
+.picbox a:hover {
+
+	border: none;
+
+}
+
+.picbox a:hover span {
+
+	border-bottom: dashed 1px red;
+
+}
+
+
+
+/* This controls the thumbnails in the picbox div Issue 74175 */
+
+.pickboxcontrol {
+
+    vertical-align: middle;
+
+    width: 95px; 
+
+    height: 64px;
+
+}
+
+
+
+/* Content holder for the screen box */
+
+.screenbox {
+
+    width: auto;
+
+    line-height: 20px;
+
+    color: #06348c;
+
+    padding: 2px 1px 2px 1px;
+
+    border: 1px solid #efefef;
+
+    text-align: center;
+
+    float: left;
+
+}
+
+.screenbox a:hover {
+
+	border: none;
+
+}
+
+.screenbox a:hover span {
+
+	border-bottom: dashed 1px red;
+
+}
+
+
+
+.screenboxcontrol {
+
+    vertical-align: middle;
+
+    width: 120px; 
+
+    height:86px;
+
+}
+
+
+
+/* Sometimes, I don't want borders around my hyperlink images */
+
+.noborder {
+
+    border: none;
+
+}
+
+
+
+/* For taming those leeeeeeetle arrows */
+
+img {
+
+    vertical-align: text-bottom;
+
+}
+
+
+
+/* Style-up those ugly default hyperlinks */
+
+a {
+
+	text-decoration: none;
+
+	padding: 0;
+
+	margin: 0;
+
+	color: #663366;
+
+}
+
+
+
+/* And their ugly hover states too */
+
+a:hover {
+
+	border-bottom:dashed 1px red;
+
+}
+
+
+
+/* Why should the humble footer be left out? */
+
+#myfooter {
+
+	background-color: #ccc;
+
+	color: #fff;
+
+	text-align: center;
+
+	vertical-align: middle;
+
+/*	height: 150px; */
+
+	padding-top: 5px;
+
+	clear: both;
+
+}
+
+
+
+#myfooter td {
+
+  border: 0px;
+
+  padding: 0px;
+
+  border-spacing: 0px; 
+
+  text-align: center;
+
+}
+
+
+
+/* This will contain the three columns */
+
+#newsContainer2
+
+{
+
+    width:auto;
+
+    background-color: #ecf1f5;
+
+}
+
+
+
+/* First column of the three columns */
+
+.c1
+
+{
+
+	width: 227px;
+
+	background-color: #ecf1f5;
+
+    border: 1px solid #DDD;
+
+    border-top: none;
+
+    line-height: 22px;
+
+    color: #0634bc;
+
+	float: left;
+
+}
+
+
+
+/* Second column of the three columns */
+
+.c2
+
+{
+
+    width: 230px;
+
+    float: left;
+
+    border-bottom: 1px solid #DDD;
+
+    line-height: 22px;
+
+    color: #0634bc;
+
+}
+
+
+
+/* Third column of the three columns */
+
+.c3
+
+{
+
+	width: 228px;
+
+	background-color: #ecf1f5;
+
+    border: 1px solid #DDD;
+
+    border-top: none;
+
+    line-height: 22px;
+
+    color: #0634bc;
+
+	float: right;
+
+}
+
+
+
+/* This controls the titles for each column */
+
+.noteheader
+
+{
+
+    width:auto;
+
+    border-bottom: 1px solid #DDD;
+
+    border-top: none;
+
+    color: #0634bc;
+
+    height: 24px;
+
+    font-family: verdana;
+
+    font-size: 11px;
+
+    font-weight: bold;
+
+	background:url(images/headerBG.jpg) repeat-x;
+
+}
+
+
+
+/* And this gives the column text some breathing space */
+
+.spacy
+
+{
+
+    padding: 5px;
+
+}
+
+
+
+/* CSS Tabs */
+
+#tabs8 {
+
+    float:left;
+
+    width:100%;
+
+    background:#F1F1F1;
+
+    font-size:93%;
+
+    line-height:normal;
+
+    border-bottom:1px solid #CCC;
+
+}
+
+
+
+#tabs8 ul {
+
+    margin:0;
+
+    padding:10px 10px 0 5px;
+
+    list-style:none;
+
+}
+
+
+
+#tabs8 li {
+
+    display:inline;
+
+    margin:0;
+
+    padding:0;
+
+}
+
+
+
+#tabs8 a {
+
+    float:left;
+
+    background:url("images/tableft8.gif") no-repeat left top;
+
+    margin:0;
+
+    padding:0 0 0 4px;
+
+    text-decoration:none;
+
+}
+
+
+
+#tabs8 a span {
+
+    float:left;
+
+    display:block;
+
+    background:url("images/tabright8.gif") no-repeat right top;
+
+    padding:5px 15px 4px 6px;
+
+    color:#eee;
+
+    font-weight: bold;
+
+}
+
+
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+
+#tabs8 a span {float:none;}
+
+    /* End IE5-Mac hack */
+
+    #tabs8 a:hover span {
+
+/*  color:#591333; */
+
+    color:#06348c;
+
+}
+
+
+
+#tabs8 a:hover {
+
+    background-position:0% -42px;
+
+  	border: none;
+
+}
+
+
+
+#tabs8 a:hover span {
+
+    background-position:100% -42px;
+
+    color: #888;
+
+}
+
+
+
+#tabs8 #current a {
+
+    background-position:0% -42px;
+
+}
+
+#tabs8 #current a span {
+
+    background-position:100% -42px;
+
+    color: #888;
+
+}
+
+.boxes {
+      display: none;
+}
+
+/* End of CSS Tabs */
+

Added: websites/staging/ooo-site/trunk/content/why/yourchoice.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/why/yourchoice.html (added)
+++ websites/staging/ooo-site/trunk/content/why/yourchoice.html Sat Oct 29 21:08:13 2011
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+<title>Your Choice - OpenOffice.org 2</title>
+<link type="text/css" rel="stylesheet" href="why_campaign.css" />
+<meta name="author" content="OpenOffice.org Marketing Project" />
+<meta name="description" content="It's your choice - OpenOffice.org 2" />
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and
Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/images/feather-small.gif"/><br/>Powered by the Apache
CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation
(ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that
the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF
projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate
that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	<a href="/contact.html">Contact Us</a> |
+	<a href="/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache
Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>



Mime
View raw message