Skip to content

Instantly share code, notes, and snippets.

@thisislawatts
Created June 25, 2014 12:05
Show Gist options
  • Save thisislawatts/9bd47295f7ac7d12a9aa to your computer and use it in GitHub Desktop.
Save thisislawatts/9bd47295f7ac7d12a9aa to your computer and use it in GitHub Desktop.
DJ Custom Header
<style type="text/css">
/*---BODY and MAIN---*/
body{
background-image: url("");
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
}
.main {
width: 960px;
padding-left: 200px;
padding-right: 100px;
}
/*---CUSTOM HEADER---*/
#contentpub #customheader .main {
height: auto;
padding-top: 50px;
margin-bottom: 0px;
background-color: transparent;
}
#customheader{
margin-bottom: 0px;
}
#insidecustomheader{
width: 980px;
padding-left: 0px;
padding-right: 0px;
margin-left: -10px;
height: auto; /*---ADJUST HEIGHT HERE
FOR SPACE BETWEEN TOP OF PAGE
AND TICKET INFO ie:200px; IF YOU PLACE AN IMAGE
IN THE DIV ID="INSIDECUSTOMHEADER"
THIS WILL RESIZE AUTOMATICALLY---*/
}
#customheader .main {
background-color: #454545;
padding-top: 0px;
}
/*---CONTENT PUB---*/
#contentpub, #customheader {
padding-top: 0px;
}
#contentpub {
margin-top: 0px;
}
#contentpub .main, #_contentpub .main {
background-color: transparent; /*---CHANGE TO DESIRED COLOR, CURRENTLY SET TO WHITE---*/
padding-top: 25px;
margin-top: 0px;
}
/*---page registration---*/
/* For modern browsers */
.main:before,
.main:after {
content:"";
display:table;
}
.main:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.main {
zoom:1;
}
#page_registration #contentpub .main {
}
/*---FOOTER---*/
#eb_footer , #contact_guideline, #sosumi, .footpubfine, .hf_pubright {
}
#eb_footer a, #eb_footer a:hover, #contact_guideline a, #contact_guideline a:hover,
#sosumi a:hover, #sosumi a:hover, .footpubfine a, .footpubfine a:hover,
.hf_pubright a, .hf_pubright a:hover {
text-decoration: underline;
text-style: bold;
}
#eb_footer {
}
#eb_footer_container{
background-color: #282828;
}
#footpub {
background-image: none;
}
/*---ENHANCEMENTS---*/
h1, h2.etitle {
font-size: 28px;
font-weight: 600;
}
.vevent #contentpub #col_280 {
float:right;
padding-right: 14px;
}
#contentpub .main #col_280, #_contentpub .main #col_280{
padding-right: 0px;
}
span.description p {
line-height: 18px;
}
IMG.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
/*---HIDDEN ITEMS---*/
#eb_header_container {
display: none;
}
/*---HIDE EVENT LOGO ON EVENT PAGE, SHOWS IN SEARCH---*/
.event_title_image{
display: none;
}
/*---HIDE PREVIEW BAR---*/
#preview_links{
display: none;
}
</style>
<div id="insidecustomheader"><img src="http://thedesignjunction.co.uk/hosted/dj_London_eventbrite_02_trans.png"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment