User: bedipp Date: 2009-02-08 11:57:58+0000 Modified: marketing/www/art/official_galleries.html
Log: Submitted by: Bernhard Dippold (bedipp) Validation XHTML 1.0 Strict and CSS 2.1 File Changes: Directory: /marketing/www/art/ ============================== File [changed]: official_galleries.html Url: http://marketing.openoffice.org/source/browse/marketing/www/art/official_galleries.html?r1=1.3&r2=1.4 Delta lines: +35 -27 --------------------- --- official_galleries.html 2009-02-07 23:58:40+0000 1.3 +++ official_galleries.html 2009-02-08 11:57:56+0000 1.4 @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html> +<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>OpenOffice.org Art Project - Official Galleries</title> <style type="text/css"> @@ -56,9 +56,10 @@ .gal_description { background:#FFFFFF; - background-image:url(images/gradient_bright.png); + background-image:url(images/gradient_light_blue.png); background-repeat:repeat-x; - color:#000000 + width:50%; + color:#000000; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; @@ -78,23 +79,31 @@ background-image:url(images/gradient_light_blue.png); background-repeat:repeat-x; color:#000000; + width:50%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; - vertical_align:top; +} +.gal_img_left { + float: left; + border: none; + vertical-align:top; + margin-right: 5px; + margin-top: 5px; } .gal_img_right { float: right; border: none; vertical-align:top; - margin-left:3 px; + margin-left: 5px; + margin-top: 5px; } .gal_img_bottom { float: right; border: none; vertical-align:top; - margin-top:10 px; + margin-top:10px; } </style> @@ -105,13 +114,13 @@ <!-- Galleries entry table --> -<table border="0" cellpadding="1" cellspacing="0" width="100%" bgcolor="#ffffff"> +<table border="0" cellpadding="1" cellspacing="0" width="100%"> <tr> - <td valign="top" width="85%"><!-- Begin contents of page --> + <td valign="top"><!-- Begin contents of page --> <table class="gal_border" width="100%"> <tr> <td colspan="2"> - <table class="gal_header_border" width=100% > + <table class="gal_header_border" width="100%" > <tr> <td class="gal_header"> @@ -120,18 +129,18 @@ </tr> <tr> <td class="gal_description"> - <img src="images/official_button_large.png" align="left" hspace="3" vspace="3"> + <img class="gal_img_left" src="images/official_button_large.png" alt="official artwork button" /> This artwork has been approved by the OpenOffice.org Art Project to be used in promoting OpenOffice.org inside and outside the community. - <p> + <br /> For both product and community it is essential to present a "consequent" and unique visual impression of OpenOffice.org, our <a href="infos_graphics.html#visual_identity">Visual Identity</a>. If you want to refer to our product or our community, please use this officialy approved artwork wherever possible. - </p> + <br /> <small> - <img src="images/native_lang_button_small.png" align="right" hspace="3" vspace="3"> + <img class="gal_img_right" src="images/native_lang_button_small.png" alt="native-lang artwork button" /> Artwork can be language independent - but sometimes textual information in your language has to be included. Some of the galleries already contain such translated artwork - reachable via the worldmap button. If you use it (or if you want to provide us with newly tranlated versions), @@ -163,10 +172,8 @@ </td> </tr> <tr> - - </td> - <td class="gal_description" width="50%"> - <img src="images/previous_button_small.png" align="left" hspace="3" vspace="3"> + <td class="gal_description"> + <img class="gal_img_left" src="images/previous_button_small.png" alt="previous artwork button" /> <small> The previous artwork refers to former OpenOffice.org versions. We don't want to remove this artwork from the galleries, @@ -174,7 +181,7 @@ </small> </td> <td class="gal_description"> - <img src="images/additional_button_small.png" align="left" hspace="3" vspace="3"> + <img class="gal_img_left" src="images/additional_button_small.png" alt="additional artwork button" /> <small> Additional artwork can be utilized for private usage, as basis for your own artwork and if there is no official artwork yet. @@ -192,7 +199,7 @@ <table class="gal_header_border"> <tr> <!-- logos --> - <td class="gal_entry" width="50%"> + <td class="gal_entry"> <a href="galleries/logos/index.html"> <img class="gal_img_right" src="images/logos_gallery_thumb.png" alt="logos" /> </a> @@ -240,11 +247,12 @@ <a href="galleries/labels/index.html"> <b>LABELS and STICKERS - <br>(including OEM Labels) + <br /> + (including OEM Labels) </b> </a> - <br/> - <br/> + <br /> + <br /> With these labels you can print stickers for computers and posters, improve your document's design or promote OpenOffice.org in any other way. </td> @@ -264,7 +272,7 @@ <a href="galleries/web_banners/index.html"> <img class=" gal_img_bottom" src="images/web_banners_gallery_thumb.png" alt="web banners" /> </a> - <br> + <br /> </td> <!-- Posters and printed banners --> <td class="gal_entry"> @@ -288,7 +296,7 @@ <!-- Wallpapers --> <td class="gal_entry"> <a href="galleries/wallpapers/index.html"> - <img class="gal_img_right" src="images/wallpapers_gallery_thumb.png" alt="wallpapers"> + <img class="gal_img_right" src="images/wallpapers_gallery_thumb.png" alt="wallpapers" /> </a> <a href="galleries/wallpapers/index.html"> <b>WALLPAPERS</b> @@ -304,7 +312,7 @@ <td class="gal_entry"> <a href="galleries/business_cards/index.html"> - <img class="gal_img_right" src="images/business_cards_gallery_thumb.png" alt="business cards"> + <img class="gal_img_right" src="images/business_cards_gallery_thumb.png" alt="business cards" /> </a> <a href="galleries/business_cards/index.html"> <b>BUSINESS CARDS</b> @@ -330,7 +338,7 @@ </td> <td> - <a href="galleries/for_designer/index.html" align="center"> + <a href="galleries/for_designer/index.html"> <b>INFORMATION and ELEMENTS for DESIGNERS</b> </a> <br /> @@ -341,7 +349,7 @@ </td> <td> <a href="galleries/for_designer/index.html#wire_gulls"> - <img class="gal_img_right" src="images/for_designer_gallery_right_thumb.png" alt="wire gulls"> + <img class="gal_img_right" src="images/for_designer_gallery_right_thumb.png" alt="wire gulls" /> </a> </td> --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
