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:
@@ -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
|
||||
|
@@ -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>
|
||||
|
@@ -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;
|
||||
|
@@ -140,6 +140,7 @@
|
||||
$( "#content #box" ).show();
|
||||
} else {
|
||||
$( "#content table" ).show();
|
||||
$( "#content #empty" ).show();
|
||||
$( "#content #box" ).hide();
|
||||
}
|
||||
};
|
||||
|
Reference in New Issue
Block a user