rsobers/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>cliFogot - A command line builder for Windows sysadmins</title>
</head>

<body class="page-overview">

  <!-- Navbar -->
  <div class="navbar navbar-inverse">
    <div class="container">
      <div class="navbar-header">
        <button class="navbar-toggle" data-target=".navbar-collapse"
        data-toggle="collapse" type="button"><span class="sr-only">Toggle
        navigation</span></button><a class="navbar-brand" href=
        "/"><span class="logo"></span></a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="navbar-collapse collapse">
        <form class="navbar-form navbar-right" role="form">
          <div class="form-group">
            <input type="text" placeholder="Search" class="form-control">
          </div>
          <button type="submit" class="btn btn-primary">Search</button>
        </form>
        <ul class="nav navbar-nav navbar-right">
          <li class="active"><a href="#">Overview</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact Us</a></li>
        </ul>
      </div><!--/.navbar-collapse -->
    </div>
  </div>

  <!-- Main page body -->
  <div class="container">
    <div class="row">

      <!-- Sidebar -->
      <div class="col-md-2" id="sidebar">
        <div class="cli-sidenav hidden-print affix-top">
          <ul class="nav" id="categories">
            <li class="nav-header"><i class="fa fa-sitemap"></i> Categories</li>
            <li><a href="#">Active Directory</a></li>
            <li><a href="#" class="active">Disk Utilities</a></li>
            <li><a href="#">Security</a></li>
            <li><a href="#">File System</a></li>
          </ul>
          <ul class="nav" id="popular">
            <li class="nav-header"><i class="fa fa-thumbs-up"></i> Popular</li>
            <li><a href="#">Csvde</a></li>
            <li><a href="#">Adprep</a></li>
            <li><a href="#">Mount</a></li>
            <li><a href="#">Icacls</a></li>
          </ul>
        </div>
      </div>

      <!-- Main column -->
      <div class="col-md-10" id="main-column">

        <!-- Overview section -->
        <div class="cli-section">
          <h1 id="tagline">An easy way for Windows sysadmins to build, share, and discover useful command line tools.</h1>
          <p class="lead">To get started, browse through existing recipes to find the perfect command for the task at hand, or build your own from scratch. Need help or want to provide feeback? <a href="/contact">Drop us a line.</a></p>
        </div>

        <!-- Example recipes section -->
        <div class="cli-section">
          <h3 id="examples">Example command recipes</h3>
          <ul>
            <li><a href="#">Find ACLs containing the "Everyone" group (icalcs)</a></li>
            <li><a href="#">Mount a folder as a virtual drive (subst)</a></li>
            <li><a href="#">Take ownership of all files within a folder (takeown)</a></li>
            <li><a href="#">Export Active Directory security groups to Excel (csvde)</a></li>
          </ul>
        </div>

        <!-- Featured command section -->
        <!--
          NOTE: this is where the show.html.erb stuff would begin for a given command
          minus the <h3 id="featured-command" bit.
        -->
        <div class="cli-section">
          <h3 id="featured-command">Featured command</h3>
          <div class="row">
            <div class="col-md-7">
              <div class="command">
                <h4 class="command-name">Mount</h4>
                <p>Mount lets you mount Network File System (NFS) network shares.</p>

                <h5>Inputs</h5>
                <div class="input-wrapper">
                  <div class="input-name selected">
                    <p>-o rsize=&lt;buffersize&gt;</p>
                  </div>
                  <div class="input-description">
                    <p>Set the size in kilobytes of the read buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
                  </div>
                </div>

                <div class="input-wrapper">
                  <div class="input-name">
                    <p>-o wsize=&lt;buffersize&gt;</p>
                  </div>
                  <div class="input-description">
                    <p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
                  </div>
                </div>

                <div class="input-wrapper">
                  <div class="input-name">
                    <p>-o wsize=&lt;buffersize&gt;</p>
                  </div>
                  <div class="input-description">
                    <p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
                  </div>
                </div>

                <div class="input-wrapper">
                  <div class="input-name">
                    <p>-o wsize=&lt;buffersize&gt;</p>
                  </div>
                  <div class="input-description">
                    <p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
                  </div>
                </div>

                <div class="input-wrapper">
                  <div class="input-name">
                    <p>-o wsize=&lt;buffersize&gt;</p>
                  </div>
                  <div class="input-description">
                    <p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
                  </div>
                </div>

              </div>

            </div>

            <!-- Output box column -->
            <div class="col-md-5">

              <!-- NOTE: Sticky output box isn't sticking for me. -->
              <!-- I tried to keep this markup the same as before. -->
              <div class="output-container affix-top">

                  <h3>Output</h3>

                  <textarea id="output_command" name="output_command" value="" style="width: 100%; font-size: 16px; color: #333; margin-bottom: 5px;"></textarea>

                  <div id="share-container" style="display:none;">
                    <h4>Share This URL and Keep Your Settings</h4>
                    <input type="text" id="share_url" name="share_url" value="" style="width: 100%;font-size: 12px; color: #333; margin-bottom: 30px;">
                  </div>

                  <a id="share-button" class="btn btn-primary">Share</a>

                  <button id="copy-button" class="btn btn-success" data-clipboard-target="output_command">Copy Output</button>

                  <div id="output-message">
                  </div>

                  <p class="powered-by">Powered by <a href="http://www.varonis.com">Varonis</a></p>

                </div>

            </div>

          </div>

        </div>

      </div>
    </div>
  </div>

  <!-- Footer section -->
  <footer>
    <p>© <script>document.write(new Date().getFullYear())</script> Varonis Systems, Inc. <a href="mailto:mbuckbee@varonis.com">Send us an email.</a></b> <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/follow_button.1397165098.html#_=1398212809173&amp;dnt=true&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=cliforgot&amp;show_count=false&amp;show_screen_name=true&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 135px; height: 20px;"></iframe></p>
  </footer>

</body>
</html>

## mloLz.markdown

      
    Raw
  

              mloLz.markdown
            
          
    mloLz

A Pen by rsobers on CodePen.
License.

  
## style.css
/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-primary {
  background-color: #27aae1;
  border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #1a8bbb;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #146a8e;
  border-color: #2b669a;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #8add6d 0%, #60b044 100%);
  background-image:         linear-gradient(to bottom, #8add6d 0%, #60b044 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8add6d', endColorstr='#ff60b044', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #60b044;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #357ebd;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.list-group {
  border-radius: 4px;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #3278b3;
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
}
/*# sourceMappingURL=bootstrap-theme.css.map */

h1,h2,h3 {
  font-family: Lato,sans-serif;
}

.navbar-inverse, .navbar-default {
  background-image: none;
  background-color: #34495e;
  border-radius: 0;
  margin-bottom: 0;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ccc;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a {
  background-image: none;
  background-color: #19232d;
  background-repeat: repeat-x;
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}

/* Custom CSS */

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
  position: relative;
}

#main-column {
  border-left: 1px solid #ccc;
  padding: 40px;
}

.navbar-brand {
  position: absolute;
  left: 20px;
  z-index: 10;
}

.navbar-brand .logo {
  background: transparent url(http://i.imgur.com/BLpHh3V.png) no-repeat;
  width: 128px;
  height: 158px;
  display: block;
}

.cli-section {
  margin-bottom: 30px;
}

.command-name {
  font-family: "Courier New", Arial, sans-serif;
  font-weight: bold;
}

h4.command-name {
  font-size: 24px;
  line-height: 1.5;
}

.command .input-wrapper {
  margin: 20px 0;
}

.command .input-wrapper p {
  margin: 10px 0;
}

.command .input-name {
  padding: 5px 14px;
  font-size: 12px;
  background-color: #DDD;
  border: solid 1px #bbb;
  border-bottom: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background: -moz-linear-gradient(top, #eee, #ccc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');
}

.command .input-name.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #60b044;
  background-image: -moz-linear-gradient(#8add6d, #60b044);
  background-image: -webkit-linear-gradient(#8add6d, #60b044);
  background-image: linear-gradient(#8add6d, #60b044);
  background-repeat: repeat-x;
  border-color: #5ca941;
}

.command .input-name p {
  font-size: 16px;
}

.command .input-description {
  padding: 1px 15px;
  background-color: #FFF;
  border: solid 1px #ccc;
  border-top: none;
}

#sidebar {
  padding-right: 0;
}

.cli-sidenav {
  margin-top: 150px;
}

.cli-sidenav ul {
  padding: 0;
  font-size: 16px;
  position: relative;
  z-index: 2;
}

.cli-sidenav .nav-header {
  background: #34495e;
  color: white;
  margin: 0;
  text-shadow: none;
  text-transform: none;
  font-size: 17px;
  font-weight: 200;
  letter-spacing: 1px;
  padding: 10px 15px 9px 33px;
  position: relative;
  z-index: 2;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  margin-top: 20px;
}

.cli-sidenav ul li a {
  margin: 0;
  padding: 10px 15px 10px 33px;
  color: #1a8bbb;
}

.cli-sidenav ul li a:hover {
  background-color: #e3e3e3;
}

.cli-sidenav ul li a.active {
  background: #e3e3e3;
  padding: 9px 14px 9px 32px;
}

.output-container {
  background-color: #34495e;
  padding: 15px;
  border: 1px solid #22303d;
}

.output-container h3 {
  color: #ffffff;
  margin-top: 0;
}

.powered-by {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

footer {
  text-align: center;
  padding: 30px 0;
  background: #27aae1;
  color: white;
}

footer .twitter-follow-button {
margin: 0 0 0 7px;
top: 5px;
position: relative;
}

footer a {
  color: white;
  text-decoration: underline;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>cliFogot - A command line builder for Windows sysadmins</title>
	</head>

	<body class="page-overview">

	<!-- Navbar -->
	<div class="navbar navbar-inverse">
	<div class="container">
	<div class="navbar-header">
	<button class="navbar-toggle" data-target=".navbar-collapse"
	data-toggle="collapse" type="button"><span class="sr-only">Toggle
	navigation</span></button><a class="navbar-brand" href=
	"/"><span class="logo"></span></a>
	</div>
	<!-- Collect the nav links, forms, and other content for toggling -->
	<div class="navbar-collapse collapse">
	<form class="navbar-form navbar-right" role="form">
	<div class="form-group">
	<input type="text" placeholder="Search" class="form-control">
	</div>
	<button type="submit" class="btn btn-primary">Search</button>
	</form>
	<ul class="nav navbar-nav navbar-right">
	<li class="active"><a href="#">Overview</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact Us</a></li>
	</ul>
	</div><!--/.navbar-collapse -->
	</div>
	</div>

	<!-- Main page body -->
	<div class="container">
	<div class="row">

	<!-- Sidebar -->
	<div class="col-md-2" id="sidebar">
	<div class="cli-sidenav hidden-print affix-top">
	<ul class="nav" id="categories">
	<li class="nav-header"><i class="fa fa-sitemap"></i> Categories</li>
	<li><a href="#">Active Directory</a></li>
	<li><a href="#" class="active">Disk Utilities</a></li>
	<li><a href="#">Security</a></li>
	<li><a href="#">File System</a></li>
	</ul>
	<ul class="nav" id="popular">
	<li class="nav-header"><i class="fa fa-thumbs-up"></i> Popular</li>
	<li><a href="#">Csvde</a></li>
	<li><a href="#">Adprep</a></li>
	<li><a href="#">Mount</a></li>
	<li><a href="#">Icacls</a></li>
	</ul>
	</div>
	</div>

	<!-- Main column -->
	<div class="col-md-10" id="main-column">

	<!-- Overview section -->
	<div class="cli-section">
	<h1 id="tagline">An easy way for Windows sysadmins to build, share, and discover useful command line tools.</h1>
	<p class="lead">To get started, browse through existing recipes to find the perfect command for the task at hand, or build your own from scratch. Need help or want to provide feeback? <a href="/contact">Drop us a line.</a></p>
	</div>

	<!-- Example recipes section -->
	<div class="cli-section">
	<h3 id="examples">Example command recipes</h3>
	<ul>
	<li><a href="#">Find ACLs containing the "Everyone" group (icalcs)</a></li>
	<li><a href="#">Mount a folder as a virtual drive (subst)</a></li>
	<li><a href="#">Take ownership of all files within a folder (takeown)</a></li>
	<li><a href="#">Export Active Directory security groups to Excel (csvde)</a></li>
	</ul>
	</div>

	<!-- Featured command section -->
	<!--
	NOTE: this is where the show.html.erb stuff would begin for a given command
	minus the <h3 id="featured-command" bit.
	-->
	<div class="cli-section">
	<h3 id="featured-command">Featured command</h3>
	<div class="row">
	<div class="col-md-7">
	<div class="command">
	<h4 class="command-name">Mount</h4>
	<p>Mount lets you mount Network File System (NFS) network shares.</p>

	<h5>Inputs</h5>
	<div class="input-wrapper">
	<div class="input-name selected">
	<p>-o rsize=<buffersize></p>
	</div>
	<div class="input-description">
	<p>Set the size in kilobytes of the read buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
	</div>
	</div>

	<div class="input-wrapper">
	<div class="input-name">
	<p>-o wsize=<buffersize></p>
	</div>
	<div class="input-description">
	<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
	</div>
	</div>

	<div class="input-wrapper">
	<div class="input-name">
	<p>-o wsize=<buffersize></p>
	</div>
	<div class="input-description">
	<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
	</div>
	</div>

	<div class="input-wrapper">
	<div class="input-name">
	<p>-o wsize=<buffersize></p>
	</div>
	<div class="input-description">
	<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
	</div>
	</div>

	<div class="input-wrapper">
	<div class="input-name">
	<p>-o wsize=<buffersize></p>
	</div>
	<div class="input-description">
	<p>Set the size in kilobytes of the write buffer. Acceptable values are 1, 2, 4, 8, 16, and 32; the default is 32 KB.</p>
	</div>
	</div>

	</div>

	</div>

	<!-- Output box column -->
	<div class="col-md-5">

	<!-- NOTE: Sticky output box isn't sticking for me. -->
	<!-- I tried to keep this markup the same as before. -->
	<div class="output-container affix-top">

	<h3>Output</h3>

	<textarea id="output_command" name="output_command" value="" style="width: 100%; font-size: 16px; color: #333; margin-bottom: 5px;"></textarea>

	<div id="share-container" style="display:none;">
	<h4>Share This URL and Keep Your Settings</h4>
	<input type="text" id="share_url" name="share_url" value="" style="width: 100%;font-size: 12px; color: #333; margin-bottom: 30px;">
	</div>

	<a id="share-button" class="btn btn-primary">Share</a>

	<button id="copy-button" class="btn btn-success" data-clipboard-target="output_command">Copy Output</button>

	<div id="output-message">
	</div>

	<p class="powered-by">Powered by <a href="http://www.varonis.com">Varonis</a></p>

	</div>

	</div>

	</div>

	</div>

	</div>
	</div>
	</div>

	<!-- Footer section -->
	<footer>
	<p>© <script>document.write(new Date().getFullYear())</script> Varonis Systems, Inc. <a href="mailto:mbuckbee@varonis.com">Send us an email.</a></b> <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="https://platform.twitter.com/widgets/follow_button.1397165098.html#_=1398212809173&dnt=true&id=twitter-widget-0&lang=en&screen_name=cliforgot&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 135px; height: 20px;"></iframe></p>
	</footer>

	</body>
	</html>
	/*!
	* Bootstrap v3.0.3 (http://getbootstrap.com)
	* Copyright 2014 Twitter, Inc.
	* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
	*/

	.btn:active,
	.btn.active {
	background-image: none;
	}
	.btn-default {
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;
	}
	.btn-default:hover,
	.btn-default:focus {
	background-color: #e0e0e0;
	background-position: 0 -15px;
	}
	.btn-default:active,
	.btn-default.active {
	background-color: #e0e0e0;
	border-color: #dbdbdb;
	}
	.btn-primary {
	background-color: #27aae1;
	border-color: #2b669a;
	}
	.btn-primary:hover,
	.btn-primary:focus {
	background-color: #1a8bbb;
	}
	.btn-primary:active,
	.btn-primary.active {
	background-color: #146a8e;
	border-color: #2b669a;
	}
	.btn-success {
	background-image: -webkit-linear-gradient(top, #8add6d 0%, #60b044 100%);
	background-image: linear-gradient(to bottom, #8add6d 0%, #60b044 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8add6d', endColorstr='#ff60b044', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #3e8f3e;
	}
	.btn-success:hover,
	.btn-success:focus {
	background-color: #60b044;
	background-position: 0 -15px;
	}
	.btn-success:active,
	.btn-success.active {
	background-color: #419641;
	border-color: #3e8f3e;
	}
	.btn-warning {
	background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
	background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #e38d13;
	}
	.btn-warning:hover,
	.btn-warning:focus {
	background-color: #eb9316;
	background-position: 0 -15px;
	}
	.btn-warning:active,
	.btn-warning.active {
	background-color: #eb9316;
	border-color: #e38d13;
	}
	.btn-danger {
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
	background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #b92c28;
	}
	.btn-danger:hover,
	.btn-danger:focus {
	background-color: #c12e2a;
	background-position: 0 -15px;
	}
	.btn-danger:active,
	.btn-danger.active {
	background-color: #c12e2a;
	border-color: #b92c28;
	}
	.btn-info {
	background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
	background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #28a4c9;
	}
	.btn-info:hover,
	.btn-info:focus {
	background-color: #2aabd2;
	background-position: 0 -15px;
	}
	.btn-info:active,
	.btn-info.active {
	background-color: #2aabd2;
	border-color: #28a4c9;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	background-color: #e8e8e8;
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	background-color: #357ebd;
	background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
	background-repeat: repeat-x;
	}
	.navbar-default {
	background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-radius: 4px;
	}
	.navbar-default .navbar-nav > .active > a {
	background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
	background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
	background-repeat: repeat-x;
	}
	.navbar-inverse {
	background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
	background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	}
	.navbar-inverse .navbar-nav > .active > a {
	background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
	background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
	background-repeat: repeat-x;
	}
	.navbar-static-top,
	.navbar-fixed-top,
	.navbar-fixed-bottom {
	border-radius: 0;
	}
	.alert-success {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	background-repeat: repeat-x;
	border-color: #b2dba1;
	}
	.alert-info {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #9acfea;
	}
	.alert-warning {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	background-repeat: repeat-x;
	border-color: #f5e79e;
	}
	.alert-danger {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dca7a7;
	}
	.progress {
	background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
	background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;
	}
	.progress-bar {
	background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
	background-repeat: repeat-x;
	}
	.progress-bar-success {
	background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
	background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
	background-repeat: repeat-x;
	}
	.progress-bar-info {
	background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
	background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
	background-repeat: repeat-x;
	}
	.progress-bar-warning {
	background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
	background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
	background-repeat: repeat-x;
	}
	.progress-bar-danger {
	background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
	background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
	background-repeat: repeat-x;
	}
	.list-group {
	border-radius: 4px;
	}
	.list-group-item.active,
	.list-group-item.active:hover,
	.list-group-item.active:focus {
	background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
	background-repeat: repeat-x;
	border-color: #3278b3;
	}
	.panel-default > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
	background-repeat: repeat-x;
	}
	.panel-primary > .panel-heading {
	background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
	background-repeat: repeat-x;
	}
	.panel-success > .panel-heading {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
	background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
	background-repeat: repeat-x;
	}
	.panel-info > .panel-heading {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
	background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
	background-repeat: repeat-x;
	}
	.panel-warning > .panel-heading {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
	background-repeat: repeat-x;
	}
	.panel-danger > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
	background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
	background-repeat: repeat-x;
	}
	.well {
	background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
	background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
	background-repeat: repeat-x;
	border-color: #dcdcdc;
	}
	/# sourceMappingURL=bootstrap-theme.css.map /

	h1,h2,h3 {
	font-family: Lato,sans-serif;
	}

	.navbar-inverse, .navbar-default {
	background-image: none;
	background-color: #34495e;
	border-radius: 0;
	margin-bottom: 0;
	}

	.navbar-inverse .navbar-nav > li > a {
	color: #ccc;
	}

	.navbar-inverse .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a {
	background-image: none;
	background-color: #19232d;
	background-repeat: repeat-x;
	}

	.navbar-static-top,
	.navbar-fixed-top,
	.navbar-fixed-bottom {
	border-radius: 0;
	}

	/* Custom CSS */

	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	position: relative;
	}

	#main-column {
	border-left: 1px solid #ccc;
	padding: 40px;
	}

	.navbar-brand {
	position: absolute;
	left: 20px;
	z-index: 10;
	}

	.navbar-brand .logo {
	background: transparent url(http://i.imgur.com/BLpHh3V.png) no-repeat;
	width: 128px;
	height: 158px;
	display: block;
	}

	.cli-section {
	margin-bottom: 30px;
	}

	.command-name {
	font-family: "Courier New", Arial, sans-serif;
	font-weight: bold;
	}

	h4.command-name {
	font-size: 24px;
	line-height: 1.5;
	}

	.command .input-wrapper {
	margin: 20px 0;
	}

	.command .input-wrapper p {
	margin: 10px 0;
	}

	.command .input-name {
	padding: 5px 14px;
	font-size: 12px;
	background-color: #DDD;
	border: solid 1px #bbb;
	border-bottom: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC');
	}

	.command .input-name.selected {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #60b044;
	background-image: -moz-linear-gradient(#8add6d, #60b044);
	background-image: -webkit-linear-gradient(#8add6d, #60b044);
	background-image: linear-gradient(#8add6d, #60b044);
	background-repeat: repeat-x;
	border-color: #5ca941;
	}

	.command .input-name p {
	font-size: 16px;
	}

	.command .input-description {
	padding: 1px 15px;
	background-color: #FFF;
	border: solid 1px #ccc;
	border-top: none;
	}

	#sidebar {
	padding-right: 0;
	}

	.cli-sidenav {
	margin-top: 150px;
	}

	.cli-sidenav ul {
	padding: 0;
	font-size: 16px;
	position: relative;
	z-index: 2;
	}

	.cli-sidenav .nav-header {
	background: #34495e;
	color: white;
	margin: 0;
	text-shadow: none;
	text-transform: none;
	font-size: 17px;
	font-weight: 200;
	letter-spacing: 1px;
	padding: 10px 15px 9px 33px;
	position: relative;
	z-index: 2;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
	margin-top: 20px;
	}

	.cli-sidenav ul li a {
	margin: 0;
	padding: 10px 15px 10px 33px;
	color: #1a8bbb;
	}

	.cli-sidenav ul li a:hover {
	background-color: #e3e3e3;
	}

	.cli-sidenav ul li a.active {
	background: #e3e3e3;
	padding: 9px 14px 9px 32px;
	}

	.output-container {
	background-color: #34495e;
	padding: 15px;
	border: 1px solid #22303d;
	}

	.output-container h3 {
	color: #ffffff;
	margin-top: 0;
	}

	.powered-by {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 5px 0 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	}

	footer {
	text-align: center;
	padding: 30px 0;
	background: #27aae1;
	color: white;
	}

	footer .twitter-follow-button {
	margin: 0 0 0 7px;
	top: 5px;
	position: relative;
	}

	footer a {
	color: white;
	text-decoration: underline;
	}