Mirror
/
html5demos
mirror of https://github.com/Erreur32/html5demos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Copy tweak, and massively simplified the opacity on browser support - by using CSS, duh!

This commit is contained in:
Remy Sharp 2010-03-05 10:06:49 +00:00
parent 29ce47ef9f
commit 4a3679135e
2 changed files with 17 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
css/html5demos.css
View File

@ -201,64 +201,34 @@ body.view-source #view-source {
outline: 1px dashed #75784C;
}
#demos .support span.ie.live {
background-position: 48px 0px;
#demos .support span.safari {
background-position: 0 0;
}
#demos .support span.ie.nightly {
background-position: 48px -16px;
#demos .support span.chrome {
background-position: 16px 0;
}
#demos .support span.ie.none {
background-position: 48px -32px;
#demos .support span.firefox {
background-position: 32px 0;
}
#demos .support span.opera.live {
background-position: 64px 0px;
#demos .support span.ie {
background-position: 48px 0;
}
#demos .support span.opera.nightly {
background-position: 64px -16px;
#demos .support span.opera {
background-position: 64px 0;
}
#demos .support span.opera.none {
background-position: 64px -32px;
#demos .support span.nightly {
opacity: 0.5;
filter:alpha(opacity=50);
}
#demos .support span.firefox.live {
background-position: 32px 0px;
}
#demos .support span.firefox.nightly {
background-position: 32px -16px;
}
#demos .support span.firefox.none {
background-position: 32px -32px;
}
#demos .support span.chrome.live {
background-position: 16px 0px;
}
#demos .support span.chrome.nightly {
background-position: 16px -16px;
}
#demos .support span.chrome.none {
background-position: 16px -32px;
}
#demos .support span.safari.live {
background-position: 0px 0px;
}
#demos .support span.safari.nightly {
background-position: 0px -16px;
}
#demos .support span.safari.none {
background-position: 0px -32px;
#demos .support span.none {
opacity: 0.1;
filter:alpha(opacity=10);
}
#demos .tags {

2
index.php
View File

@ -49,7 +49,7 @@ function spans($list) {
<h1><abbr>HTML</abbr> 5 Demos and Examples</h1>
</header>
<article>
<p><abbr>HTML</abbr> 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an <code>and</code> filter).</p>
<p><abbr>HTML</abbr> 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an <code>OR</code> filter).</p>
<table id="demos">
<thead>
<th>Demo</th>