<commit_before>/*
 * Copyright 2013 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body{
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
p, h1, form, button{
  border:0; margin:0; padding:0;
}

.spacer {clear:both; height:1px;}

.foamform{
  margin:0 auto;
  width:450px;
  padding:14px;
}

.stackview-viewarea {
  width:100%;
}

/* ----------- detailView ----------- */

.detailView {
  border2:solid 2px #dddddd;
  border:solid 2px #b7ddf2;
  background:#ebebeb;
  background2:#ebf4fb;
  width:98%;
}

.detailView .heading {
  float:left;
  font-size:14px;
  font-weight:bold;
  margin-bottom:8px;
}

.detailView .propertyLabel {
  font-size:14px;
  display:block;
  font-weight:bold;
  text-align:right;
  float:left;
}

.detailView input {
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 0px 10px;
}

.detailView textarea {
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 0px 10px;
}

.detailView select {
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 0px 10px;
}

/* ----------- summaryView ----------- */

.summaryView {
  background: white;
  width:100%;
  height: 100%;
  overflow-y: scroll;
}

.summaryView .table {
  table-layout: fixed;
}

/* Temp for gmail demo. */
.summaryView td:first-child { width: 50px; }

.summaryView .label{
  font-size:14px;
  display:block;
  font-weight:bold;
  text-align:right;
  width:120px;
  float:left;
}

.summaryView .value{
  float:left;
  font-size:12px;
  padding-left: 8px;
  border2:solid 1px #aacfe4;
  margin:2px 15px 2px 0px;
}


.foamSearchView select{
  font-family: 'Courier New', Courier, monospace;
}
/*
option[selected]{
   background-color: blue;
   background:green;
}
*/

/* ----------- summaryView ----------- */

.helpView {
  width:100%;
}

.helpView .intro{
  padding-top:10px;
  font-size:16px;
  font-weight:bold;
}

.helpView .label{
  padding-top:10px;
  font-size:14px;
  font-weight:bold;
}

.helpView .text{
  width:100%;
  font-size:14px;
  padding-left: 8px;
  margin:2px 15px 2px 0px;
}

.actionBorder {
  width:95%;
}

.actionBorderActions {
  padding-right:15px;
  text-align:right;
}

.ActionMenu .actionButton {
  background:white;
  border:none;
  border-radius:0;
  text-align:left;
  width:100%;
}

/* ----------- ImageView ---------- */
.imageViewContainer {
  position: relative;
  display: inline-block;
}

.imageView {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ----------- stylized ----------- */
#stylized {
  border:solid 2px #b7ddf2;
  background:#ebf4fb;
}
#stylized h1 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:8px;
}
#stylized p{
  font-size:11px;
  color:#666666;
  margin-bottom:20px;
  border-bottom:solid 1px #b7ddf2;
  padding-bottom:10px;
}
#stylized label{
  display:block;
  font-weight:bold;
  text-align:right;
  width:140px;
  float:left;
}
#stylized .small{
  color:#666666;
  display:block;
  font-size:11px;
  font-weight:normal;
  text-align:right;
  width:140px;
}
#stylized input{
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 20px 10px;
  width:200px;
}
#stylized button{
  background:#666666;
  clear:both;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  height:31px;
  line-height:31px;
  margin-left:150px;
  text-align:center;
  width:125px;
}



.foamTable
{
	background: #fff;
	border-collapse: collapse;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px; 
	table-layout:fixed;
	text-align: left;
	width: 98%;
}
.BookmarkTable
{
	width: 800px;
}
.foamTable caption
{
	font-size: 16px;
	font-weight: bold;
	color: #039;
	padding: 10px 8px;
	text-align: left;
}
.foamTable th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
.foamTable td
{
	color: #669;
	padding: 4px 8px 4px 8px;
}
.foamTable tbody tr:hover td
{
	color: #009;
    background: #eee;
}
.foamTable tr.rowSelected
{
	color: #900;
    background: #eee;
	border: 2px solid #f00;
}


.actionButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.actionButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.actionButton:active {
	position:relative;
	top:1px;
}


.scrollSpacer {
  height:52;
}


td, th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}


