title: load different CSS if page is in an iframe
body: <p>I have been scouring the internet trying to figure out how to do this but I am not the best coder. It feel like this should be a very simple task.</p>
  
  <p>I have 2 CSS stylesheets. style1.css and style2.css</p>
  
  <p>I want page1 to load style1.css when not in an iframe and load style2.css when it is in an iframe.</p>
  
  <p>I am loading page1 within an iframe on page2 on my website so all pages and styleshees are on the same domain. </p>
  
  <p>I am trying to load posts from my wordpress site, within an iframe on the same wordpress site but strip away the header menus and footer so they aren't displayed twice. </p>
  
  <p>How can I do this? I have seen people list snippets of jquery code and other things but no instructions on where to put it. The answer I have seen assume you have a good working knowledge of javascript which I don't. Any help would be really appreciated. Thanks.  </p>
  
  <p>This question may be a duplicate question but I am looking for a clear answer. A single line of code with no context to someone who doesn't know javascript well is not a clear answer.</p>