Skip to content

Instantly share code, notes, and snippets.

@imrizzy
Created March 5, 2017 19:56
Show Gist options
  • Save imrizzy/49aba7cfb5a8e23e701856de352aa183 to your computer and use it in GitHub Desktop.
Save imrizzy/49aba7cfb5a8e23e701856de352aa183 to your computer and use it in GitHub Desktop.
NIKE Equality CSS
table, tr, td {
border-collapse: collapse;
border-spacing: 0;
}
body {
padding: 0;
}
table.wrapper-2 {
width: 640px;
border: 1px solid #d0d0d0;
}
.text-link {
text-decoration: none;
color: #8d8d8d;
font-family: Helvetica, Arial, sans-serif;
}
.gothic {
font-family: "Trade Gothic", Helvetica, Arial, sans-serif;
font-weight: bold;
}
img.logo, img.hero-desktop, img.hero-mobile, img.watch-btn, img.eq-merch, img.desktop-watch-btn, img.mobile-shop-btn, img.desktop-shop-btn, img.desktop-eq-img, img.mobile-eq-img {
display: block;
}
td.mobile {
display: none;
}
img.hero-mobile {
/*styling to hide in gmail*/
max-height: 0;
overflow: hidden;
}
table.menu {
font-size: 16px;
letter-spacing: 0.03em;
width: 100%;
}
table.menu td {
line-height: 100%;
vertical-align: baseline;
}
a.menu-links {
color: #000001;
font-size: 16px;
text-decoration: none;
}
td.hero-msg {
text-align: center;
font-size: 14px;
font-family: Helvetica, Arial, Sans-serif;
line-height: 22px;
padding: 49px 0px 43px 0px;
}
td.desktop-hero-msg {
font-size: 14px;
line-height: 24px;
text-align: center;
}
a.eq-merch-text {
font-weight: bold;
font-size: 24px;
text-decoration: none;
color: #111111;
}
td.mobile-eq-merch-text {
font-size: 13px;
line-height: 21px;
text-align: center;
}
td.mobile-menu {
max-height: 0;
}
a.ft-links {
font-size: 14px;
text-decoration: none;
color: #000001;
}
a.ft-links-only {
font-size: 14px;
text-decoration: none;
color: #464646;
}
td.ft-icon, td.ft-dir {
background-color: #F2F2F2;
border-top: 2px solid #D0D0D0;
}
td.copyright {
font-size: 14px;
color: #a9a8a8;
}
td.cust-serv {
padding: 100px 0;
}
.c-pd {
padding: 5px 135px 0;
}
.cs-pd {
padding: 100px 0;
}
td.ft-dir * {
width: 100%;
}
@media only screen and (max-width: 480px) {
table.wrapper-1 {
width: 320px;
}
table.wrapper-2 {
max-width: 320px;
border: none;
}
img.logo {
height: 40px;
width: auto;
}
td.logo-td {
height: 70px;
padding: 0;
}
.display-none {
display: none;
}
td.no-mobile {
display: none;
}
td.mobile {
display: initial;
}
img.hero-desktop {
display: none;
}
img.mobile-hero {
/*show in mobile view*/
max-height: 320px;
}
table.wrapper-1, table.wrapper-2 {
width:100%;
height: auto;
}
td.mobile-hero-msg {
text-align: center;
font-size: 13px;
font-family: Helvetica, Arial, Sans-serif;
line-height: 21px;
padding: 43px 0px 20px 0px;
}
td.mobile-menu {
height: auto;
}
img.arrow {
position: relative;
top: 3px;
float: right;
}
td.cust-serv, .cs-pd {
padding: 70px 15px;
}
.c-pd {
padding: 5px 0 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment