Better img fading
diff --git a/assets/css/docs.css b/assets/css/docs.css
index 65d14bd..6b75ea4 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -434,23 +434,22 @@
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
background-color: #686884;
}
-.navbar .brand {
+.navbar a.brand {
padding-top: 5px;
padding-bottom: 0px;
+ margin-top: 5px;
+ background-image: url(../img/sisu.png);
+ background-repeat: no-repeat;
+ background-size: 84px 30px;
+ width: 84px; height: 30px;
}
-.navbar .brand > img {
+.navbar a.brand {
opacity: .2;
- -webkit-perspective: 1000;
- -moz-perspective: 1000;
- perspective: 1000;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear;
}
-.navbar .brand > img:hover {
+.navbar a.brand:hover {
opacity: 1;
}
diff --git a/docs/tutorials/index.html b/docs/tutorials/index.html
index a7939b9..bbf0638 100644
--- a/docs/tutorials/index.html
+++ b/docs/tutorials/index.html
@@ -31,9 +31,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
- <a class="brand" href="http://eclipse.org/sisu/">
- <img height="30px" width="84px" src="../../assets/img/sisu.png" alt="Sisu">
- </a>
+ <a class="brand" href="http://eclipse.org/sisu/"></a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active">
