xref: /prebuilts/tools/linux-x86_64/kythe/web/ui/css/style.css

/*
 * Copyright 2014 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.
 */

/* Fullscreen display elements */
html, body, #kythe, #container, #container div {
  height: 100%;
  margin-bottom: 0px;
}

#fringe {
  float: left;
  border: 0px;
  background: none;
  width: 35px; /* Enough space for 4-digit line numbers */
  word-wrap: normal;
  padding-left: 0px;
  padding-right: 4px;
  text-align: right;
}

#src-container code {
  white-space: pre;
  word-wrap: normal;
}

#src-container, #filetree-container {
  overflow: auto;
}

/* Compress file tree items */
#filetree-container ul > li {
  margin-left: 11px;
}
#filetree-container a {
  display: inline;
}
#filetree-container > ul > li {
  margin-left: 5px;
}
#filetree-container a {
  padding: 3px;
  margin: -1px;
}

.border {
  border: 1px solid lightgray;
  border-radius: 4px;
}

/* TODO(schroederc): don't overlay on top of source text */
#xrefs {
  padding: 5px;
  width: 100%;
  position: fixed;
  margin: 0px;
  bottom: 0px;
  overflow: auto;
  background: white;
  height: 33% !important;
}

#xrefs div {
  height: auto;
}

.snippet {
  font-size: 90%;
  color: gray;
  margin-left: 2em;
  margin-bottom: 0;
  white-space: pre;
}

.snippet span {
  display: inline-flex;
}

.spinner {
  -animation: spin 0.9s infinite linear;
  -webkit-animation: spin-webkit 0.9s infinite linear;
}

@-webkit-keyframes spin-webkit {
  from { -webkit-transform: rotate(0deg); }
  to   { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to   { transform: scale(1) rotate(360deg); }
}