Redmine style updates

overridingstyles.css

/**
 * Most up to date version here:
 * https://gist.github.com/wesruv/cc6e733f1ab059393a0615e233a180ab
 */

body {
  font-family: 'Liberation Sans', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #111;
}

#top-menu {
  background: #0E486A;
}

#header {
  background: #0E486A;
}
@media (min-width: 900px) {
  #header {
    padding: 1rem 1.5rem 0;
  }
  
  #main {
    display: grid;
    grid-template-columns: calc(100% - 300px) 300px;
  }
  #sidebar {
    grid-column: 2;
    grid-row: 1;
  }
  #content {
    grid-column: 1;
    grid-row: 1;
  }
}

#main-menu {
  position: static;
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  padding: 0.5em 1.5em 0;
  background: transparent;
}

#main-menu li a.new-object {
  background: #3b7da3;
  font-weight: bold;
  text-shadow: 1px 1px 3px #0E486A;
}

#main-menu li a:hover,
#main-menu .menu-children li a:hover,
#main-menu li a:focus,
#main-menu .menu-children li a:focus {
  background: #3b7da3;
}

a.issue.closed, a.issue.closed:visited {
  color: #6a6f89
}

div.journal ul.details, ul.revision-info {
  color: #6a6f89
}

#content .tabs ul li a {
  color: #6a6f89
}

#project-jump .drdn-trigger, #quick-search #q {
  height: 30px;   
}

#footer {
  color: #6a6f89;
}

#main-menu li a {
  font-weight: normal;
}

#content {
  padding: 1em 2em;
}

#content h1,
h2,
h3,
h4 {
  color: inherit;
  font-weight: 200;
}

.box {
  padding: 0.5em 1em;
  color: inherit;
}

pre {
  width: 100%;
  max-width: 100vw;
  padding: 0.75em 1.2em;
  border: 1px solid #a4cddc;
  overflow-x: auto;
  
}

pre code,
pre code[class] {
  background: transparent;
}

input[type="submit"][type][type],
button[type="submit"][type][type] {
  color: #fff;
  background: #0E486A;
  border: 0!important;
  box-shadow: inset 2px 2px 0 0 #3183b4;
  transition: box-shadow 0.25s ease;
  appearance: none;
}
input[type="submit"][type][type]:hover, 
button[type="submit"][type][type]:hover,
input[type="submit"][type][type]:focus, 
button[type="submit"][type][type]:focus {
  color: #fff;
  background: #062f47;
  border: 0;
}

input[type="submit"][type][type]:active,
button[type="submit"][type][type]:active {
  box-shadow:
    inset -2px -2px 0 0 #3183b4, 
    inset -2px -2px 0 0 #00000055;
}

/**
 * Wiki styles
 */
.wiki h1 {
  font-size: 2em;
}

.wiki h2 {
  font-size: 1.75em;
}

.wiki h3 {
  font-size: 1.5em;
}

.wiki h4 {
  font-size: 1.25em;
}

.wiki h5,
.wiki h6 {
  font-size: 1.125em;
  font-weight: bold;
}

div.wiki ul.toc {
  padding: 1em 1em;
  line-height: 1.4;
  font-size: 1rem;
  background: rgb(240 249 255);
  border: 1px solid #84c5ea;
  color: #444;
}

