php js css php js css

Changes

Changes to Design: Main Website Design

408705
Yesterday 11:20pm
McNaught, Scott
Modified design
409261
Today 12:41am
McNaught, Scott
Modified design
Html:
Id:
13
13
Deleted Datetime:

															

														
Type:
web
web
Title:
Main Website Design
Main Website Design
Css:
.s8-navigationPrimary .navigationPrimaryItem--active > a {
background: rgba(255,255,255,0.1);
}

footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}

form#newsletterSubscribe #contact_first_name,
form#newsletterSubscribe #contact_last_name {
width: 49% !important;
}

.post_image_container {
position: relative;
}

.post_image_container img {
position: relative;
width: 100%;
height: 200px;
object-fit: contain;
background: #212529;
}

.post_product {
background: #212529;
}

.post_content h5 {
padding: 20px;
background: #f28e1a;
color: white;
margin: 0px;
}

.post_content h5 a {
color: white !important;
}

p.product_discount {
margin: 0px;
background: #212529;
padding: 20px;
color: white;
}

p.product_discount small {
font-size: 12px;
color: #ccc;
}

p.product_discount small, p.product_discount small span {
font-size: 12px;
color: #ccc !important;
}

.post_product_button {
background: #f28e1a;
padding: 10px 20px;
}

.post_product_button a {
color: white;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
font-family: Oswald;
}

.s8-navigationPrimary li ul li a {
font-size: 14px;
}

html
{

}

.footer-newsletter
{
text-align: center;
}

.footer-newsletter input
{
display: inline-block;
}

.sr-only
{
display: none;
}

.footer-newsletter .form-group
{
display: inline-block;
}

.footer-newsletter button[type="submit"]
{
padding: 6px;
margin-top: 20px;
width: 100%;
}

.blog-row
{
padding: 20px;
border-bottom: 1px solid #eee;
}

.blog-row__thumbnail
{

}

.blog-row__blog-entry
{

}

.blog-widget
{

}

.widget__heading
{
text-align: center;
padding: 10px;
color: #ffffff;
background-color: #000;
font-weight: 300;
font-size: 18px;
}

.widget__login
{
padding: 10px;
}

/* Posts */
.post
{
margin: 10px;
width: 30%;
display: flex;
flex-flow: column nowrap;
}

.post__image-container
{
height: 200px;
}

.post__content
{
padding: 10px;
text-align: center;
}

.post__content > *
{
margin-top: 10px;
margin-bottom: 10px;
}

img.grayscale {
filter: grayscale(100%);
}

hr {
border: 0px;
border-top: 1px solid #efefef;
}
@media(max-width: 767px) {
.post {
width: 100%;
}
form#contact_us input {
width: 100% !important;
}
}
.s8-navigationPrimary .navigationPrimaryItem--active > a {
background: rgba(255,255,255,0.1);
}

footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}

form#newsletterSubscribe #contact_first_name,
form#newsletterSubscribe #contact_last_name {
width: 49% !important;
}

.post_image_container {
position: relative;
}

.post_image_container img {
position: relative;
width: 100%;
height: 200px;
object-fit: contain;
background: #212529;
}

.post_product {
background: #212529;
}

.post_content h5 {
padding: 20px;
background: #f28e1a;
color: white;
margin: 0px;
}

.post_content h5 a {
color: white !important;
}

p.product_discount {
margin: 0px;
background: #212529;
padding: 20px;
color: white;
}

p.product_discount small {
font-size: 12px;
color: #ccc;
}

p.product_discount small, p.product_discount small span {
font-size: 12px;
color: #ccc !important;
}

.post_product_button {
background: #f28e1a;
padding: 10px 20px;
}

.post_product_button a {
color: white;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
font-family: Oswald;
}

.s8-navigationPrimary li ul li a {
font-size: 14px;
}

html
{

}

.footer-newsletter
{
text-align: center;
}

.footer-newsletter input
{
display: inline-block;
}

.sr-only
{
display: none;
}

.footer-newsletter .form-group
{
display: inline-block;
}

.footer-newsletter button[type="submit"]
{
padding: 6px;
margin-top: 20px;
width: 100%;
}

.blog-row
{
padding: 20px;
border-bottom: 1px solid #eee;
}

.blog-row__thumbnail
{

}

.blog-row__blog-entry
{

}

.blog-widget
{

}

.widget__heading
{
text-align: center;
padding: 10px;
color: #ffffff;
background-color: #000;
font-weight: 300;
font-size: 18px;
}

.widget__login
{
padding: 10px;
}

/* Posts */
.post
{
margin: 10px;
width: 30%;
display: flex;
flex-flow: column nowrap;
}

.post__image-container
{
height: 200px;
}

.post__content
{
padding: 10px;
text-align: center;
}

.post__content > *
{
margin-top: 10px;
margin-bottom: 10px;
}

img.grayscale {
filter: grayscale(100%);
}

hr {
border: 0px;
border-top: 1px solid #efefef;
}
@media(max-width: 767px) {
.post {
width: 100%;
}
form#contact_us input {
width: 100% !important;
}
}
Js:

															

														
Php Source:

															

														
Mobile Function:
none
none
Mobile Value: