css

#issues{overflow:hidden;}
#issues .menu{float:left;width:10em;}
#issues .menu .create{margin-bottom:15px;}
#issues .menu .create a{display:block;}
#issues .menu .create img{width:8.921em;height:2.099em;}
#issues .menu ul{list-style-type:none;}
#issues .menu ul li{display:block;border:1px solid #e0e0e0;border-right:0;margin-top:-0.1em;}
#issues .menu ul li a{display:block;padding:.25em .5em;}
#issues .menu ul li.filter_selected{background:#e0e0e0;font-weight:bold;}
#new_issue{background:#eaf2f5;padding:1em;}
#new_issue input[type=text],#new_issue textarea,.details textarea{margin-bottom:1em;width:100%;}
#new_issue textarea{height:10em;}
#new_issue .actions{overflow:hidden;}
#new_issue .actions .submits{float:left;}
#new_issue .actions .formatting{float:right;color:#666;font-size:90%;}
#issues .display{float:left;width:56em;border:.5em solid #e0e0e0;min-height:11.3em;background-color:#fcfcfc;}
#issues .display .empty{text-align:center;vertical-align:center;padding-top:3em;}
#issues .display .admin{background:#e0e0e0;border-bottom:.5em solid #e0e0e0;margin:0;padding:0;overflow:hidden;}
#issues .display .admin select{margin-left:.5em;}
#issues .display .admin .back_link{font-weight:bold;margin-right:.2em;float:left;}
#issues .display .admin input[type=search]{width:17em;}
#issues .display .admin input[type=submit]{position:relative;top:-.1em;}
#issues .display .sortbar{background-color:#e8e8e8;border-top:1px solid #ccc;padding:.2em .5em;font-size:90%;font-weight:bold;overflow:hidden;}
#issues .display .sortbar span span{color:#555;font-weight:normal;}
#issues .display .sortbar .left span span{float:left;margin-right:.4em;}
#issues .display .sortbar .left .label{margin-top:.2em;}
#issues .display .sortbar a{font-weight:normal;}
#issues .display .loading{border-top:1px solid #ccc;text-align:center;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-weight:bold;width:8em;margin:0 auto;background-color:#EEEC83;text-align:center;padding-top:.4em;}
.issue{list-style-type:none;margin-top:-1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:46.5em;background-color:white;overflow:hidden;}
.issue.floating{-webkit-box-shadow:0 0 16px rgba(0,0,0,0.3);}
.issue .summary{overflow:hidden;}
.issue .summary .meta{float:left;padding:.25em 0;width:37.75em;}
.issue.open{cursor:default;}
.issue.open.read .summary{background-color:white;}
.issue.open .mod{display:none;}
.issue.open .summary h3 a{text-decoration:none;}
.issue.closed.read .summary{background-color:#E2ECF2;cursor:pointer;}
#issues.collab .issue.closed .summary:hover{background:white url(/images/modules/issues/hover_black.png) 0 0 repeat-x!important;}
#issues.collab .issue.closed.read .summary:hover{background:#E2ECF2 url(/images/modules/issues/hover_black.png) 0 0 repeat-x!important;}
#issues .issue.closed.selected .summary{background-color:#ffc!important;}
#issues .issue.closed.read.selected .summary:hover{background:#ffc url(/images/modules/issues/hover_white.png) 0 0 repeat-x!important;}
#issues.collab .issue.closed:hover .handles{display:block;}
.issue.target .summary .voting_box{background:url(/images/modules/issues/target.png) .3em 50% no-repeat;}
.issue h3{font-size:1.05em;margin:0;line-height:1.2em;}
.issue.read h3{font-weight:normal;}
.issue h3 a{color:#000;}
.issue.closed h3{overflow:hidden;height:1.4em;}
.issue span.info{font-size:.9em;color:#aaa;}
.issue .voting_box{float:left;width:4.25em;color:#aaa;cursor:default;padding:.25em 0 0 1em;overflow:hidden;}
.issue .voting_box img{margin-bottom:.1em;}
.issue .voting_box .mod{float:left;}
.issue .voting_box .number{float:left;}
.issue .voting_box .vote{font-size:85%;clear:both;position:relative;top:.2em;overflow:hidden;}
.issue .voting_box .vote .act{float:left;margin-right:.3em;width:.75em;}
.issue .voting_box .vote .show{float:left;width:3.75em;overflow:hidden;white-space:nowrap;}
.issue .handles{float:right;width:3.5em;display:none;overflow:hidden;}
.issue .handles .top.handle{padding:1em .35em 1em 0;float:right;}
.issue .handles .drag.handle{padding:1em .7em 1em .35em;float:right;cursor:url(/images/cursors/slide.cur),move;}
#issues .label{font-size:9px;color:white;float:left;font-weight:normal;font-family:Verdana;border-width:1px 0;border-style:solid;overflow:visible;margin:0 .8em 0 1px;background-color:#ededed;border-color:#bdbdbd;}
body:first-of-type #issues .label{margin-top:.3em;}
#issues .label .labeli{margin:0 -1px;border-width:0 1px;border-style:solid;border-color:#bdbdbd;}
#issues .label .labeli .name{overflow:hidden;}
#issues .label .labeli .name span{float:left;font-size:100%;padding:0 .6em;color:black;}
#issues .label .labeli .name .remove{padding:0 4px;display:block;float:right;color:black;border-left:1px solid black;}
#issues .label .labeli .name .remove:hover{cursor:pointer;background-color:#5e5e5e;}
.edit_issue{background:#eaf2f5;padding:1em;margin-left:5em;}
.edit_issue input[type=text],.edit_issue textarea{margin-bottom:1em;width:100%;}
.edit_issue textarea{height:10em;}
#issues .display .details{margin-left:5.25em;clear:both;}
#issues .display .details select{margin-top:10px;}
#issues .display .details h4{margin-top:1.5em;}
#issues .display .details .body{padding-right:1em;}
#issues .display .details .body img{max-width:39em;}
#issues .display .details .comments{margin:0 .75em .75em 0;}
#issues .display .details .comments .comment .body img{max-width:39em;}
#issues .labels{float:right;width:10em;border:.5em solid #e0e0e0;min-height:11.3em;background-color:#fcfcfc;}
#issues .labels .admin{background:#e0e0e0;border-left:.5em solid #e0e0e0;border-bottom:.5em solid #e0e0e0;border-right:.5em solid #e0e0e0;overflow:hidden;}
#issues .labels .admin span{float:left;}
#issues .labels .admin a{float:right;}
#issues .labels form#new_label{padding:.25em .5em;background-color:#eaf2f5;}
#issues .labels form#new_label div{padding:.25em 0;text-align:center;}
#issues .labels form#new_label .error{color:#a00;}
#issues .labels form#new_label input[type=text]{width:8.9em;}
#issues .labels .list{list-style-type:none;}
#issues .labels .list li{display:block;background-color:#ecf9f0;margin-top:-0.1em;padding:.25em 0 .25em .4em;border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;white-space:nowrap;}
#issues .labels .list li a{color:black;}
#issues.collab .labels .label{cursor:pointer;}
#issues .labels .label span{padding:0 3px 0 3px!important;}
#issues .labels .list li .label.dropdown span{visibility:hidden;}
#issues.collab .labels .list li:hover .label.dropdown span{visibility:visible;}
#issues .labels .chooser{margin-left:-211px;margin-top:2px;position:absolute;width:208px;border:1px solid #aaa;background-color:#ecf9f0;-webkit-box-shadow:0 0 14px rgba(0,0,0,0.4);}
#issues .labels .chooser .preview{color:black;padding:7px 10px 0 10px;overflow:hidden;}
#issues .labels .chooser .preview .text{display:block;float:left;margin-right:.3em;}
#issues .labels .chooser .picker{margin-left:-2px;margin-top:-5px;}
#issues .labels .chooser .save_or_cancel{margin-top:-.5em;padding:0 0 .5em 10px;}
#issues .labels .chooser ul li{margin:0;padding:0;border-bottom:none;}
#issues .labels .chooser ul li a.action{display:block;text-decoration:none;padding:.3em 0 .3em 10px;}
#issues .labels .chooser ul li a.action:hover{text-decoration:none;background-color:#C1D3C7;}
#issues .labels .chooser ul li form{padding:.3em 0 .3em 10px;}
#issues .labels .chooser ul li form div{padding-bottom:.5em;}
#issues .labels .chooser ul li form input[type=text]{width:183px;}
#issues .list .pagination{width:95%;}




<div class="collab" id="issues">
  <div class="menu">
    <div class="create">
      
        <button name="action_button" class="classy create_issue" type="submit"><span>Create Issue</span></button>
      
    </div>
    <ul>
      <li class="filter_selected"><a id="open_issues_link" href="/JustLikeIcarus/hyla/issues">Open <span id="open_count"></span></a></li>
      
      <li><a id="unread_issues_link" href="/JustLikeIcarus/hyla/issues/unreads">Unread <span id="unread_count"></span></a></li>
      
      <li><a id="closed_issues_link" href="/JustLikeIcarus/hyla/issues/closed">Closed</a></li>
    </ul>
  </div>

  <div class="display">
    <div class="admin">
      <span style="display: none;" class="back_link">
        
          <a href="#">« Back to Issues</a>
        
      </span>

      <span class="search right">
        <form method="get" action="/JustLikeIcarus/hyla/issuesearch">          <input type="hidden" value="open" name="state">
          <input type="search" value="" name="q" class="searchbar">
          <input type="submit" value="Search Issues">
        </form>      </span>

              <span class="selectors">Select: <a href="#" class="select_all">All</a>, <a href="#" class="select_none">None</a></span>
        <select id="action_list">
          <option value="gh-actions">Actions</option>
          <option value="read">&nbsp;&nbsp;Mark as Read</option>
          <option value="unread">&nbsp;&nbsp;Mark as Unread</option>
          
            <option value="close">&nbsp;&nbsp;Close</option>
          
          <option disabled="true" value="gh-labels">Apply Label</option>
          <option value="new_label">&nbsp;&nbsp;New Label…</option>
                  </select>
          </div>

    <div class="sortbar">
      
      <span class="right">
        <span>Sort By:</span>
        <a style="display: none;" id="sort_by_priority" href="#list">Priority</a>
        <strong>Priority</strong>
        <span>|</span>
        <a id="sort_by_votes" href="#sort=votes">Votes</a>
        <strong style="display: none;">Votes</strong>
        <span>|</span>
        <a id="sort_by_updated" href="#sort=updated">Last Updated</a>
        <strong style="display: none;">Last Updated</strong>
      </span>
    </div>

    <div class="loading" style="display: none;">
      Loading…
    </div>

    
      
      <form style="display: none;" method="post" id="new_issue" class="new_issue" action="/JustLikeIcarus/hyla/issues"><div style="margin: 0pt; padding: 0pt;"><input type="hidden" value="0c409b5e7ef1e4081546340f65504613a2e98611" name="authenticity_token"></div>
        <strong>Title</strong><br>
        <input type="text" size="30" name="issue[title]" id="issue_title"><br>
        <strong>Body</strong><br>
        <textarea rows="20" name="issue[body]" id="issue_body" cols="40"></textarea>
        <div class="actions">
          <div class="submits">
            <input type="submit" value="Create a new issue" name="commit"> &nbsp; <a href="#" class="cancel_issue">Cancel</a>
          </div>
          <div class="formatting">
            Parsed with <a target="_blank" href="http://github.github.com/github-flavored-markdown/">GitHub Flavored Markdown</a>
          </div>
        </div>
      </form>
    

    
      <div class="empty">Nothing found. <a href="#" class="create_issue">Create a new issue</a>.</div>
    

    <ul style="" class="list ui-sortable" id="issue_list">
      

    </ul>
  </div>

  <div class="labels">
    <div class="admin">
      <span>Labels</span> <a onclick="; return false;" href="#" class="create_label">New</a>
    </div>
    <form style="display: none;" method="post" id="new_label" action="/JustLikeIcarus/hyla/issues/labels"><div style="margin: 0pt; padding: 0pt;"><input type="hidden" value="0c409b5e7ef1e4081546340f65504613a2e98611" name="authenticity_token"></div>
      <div><input type="text"></div>
      <div><input type="submit" value="Create"> &nbsp; <a href="#" class="cancel_label">Cancel</a></div>
      <div style="display: none;" class="error"></div>
    </form>
    <ul class="list">
      
    </ul>
    <div style="display: none;" class="chooser">
      <ul>
        <li><a href="#" class="action apply">Apply to Selection</a></li>
        <li>
          <a href="#" class="action color">Change Color…</a>
          <div style="display: none;" class="change_color">
            <div class="preview"><span class="text">Preview</span><div class="label"><div class="labeli"><div class="name"><span>preview</span></div></div></div></div>
            <div class="picker"></div>
            <form class="save_or_cancel">
              <input type="hidden" value="0c409b5e7ef1e4081546340f65504613a2e98611" name="authenticity_token">
              <input type="submit" value="Save"> or <a href="#" class="cancel_color_change">Cancel</a>
            </form>
          </div>
        </li>
        <li>
          <a href="#" class="action rename">Rename…</a>
          <form style="display: none;" class="rename_label">
            <input type="hidden" value="0c409b5e7ef1e4081546340f65504613a2e98611" name="authenticity_token">
            <div><input type="text"></div>
            <div><input type="submit" value="Rename"> or <a href="#" class="cancel_label_rename">Cancel</a></div>
          </form>
        </li>
        <li><a href="#" class="action delete">Delete</a></li>
      </ul>
    </div>
    <img style="display: none;" alt="overlay" src="/images/colorpicker/colorpicker_overlay.png">
    <img style="display: none;" alt="background" src="/images/colorpicker/colorpicker_background.png">
    <img style="display: none;" alt="indicator" src="/images/colorpicker/colorpicker_indic.gif">
    <img style="display: none;" alt="select" src="/images/colorpicker/colorpicker_select.gif">
  </div>
</div>