diff options
| -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> |
