odd Joomla! styles

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

my friend asked me to look at this site in IE - it displays fine in Firefox

obviously it is encountering the 30 style limit in IE - but I never saw styles declared like this, he says that is the way Joomla! is doing it for him...

Joomla! - Drupal's evil cousin Evil

<link rel="stylesheet" href="/.sf-menu, .sf-menu * {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/list-style-image" type="text/css" media="none;"  />
  <link rel="stylesheet" href="/list-style-position" type="text/css" media="outside;"  />
  <link rel="stylesheet" href="/list-style-type" type="text/css" media="none;"  />
  <link rel="stylesheet" href="/margin" type="text/css" media="0;"  />
  <link rel="stylesheet" href="/padding" type="text/css" media="0 8px 9px 0;"  />

  <link rel="stylesheet" href="/}" type="text/css" media="all"  />
  <link rel="stylesheet" href="/.sf-menu {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/display" type="text/css" media="block;"  />
  <link rel="stylesheet" href="/font-size" type="text/css" media="14px;"  />
  <link rel="stylesheet" href="/line-height" type="text/css" media="1;"  />
  <link rel="stylesheet" href="/padding-left" type="text/css" media="5px;"  />
  <link rel="stylesheet" href="/width" type="text/css" media="10px;"  />
  <link rel="stylesheet" href="/.sf-menu ul {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/position" type="text/css" media="absolute;"  />

  <link rel="stylesheet" href="/top" type="text/css" media="0.8em;"  />
  <link rel="stylesheet" href="/.sf-menu ul li {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/.sf-menu li" type="text/css" media="hover, .sf-menu li.sfHover, .sf-menu a"  />
  <link rel="stylesheet" href="/visibility" type="text/css" media="inherit;"  />
  <link rel="stylesheet" href="/.sf-menu li {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/float" type="text/css" media="left;"  />
  <link rel="stylesheet" href="/.sf-menu a {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/left" type="text/css" media="10em;"  />
  <link rel="stylesheet" href="/z-index" type="text/css" media="99;"  />

  <link rel="stylesheet" href="/ul.sf-menu li" type="text/css" media="hover li ul, ul.sf-menu li.sfHover li ul {"  />
  <link rel="stylesheet" href="/ul.sf-menu li li" type="text/css" media="hover li ul, ul.sf-menu li li.sfHover li ul {"  />
  <link rel="stylesheet" href="/ul.sf-menu li li li" type="text/css" media="hover ul, ul.sf-menu li li li.sfHover ul {"  />
  <link rel="stylesheet" href="/margin-bottom" type="text/css" media="1em;"  />
  <link rel="stylesheet" href="/border-left" type="text/css" media="1px solid #FFFFFF;"  />
  <link rel="stylesheet" href="/border-top" type="text/css" media="1px solid #CFDEFF;"  />
  <link rel="stylesheet" href="/text-decoration" type="text/css" media="none;"  />
  <link rel="stylesheet" href="/.sf-menu a, .sf-menu a" type="text/css" media="visited {"  />
  <link rel="stylesheet" href="/color" type="text/css" media="#000;"  />

  <link rel="stylesheet" href="/background" type="text/css" media="transparent none repeat scroll 0 0;"  />
  <link rel="stylesheet" href="/.sf-menu li li {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/.sf-menu li li li {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/outline-color" type="text/css" media="-moz-use-text-color;"  />
  <link rel="stylesheet" href="/outline-style" type="text/css" media="none;"  />
  <link rel="stylesheet" href="/outline-width" type="text/css" media="0;"  />
  <link rel="stylesheet" href="/.sf-menu a.sf-with-ul {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/min-width" type="text/css" media="1px;"  />
  <link rel="stylesheet" href="/padding-right" type="text/css" media="2.25em;"  />

  <link rel="stylesheet" href="/.sf-sub-indicator {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/height" type="text/css" media="10px;"  />
  <link rel="stylesheet" href="/overflow" type="text/css" media="hidden;"  />
  <link rel="stylesheet" href="/right" type="text/css" media="0.75em;"  />
  <link rel="stylesheet" href="/text-indent" type="text/css" media="-999em;"  />
  <link rel="stylesheet" href="/a > .sf-sub-indicator {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/background-position" type="text/css" media="-10px 0;"  />
  <link rel="stylesheet" href="/a" type="text/css" media="focus > .sf-sub-indicator, a"  />
  <link rel="stylesheet" href="/.sf-menu ul .sf-sub-indicator {" type="text/css" media="all"  />

  <link rel="stylesheet" href="/.sf-menu ul a > .sf-sub-indicator {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/.sf-menu ul a" type="text/css" media="focus > .sf-sub-indicator, .sf-menu ul a"  />
  <link rel="stylesheet" href="/.sf-shadow ul {" type="text/css" media="all"  />
  <link rel="stylesheet" href="/-moz-border-radius-bottomleft" type="text/css" media="17px;"  />
  <link rel="stylesheet" href="/-moz-border-radius-topright" type="text/css" media="17px;"  />
  <link rel="stylesheet" href="/.sf-shadow ul.sf-shadow-off {" type="text/css" media="all"  />