/** media-queries-galaxy-nexus-and-nexus-7.css http://pastebin.com/CCnyf1Yr **/

/** galaxy nexus (portrait and landscape) **/
@media only screen and (min-device-width : 360px) and (max-device-width : 598px) {
  ul.top-menu { background:red}
}

/** galaxy nexus (landscape) **/
@media only screen and (min-width : 361px) and (orientation: landscape){
  ul.top-menu { background:blue}
}

/** galaxy nexus (portrait) **/
@media only screen and (max-width : 360px) and (orientation: portrait) {
  ul.top-menu { background: purple; }
}

/** nexus 7 (portrait and landscape) **/
@media only screen and (min-device-width : 603px) and (max-device-width : 966px) {
  ul.top-menu { background: yellow}
}

/** nexus 7 (landscape) **/
@media only screen and (min-width : 604px) and (orientation: landscape) {
  ul.top-menu { background: green}
}

/** nexus 7 (portrait) **/
@media only screen and (max-width : 603px) and (orientation: portrait) {
  ul.top-menu { background: orange}
}
	
@media screen and (min-width: 998px) and (max-width: 999px)

/** nexus 7 (portrait) firefox **/
@media only screen and (device-width : 800px) and (orientation: portrait) {
  #device:after {
    content: "Nexus 7 - portrait - firefox"}
}

/** nexus 7 (portrait) chrome **/
@media only screen and (width : 603px) and (orientation: portrait) {
  #device:after {
    content: "Nexus 7 - portrait - chrome"}
}

/** nexus 7 (landscape) firefox **/
@media only screen and (device-width : 1280px) and (orientation: landscape) {
  #device:after {
    content: "Nexus 7 - landscape - firefox"}
}

/** nexus 7 (landscape) chrome **/
@media only screen and (width : 966px) and (orientation: landscape) {
  #device:after {
    content: "Nexus 7 - landscape - chrome"}
}