Items filtered by date: December 2015

/* Fix Contact Form going off screen to the left in tablet*/
#jsn-maincontent.span12 #jsn-pos-innerright > div {
  padding-left: 0px;
  margin-left: 10px;
}

/* correct white space on the left of the header */
#jsn-header {
    padding: 0px 0px;
}

/* fix footer menu not <li> not going inline when using main menu items */

/*
ul.menu-divmenu li {
float: left !important;
}
*/

ul.menu-divmenu {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
ul.menu-divmenu li {
	display: inline-block;
}

/* Custom background but leave inner white */
#jsn-page {background: url("../images/custom/background.jpg") no-repeat fixed center;}

/* remove white background */
#jsn-header_inner,
#jsn-headerright,
#jsn-footer {
	background: none;
}

/* make header black */
#jsn-headerright-inner {background: black;}

/* Reduce border to inner only */
#jsn-header_inner {border: none;}
#jsn-header_inner2 {border-bottom: 1px solid #DDD;}

/* make content background white */
#jsn-content, #jsn-header_inner2 {background: white;}

/* remove gap between content and footer */
#jsn-footer {padding: 0px 0px 10px;}

/* make footer black */
#jsn-footer_inner {background: #111111;}

/* add padding to the content as it is on the edge */
#jsn-mainbody { padding-left: 10px; padding-right: 10px;}

/* enable frontend edit button */
div.jsn-article-toolbar {
	display: block;
}

Responsive Code

/* Removes the white background issue on mobiles  */
@media only screen and (max-width: 960px), (max-device-width: 960px){
	[id*="jsn-content_inner"], [id*="jsn-maincontent_inner"] {
	background: transparent !important;
	}
}
@media only screen and (max-width: 960px){
	#jsn-content #jsn-maincontent {
	background: transparent !important;
	}
}

/* make all backgrounds yellow */
body,
#jsn-header,
#jsn-content,
#jsn-content #jsn-maincontent,
#jsn-content #jsn-leftsidecontent,
#jsn-content #jsn-rightsidecontent {
    background-color: #FFFFCA;
}

/* make header white */
#jsn-page {
	border-top: none;
}
#jsn-topheader {
	background-color: transparent;
}

/* Correct large footer padding */
#jsn-footer {
    padding: 0 0 10px 0;
}

/* Add white background and rounded corners to the header and footer */
#jsn-header, #jsn-footer {
	border-radius: 5px;
	-webkit-border-radius:5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.20);
	background: white;
	margin-top: 10px;
	margin-bottom: 10px;
}
#jsn-footer {
	margin-top: 0;
}

/* this pushes the phone number and social down  */
#jsn-headerright {
    padding: 30px 0 0 0;
}

/* Move Telephone number up - compensate for the jsn-headerright padding and leave social icons alon */
.reverse-header-padding {
    margin-top: -15px !important;
}

/* nice info box with shadow */
.info-block {
	border-radius: 5px;
	-webkit-border-radius:5px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.20);
	padding: 10px;
	margin: 10px;
}