diff options
| author | MaZderMind | 2015-03-02 17:19:43 +0100 |
|---|---|---|
| committer | MaZderMind | 2015-03-02 17:19:43 +0100 |
| commit | 0c72458e6146a89e91821a31643b1daba6700245 (patch) | |
| tree | ffbada1da0f1e2990b0f192678b121a50c83b888 | |
| parent | a208d2a0145cee59c0df0d7e4e52ed32f3d52d17 (diff) | |
conditional header-logo
| -rw-r--r-- | assets/css/_structure.less | 22 | ||||
| -rw-r--r-- | assets/img/tv-inverse.png | bin | 0 -> 603 bytes | |||
| -rw-r--r-- | template/assemblies/header.phtml | 4 |
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 Binary files differnew file mode 100644 index 0000000..45275bf --- /dev/null +++ b/assets/img/tv-inverse.png 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> |
