Skip to content

Instantly share code, notes, and snippets.

@imrizzy
Created January 11, 2017 02:21
Show Gist options
  • Save imrizzy/69a42bf5830413306ee4ca9f668b1716 to your computer and use it in GitHub Desktop.
Save imrizzy/69a42bf5830413306ee4ca9f668b1716 to your computer and use it in GitHub Desktop.
yp email summer fun
body {
padding: 0;
margin: 0 auto;
height: auto;
width: 100%;
display: block;
font-family: Arial, Helvetica, sans-serif;
}
.clear {
clear: both;
}
div.mainwrapper {
height: 2500px;
width: 550px;
padding: 0;
margin: 0 auto;
border: 1px solid red;
}
div.mainwrapper .headerbar {
height: 55px;
width: 550px;
background-image: url('https://ci6.googleusercontent.com/proxy/61jIH1L8lISxHn9RRe-yEIPptS8cAC8e4SVSk0bcA9MXjMBa-GHXgT8XN-Dp7Fa_0T68mG_r6p5xqOLqEwcMQcu9dJfv1Q=s0-d-e1-ft#https://si.yellowpages.com/d1_juneheader2_v1.jpg');
}
div.mainwrapper .headerbar .logo {
height: 55px;
width: 100px;
background-image: url('https://ci5.googleusercontent.com/proxy/2valn1h8Q_-8UXAtluKyU7_LAWfJtCroWCkH8ZohmzaN23TjlIrgl7EVGz9mCUUB8pOAQYEFA_QeDF9OrMvLjNSAKmlCIg=s0-d-e1-ft#https://si.yellowpages.com/d1_juneheader1_v1.jpg');
position: absolute;
float: left;
}
div.mainwrapper .headerbar .fb {
height: 55px;
width: 36px;
margin: 0;
padding: 0;
background-image: url('https://ci5.googleusercontent.com/proxy/e9ZRv5_lJ0mfCFpZaq10W-Cxxfj6nmzBnamBvX4n1e2_HNzgcYTfHgXRm4X0dlisR4Au872LOna_tqExUHavjQEIGxJnzA=s0-d-e1-ft#https://si.yellowpages.com/d1_juneheader3_v1.jpg');
position: relative;
float: right;
}
div.mainwrapper .headerbar .tw {
height: 55px;
width: 36px;
margin: 0;
padding: 0;
background-image: url('https://ci4.googleusercontent.com/proxy/wgHuCXHMBG-4RRU-FTArXU3qQyqiWdRGQ2ksNrK3MGGuaMWTohto1an6xaVSOX4aHhgwDe7GbF14K2v-8GY74yzNivy7ow=s0-d-e1-ft#https://si.yellowpages.com/d1_juneheader4_v1.jpg');
position: relative;
float: right;
}
div.mainwrapper .headerbar .gplus {
height: 55px;
width: 57px;
margin: 0;
padding: 0;
background-image: url('https://ci5.googleusercontent.com/proxy/Cru_kelqIdc43e9l-eXkQFAZfILM7VsdrsHj7nwR4--rpUZN4_41qKs0sce8dNRO6ss4YbFyUptvGfni8YWEyNFO101esw=s0-d-e1-ft#https://si.yellowpages.com/d1_juneheader5_v1.jpg');
position: relative;
float: right;
}
div.mainwrapper .heroimg {
height: 226px;
width: 550px;
margin: 0;
padding: 0;
background-image: url('https://ci4.googleusercontent.com/proxy/smyrOVpG-RDky3bfiupS3j9bN5qE5Vuaj50zTMtgJ5yYJHAV_moi0jbPKt1EqkNRb2CNl23Fl_akIy01PXLqqR9-QA=s0-d-e1-ft#https://si.yellowpages.com/d1_julyhero_v1.jpg');
background-size: cover;
}
div.mainwrapper .title {
text-align: center;
margin: 0;
padding: 0 25px;
}
div.mainwrapper .title p.desc {
font-size: 15px;
}
div.mainwrapper .gallery {
height: 196px;
width: 550px;
margin: 0;
padding-bottom: 40px;
}
div.mainwrapper .gallery .galleryimg {
display: block;
height: 148px;
width: 550px;
margin: 0 auto;
padding-bottom: 10px;
text-align: center;
font-size: 0; /*adding to parent of images gets rid of arbitrary white space between divs*/
}
div.mainwrapper .gallery .galleryimg .imgone {
display: inline-block;
height: 148px;
width: 176px;
margin: 0;
padding: 0;
background-image: url('https://ci3.googleusercontent.com/proxy/yIhmKRRspFo3hrLzS12Gbzv7G_C5s-G42huvhkNw29aZuWDKjvk3V4lz5oDM3Q0A1uYFy0U2eMwDFLjOBZyDYBTX=s0-d-e1-ft#https://si.yellowpages.com/d1_july-01_v1.jpg');
background-size: cover;
}
div.mainwrapper .gallery .galleryimg .imgtwo {
display: inline-block;
height: 148px;
width: 176px;
margin: 0 10px 0 10px;
padding: 0;
background-image: url('https://ci4.googleusercontent.com/proxy/a-fESw-08-xEKCaJQlGHNxkWRw6cHqNcd9PaT4Rg1VjyayF43OiG0oQ6bHdrgMTIOFDT5r10MVV3IQXTbNa3vyx2=s0-d-e1-ft#https://si.yellowpages.com/d1_july-02_v1.jpg');
background-size: cover;
}
div.mainwrapper .gallery .galleryimg .imgthree {
display: inline-block;
height: 148px;
width: 176px;
margin: 0;
padding: 0;
background-image: url('https://ci3.googleusercontent.com/proxy/cxa4m05M43KmIRxS4m_Urr1xAgu0reGOdcpqq2aC9DJIE0wd5NVa3-d3as1DLv1QFEpxEgUyFVhukvqyCbOT6emd=s0-d-e1-ft#https://si.yellowpages.com/d1_july-03_v1.jpg');
background-size: cover;
}
div.mainwrapper .gallery .gallerylinks {
display: block;
height: 38px;
width: 550px;
margin: 0 auto;
padding-bottom: 40px;
font-size: 0;
color: white;
text-align: center;
}
div.mainwrapper .gallery .gallerylinks .motels {
display: inline-block;
width: 176px;
margin: 0;
padding: 5px 0;
font-size: 12px;
background-color: rgb(153, 153, 153);
}
div.mainwrapper .gallery .gallerylinks .pizza {
display: inline-block;
width: 176px;
margin: 0 10px 0 10px;
padding: 5px 0;
font-size: 12px;
background-color: rgb(153, 153, 153);
}
div.mainwrapper .gallery .gallerylinks .sportinggoods {
display: inline-block;
width: 176px;
margin: 0;
padding: 5px 0;
font-size: 12px;
background-color: rgb(153, 153, 153);
}
div.mainwrapper .medl {
display: block;
margin: 0;
padding: 0;
height: auto;
width: 100%;
background-color: rgb(238, 238, 238);
}
div.mainwrapper .medl .medltitle {
display: block;
margin: 0;
padding: 15px 0 15px 0;
height: auto;
width: 100%;
font-size: 20px;
font-weight: 700;
color: #0091c4;
text-align: center;
}
div.mainwrapper .medl .media-padma {
display: block;
margin: 0;
padding: 0;
height: auto;
width: 550px;
}
div.mainwrapper .medl .media-padma .videolink-padma {
display: block;
margin: 0 auto;
padding: 0;
height: 213px;
width: 423px;
background-image: url('https://ci5.googleusercontent.com/proxy/OCRnO45BNi8Ep4z0qJGMkXowR7w87djRcYTvLCeXZNC70SL3BEw_PCh6kkWZCtFdX_XSwL0yrNM29F4rXQySM7MSHBs=s0-d-e1-ft#https://si.yellowpages.com/d1_julylocal_v1.jpg');
}
div.mainwrapper .medl .media-padma .videodesctext-padma {
margin: 0;
padding: 30px 55px 25px 55px;
height: auto;
width: auto;
font-size: 15px;
line-height: 20px;
text-align: center;
}
div.mainwrapper .medl .media-padma .videodesctext-padma a.argosy-link {
text-decoration: underline;
color: #0091c4;
}
div.mainwrapper .medl .media-padma .videodesctext-padma a.padma-ouvre {
text-decoration: underline;
color: #0091c4;
}
div.mainwrapper .heroimg-ypapp {
margin: 0;
padding: 0;
height: 227px;
width: 550px;
background-size: cover;
background-image: url('https://ci4.googleusercontent.com/proxy/8zgWVj09zG79HMKp_D_YwYckNNq6ZjfKK6SSe9sYfqmLF0f3a7OmmtJV_EgcMaBl-C8l6mfS6Ohe_AxRlDuthjaTlTI=s0-d-e1-ft#https://si.yellowpages.com/d1_julyhero2_v1.jpg');
}
div.mainwrapper .prodsectiontitle {
margin: 0;
padding: 20px 25px 35px 25px;
font-size: 28px;
font-weight: 700;
text-align: center;
}
div.mainwrapper .search {
margin: 0 auto;
padding: 30px 0;
height: auto;
width: 450px;
background-color: rgb(238, 238, 238);
text-align: center;
}
div.mainwrapper .search .hook,.instructions {
margin: 0 auto;
padding: 0;
height: auto;
width: 390px;
font-size: 15px;
}
div.mainwrapper .searchbutton {
margin: 0 auto;
padding: 15px 0;
height: auto;
width: 200px;
font-size: 15px;
color: white;
background-color: rgb(85, 85, 85);
}
div.mainwrapper .separator {
/*margin-top: 30px;*/
margin: 30px auto 0 auto;
padding: 2px 0 8px 0;
height: 24px;
width: 501px;
background-repeat: no-repeat;
background-image: url('https://ci6.googleusercontent.com/proxy/NCNsuqjVNnsHsqR3ug400SuIoStBEyNB80D_b0hTjPBiz6lArN8JHoFQTQkJL6aktl78TT7AWPftJ_mcfLYBIYw=s0-d-e1-ft#https://si.yellowpages.com/d1_b-line_v1.jpg');
}
div.mainwrapper .heroimg-dl {
margin: 0;
padding: 2px 0 8px 0;
font-size: 0;
vertical-align: middle;
text-align: center;
}
div.mainwrapper .heroimg-dl .img-mobile {
margin: 0;
padding: 0;
height: 55px;
width: 50px;
vertical-align: inherit;
display: inline-block;
background-image: url('https://ci4.googleusercontent.com/proxy/wqG7FUqZ2fI5rRdyRwfUEGnxklCKnoXK33fsY7z2_LhY-Y7HQ4BpbWX9_RaGYnGqd94QZwjwDRVzXt1hAzUhegc=s0-d-e1-ft#https://si.yellowpages.com/d1_ypappw_v1.jpg');
background-repeat: no-repeat;
}
div.mainwrapper .heroimg-dl p.hook-dl {
margin: 0;
padding: 0;
display: inline-block;
font-size: 21px;
vertical-align: inherit;
}
div.mainwrapper .dlbutton-wrapper {
margin: 0;
padding: 8px 0 20px 0;
}
div.mainwrapper .dlbutton-wrapper .dlbutton {
margin: 0 auto;
padding: 15px 0;
height: auto;
width: 200px;
font-size: 15px;
text-align: center;
background-color: rgb(255, 212, 0);
}
div.mainwrapper .yellowbar {
margin: 0;
padding: 0;
height: 10px;
width: 100%;
background-color: rgb(255, 212, 0);
}
div.mainwrapper .footerlogo-wrapper {
background-color: black;
vertical-align: middle;
text-align: center;
}
div.mainwrapper .footerlogo-wrapper .imgone {
margin: 0;
padding: 0;
height: 81px;
width: 76px;
display: inline-block;
vertical-align: middle;
background-image: url('https://ci5.googleusercontent.com/proxy/qqAdiADX8ZvXBAysXbIvdu15mXQuxiJa4jrCnVvZk0SbQd18KGO3xG-ijNqRHoeON0PiwkaQP-idGIXO5QE4SQ98BbU=s0-d-e1-ft#https://si.yellowpages.com/d1_ypfooter2_v1.jpg');
}
div.mainwrapper .footerlogo-wrapper span.slogan {
margin: 0;
padding: 0;
color: white;
font-size: 13px;
display: inline-block;
vertical-align: middle;
}
div.mainwrapper .footerlogo-wrapper .imgtwo {
margin: 0;
padding: 0;
height: 81px;
width: 178px;
display: inline-block;
background-image: url('https://ci6.googleusercontent.com/proxy/JaB4abdlfCWj8OnQdL9EVn-RXsXi4JtJKRsmpl8Pi_LQF6NoXPm9yp9OWugUOvLs-m4iHjDtRT-o0x7GVqr9GGlG-KDD=s0-d-e1-ft#https://si.yellowpages.com/d1_yp-cando-b_v1.jpg');
vertical-align: middle;
float: right;
}
div.mainwrapper .footerdisclaimer-wrapper .footertext {
margin: 0;
padding: 25px;
font-size: 10px;
color: white;
background-color: black;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment