Change css on current URL

Change css on current URL

Hello, I have one CMS with fixed layout. In that I have make few changes depends on my current URL.

If I am on my home page so This class given below is

div.layout-column.column-main.with-column-1.with-column-2{
width:790;
}

And If I am of some other page so this same class look like this.

div.layout-column.column-main.with-column-1.with-column-2{
width:790;
}

I have tried it but it's not working properly.

  2. <script>
  3.  if (location.href.indexOf("example.com") == 1) {
  4.      document.write("<style>" +
  5.      "div.layout-column.column-main.with-column-1.with-column-2{" +
  6.      " width: 790px;" +
  7.      "}" +
  8.      "</style>");
  9.  }
  10.  else{
  11.  document.write("<style>" +
  12.      "div.layout-column.column-main.with-column-1.with-column-2{" +
  13.      " width: 590px;" +
  14.      "}" +
  15.      "</style>");
  16.  }
  17. </script>
I made this script but it's not give me proper output.