aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMaZderMind2015-03-02 17:19:43 +0100
committerMaZderMind2015-03-02 17:19:43 +0100
commit0c72458e6146a89e91821a31643b1daba6700245 (patch)
treeffbada1da0f1e2990b0f192678b121a50c83b888
parenta208d2a0145cee59c0df0d7e4e52ed32f3d52d17 (diff)
conditional header-logo
Diffstat (limited to '')
-rw-r--r--assets/css/_structure.less22
-rw-r--r--assets/img/tv-inverse.pngbin0 -> 603 bytes
-rw-r--r--template/assemblies/header.phtml4
3 files changed, 20 insertions, 6 deletions
diff --git a/assets/css/_structure.less b/assets/css/_structure.less
index 7fc59d8..1180fd4 100644
--- a/assets/css/_structure.less
+++ b/assets/css/_structure.less
@@ -3,7 +3,7 @@
@import "_mejs_hacks.less";
@import "_footer.less";
-@img: '../img/';
+@img: '../img';
@grid-float-breakpoint: @screen-xs-min;
@@ -33,9 +33,23 @@
// website configuration styles
nav {
- .navbar-brand > img {
- float: left;
- margin-right: @navbar-padding-horizontal;
+ .navbar-brand {
+ line-height: 27px;
+
+ .icon {
+ background-repeat: no-repeat;
+ background-image: url("@{img}/tv.png");
+
+ float: left;
+ display: block;
+ width: 27px;
+ height: 27px;
+ margin-right: @padding-base-horizontal;
+ }
+
+ .icon when (luma(@navbar-default-bg) > 50%) {
+ background-image: url("@{img}/tv-inverse.png");
+ }
}
.button-wrapper > .btn {
diff --git a/assets/img/tv-inverse.png b/assets/img/tv-inverse.png
new file mode 100644
index 0000000..45275bf
--- /dev/null
+++ b/assets/img/tv-inverse.png
Binary files differ
diff --git a/template/assemblies/header.phtml b/template/assemblies/header.phtml
index 17afb6c..ab2cf58 100644
--- a/template/assemblies/header.phtml
+++ b/template/assemblies/header.phtml
@@ -2,8 +2,8 @@
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="">
- <img alt="ccc-tv logo, a tv displaying a play icon" src="assets/img/tv.png" />
- <span><?=h(get('CONFERENCE.TITLE', 'C3Voc'))?> Streaming</span>
+ <i class="icon"></i>
+ <?=h(get('CONFERENCE.TITLE', 'C3Voc'))?> Streaming
</a>
</div>