select {
  background-color:rgb(240,240,240);
  margin-bottom: 15px;
}


.foamSearchViewLabel {
  margin-top: 5px;
  padding-left: 4px;
}

.searchTitle {
  color:#039;
  font-size: 16px;
  padding-left: 5px;
}

.messageBody {
  white-space: normal;
}

.summaryView table {
  width: 100%;
}

.summaryView .label[colspan="2"] { 
  width: 100%;
}

.summaryView .label { 
  width: 30%;
}

textarea { width: 94%; overflow: auto; }




body {
  font: 82% arial,sans-serif;
}

div.gridtile td div a {
  color: #000;
  text-decoration: none;
  white-space: normal;
}

div.gridtile {
  width: 10em;
  float: left;
  margin: 2px;
}
div.gridtile {
  border: 2px solid #c3d9ff;
  border-radius: 6px;
  padding: 1px;
}

div.gridtile td.id {
  width: 5em;
  text-align: left;
  margin-left:4px;
}

div.gridtile td.id a {
  margin-left:4px;
}

div.gridtile td.status {
  font-size: 11px;
  text-align: right;
  width: 70%;
}

div.gridtile table, div.projecttile table {
  width: 100%;
  table-layout: fixed;
}

div.gridtile td, div.projecttile td {
  border: 0;
  padding: 2px;
  overflow: hidden;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-style: normal;
}

div.gridtile td div {
  height:5.5ex;
  font-size:90%;
  line-height: 100%;
}

div.gridViewControl {
  padding:5px;
  background:rgb(235, 239, 249);
  border-color: rgb(187, 187, 187);
  border-style: solid;
  border-width: 1px;  
}

div.gridViewControl select {
  margin-bottom:0;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color: rgb(0, 0, 0);
  outline-color: rgb(223, 215, 207);
  background-color: rgb(221, 221, 221);
}

.gridBy th {
  background: #eeeeee;
  border: 1px solid #ccc;
  border-spacing: 2px;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  padding: 2px;
  text-align: left;
}

.gridBy td {
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px;
}

.idcount {
  color: #0000cc;
  text-decoration: underline;
  font: 82% arial,sans-serif;
}

.idlist {
  color: #0000cc;
  text-decoration: underline;
  font: 82% arial,sans-serif;
}


