mirror of
https://github.com/Erreur32/html5demos.git
synced 2024-09-28 01:31:29 +02:00
updated promo & moved to node-websocket-server
This commit is contained in:
parent
4adbdf396f
commit
1d3d90364f
@ -83,25 +83,19 @@ li {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ffad {
|
#ih5 {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
border: 1px solid #4C8296;
|
background: #442C0D url(http://introducinghtml5.com/book_m.jpg) no-repeat left center;
|
||||||
background: rgba(44,67,71,.7);
|
|
||||||
display: block;
|
display: block;
|
||||||
color: #F7FCE4;
|
color: #F7FCE4;
|
||||||
-moz-border-radius-topleft: 25px;
|
|
||||||
-webkit-border-top-left-radius: 25px;
|
|
||||||
-moz-border-radius-bottomright: 25px;
|
|
||||||
-webkit-border-bottom-right-radius: 25px;
|
|
||||||
border-top-left-radius: 25px;
|
|
||||||
border-bottom-right-radius: 25px;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
padding: 1px 20px 1px 260px;
|
||||||
|
border: 5px solid #904200;
|
||||||
}
|
}
|
||||||
|
|
||||||
#ffad:hover {
|
#ih5:hover {
|
||||||
background: rgb(44,67,71);
|
border-color: #CF6D3B;
|
||||||
border-color: #1B2B30;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#ffad section {
|
#ffad section {
|
||||||
@ -186,7 +180,7 @@ body.view-source #view-source {
|
|||||||
width: 105px;
|
width: 105px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span {
|
.support span {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
float: left;
|
float: left;
|
||||||
@ -199,36 +193,36 @@ body.view-source #view-source {
|
|||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.selected {
|
.support span.selected {
|
||||||
outline: 1px dashed #75784C;
|
outline: 1px dashed #75784C;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.safari {
|
.support span.safari {
|
||||||
background-position: 0 0;
|
background-position: 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.chrome {
|
.support span.chrome {
|
||||||
background-position: 16px 0;
|
background-position: 16px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.firefox {
|
.support span.firefox {
|
||||||
background-position: 32px 0;
|
background-position: 32px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.ie {
|
.support span.ie {
|
||||||
background-position: 48px 0;
|
background-position: 48px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.opera {
|
.support span.opera {
|
||||||
background-position: 64px 0;
|
background-position: 64px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.nightly {
|
.support span.nightly {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
filter:alpha(opacity=50);
|
filter:alpha(opacity=50);
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .support span.none {
|
.support span.none {
|
||||||
opacity: 0.1;
|
opacity: 0.1;
|
||||||
filter:alpha(opacity=10);
|
filter:alpha(opacity=10);
|
||||||
}
|
}
|
||||||
@ -237,7 +231,7 @@ body.view-source #view-source {
|
|||||||
width: 140px;
|
width: 140px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .tags span {
|
.tags span {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #6E724E;
|
color: #6E724E;
|
||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
@ -249,9 +243,30 @@ body.view-source #view-source {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
#demos .tags span:hover,
|
.tags span:hover,
|
||||||
#demos .tags span.selected {
|
.tags span.selected {
|
||||||
border: 1px solid #75784C;
|
border: 1px solid #75784C;
|
||||||
background: #FF7;
|
background: #FF7;
|
||||||
color: #333521;
|
color: #333521;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#tags span {
|
||||||
|
margin-right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tags {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Pretty printing styles. Used with prettify.js. */
|
||||||
|
.str { color: #080; }
|
||||||
|
.kwd { color: #008; }
|
||||||
|
.com { color: #800; }
|
||||||
|
.typ { color: #606; }
|
||||||
|
.lit { color: #066; }
|
||||||
|
.pun { color: #660; }
|
||||||
|
.pln { color: #000; }
|
||||||
|
.tag { color: #008; }
|
||||||
|
.atn { color: #606; }
|
||||||
|
.atv { color: #080; }
|
||||||
|
.dec { color: #606; }
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
<footer><a href="/">HTML5 demos</a>/<a id="built" href="http://twitter.com/rem">@rem built this</a>/<a href="#view-source">view source</a></footer>
|
<footer><a href="/">HTML5 demos</a>/<a id="built" href="http://twitter.com/rem">@rem built this</a>/<a href="#view-source">view source</a></footer>
|
||||||
</section>
|
</section>
|
||||||
<a href="http://github.com/remy/html5demos"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub" /></a>
|
<a href="http://github.com/remy/html5demos"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub" /></a>
|
||||||
|
<script src="/js/prettify.packed.js"></script>
|
||||||
<script>
|
<script>
|
||||||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||||||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||||||
|
Loading…
Reference in New Issue
Block a user