<commit_before>/* Sass mixins */
@import 'mixins';

/* general styles */
html { overflow-y:scroll; }
body { min-width:800px; font-family:Verdana, Helvetica, Arial; font-size:12px; margin:0; cursor:default; background-image:url(<%= asset_path 'bg-noise.png' %>); }
div { margin:0; }
a img, img.inline { border:none; margin:-2px 2px 0px 0; }
a {
  color:#00b; text-decoration:none;
  &:hover { color:#e06; text-decoration:none; }
}
caption { padding:0 0 5px 0; margin:0 auto; width:auto; font:italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:right; }
ul { margin:0.5em 0.5em 0.5em 2em; list-style-type:none; }
small { font-size:90%; }

/* input styles taken from formalize */
input:focus, input:active, textarea:focus, textarea:active { @include box-shadow(rgba(0,0,0,.3), 0, 0, 5px); border: 1px solid #5897FB; }

/* fonts */
@font-face { font-family:'Lobster'; font-style:normal; font-weight:normal; src:local('Lobster1.4'), local('Lobster'), url('../fonts/Lobster.ttf') format('truetype'); }
@font-face { font-family:'Ubuntu'; font-style:normal; font-weight:normal; src:local('Ubuntu-R'), local('Ubuntu'), url('../fonts/Ubuntu-R.ttf') format('truetype'); }

/* 960.gs patches ; too hard to integrate otherwise */
.grid_12 .grid_6 { margin-left:0; margin-right:0; }
.grid_12 .grid_6 + .grid_6 { margin-left:20px; }

/* titles */
h1, h2 { font-weight:bold; font-family:Ubuntu,verdana,arial,sans-serif; letter-spacing:1px; }
h1 { color:#222; font-size:2em; margin:0.3em -10px 0; padding:0.3em 1.2em 0.5em 1.2em; text-shadow:1px 1px 0px #aaa; }
h2 { font-size:15px; color:#223; text-align:center; margin:6px auto 8px; }

/* tables */
table { padding:0; margin-top:0; margin-bottom:2px; border-collapse:collapse; margin-left:auto; margin-right:auto; }
th, td { vertical-align:middle; padding:4px 6px 3px; }
th { text-align:center; font-weight:bold; }
td { background-color:#fff; }
th a { text-decoration:none; color:#433; background:transparent; }
td img { margin:0 auto; }
td.label { width:75px; text-align:left; padding:5px; }
.list {
  border:1px solid #ccc;
  td { border-bottom:1px solid #ccc; color:#433; padding:2px 4px; }
  td.multirow { border-right:1px solid #ccc; }
}
.pretty {
  margin-top:3px;
  th.current a { background-repeat:no-repeat; background-position:left center; padding-left:12px; }
  th.asc a { background-image:url(<%= asset_path 'arrow_up_grey.png' %>); }
  th.desc a { background-image:url(<%= asset_path 'arrow_down_grey.png' %>); }
  th.sortable a, th.current a { border-bottom:1px solid #aaa; }
  td { padding:5px 7px 4px; }
}
.hover { background-color:#e4ebf8; cursor:default; }
div.operating_system:hover { @extend .hover; }
tbody.long-list tr:hover {
  td { @extend .hover; }
  td.multirow { background-color:inherit !important; }
}
td.multirow+td.hidden { border-bottom:0; border-top:0; height:0; padding:0; }

/* commodities */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.full { width:100%; }
.ninety { width:90%; }
.contextual { float:right; }
.contextual * { padding:0; margin:0; }
.lefty { float:left; }
.before-contextual { position:absolute; right:60px; }
.hidden { display:none; }
.more { font-size:90%; text-align:left; }
.more:hover, .more-next:hover, .more-child:hover { cursor:pointer; }
.tiny { font-size:90%; }
.tinier { font-size:80%; }
.simple-list {
  margin:0; position:relative; display:block; padding:0 0 0 1.5em; list-style-type:none;
  li { margin-top:3px; }
}
.nocut { display:inline-block; white-space:nowrap; }
.opaque { opacity:0; }
.has-opaques:hover .opaque { opacity:1; }
button, a.button, input[type=submit], a.button-add, a.button-mail {
  padding:4px 8px; cursor:pointer; display:inline-block; text-shadow:0 1px 1px #fff; font-weight:bold;
  color:#222; border:solid 1px #aaa; text-decoration:none; text-align:center; @include transition(all, .1s);
  @include border-radius(3px); @include gradient(#fff, #e3e3e3); box-shadow:none;
  &:hover { color:#333; @include gradient(#fff, #ddd); box-shadow:0 0 2px #e5e5e5; border:1px solid #888; }
  &:active { position:relative; top:1px; }
}
button.inline { padding:2px 4px; font-size:11px; font-weight:normal; position:relative; bottom:1px; }
a.button-mail {
  @include border-radius(4px); @include background-image-gradient('..<%= asset_path 'email.png' %>', #fff, #e3e3e3);
  background-position:4px 60%, 0 50%; background-repeat: no-repeat;
  &:hover { @include background-image-gradient('..<%= asset_path 'email.png' %>', #fefefe, #e0e0e0); background-position:4px 60%, 0 50%; }
}
a.button-add {
  @include border-radius(12px); @include background-image-gradient('..<%= asset_path 'add.png' %>', #fff, #e3e3e3);
  background-position:4px 50%, 0 50%; background-repeat: no-repeat;
  &:hover { @include background-image-gradient('..<%= asset_path 'add.png' %>', #fefefe, #e0e0e0); background-position:4px 50%, 0 50%; }
}
a.button-add, a.button-mail {
  border:1px solid #bbb; font-weight:normal; line-height:14px; box-shadow:none;
  &:hover { background-repeat: no-repeat; }
}
a.button-add { padding:4px 12px 4px 24px; }
a.button-mail { padding:4px 6px 4px 26px; }

ul.details {
  margin:0.2em 0.5em 0.2em 0.8em;
  li { margin:0.5em 0; font-size:90%; }
}
ul.comparison {
  margin:5px; list-style-type:none; display:block; clear:both;
  li { margin:0; float:left; margin:2px; padding:3px 5px; background-color:#f8f8f8; border:1px solid #eee; }
}

/* icons */
.icon { background-position: 0% 50%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px; }
.icon-url { background-image: url(..<%= asset_path 'external.png' %>); padding-left:15px; }
.icon-server { background-image: url(..<%= asset_path 'server_12.png' %>); padding-left:15px; }
.action {
  width:16px; height:16px; @include opacity(0.8); position:relative; top:-2px;
  &:hover { @include opacity(1); }
}

/* wrappers */
noscript { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; font-size:150%; padding-top:100px;
           background:#f00; font-weight:bold; color:#fff; text-align:center }
#container { background-color:#fff; text-align:left; min-height:100%; @include box-shadow(0, 0, 15px, #bbb); }
.column_wrapper { float:left; margin:0 15px 0 5px; }
#footer { text-align:center; color:#ccc; font-size:90%; border-top:1px solid #ddd; padding-top:5px; margin-top:10px; margin-bottom:10px; }

/* errors, warnings */
#flash {
  padding:0; margin:0 auto; text-align:center; max-width:400px; font-weight:bold;
  .flash-item { padding:6px 10px; margin:2px; @include border-radius(4px); }
  .flash-notice { background-color:#ff9; color:#222; }
  .flash-error, .flash-alert { background-color:#FCC; color:#222; }
}
.field_with_errors *, #error_explanation * { color:#f00; }
.field_with_errors input, #error_explanation td { border:2px solid #f00; }
#error_explanation td {
  padding:0 8px;
  h2 { font-weight:normal; }
}
.error_messages {
  width:400px; border:2px solid #CF0000; padding:0px; padding-bottom:12px; margin-bottom:20px; background-color:#f0f0f0;
  h2 { text-align:left; padding:5px 10px; margin:0; background-color:#c00; color:#fff; }
  p { margin:8px 10px; }
  ul { margin:0; }
}
.not_found { font-weight:bold; font-size:200%; padding:50px; color:#cf0000; }

/* announcements ; styles from http://twitter.github.com/bootstrap v1.0.0 */
#announcement {
  margin:0; padding:0; color:#fff; font-size:11px;
  background-color: rgba(0, 0, 0, 0.15);
  background-repeat: repeat-x;
  /* a bit too complex to be put in a mixin.. */
  background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-color: #e6e6e6;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  p { text-align:center; margin:0; padding:7px 10px; }
  a {
    color:#fff; padding-bottom:1px; border-bottom:1px dotted #fff;
    &:hover { border-bottom:1px solid #fff; }
  }
  a.close {
    float:right; margin:0; padding:5px 10px; border-bottom:none; color:black; font-size:15px; font-weight:bold;
    text-decoration:none; text-shadow:0 1px 0 white; @include opacity(0.2);
    &:hover { @include opacity(0.4); }
  }
  &.info { background-color:#33bad9; }
  &.success { background-color:#74c474; }
  &.warning { background-color:#ffd75a; }
  &.error { background-color:#e06359; }
}

/* forms */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="search"], textarea {
  padding:2px; box-sizing: border-box; border: 1px solid #aaa; overflow: hidden;
  @include complex-gradient(#fff, 85, #eee, 99);
  &:focus, &:active { @include box-shadow(rgba(0,0,0,.3), 0, 0, 5px); border: 1px solid #5897FB; }
}
textarea { margin-top:3px; }
.simple_form {
  div.input { margin-bottom:10px; }
  div.boolean label, label.collection_radio { float:none; margin:0; }
  label.collection_radio { margin-right:10px; margin-left:2px; }
  .error { clear:left; margin-left:120px; color:#D00; display:block; }
  .hint { font-size:90%; text-align:left; font-style:italic; color:#555; padding:2px 25px; }
  .link-delete { font-size:90%; position:relative; top:-2px; }<commit_msg>Improved textarea styles<commit_after>/* Sass mixins */
@import 'mixins';

/* general styles */
html { overflow-y:scroll; }
body { min-width:800px; font-family:Verdana, Helvetica, Arial; font-size:12px; margin:0; cursor:default; background-image:url(<%= asset_path 'bg-noise.png' %>); }
div { margin:0; }
a img, img.inline { border:none; margin:-2px 2px 0px 0; }
a {
  color:#00b; text-decoration:none;
  &:hover { color:#e06; text-decoration:none; }
}
caption { padding:0 0 5px 0; margin:0 auto; width:auto; font:italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align:right; }
ul { margin:0.5em 0.5em 0.5em 2em; list-style-type:none; }
small { font-size:90%; }

/* input styles taken from formalize */
input:focus, input:active, textarea:focus, textarea:active { @include box-shadow(rgba(0,0,0,.3), 0, 0, 5px); border: 1px solid #5897FB; }

/* fonts */
@font-face { font-family:'Lobster'; font-style:normal; font-weight:normal; src:local('Lobster1.4'), local('Lobster'), url('../fonts/Lobster.ttf') format('truetype'); }
@font-face { font-family:'Ubuntu'; font-style:normal; font-weight:normal; src:local('Ubuntu-R'), local('Ubuntu'), url('../fonts/Ubuntu-R.ttf') format('truetype'); }

/* 960.gs patches ; too hard to integrate otherwise */
.grid_12 .grid_6 { margin-left:0; margin-right:0; }
.grid_12 .grid_6 + .grid_6 { margin-left:20px; }

/* titles */
h1, h2 { font-weight:bold; font-family:Ubuntu,verdana,arial,sans-serif; letter-spacing:1px; }
h1 { color:#222; font-size:2em; margin:0.3em -10px 0; padding:0.3em 1.2em 0.5em 1.2em; text-shadow:1px 1px 0px #aaa; }
h2 { font-size:15px; color:#223; text-align:center; margin:6px auto 8px; }

/* tables */
table { padding:0; margin-top:0; margin-bottom:2px; border-collapse:collapse; margin-left:auto; margin-right:auto; }
th, td { vertical-align:middle; padding:4px 6px 3px; }
th { text-align:center; font-weight:bold; }
td { background-color:#fff; }
th a { text-decoration:none; color:#433; background:transparent; }
td img { margin:0 auto; }
td.label { width:75px; text-align:left; padding:5px; }
.list {
  border:1px solid #ccc;
  td { border-bottom:1px solid #ccc; color:#433; padding:2px 4px; }
  td.multirow { border-right:1px solid #ccc; }
}
.pretty {
  margin-top:3px;
  th.current a { background-repeat:no-repeat; background-position:left center; padding-left:12px; }
  th.asc a { background-image:url(<%= asset_path 'arrow_up_grey.png' %>); }
  th.desc a { background-image:url(<%= asset_path 'arrow_down_grey.png' %>); }
  th.sortable a, th.current a { border-bottom:1px solid #aaa; }
  td { padding:5px 7px 4px; }
}
.hover { background-color:#e4ebf8; cursor:default; }
div.operating_system:hover { @extend .hover; }
tbody.long-list tr:hover {
  td { @extend .hover; }
  td.multirow { background-color:inherit !important; }
}
td.multirow+td.hidden { border-bottom:0; border-top:0; height:0; padding:0; }

/* commodities */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.full { width:100%; }
.ninety { width:90%; }
.contextual { float:right; }
.contextual * { padding:0; margin:0; }
.lefty { float:left; }
.before-contextual { position:absolute; right:60px; }
.hidden { display:none; }
.more { font-size:90%; text-align:left; }
.more:hover, .more-next:hover, .more-child:hover { cursor:pointer; }
.tiny { font-size:90%; }
.tinier { font-size:80%; }
.simple-list {
  margin:0; position:relative; display:block; padding:0 0 0 1.5em; list-style-type:none;
  li { margin-top:3px; }
}
.nocut { display:inline-block; white-space:nowrap; }
.opaque { opacity:0; }
.has-opaques:hover .opaque { opacity:1; }
button, a.button, input[type=submit], a.button-add, a.button-mail {
  padding:4px 8px; cursor:pointer; display:inline-block; text-shadow:0 1px 1px #fff; font-weight:bold;
  color:#222; border:solid 1px #aaa; text-decoration:none; text-align:center; @include transition(all, .1s);
  @include border-radius(3px); @include gradient(#fff, #e3e3e3); box-shadow:none;
  &:hover { color:#333; @include gradient(#fff, #ddd); box-shadow:0 0 2px #e5e5e5; border:1px solid #888; }
  &:active { position:relative; top:1px; }
}
button.inline { padding:2px 4px; font-size:11px; font-weight:normal; position:relative; bottom:1px; }
a.button-mail {
  @include border-radius(4px); @include background-image-gradient('..<%= asset_path 'email.png' %>', #fff, #e3e3e3);
  background-position:4px 60%, 0 50%; background-repeat: no-repeat;
  &:hover { @include background-image-gradient('..<%= asset_path 'email.png' %>', #fefefe, #e0e0e0); background-position:4px 60%, 0 50%; }
}
a.button-add {
  @include border-radius(12px); @include background-image-gradient('..<%= asset_path 'add.png' %>', #fff, #e3e3e3);
  background-position:4px 50%, 0 50%; background-repeat: no-repeat;
  &:hover { @include background-image-gradient('..<%= asset_path 'add.png' %>', #fefefe, #e0e0e0); background-position:4px 50%, 0 50%; }
}
a.button-add, a.button-mail {
  border:1px solid #bbb; font-weight:normal; line-height:14px; box-shadow:none;
  &:hover { background-repeat: no-repeat; }
}
a.button-add { padding:4px 12px 4px 24px; }
a.button-mail { padding:4px 6px 4px 26px; }

ul.details {
  margin:0.2em 0.5em 0.2em 0.8em;
  li { margin:0.5em 0; font-size:90%; }
}
ul.comparison {
  margin:5px; list-style-type:none; display:block; clear:both;
  li { margin:0; float:left; margin:2px; padding:3px 5px; background-color:#f8f8f8; border:1px solid #eee; }
}

/* icons */
.icon { background-position: 0% 50%; background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; padding-bottom: 3px; }
.icon-url { background-image: url(..<%= asset_path 'external.png' %>); padding-left:15px; }
.icon-server { background-image: url(..<%= asset_path 'server_12.png' %>); padding-left:15px; }
.action {
  width:16px; height:16px; @include opacity(0.8); position:relative; top:-2px;
  &:hover { @include opacity(1); }
}

/* wrappers */
noscript { z-index:200; position:fixed; top:0; left:0; width:100%; height:100%; font-size:150%; padding-top:100px;
           background:#f00; font-weight:bold; color:#fff; text-align:center }
#container { background-color:#fff; text-align:left; min-height:100%; @include box-shadow(0, 0, 15px, #bbb); }
.column_wrapper { float:left; margin:0 15px 0 5px; }
#footer { text-align:center; color:#ccc; font-size:90%; border-top:1px solid #ddd; padding-top:5px; margin-top:10px; margin-bottom:10px; }

/* errors, warnings */
#flash {
  padding:0; margin:0 auto; text-align:center; max-width:400px; font-weight:bold;
  .flash-item { padding:6px 10px; margin:2px; @include border-radius(4px); }
  .flash-notice { background-color:#ff9; color:#222; }
  .flash-error, .flash-alert { background-color:#FCC; color:#222; }
}
.field_with_errors *, #error_explanation * { color:#f00; }
.field_with_errors input, #error_explanation td { border:2px solid #f00; }
#error_explanation td {
  padding:0 8px;
  h2 { font-weight:normal; }
}
.error_messages {
  width:400px; border:2px solid #CF0000; padding:0px; padding-bottom:12px; margin-bottom:20px; background-color:#f0f0f0;
  h2 { text-align:left; padding:5px 10px; margin:0; background-color:#c00; color:#fff; }
  p { margin:8px 10px; }
  ul { margin:0; }
}
.not_found { font-weight:bold; font-size:200%; padding:50px; color:#cf0000; }

/* announcements ; styles from http://twitter.github.com/bootstrap v1.0.0 */
#announcement {
  margin:0; padding:0; color:#fff; font-size:11px;
  background-color: rgba(0, 0, 0, 0.15);
  background-repeat: repeat-x;
  /* a bit too complex to be put in a mixin.. */
  background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
  background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-color: #e6e6e6;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  p { text-align:center; margin:0; padding:7px 10px; }
  a {
    color:#fff; padding-bottom:1px; border-bottom:1px dotted #fff;
    &:hover { border-bottom:1px solid #fff; }
  }
  a.close {
    float:right; margin:0; padding:5px 10px; border-bottom:none; color:black; font-size:15px; font-weight:bold;
    text-decoration:none; text-shadow:0 1px 0 white; @include opacity(0.2);
    &:hover { @include opacity(0.4); }
  }
  &.info { background-color:#33bad9; }
  &.success { background-color:#74c474; }
  &.warning { background-color:#ffd75a; }
  &.error { background-color:#e06359; }
}

/* forms */
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="url"], input[type="search"], textarea {
  padding:2px; box-sizing: border-box; border: 1px solid #aaa; overflow: hidden;
  @include complex-gradient(#fff, 85, #eee, 99);
  &:focus, &:active { @include box-shadow(rgba(0,0,0,.3), 0, 0, 5px); border: 1px solid #5897FB; }
}
textarea {
  margin-top:3px;
  @include complex-gradient(#fff, 98, #eee, 99);
}
.simple_form {
  div.input { margin-bottom:10px; }
  div.boolean label, label.collection_radio { float:none; margin:0; }
  label.collection_radio { margin-right:10px; margin-left:2px; }
  .error { clear:left; margin-left:120px; color:#D00; display:block; }
  .hint { font-size:90%; text-align:left; font-style:italic; color:#555; padding:2px 25px; }
  .link-delete { font-size:90%; position:relative; top:-2px; }
{'fraction_non_alphanumeric': 0.18469028382017816, 'fraction_numerical': 0.05469235550031075, 'mean_word_length': 4.849439563768555, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6333469', 'n_tokens_mistral': 8033, 'n_tokens_neox': 7237, 'n_words': 1543}