.buttonify {
font-size: 100%;
background: url("//ssl.gstatic.com/codesite/ph/images/button-bg.gif") repeat-x scroll left top #e3e3e3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f9f9f9),to(#e3e3e3));
background: -moz-linear-gradient(top,#fff,#ddd);
vertical-align: baseline;
padding: 1px 3px 1px 3px;
border: 1px solid #aaa;
border-top-color: #ccc;
border-bottom-color: #888;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
}

.mode_button_active
{
background: url("//ssl.gstatic.com/codesite/ph/images/button-bg.gif") repeat-x scroll left bottom #bbb;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#e3e3e3),to(#f9f9f9));
background: -moz-linear-gradient(top,#e3e3e3,#f9f9f9);
border-color: #aaa;
}

.capsule_right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.capsule_left {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.altViewButtons {
  margin-right: 17px;
  float: right;
}

/* ----------- ArrayTileView ----------- */
.arrayTileView {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

.arrayTileItem {
  display: inline-block;
  list-style-type: none;
  margin: 0px 1px;
}

/* ----------- AutocompleteListView ----------- */
.autocompleteListView {
  position: absolute;
  padding: 8px;
  margin: 0px;
  width: 300px;
  background: white;
  border-radius: 5px;
  border: 1px solid lightgrey;
}

.autocompleteListItem {
  border: 1px solid transparent;
  border-radius: 5px;
  list-style-type: none;
  overflow: hidden;
}

.autocompleteSelectedItem {
  border-radius: 5px;
  border: 1px solid blue;
}

/* ----------- Rich Text View ----------- */
.richtext {
  overflow: hidden;<commit_msg>Fix z-index of autocomplete popup<commit_after>/*
 * Copyright 2013 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body{
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
p, h1, form, button{
  border:0; margin:0; padding:0;
}

.spacer {clear:both; height:1px;}

.foamform{
  margin:0 auto;
  width:450px;
  padding:14px;
}

.stackview-viewarea {
  width:100%;
}

/* ----------- detailView ----------- */

.detailView {
  border2:solid 2px #dddddd;
  border:solid 2px #b7ddf2;
  background:#ebebeb;
  background2:#ebf4fb;
  width:98%;
}

.detailView .heading {
  float:left;
  font-size:14px;
  font-weight:bold;
  margin-bottom:8px;
}

.detailView .propertyLabel {
  font-size:14px;
  display:block;
  font-weight:bold;
  text-align:right;
  float:left;
}

.detailView input {
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 0px 10px;
}

.detailView textarea {
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 0px 10px;
}

.detailView select {
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 0px 10px;
}

/* ----------- summaryView ----------- */

.summaryView {
  background: white;
  width:100%;
  height: 100%;
  overflow-y: scroll;
}

.summaryView .table {
  table-layout: fixed;
}

/* Temp for gmail demo. */
.summaryView td:first-child { width: 50px; }

.summaryView .label{
  font-size:14px;
  display:block;
  font-weight:bold;
  text-align:right;
  width:120px;
  float:left;
}

.summaryView .value{
  float:left;
  font-size:12px;
  padding-left: 8px;
  border2:solid 1px #aacfe4;
  margin:2px 15px 2px 0px;
}


.foamSearchView select{
  font-family: 'Courier New', Courier, monospace;
}
/*
option[selected]{
   background-color: blue;
   background:green;
}
*/

/* ----------- summaryView ----------- */

.helpView {
  width:100%;
}

.helpView .intro{
  padding-top:10px;
  font-size:16px;
  font-weight:bold;
}

.helpView .label{
  padding-top:10px;
  font-size:14px;
  font-weight:bold;
}

.helpView .text{
  width:100%;
  font-size:14px;
  padding-left: 8px;
  margin:2px 15px 2px 0px;
}

.actionBorder {
  width:95%;
}

.actionBorderActions {
  padding-right:15px;
  text-align:right;
}

.ActionMenu .actionButton {
  background:white;
  border:none;
  border-radius:0;
  text-align:left;
  width:100%;
}

/* ----------- ImageView ---------- */
.imageViewContainer {
  position: relative;
  display: inline-block;
}

.imageView {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ----------- stylized ----------- */
#stylized {
  border:solid 2px #b7ddf2;
  background:#ebf4fb;
}
#stylized h1 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:8px;
}
#stylized p{
  font-size:11px;
  color:#666666;
  margin-bottom:20px;
  border-bottom:solid 1px #b7ddf2;
  padding-bottom:10px;
}
#stylized label{
  display:block;
  font-weight:bold;
  text-align:right;
  width:140px;
  float:left;
}
#stylized .small{
  color:#666666;
  display:block;
  font-size:11px;
  font-weight:normal;
  text-align:right;
  width:140px;
}
#stylized input{
  float:left;
  font-size:12px;
  padding:4px 2px;
  border:solid 1px #aacfe4;
  margin:2px 0 20px 10px;
  width:200px;
}
#stylized button{
  background:#666666;
  clear:both;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  height:31px;
  line-height:31px;
  margin-left:150px;
  text-align:center;
  width:125px;
}



.foamTable
{
	background: #fff;
	border-collapse: collapse;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px; 
	table-layout:fixed;
	text-align: left;
	width: 98%;
}
.BookmarkTable
{
	width: 800px;
}
.foamTable caption
{
	font-size: 16px;
	font-weight: bold;
	color: #039;
	padding: 10px 8px;
	text-align: left;
}
.foamTable th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
.foamTable td
{
	color: #669;
	padding: 4px 8px 4px 8px;
}
.foamTable tbody tr:hover td
{
	color: #009;
    background: #eee;
}
.foamTable tr.rowSelected
{
	color: #900;
    background: #eee;
	border: 2px solid #f00;
}


.actionButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.actionButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.actionButton:active {
	position:relative;
	top:1px;
}


.scrollSpacer {
  height:52;
}


td, th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}


select {
  background-color:rgb(240,240,240);
  margin-bottom: 15px;
}


.foamSearchViewLabel {
  margin-top: 5px;
  padding-left: 4px;
}

.searchTitle {
  color:#039;
  font-size: 16px;
  padding-left: 5px;
}

.messageBody {
  white-space: normal;
}

.summaryView table {
  width: 100%;
}

.summaryView .label[colspan="2"] { 
  width: 100%;
}

.summaryView .label { 
  width: 30%;
}

textarea { width: 94%; overflow: auto; }




body {
  font: 82% arial,sans-serif;
}

div.gridtile td div a {
  color: #000;
  text-decoration: none;
  white-space: normal;
}

div.gridtile {
  width: 10em;
  float: left;
  margin: 2px;
}
div.gridtile {
  border: 2px solid #c3d9ff;
  border-radius: 6px;
  padding: 1px;
}

div.gridtile td.id {
  width: 5em;
  text-align: left;
  margin-left:4px;
}

div.gridtile td.id a {
  margin-left:4px;
}

div.gridtile td.status {
  font-size: 11px;
  text-align: right;
  width: 70%;
}

div.gridtile table, div.projecttile table {
  width: 100%;
  table-layout: fixed;
}

div.gridtile td, div.projecttile td {
  border: 0;
  padding: 2px;
  overflow: hidden;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-style: normal;
}

div.gridtile td div {
  height:5.5ex;
  font-size:90%;
  line-height: 100%;
}

div.gridViewControl {
  padding:5px;
  background:rgb(235, 239, 249);
  border-color: rgb(187, 187, 187);
  border-style: solid;
  border-width: 1px;  
}

div.gridViewControl select {
  margin-bottom:0;
  font-family: arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color: rgb(0, 0, 0);
  outline-color: rgb(223, 215, 207);
  background-color: rgb(221, 221, 221);
}

.gridBy th {
  background: #eeeeee;
  border: 1px solid #ccc;
  border-spacing: 2px;
  font-family: arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  padding: 2px;
  text-align: left;
}

.gridBy td {
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px;
}

.idcount {
  color: #0000cc;
  text-decoration: underline;
  font: 82% arial,sans-serif;
}

.idlist {
  color: #0000cc;
  text-decoration: underline;
  font: 82% arial,sans-serif;
}


.buttonify {
font-size: 100%;
background: url("//ssl.gstatic.com/codesite/ph/images/button-bg.gif") repeat-x scroll left top #e3e3e3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f9f9f9),to(#e3e3e3));
background: -moz-linear-gradient(top,#fff,#ddd);
vertical-align: baseline;
padding: 1px 3px 1px 3px;
border: 1px solid #aaa;
border-top-color: #ccc;
border-bottom-color: #888;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
}

.mode_button_active
{
background: url("//ssl.gstatic.com/codesite/ph/images/button-bg.gif") repeat-x scroll left bottom #bbb;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#e3e3e3),to(#f9f9f9));
background: -moz-linear-gradient(top,#e3e3e3,#f9f9f9);
border-color: #aaa;
}

.capsule_right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.capsule_left {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.altViewButtons {
  margin-right: 17px;
  float: right;
}

/* ----------- ArrayTileView ----------- */
.arrayTileView {
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

.arrayTileItem {
  display: inline-block;
  list-style-type: none;
  margin: 0px 1px;
}

/* ----------- AutocompleteListView ----------- */
.autocompleteListView {
  position: absolute;
  padding: 8px;
  margin: 0px;
  width: 300px;
  background: white;
  border-radius: 5px;
  border: 1px solid lightgrey;
  z-index: 10;
}

.autocompleteListItem {
  border: 1px solid transparent;
  border-radius: 5px;
  list-style-type: none;
  overflow: hidden;
}

.autocompleteSelectedItem {
  border-radius: 5px;
  border: 1px solid blue;
}

/* ----------- Rich Text View ----------- */
.richtext {
  overflow: hidden;
{'fraction_non_alphanumeric': 0.16063039854523412, 'fraction_numerical': 0.05000757690559176, 'mean_word_length': 3.5796900300717094, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '6834513', 'n_tokens_mistral': 8636, 'n_tokens_neox': 7742, 'n_words': 1703}