/* * Business Name Custom Stylesheet * Version 1.0 * Last Edited: XX/XX/XXXX * * * Table of Content * * 1) * 2) * 3) * 4) * * ============================================================ */ /* * Add your custom styles here. This file should be called last after * all other style sheets within the section. * */ @import url(http://weloveiconfonts.com/api/?family=entypo); /* entypo */ [class*="entypo-"]:before { font-family: "entypo", sans-serif; } a { text-decoration: none; } #sticky-social { left: 0; position: fixed; top: 300px; } #sticky-social a { text-decoration: none; background: #CCC; color: #333; display: block; height: 35px; font: 16px "Open Sans", sans-serif; line-height: 35px; position: relative; text-align: center; width: 35px; border:thin #C0C0C0 solid; } #sticky-social a span { line-height: 35px; left: -120px; position: absolute; text-align:center; width:120px; } #sticky-social a[class*="facebook"], #sticky-social a[class*="facebook"]:hover, #sticky-social a[class*="facebook"] span { background: #DDD; } #sticky-social a[class*="linkedin"], #sticky-social a[class*="linkedin"]:hover, #sticky-social a[class*="linkedin"] span { background: #DDD; } #sticky-social a[class*="pinterest"], #sticky-social a[class*="pinterest"]:hover, #sticky-social a[class*="pinterest"] span { background: #DDD; } #sticky-social a[class*="instagram"], #sticky-social a[class*="instagram"]:hover, #sticky-social a[class*="instagram"] span { background: #DDD; } #sticky-social a[class*="mail"], #sticky-social a[class*="mail"]:hover, #sticky-social a[class*="mail"] span { background: #DDD; } /* ============================================================ * Retina Graphics Override * ========================================================= */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { } /* ============================================================ * Custom Media Queries Overrides * ========================================================= */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 481px) and (max-width: 766px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 480px) { /* Original Layout Grid Responsive CSS. * If you change the grid widths from the original found in * base.css by inlcuding them above, then you should uncomment * the styles below to reset the grid styles on Mobile/Tablet devices * to expand 100%. */ /* .row {margin-left: 0;} [class*="span"] {margin-left: 0;} .span-one,.span-two,.span-three,.span-four,.span-five,.span-six,.span-seven,.span-eight,.span-nine,.span-ten,.span-eleven,.span-twelve,.span-one-half,.span-one-third,.span-one-fourth,.span-two-thirds,.span-two-third,.span-three-fourths,.span-three-fourth,.span-one-fifth, .span-sidebar,.span-sidebar-left,.span-sidebar-right,.span-content-center,.span-content,.span-content-left,.span-content-right,.span-full-width {width: 100%;} */ }