div.wiki ul.toc ul {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

div.wiki ul.toc li {
  margin-bottom: 0.5em;
}

div.wiki ul.toc li a[href] {
  font-size: 1rem;
  color: #444;
}

div.wiki ul.toc.right,
div.wiki ul.toc.left {
  max-width: 25em;
}

ul.toc.right {
  clear: right;
}

@media (max-width: 1024px) {
  div.wiki ul.toc.right,
  div.wiki ul.toc.left {
    float: none;
  }
}

/* Fix issue where there's an unnecessary empty li level */
div.wiki ul.toc ul li:only-child > ul > li {
  margin-left: 0;
}

div.wiki ul.toc li,
div.wiki ul.toc li a {
  font-size: 0.875rem;
  transform: none;
}

/**
 * Issues styles
 */
[id="content"] > h2,
div.issue div.subject[class] h3 {
  font-size: 1.5em;
}

div.issue {
  padding: 1em 1.5em;
  background: rgb(240 249 255);
  border: 1px solid #84c5ea;
}

div.issue a {
  color: #094f7a;
}

div.issue div.subject[class] p,
div.issue p.author {
  font-size: 0.8em;
  margin: 0;
}

div.issue div.subject div div {
  padding: 0;
}

div.issue div.subject h3 {
  font-size: 1.25em;
}

[id="main"] li {
  margin: 0 0 0.75em;
}
[id="main"] li ul,
[id="main"] li ol,
div.wiki li > ul,
div.wiki li > ol {
  margin-top: 0.25em;
  margin-bottom: 0.75em;
}

div.wiki *:not(pre)>code,
div.wiki > code {
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  font-size: 0.9375rem;
  font-family: Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace;
  color: #000;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
  background: #ededed;
}

div.issue *:not(pre) > code,
div.issue > code {
  background: #fff;
}

/**
 * Agile Board
 */
table.issues-board.list {
  width: auto;
}

table.issues-board.list th {
  font-size: 0.875em;
  min-width: 7em;
}

table.issues-board.list td {
  padding: 0;
  box-shadow: inset 1px 0 0 #ddd;
}

.issue-card {
  font-size: 0.75em;
  width: 10em;
  margin: 0.5em;
  background: rgb(240 249 255);
  border: 1px solid #84c5ea;
}

/**
 * Issues Search
 */
.buttons a {
  display: inline-block;
  padding: 0.25em 0.75em;
  border: 1px solid #72a8e5;
  background-color: #f7fbff;
  color: #004c98;
  border-radius: 4px;
}

.buttons a:hover,
.buttons a:focus {
  box-shadow: 
    inset -1px -1px 0 0 #a7cbf0,
    inset 1px 1px 0 0 #fff;
  text-decoration: none;
}

.buttons .icon {
  padding-left: calc(0.75em + 16px);
  background-position: calc(0.75em - 2px) center;
}

div.issue .attribute .value {
  overflow: visible;
}

table.progress {
  position: relative;
  top: -0.125em;
  /* Border that doesn't take up layout space */
  box-shadow: 0 0 0 2px #fff;
}

/* Grayed out text color */
span.checklist-subject.is-done-checklist-item,
span.checklist-item.is-done-checklist-item,
#checklist_items li.is-done-checklist-item {
  color: #777;
}

/* Small grayed out text */
div.issue .next-prev-links,
div.issue div.subject p {
  color: #555;
}

/**
 * Git repo styles
 */
.git_url_text {
  display: block;
  height: 25px;
  border-radius: 0;
}

.git_url_permissions {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  line-height: 1;
}

table.filecontent td.line-code pre {
  padding: 0;
  border: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}

td.buttons a {
  box-sizing: border-box;
  display: block;
  max-width: 6em;
}

td.buttons[class][class] a {
  margin: 0 0 5px;
}

input[value="View differences"] {
  /* Fixes issue where git's merkle tree diagram overlaps button */
  position: relative;
  z-index: 999;
}

/**
 * Priority Queue
 */
.priority_queue .issue {
  padding: 0.5em 0.75em;
}

.priority_queue_toggle_controls {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}

.priority_queue_toggle_controls li {
  margin-bottom: 0;
}

.priority_queue_toggle {
  padding: 0.25em 0.75em;
}

/* Makes sure position:sticky works when issue edit form is up */
#content:has(form.edit_issue),
#wrapper:has(form.edit_issue){
  overflow: visible;
}

form.edit_issue:after {
  content: '';
  position: sticky;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 2.5em;
  margin-top: -2.25em;
  background: #eee;
}

.edit_issue [type="submit"],
[onclick="$('#update').hide(); return false;"] {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: inline-block;
  margin-left: 0.75em;
}

/* Special Agent queue improvements */
.special-agent-queue .special-agent {
  background: transparent;  
}

.special-agent-queue .special-agent.issue {
  border: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.special-agent-queue .issue_data a:first-child {
  display: inline-block;
  margin: -0.125em 0; /* Prevent padding taking up extra height*/
  padding: 0.125em 0.5em;
  font-weight: bold;
  color: #fff;
  background: #3b7da3;
  border-radius: 0.5em;
}