Skip to content

Instantly share code, notes, and snippets.

@ZeeAgency
Created February 1, 2012 00:15
Show Gist options
  • Select an option

  • Save ZeeAgency/1714127 to your computer and use it in GitHub Desktop.

Select an option

Save ZeeAgency/1714127 to your computer and use it in GitHub Desktop.
CSS Hack
@media only screen and (max-width: 960px) {
div#header {
background-position: center -20px;
}
h1#logo {
height: 99px;
}
div#page {
width: auto;
}
#supersizeme {
display: none;
}
ul#mainmenu {
clear: both;
height: 30px;
}
ul#mainmenu li {
padding-top: 0;
}
div#cart_block {
left: auto;
margin-left: 0;
right: 2px;
}
#putsomeread,
#copy {
width: auto;
}
#putsomeread {
background: none;
}
div#gros_gros_footer,
#putsomeread {
height: auto !important;
}
}
#putsomeread li {
float: none;
margin: 0 auto;
background-color: transparent;
background-image: url('http://www.archiduchesse.com/themes/archi_14/css/../img/putsomeread.jpg');
background-repeat: no-repeat;
}
#putsomeread li:hover {
float: none;
margin: 0 auto;
}
#foot1 { background-position: 0 0; }
#foot2 { background-position: -302px 0; }
#foot3 { background-position: -604px 0; }
#foot1:hover { background-position: 0 -214px; }
#foot2:hover { background-position: -302px -214px; }
#foot3:hover { background-position: -604px -214px; }
#foot4 { background-position: 0 -107px; }
#foot5 { background-position: -302px -107px; }
#foot6 { background-position: -604px -107px; }
#foot4:hover { background-position: 0 -321px; }
#foot5:hover { background-position: -302px -321px; }
#foot6:hover { background-position: -604px -321px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment