Skip to content

Instantly share code, notes, and snippets.

View jerwjones's full-sized avatar

Jeremy Jones jerwjones

View GitHub Profile
@jerwjones
jerwjones / fmg-typography-classes.css
Created September 25, 2015 16:45
FMG Typography Reset
/****************************************************************************
TYPOGRAPHY
*************************************************************************** */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300,900);
html {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
body {
@jerwjones
jerwjones / fmg-global-classes.css
Created September 25, 2015 16:44
FMG Global Classes
/****************************************************************************
GLOBAL
*************************************************************************** */
#content .container {
background-image: none;
}
input[type="button"], input[type="submit"], button, .button, #additional .viewAll a, .submit, #hero aside a, .cta {
background: #9B1F2E;
color: #FFF !important;
padding: 5px 10px;
@jerwjones
jerwjones / navigation-full-dropdown-classes.css
Created September 25, 2015 16:44
FMG Full Bar Dropdown Nav
/****************************************************************************
NAVIGATION
*************************************************************************** */
nav#main {
background-image: none;
background: #B07E07;
border-top: 2px solid #F6B41A;
border-bottom: 2px solid #F6B41A;
box-shadow: 0 2px 2px rgba(0,0,0,0.3)
}
@jerwjones
jerwjones / footer-quicklinks-full-classes.css
Created September 25, 2015 16:43
FMG - Quicklinks Full Bar Footer
@jerwjones
jerwjones / homepage-classes.css
Created September 25, 2015 16:42
FMG - Homepage Standard Classes
/****************************************************************************
HOMEPAGE
*************************************************************************** */
.homepage #content .container {
background-image: none;
}
.homepage #content .container aside {
display: none;
}
.homepage #content .container article {
@jerwjones
jerwjones / hero-960-400.css
Created September 25, 2015 16:41
Hero - 960x400
/****************************************************************************
HERO ROTATOR
*************************************************************************** */
#hero{
background: #222 none;
color: inherit;
position: relative;
z-index: 0;
margin: 0 auto;
padding: 20px 0 40px;
@jerwjones
jerwjones / classes.css
Created September 25, 2015 16:40
FMG Standard Sub Page Classes
/****************************************************************************
CLASSES
*************************************************************************** */
.rule {
background-image: none;
margin: 20px 0;
}
.clear {
clear: both;
font-size: 0px;
@jerwjones
jerwjones / advanced-header.html
Last active October 27, 2015 20:02
Advanced Header
<style>
/** Add this CSS Import to the top of the main CSS to import FontAwesome **/
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
/** fontawesome social media icons **/
.facebookIcon, .twitterIcon, .linkedinIcon, .youtubeIcon, .emailIcon, .googleIcon{
font-family: FontAwesome !important;
font-weight: normal;
font-style: normal;
display: inline-block;
@jerwjones
jerwjones / accordion.html
Created September 24, 2015 14:16
FAQ Accordion Dropdown Menu
<!-- ACCORDION JS -->
<script>
//** Add this Script to the Custom Head section in the Additional Footer HTML **//
$(document).ready(function() {
function close_accordion_section() {
$('.accordion .accordion-section-title').removeClass('active');
$('.accordion .accordion-section-content').slideUp(300).removeClass('open');
}
$('.accordion-section-title').click(function(e) {
@jerwjones
jerwjones / gist:c8c87917286f600887a8
Last active September 24, 2015 14:15
FAQ Accordion for FMG
We couldn’t find that file to show.