Re: [libreoffice-website] QA button for website?

Argh - did not pay attention and did send it only to Cor, so here again for all:

On Fri, Dec 9, 2011 at 11:29 AM, Cor Nouws <oolst@nouenoff.nl> wrote:
> Christian Lohmaier wrote (06-12-11 13:04)
> [...]
> Can you send me the css for the current download button?

It's not like it was hidden of obfuscated :-)  - it is the
#DownloadButton and #DownloadButton:hover style rules

It works with a sprited-image as background that is shifted on
mouseover. (sprites don't have the drawback of a loading delay, the
highlight image is available immediately).

The background is here:
http://www.libreoffice.org/themes/libo/images/download-button.png

and the css is:
It adds the shadow to the label text and to the button, sets the width
and height, so that with the padding it matches the size of the
background image.

#DownloadButton {
       display: block;
       font-weight: bold;
       box-shadow: 0 3px 5px #AAA;
       -moz-box-shadow: 0 3px 5px #AAA;
       -webkit-box-shadow: 0 3px 5px #AAA;
       padding: 25px 0 0 100px;
       width: 340px;
       height: 55px;
       font-size: 1.5em;
       color: #FFF;
       text-shadow: 0 2px #18A303;
       background: url(../images/download-button.png) no-repeat #18A303;
}

#DownloadButton:hover {
       background-position: 0 -80px;
       color: #FFF;
       text-decoration: none;
}

ciao
Christian

-- 
Unsubscribe instructions: E-mail to website+help@global.libreoffice.org
Problems? http://www.libreoffice.org/get-help/mailing-lists/how-to-unsubscribe/
Posting guidelines + more: http://wiki.documentfoundation.org/Netiquette
List archive: http://listarchives.libreoffice.org/global/website/
All messages sent to this list will be publicly archived and cannot be deleted