Google Currents: A basic section header template

Currents_SectionHeader

<style>
.customHeader {
  background-color: #f5f5f5;
  background-image:url('attachment/CAAqBQgKMIF0MO-foo.png'); /* Use URL from your edition's media library */
  background-repeat: no-repeat;
  color: #000000;
  display: -webkit-box;
  font-size: 20px;
  height: 60px;
  margin-left: 20px;
  padding-right: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: end;
  -webkit-box-align: center;
}

.sectionName {
  display: -webkit-box;
}
</style>

<!-- Conditional style changes for tablets. Here as a basic example. -->
<g:if device='tablet'>
<style>
.customHeader {
  font-size: 26px;
}
</style>
</g:if>

<div class='customHeader'>
  <div class='sectionName'>
    <g:text textid='sectionName'></g:text>
  </div>
</div>