title: semantic-ui - Modal got no style
body: <p>I got the snippet of the basic modal on <a href="http://semantic-ui.com/modules/modal.html#/definition" rel="nofollow">http://semantic-ui.com/modules/modal.html#/definition</a> and used it on my site.</p>
  
  <p>But the problem is, It got no style. The "yes" or "no" buttons arrent clickable, the alignment is not good, and the close button appears.</p>
  
  <p>The modal: </p>
  
  <pre><code>&lt;div class="ui basic modal"&gt;
    &lt;i class="close icon"&gt;&lt;/i&gt;
    &lt;div class="header"&gt;
      Archive Old Messages
    &lt;/div&gt;
    &lt;div class="image content"&gt;
      &lt;div class="image"&gt;
        &lt;i class="archive icon"&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;div class="description"&gt;
        &lt;p&gt;Your inbox is getting full, would you like us to enable automatic archiving of old messages?&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="actions"&gt;
      &lt;div class="two fluid ui inverted buttons"&gt;
        &lt;div class="ui red basic inverted button"&gt;
          &lt;i class="remove icon"&gt;&lt;/i&gt;
          No
        &lt;/div&gt;
        &lt;div class="ui green basic inverted button"&gt;
          &lt;i class="checkmark icon"&gt;&lt;/i&gt;
          Yes
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The Javascript:</p>
  
  <pre><code>$('.ui.basic.modal').modal('show');
  </code></pre>
  
  <p>The links:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="semantic/dist/semantic.rtl.min.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/dist/style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/waves.css"&gt;
      &lt;script src="http://semantic-ui.com/javascript/library/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="semantic/dist/semantic.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/waves.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Thank you!</p>