Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save philipgledhill/66263191996a92815687 to your computer and use it in GitHub Desktop.
Save philipgledhill/66263191996a92815687 to your computer and use it in GitHub Desktop.
/** ----- The CSS ----- */
/** The outer div -----*/
.label-fluid-page .site-inner,
.label-fluid-page .content-sidebar-wrap,
.label-fluid-page .content {
width: 100%;
max-width: 100%;
padding: 0;
}
/** ----- The row backgrounds and colours ----- */
.first-row-wrap {
//background: #000000;
background: #000000 url(images/big-background.jpg) center center fixed no-repeat;
}
.white-row-wrap {
background: #FFFFFFFF;
}
.black-row-wrap {
background: #000000;
}
/** ----- Inner div ----- */
.first-row-wrap-inner,
.white-row-wrap-inner,
.black-row-wrap-inner {
max-width: 1120px;
margin: 0 auto;
padding: 100px 10px 100px 10px; /* Top and bottom padding */
overflow: hidden;
}
/** ----- Class text Shaddow ----- */
.shadow {text-shadow: 2px 2px 2px #000000;
}
/** ----- Headline and text colour ----- */
.white-headline {
font-size: 72px;
color: #FFFFFF;
text-align: center;
}
.black-headline {
font-size: 72px;
color: #000000;
text-align: center;
}
.white-text {
text-align: center;
color: #FFFFFF;
font-size: 28px;
}
.black-text {
text-align: center;
color: #000000;
font-size: 28px;
}
/** ----- Extra bits and bats ----- */
/** ----- Black Button ----- */
.my-button {
border: 3px solid #000000;
color: #000000 !important;
background: #FFFFFF;
padding: 10px 20px 10px 20px;
text-transform: uppercase;
font-size:24px;
}
/** ----- Black Button hover ----- */
.my-button:hover {
border: 3px solid #000000;
color: #FFFFFF !important;
background: #000000;
padding: 10px 20px 10px 20px;
text-transform: uppercase;
font-size:24px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment