coding-chimp/code_poetry-html

$default-font: 'Lato', sans-serif;
$code-font: Consolas, 'Bitstream Vera Sans Mono', Monaco, Courier, monospace;

body {
  font-family: $default-font;
  padding: 12px 24px;
  color: #777;
}

a {
  color: #3b8bba;
  text-decoration: none;
}

table { width: 100% }

.header {
  min-height: 60px;
  margin: 0;
  color: #1F8DD6;
  padding: 1em 2em;
  text-align: center;
}

.header h1 {
  font-family: $default-font;
  margin: 0.2em 0;
  font-size: 4em;
  font-weight: 300;
  font-weight: 300;
}

.subhead {
  font-weight: 300;
  position: relative;
}

.dataTables_filter {
  margin-bottom: 10px;
  margin-left: 10px;
}

.dataTables_info {
  margin-top: 10px;
  margin-left: 10px;
}

a.src_link {
  background: url('./magnify.png') no-repeat left 50%;
  padding-left: 18px;
}

th {
  white-space: nowrap;
  font-weight: 400;
}

.source_files { display: none }

.source_table {
  .pure-menu {
    background-color: #F9F9F9;
  }

  .smell-view {
    ul { margin: 25px 15px }

    li {
      list-style: none;
      margin-top: 10px;
    }

    .smell { color: #000 }
    .smell-name { font-size: 18px }
    .smell-complexity { font-size: 14px }

    ul.duplications { margin-top: 10px }
  }

  pre {
    margin: 0;
    padding: 0;
    white-space: normal;
    color: #000;
    font-family: $code-font;
    p {
      font-family: $default-font;
      color: white;
      margin: 0px;
      padding: 10px 0 10px 15px;
    }
  }
  code {
    color: #000;
    font-family: $code-font;
  }
  pre {
    background-color: #333;
    ol {
      margin: 0px;
      padding: 0px;
      margin-left: 45px;
      font-size: 13px;
      color: white;
    }
    li {
      background-color: #f8f8ff;
      padding-left: 10px;
      code {
        white-space: pre;
        white-space: pre-wrap;
        padding: 1px;
      }
    }
    li:first-child { padding-top: 4px }
    li:last-child { padding-bottom: 4px }
  }
  .smell-description {
    margin-left: 45px;
    padding: 5px 15px;
    border-left: 7px solid #ee7b10;
    background-color: #ee7b10;
    color: white;
    font-family: $default-font;
  }
  .smelly {
    border-left: 7px solid #ee7b10
  }
  .smelly:nth-child(even), .smelly:nth-child(even) code {
    background-color: #f7e9d0
  }
  .smelly:nth-child(odd), .smelly:nth-child(odd) code {
    background-color: #f7e3c1
  }
}

#footer {
  font-size: 12px;
  margin-top: 12px;
  text-align: right;
}

abbr.timeago {
  text-decoration: none;
  border: none;
}