Redmine

  --color-header-background: #3A78A3;

  /* between --oc-gray-6 and --oc-gray-7 with the same hue as Open Color grays */

  --color-text-muted: #6b737b;

}

html, body { min-block-size: 100vh; }

/***** Layout *****/

#wrapper {

  min-block-size: inherit;

  overflow: hidden;

  display: flex;

  flex-direction: column;

nav.top-menu {

  background: var(--color-top-menu-background);

  font-size: 0.75rem;

  padding-inline: 14px;

  display: flex;

}

.top-menu__links a, .top-menu__links a:link, .top-menu__links a:visited, #account .dropdown-trigger {

  text-decoration: none;

  transition: background-color 0.18s ease, color 0.18s ease;

  transform-origin: center;

}

.top-menu__links svg.icon-svg, #account .dropdown-trigger .icon-svg {

  transition: stroke 0.18s ease;

}

#header {

  margin: 0;

  background: var(--color-header-background);

  padding-block: 0.25rem 0;

  padding-inline: 1.25rem;

  position: relative;

body.has-main-menu #header {

  padding-block-end: 2rem;

}

#header a:hover {color: var(--oc-white);}

#header h1 {

  overflow: hidden;

}

#main-menu li:hover ul.menu-children, #main-menu li ul.menu-children.visible {display: block;}

#main-menu li a.selected, #main-menu li a.selected:hover {

  color: var(--oc-gray-9);

  font-weight: bold;

  box-shadow: inset 0 -2px 0 var(--color-current-marker);

  position:absolute;

  inline-size: inherit;

  z-index:45;

  border-block-end: 1px solid var(--oc-blue-7);

  border-inline-start: 1px solid var(--oc-blue-7);

  border-inline-end: 1px solid var(--oc-blue-7);

}

#main-menu .menu-children li {float: inline-start; clear: both; inline-size: 100%;}

#main-menu .menu-children li a {

  display: block;

  color: var(--oc-gray-7);

  padding-block: 4px;

  padding-inline: 10px;

  font-weight:normal;

  border-radius: 0;

}

#main-menu .tabs-buttons {

  position: absolute;

#content {

  flex-grow: 1;

  margin: 0;

  padding-block: 18px 10px;

  padding-inline: 20px;

#main.collapsedsidebar #sidebar { inline-size: 0; padding-inline-end: 0 }

#main.collapsedsidebar #sidebar-wrapper { display: none; }

#login-form {

  margin-block: 5em 2em;

#login-form a.lost_password {float:inline-end; font-weight:normal;}

#login-form h3 {text-align: center;}

div.modal h3.title {display:none;}

div.modal p.buttons {margin-block-end: 0;}

div.modal .box p {margin-block: 0.3em; margin-inline: 0;}

  inset-inline-end:0px;

  inset-block-start:25px;

  min-inline-size:100px;

  border:1px solid var(--oc-gray-4);

  border-radius:4px;

  color:var(--oc-gray-7);

div + .drdn-items {border-block-start: 1px solid var(--oc-gray-4);}

.drdn-items>* {

  display:block;

  overflow:hidden;

  text-overflow: ellipsis;

  white-space:nowrap;

  margin:0 !important;

  vertical-align:middle;

  color:var(--oc-gray-7);

}

#project-jump .drdn.expanded .drdn-trigger {background-image:url(/arrow_up.png);}

#project-jump .drdn-content {inline-size: 280px;}

#project-jump .drdn-items>* {color:var(--oc-gray-7) !important;}

/***** Tables *****/

table.list, .table-list {

  padding-inline: 0.3em 0;

  border-block-end: 2px solid var(--oc-gray-4);

  text-align: start;

}

tr.group span.count {inset-block-start: -1px;}

tr.group span.name {font-weight:bold;}

table p {margin:0;}

/* No table striping within `.box` */

table.list:not(.odd-even) tbody tr:nth-child(even), .even { background-color: var(--oc-gray-0); }

table.list:not(.odd-even) tbody tr:nth-child(odd):hover, .odd:hover,

table.list:not(.odd-even) tbody tr:nth-child(even):hover, .even:hover { background-color:var(--oc-yellow-0); }

  padding-block: 4px;

  padding-inline: 7px;

}

select {

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  appearance: none;

  background-image: url(/chevron-down.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 2px) 50%;

input[type="submit"], button[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

  block-size: 28px;

  -webkit-transition: background-color 100ms linear;

  -moz-transition: background-color 100ms linear;

  text-overflow: ellipsis;

}

fieldset {border: 1px solid var(--oc-gray-4); margin: 0; min-inline-size: inherit;}

legend {color: var(--oc-gray-9);}

hr { inline-size: 100%; block-size: 1px; background: var(--oc-gray-4); border: 0;}

  inset-block-start: 0;

  inset-inline-start: 0;

  inset-inline-end: 0;

  border-block-end: 1px solid var(--oc-gray-4);

  box-shadow: 0 2px 6px rgba(var(--oc-black-rgb), 0.15);

  font-size: 0.8125rem;

  padding-inline-start: 1.5rem;

}

div#version-summary fieldset { margin-block-end: 1em; }

div#version-summary fieldset.time-tracking table { inline-size: 100%; }

div#version-summary th, div#version-summary td.total-hours { text-align: end; }

  border: 1px solid var(--oc-gray-4);

  border-radius: 3px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  break-inside: avoid-column;

  border-end-end-radius: 4px;

}

.pagination ul.pages li.current {

}

.pagination ul.pages li.page:hover {

  background-color: var(--oc-gray-2);

  overflow-y:auto;

  padding-block: 2px 4px;

  padding-inline: 2px 4px;

  border:1px solid var(--oc-gray-4);

  border-radius:3px

}

div.thumbnails {margin:0.6em;}

div.thumbnail {

  border: 2px solid var(--oc-gray-3);

  display: inline-block;

  margin-inline-end: 2px;

.roles-selection label {display: inline-block; inline-size: 210px;}

input.autocomplete {

}

[dir="rtl"] input.autocomplete {

  background-position: right 2px top 50%;

  border: 1px solid var(--oc-gray-4);

  border-spacing: 0;

  border-radius: 3px;

}

.cal .calhead {

  line-height: 1.2;

  min-block-size: calc(1.2em * 6);

  padding: 2px;

}

.cal .calbody p.day-num {font-size: 1.1em; text-align: end;}

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cal .calbody.other-month {background-color:var(--oc-gray-0);}

.cal .calbody.other-month p.day-num {color: var(--color-text-muted);}

.cal .calbody.today p.day-num {font-weight: bold;}

inset-block-start: 12px; inline-size: 270px;

border:1px solid var(--oc-gray-7);

border-radius: 3px;

padding: 4px;

font-size: 0.75rem;

color:var(--oc-gray-7);

}

table.cal div.tooltip:hover span.tip {

}

#content .tabs ul li a.selected {

  border: 1px solid var(--oc-gray-4);

  color: var(--oc-gray-8);

  box-shadow: 0 1px 2px rgba(var(--oc-black-rgb), 0.1);

}

div.tabs-buttons {

  position: absolute;

  inset-inline-end: 0;

  inline-size: 54px;

  block-size: 24px;

  inset-block-end: 0px;

  border-block-end: 1px solid var(--oc-gray-5);

}

  cursor: pointer;

  display: none;

  border-radius: 3px;

  border: 1px solid var(--oc-gray-4);

  padding-block: 0 3px;

  padding-inline: 3px;

/***** My page layout *****/

.block-receiver {

  padding-block: 15px 0;

  padding-inline: 0;

}

  color:var(--oc-gray-7);

  line-height:1.5em;

  border-radius: 3px;

}

.mypage-box>.contextual {opacity:0.001; transition: opacity 0.2s;}

}

div.avatar-with-child > .avatar:nth-child(2).group-avatar {

}

h2 .avatar, h3 .avatar {margin-inline-end: 4px;}

.hascontextmenu { cursor: context-menu; }

.sample-data td {

  border:1px solid var(--oc-gray-4);

  padding-block: 2px;

#progress-label {

position: absolute; inset-inline-start: 50%; inset-block-start: 4px;

font-weight: bold;

}

.repository-graph {inline-size: 75%; margin-block-end: 2em;}

  max-inline-size: 500px;

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

}

.ui-widget-overlay {

    background: var(--oc-black);

/* Custom tribute styles */

.tribute-container ul {

  border: 1px solid var(--oc-gray-4);

  border-radius: 2px;

}

/************* Rouge styles *************/

/* Based on the Pygments "colorful" theme, with colors mapped to Open Color */

  padding: 1em;

  border: 1px solid var(--oc-gray-4);

  border-radius: 3px;

  overflow-x: auto;

}

#context-menu li:hover ul, #context-menu li:hover li:hover ul { display:block; }

/* selected element */

.gantt-timeline .context-menu-selection { background-color: rgba(var(--oc-blue-7-rgb), 0.4) !important; }

.gantt-timeline .context-menu-selection:hover { background-color: rgba(var(--oc-blue-7-rgb), 0.4) !important; }

.gantt-timeline .context-menu-selection a { color: var(--oc-blue-9) !important; }

.dropdown-content {

  /* Configuration Variables */

  --dropdown-border: var(--oc-gray-4);

  --dropdown-shadow: rgba(var(--oc-black-rgb), 0.1);

  --dropdown-item-padding-block: 6px;

}

.gantt-row[data-gantt-row-type="version"] .gantt-task-todo {

  block-size: 4px;

  margin-block-start: 3px;

}

}

.gantt-row[data-gantt-row-type="project"] .gantt-task-todo {

  block-size: 4px;

  margin-block-start: 3px;

}

}

.wiki-preview {

    color: var(--oc-gray-9);

    border: 1px solid var(--oc-gray-4);

}

.wiki-preview p.empty-preview {color: var(--color-text-muted); font-style: italic; margin-block-start: 1em; text-align: center;}

.table-generator td {

    border: 2px solid var(--oc-gray-5);

    padding: 10px;

    cursor: pointer;

}

  /* reset #header a color for mobile toggle button */

  #header a.mobile-toggle-button {

  }

    border: none;

    -webkit-border-radius: 3px;

    border-radius: 3px;

  }

  .flyout-menu__avatar {