Here's a go at it:
CSS:
A#downloadbutton SPAN.languagetool
{
font-family: georgia, "Bitstream Charter", serif;
color: #FFFFFF;
font-size: 12.1pt;
padding-left: 66px;
font-weight: bold;
/*+placement:shift 7px 8px;*/
position: relative;
left: 7px;
top: 8px;
}
A#downloadbutton SPAN.download
{
font-family: georgia, "Bitstream Charter", serif;
color: #FFFFFF;
font-size: 11.9pt;
padding-left: 66px;
font-style: italic;
font-weight: normal;
/*+placement:shift 8px 8px;*/
position: relative;
left: 8px;
top: 8px;
}
A#downloadbutton SPAN.version
{
font-family: georgia, "Bitstream Charter", serif;
color: #FFFFFF;
font-size: 7pt;
padding-left: 66px;
font-weight: normal;
font-style: italic;
/*+placement:shift 8px 10px;*/
position: relative;
left: 8px;
top: 10px;
}
And edited HTML (changes marked by bold):
<h2>Download</h2>
<div class="downloadSection">
<div style="font-size: x-large; font-weight: bold">
<a
href="http://languagetool.org/download/LanguageTool-1.6.oxt"*id="downloadbutton";
*>*<span class="languagetool">LanguageTool</span><br><span
class="download">Download<br></span><span class="version">Version 1.6
(29 MB)</span>*</a></div>
<ul>
<li>Requires <a href="http://www.java.com/en/download/manual.jsp";><img
src="./index_files/link_extern.png" border="0" hspace="2" width="7"
height="9" alt="external link to Java">Java</a> 6.0
or later. You need to <strong>restart OpenOffice.org/LibreOffice</strong>
after installation of this extension.</li>
<li>Please report bugs to the <a href="
http://sourceforge.net/tracker/?group_id=110216&atid=655717";><img
src="./index_files/link_extern.png" border="0" hspace="2" width="7"
height="9" alt="external link to Sourceforge bug tracker">Sourceforge bug
tracker</a> or <a href="http://languagetool.org/forum";><img
src="./index_files/link.png" border="0" hspace="2" width="8" height="9"
alt="internal link to post to our forum">post to our forum</a>.</li>
</ul>
</div>
I tested it in Chrome, Firefox 2, 3.5, Internet Explorer 7, 8 and it looks
fine.
Let me know if anything needs changing,
Nathan
On Sat, Feb 4, 2012 at 6:15 PM, gulp21 <support.gul...@googlemail.com>wrote:
>
> > Something that looks like the image attached?
>
> Looks very nice!
>
> > Do we want pure CSS like the firefox page? Personally I think it is a
> > lot of work, and it doesn't look the same in all browsers, and a png is
> > so small, you don't really improve load time. If we do a background
> > image with the button, then we can fill in the download details with
> > text (so when the version and file size of the download changes, we just
> > update the text).
>
> As I'm a fan of CSS3, I would prefer pure CSS, but if it is too much
> work or the browser compatibility is too bad, another solution is ok, too.
>
> Regards
> Markus
>
>
> ------------------------------------------------------------------------------
> Try before you buy = See our experts in action!
> The most comprehensive online learning library for Microsoft developers
> is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3,
> Metro Style Apps, more. Free future releases when you subscribe now!
> http://p.sf.net/sfu/learndevnow-dev2
> _______________________________________________
> Languagetool-devel mailing list
> Languagetool-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/languagetool-devel
>
<<attachment: languagetool-download.png>>
------------------------------------------------------------------------------ Try before you buy = See our experts in action! The most comprehensive online learning library for Microsoft developers is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3, Metro Style Apps, more. Free future releases when you subscribe now! http://p.sf.net/sfu/learndevnow-dev2
_______________________________________________ Languagetool-devel mailing list Languagetool-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/languagetool-devel
