title: Echo css in javascript
body: <p>I want to be able to put css in javascript like so</p>
  
  <pre><code>&lt;script&gt;
    &lt;style&gt;dump bunch of css here&lt;/style&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>What is the proper syntax to be able to wrap css in javascript?
  The purpose of that is to avoid Drupal from deleting my css from page. On save it deletes all css styles, but allows javascript stay. So I want to trick Drupal not to erase my css from page on save by wrapping css in javascript.</p>
  
  <p>This is the CSS I need to put in javascript</p>
  
  <pre><code>&lt;style&gt;
  dt a {font-size:18px;margin-left:10px; display:block;color:#E45700;font-family: 'Lucida Grande',sans-serif;cursor: hand; cursor: pointer;background: url('http://libraries.idaho.gov/files/arrow-down.png') no-repeat center right;}
           dt {background:#EECC82;margin-bottom:15px;padding: 3px 15px 0 10px}
           dt a:hover {text-decoration:none!important;color:#fff;opacity:0.75;}
           dd {overflow:hidden}
          .key-points {overflow:hidden;padding:0!important;margin-bottom:30px;}
          .key-points li {width:32%;float:left;list-style-type:none;padding:0 10px 0 0;margin-left:0!important;}
          .key-points li.last {padding:0!important;}
          .key-points .text {overflow:hidden;}
          .key-points img {width:56px; height:56px;float:left;padding-right:10px;}
  &lt;/style&gt;
  </code></pre>