Skip to content

Instantly share code, notes, and snippets.

@polastre
Created April 10, 2014 14:55
Show Gist options
  • Save polastre/10390831 to your computer and use it in GitHub Desktop.
Save polastre/10390831 to your computer and use it in GitHub Desktop.
HHS FairTrade theme diff
> /* HHS CSS */
> body, html {
> height: 100%;
> width: 100%;
> }
>
> body, h1, h2, h3, h4, h5, h6 {
> font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
> font-weight: 700;
> }
>
> .lead {
> font-size: 18px;
> font-weight: 400;
> }
>
> .intro-header {
> margin-top:-20px;
> color: #f8f8f8;
> background: url(/images/BannerImage.png) no-repeat center center;
> background-size: cover;
> text-align: center;
> margin-bottom:20px;
> }
>
> .intro-message {
> position: relative;
> padding-top: 10%;
> padding-bottom: 10%;
> }
>
> .intro-message > h1 {
> margin: 0;
> font-size: 3em;
> text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
> }
>
> .intro-divider {
> width: 400px;
> border-top: 1px solid #f8f8f8;
> border-bottom: 1px solid rgba(0, 0, 0, 0.2);
> }
>
> .intro-message > h3 {
> text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
> }
>
> @media (max-width: 767px) {
> .intro-message {
> padding-bottom: 15%;
> }
>
> .intro-message > h1 {
> font-size: 3em;
> }
>
> ul.intro-social-buttons > li {
> display: block;
> margin-bottom: 20px;
> padding: 0;
> }
>
> ul.intro-social-buttons > li:last-child {
> margin-bottom: 0;
> }
>
> .intro-divider {
> width: 100%;
> }
> }
>
> .network-name {
> text-transform: uppercase;
> font-size: 14px;
> font-weight: 400;
> letter-spacing: 2px;
> color:antiquewhite;
> }
>
> .content-section-a {
> background-color: #f8f8f8;
> padding: 50px 0;
> }
>
> .content-section-b {
> border-top: 1px solid #e7e7e7;
> border-bottom: 1px solid #e7e7e7;
> padding: 50px 0;
> }
>
> .section-heading {
> margin-bottom: 30px;
> }
>
> .section-heading-spacer {
> border-top: 3px solid #e7e7e7;
> width: 200px;
> float: left;
> }
>
> .banner {
> padding: 100px 0;
> color: #f8f8f8;
> background: url/images/BannerImage.png) no-repeat center center;
> background-size: cover;
> }
>
> .banner h2 {
> margin: 0;
> text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
> font-size: 3em;
> }
>
> .banner ul {
> margin-bottom: 0;
> }
>
> .banner-social-buttons {
> float: right;
> margin-top: 0;
> }
>
> @media (max-width: 1199px) {
> ul.banner-social-buttons {
> float: left;
> margin-top: 15px;
> }
> }
>
> @media (max-width: 767px) {
> .banner h2 {
> margin: 0;
> text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
> font-size: 3em;
> }
>
> ul.banner-social-buttons > li {
> display: block;
> margin-bottom: 20px;
> padding: 0;
> }
>
> ul.banner-social-buttons > li:last-child {
> margin-bottom: 0;
> }
> }
>
> footer {
> margin: 50px 0;
> padding: 50px 0;
> }
> .terms {
> width: 100%;
> height: 300px;
> border: 1px solid #ccc;
> background: #f2f2f2;
> padding: 6px;
> overflow: scroll;
> }
>
> #footer ul li {
> display:inline;
> padding:25px;
> text-align:center;
> font-size:15px;
> }
>
> #footer p {
> text-align:center;
> font-size:15px;
> }
>
> /*h3 {
> background: #F04F24 ;
> font-weight:bold;
> font-color:black;
> }*/
24c201
< background-color: #B72467;
---
> /* background-color: #B72467;*/
185,188d361
< .nav > li > a:hover.btn-c1, .nav > li > a:focus.btn-c1 {
< background-color: #D63A25;
< }
<
192d364
< font-weight: bold;
210,213d381
< .nav > li > a:hover.btn-c2, .nav > li > a:focus.btn-c2 {
< background-color: #297BB5;
< }
<
339c507
< only screen and (min-resolution: 144dppx) {
---
> only screen and (min-resolution: 144dpi) {
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment