1
0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-08-30 17:19:56 +02:00

Some fixes and colored links.

This commit is contained in:
Lars Jung
2011-06-16 01:24:49 +02:00
parent 1c9cb5def4
commit eb20529d08
6 changed files with 91 additions and 40 deletions

View File

@@ -9,7 +9,7 @@
<img class="techclass" src="/h5ai/images/html5-storage.png" alt="html5-storage" />
<img class="techclass" src="/h5ai/images/html5-css3.png" alt="html5-css3" />
</a>
<a href="http://github.com/larrrs/h5ai" target="_blank" title="h5ai v0.2">h5ai</a>
<a href="http://github.com/larrrs/h5ai" target="_blank" title="h5ai v0.2.1">h5ai</a>
using
<a href="http://html5boilerplate.com" target="_blank" title="a rock-solid default for HTML5 awesome">HTML5 Boilerplate</a>
and

View File

@@ -12,7 +12,7 @@
<nav>
<ul>
<li id="domain" class="crumb"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li>
<li id="icons" class="view"><a href="#"><img src="/h5ai/icons/view-icons" alt="view-icons" />icons</a></li>
<li id="icons" class="view"><a href="#"><img src="/h5ai/icons/view-icons.png" alt="view-icons" />icons</a></li>
<li id="details" class="view" ><a href="#"><img src="/h5ai/icons/view-details.png" alt="view-details" />details</a></li>
</ul>
<div class="clearfix"></div>

View File

@@ -15,7 +15,7 @@ a, a:visited {
text-decoration: none;
}
a:hover {
color: #333;
color: #e80;
}
@@ -34,8 +34,13 @@ nav {
nav li {
cursor: pointer;
opacity: 0.7;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
nav li:hover, nav li:hover a {
color: #e80;
background-color: rgba(255,255,255,0.5);
opacity: 1.0;
}
@@ -91,8 +96,8 @@ table {
}
table tr.entry:hover, table tr.entry:hover a {
background-color: rgb(235,245,250);
background-color: #eeeeee;
color: #333;
background-color: #f0f0f0;
color: #e80;
cursor: pointer;
}
table th, table td {
@@ -103,8 +108,13 @@ table th, table td {
table th {
padding-bottom: 18px;
opacity: 0.4;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
table th.header:hover {
table th.header:hover, table th.header:hover a {
color: #555;
cursor: pointer;
opacity: 0.9;
}
@@ -167,7 +177,7 @@ div#empty {
border-radius: 15px;
}
#box .entry {
margin: 10px;
margin: 8px;
padding: 8px;
width: 100px;
height: 120px;
@@ -176,8 +186,11 @@ div#empty {
overflow: hidden;
border-radius: 5px;
cursor: pointer;
border: 1px solid rgba(0,0,0,0);
}
#box .entry:hover {
color: #e80;
border-color: #eee;
-webkit-box-shadow: 0px 0px 20px #555;
-moz-box-shadow: 0px 0px 20px #555;
box-shadow: 0px 0px 20px #999;
@@ -211,6 +224,16 @@ footer {
-moz-box-shadow: 0px 0px 30px #555;
box-shadow: 0px 0px 30px #555;
}
footer a, footer a:visited {
color: #555;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer a:hover {
color: #e80;
}
#html5 {
@@ -220,9 +243,13 @@ footer {
float: left;
}
#html5 img {
opacity: 0.4;
width: 20px;
height: 20px;
opacity: 0.4;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#html5:hover img {
opacity: 0.8;

View File

@@ -140,6 +140,7 @@
$( "#content #box" ).show();
} else {
$( "#content table" ).show();
$( "#content #empty" ).show();
$( "#content #box" ).hide();
}
};