Skip to content

Instantly share code, notes, and snippets.

@JamesHusband
Created September 13, 2018 12:54
Show Gist options
  • Save JamesHusband/82f1f100639b9627b51fef78218f5a0d to your computer and use it in GitHub Desktop.
Save JamesHusband/82f1f100639b9627b51fef78218f5a0d to your computer and use it in GitHub Desktop.
df
body { padding: 0px; margin: 0px; }
#content-wrapper {
width: 1000px;
padding-left: 20px;
padding-right: 20px;
padding-bottom:30px;
margin: 0 auto;
}
.page-container {
position: relative;
width: 1040px;
margin-left:auto;
margin-right: auto;
background-color:#FFF;
}
#left-bg {
width: 500px;
height: 100%;
position:absolute;
top: 0px;
left: -500px;
}
#left-back {
width: 500px;
height: 100%;
}
#left-inner {
position: fixed;
width: 500px;
height: 100%;
background:url();
background-repeat: no-repeat;
background-position: top right;
}
#right-bg {
width: 500px;
height: 100%;
position:absolute;
top: 0px;
right: -500px;
}
#right-back {
width: 500px;
height: 100%;
}
#right-inner {
width: 500px;
height: 100%;
position: fixed;
background:url();
background-repeat: no-repeat;
background-position: top left;
overflow: hidden;
}
#page {
overflow: hidden;
}
#footer {
position: relative;
}
@media (max-width: 1670px) {
#left-back {
width: 500px;
height: 100%;
background-repeat: no-repeat;
background-position: top right;
}
#right-back {
width: 500px;
height: 100%;
background-repeat: no-repeat;
background-position: top left;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment