@import url(../../../stylesheets/application.css);
@import url("https://www.nerdfonts.com/assets/css/webfont.css");

@font-face {
  font-family: "GitLab Sans";
  src: url("../fonts/GitLabSans.otf");
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Regular.woff2");
}

:root {
  --base03:    #002b36;
  --base02:    #073642;
  --base01:    #586e75;
  --base00:    #657b83;
  --base0:     #839496;
  --base1:     #93a1a1;
  --base2:     #eee8d5;
  --base3:     #fdf6e3;
  --yellow:    #b58900;
  --orange:    #cb4b16;
  --red:       #dc322f;
  --magenta:   #d33682;
  --violet:    #6c71c4;
  --blue:      #268bd2;
  --cyan:      #2aa198;
  --green:     #859900;
}

#top-menu {
  padding: 1em;
  background: var(--base03);
}

#header {
  background: var(--base01) url(../images/logo.png) no-repeat 2px;
  background-size: 90px;
  background-position: 20px 10px;
  padding: 0 2em 0 130px;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  min-height: 9em;
}

#header >h1 {
  height: 100%;
  flex-grow: 1;
  font-size: 2.6em;
  font-family: "GitLab Sans", sans-serif;
  font-weight: bolder;
  color: var(--base2);
}

body {
  font-size: 1em;
  font-family: "GitLab Sans", sans-serif;
}

#content {
  padding: 2em;
  background: var(--base3);
}

#history .tabs {
  background: var(--base3);
}

.box, div.issue, #sidebar, #history, #content .tabs ui li a.selected {
  background-color: var(--base2);
}

a:link, a:visited {
  color: var(--base03);
  text-decoration: underline;
}
a:hover, a:active {
  color: var(--red);
}

#top-menu a, th a:link, a.root, #header a {
  text-decoration: none;
}

#main-menu li a {
  font-weight: normal;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--base3);
  margin: 0 .25em;
  background-color: var(--base2);
  color: var(--base01);
}

#main-menu li a.new-object {
  background-color: var(--base03);
  color: var(--base2);
}

#main-menu li a.selected {
  background-color: var(--base3);
  font-weight: bold;
  color: var(--base02);
}
#main-menu li a:hover {
  background-color: var(--base3);
  color: var(--base02);
}

table td {
  padding: .5em;
}

table.filecontent tbody,
table.filecontent td.line-code div,
table.filecontent td.line-code pre {
  font-family: "JetBrains Mono", monospace;
}

#top-menu .help::before {
  content: "❔ ";
}
#top-menu .administration::before {
  content: "⚙ ";
}
#top-menu .projects::before {
  content: "🌱 ";
}
#top-menu .my-page::before {
  content: "👤 ";
}
#topmenu .home::before {
  content: "🏠 ";
}
#main-menu .projects::before {
  content: "🌱 ";
}
#main-menu .overview::before {
  content: "👀 ";
}
#main-menu .activity::before {
  content: "👣 ";
}
#main-menu .issues::before {
  content: "🚩 ";
}
#main-menu .jobs::before {
  content: "🪙 ";
}
#main-menu .time-entries::before {
  content: "⏳ ";
}
#main-menu .gantt::before {
  content: "📊 ";
}
#main-menu .calendar::before {
  content: "📅 ";
}
#main-menu .news::before {
  content: "📰 ";
}
#main-menu .documents::before {
  content: "📄 ";
}
#main-menu .wiki::before {
  content: "📝 ";
}
#main-menu .files::before {
  content: "📁 ";
}
#main-menu .settings::before {
  content: "⚙ ";
}
#main-menu .repository::before {
  content: "💻 ";
}
#main-menu .projects::before {
  content: "🌱 ";
}

svg.header-logo {
  display: none;
}