title: open css popup when page loads completed
body: <p>I have <strong>pure css popup</strong> this pop works onclick button but i need to pop this div when page load is completed</p>
  
  <pre><code>&lt;div class="wrap"&gt;
          &lt;a href="#modal-one" class="btn btn-big"&gt;Modal!&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- Modal --&gt;
      &lt;div class="modal" id="modal-one" aria-hidden="true"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;h2&gt;Modal in CSS?&lt;/h2&gt;
                  &lt;a href="#" class="btn-close" aria-hidden="true"&gt;×&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="modal-body"&gt;
                  &lt;p&gt;One modal example here! :D&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="modal-footer"&gt;
                  &lt;a href="#" class="btn"&gt;Nice!&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <h2><a href="http://jsfiddle.net/ycc7anhy/" rel="nofollow">Jsfiddle</a></h2>
  
  <p>when page is loaded i need to pop this window automatically and 2nd option by click</p>
  
  <p>can some one help me </p>