Skip to content

Instantly share code, notes, and snippets.

@wkiefer
Created December 10, 2011 18:50
Show Gist options
  • Save wkiefer/1455932 to your computer and use it in GitHub Desktop.
Save wkiefer/1455932 to your computer and use it in GitHub Desktop.
Google Currents: A basic section header template
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment