/*
 * SonarQube
 * Copyright (C) 2009-2017 SonarSource SA
 * mailto:info AT sonarsource DOT com
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */
@import (reference) "mixins";
@import (reference) "variables";
@import (reference) "init/links";
@import (reference) "components/ui";
@import (reference) "components/typography";

.dashboard-page,
.dashboard-page body {
  background-color: @barBackgroundColor;
}

.tabs {
  height: 20px;
  border-bottom: 1px solid #DDD;
  margin: 0;
  padding: 0;
  font-size: 93%;
}

.tabs li {
  display: inline;
  list-style-type: none;
  font-weight: normal;
  color: #777;
  vertical-align: baseline;
  white-space: nowrap;
  margin: 0;
  border: 0;
  padding: 0;
}

.tabs li a {
  float: left;
  color: #777;
  vertical-align: bottom;
  height: 17px;
  margin: 0 1px 0 0;
  padding: 1px 5px;
  .link-no-underline;
  transition: none;
}

.tabs li a.selected, .tabs .ui-tabs-active a {
  text-decoration: none;
  color: #555 !important;
  font-weight: bold;
  margin: 0 1px 0 0;
}

.markdown-tips {
  font-size: @smallFontSize;
  color: @secondFontColor;
}

.rule-desc, .markdown {
  .formatted;
}

.property p {
  margin-top: 10px;
}

.property pre, .bubble-popup pre, .coding-rules-detail-parameter pre {
  display: inline-block;
  min-width: 100%;
  margin: 10px 0 !important;
  padding: 10px !important;
  border: 1px dashed #aaa;
  box-sizing: border-box;
  font-size: 12px;
  font-family: @monoFontFamily;
}

.property blockquote, .bubble-popup blockquote, .coding-rules-detail-parameter blockquote {
  margin-top: 10px;
  padding: 10px;
}

.property ul {
  list-style-type: disc;
  list-style-position: inside;
  margin: 10px;
}

.property ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 10px;
}

.width100 {
  width: 100%;
}

textarea.width100 {
  width: 100%;
  box-sizing: border-box;
}

.property {
  margin-bottom: 10px;
}

.property h3 {
  float: none;
  max-width: 20em;
}

.property > th, .property > td {
  vertical-align: top;
  padding: 10px;
}

.property > th {
  text-align: right;
}

.property table.data {
  width: 480px;
}

.property textarea {
  vertical-align: text-top;
}

.property .note {
  margin-top: 5px;
}