Skip to content

Instantly share code, notes, and snippets.

@danott
Created August 12, 2010 15:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danott/521164 to your computer and use it in GitHub Desktop.
Save danott/521164 to your computer and use it in GitHub Desktop.
/* Fold Header
* A fancy h1 header that appears to fold over the top of the page
*/
/* <h1 id="fold_header" class="column grid_4 overflow-visible {my_color}-background-color">{my_cat_title} <span class="arrow"></span></h1> */
#fold_header {
padding: 10px 20px;
position: relative;
font-size:16px;
top:-10px;
left:60px;
width:220px;
-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.5);
box-shadow: 0px 2px 3px #292929;
color: #454545;
text-shadow: 0 1px 0 transparent;
overflow:visible;
}
#fold_header .arrow {
width: 0; height: 0;
line-height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #c8c8c8;
top: 0;
left: -10px;
position: absolute;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment