@import '../variables';

$themecolor: #0c2a44;
$themelight: rgba(183, 226, 219, 1);

$subthemecolor: rgba($linktext, 0.8);
$linkcolor: #3c6d72;
$themecolor: #97cbc3;
$topbar: #0c2a44;
$sidebar: $themelight;
$bodycolor: lighten($themelight, 10%);
$headingtext:#3c6d72;
$bodytext: #3c6d72;
$linktext: $linkcolor;
$linktext-hover: rgba($linktext, 0.8);
$sidebar-text: $themecolor;
$primary: $themecolor;
$logo-mark-fill: lighten($themelight, 10%);
$wikilinktext: $linkcolor;
$wikilinktext-hover: rgba($linktext, 0.8);
$dark: darken($bodytext, 5%);
$border: #76b1a8;
$navbar-border: #76b1a8;
$active-navbar-border: darken($navbar-border, 13%);
$active-nav-tabs-bgcolor: #dbf0ed;
$btn-default-bgcolor: darken($themecolor, 10%);
$inline-code-color: #8f5313;
$inline-code-bg: darken($themelight, 3%);

@import 'apply-colors';
@import 'apply-colors-light';

.wiki {
  .highlighted {
    background-color: lighten($themecolor, 20%);
  }
}

.panel {

  &,
  &.panel-white,
  &.panel-default {
    background-color: lighten($themecolor, 30%);
    border-color: white;
    color: $themecolor;

    .panel-heading {
      color: $themecolor;
      background-color: white;
    }

    ul {
      li {
        a {
          color: darken($themecolor, 15%);
        }
      }
    }
  }
}

/* GROWI page list */
.page-list {
  .page-list-ul {
    >li {
      >a strong {
        color: $linkcolor;
      }
    }
  }
}

.rbt-menu {
  background: lighten($themelight, 5%);
}

.main-container > #wrapper > #page-wrapper,
.page-editor-preview-container {
  background-image: url("/images/themes/island/island.png");
  background-attachment: fixed;
}

/*
 * Tabs
 */
 body:not(.on-edit) .nav.nav-tabs {
  > li.active > a {
    background: linear-gradient(
      rgba($active-nav-tabs-bgcolor, 0) 0%,
      rgba($active-nav-tabs-bgcolor, 0) 90%,
      $active-nav-tabs-bgcolor 100%);         // overwrite only the bottom pixel
  }
}

/* Table */
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
 .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td ,
 .table > thead > tr > th, .table-bordered{
     border-top: 1px solid $border;
 }

 .table-bordered > thead > tr > th,
 .table-bordered > tbody > tr > th,
 .table-bordered > tfoot > tr > th,
 .table-bordered > thead > tr > td,
 .table-bordered > tbody > tr > td,
 .table-bordered > tfoot > tr > td {
   border: 1px solid $border;
 }
 .table > thead > tr > th {
     border-bottom: 1px solid $border;
 }

 .table-bordered {
     border: 1px solid $border;
 }


 // login page
.nologin {
  &.login-page {
    > #wrapper > #page-wrapper {
      background-image: unset;
    }
  }
}
