Redmine css

redmine.css

/*
/ @import url('https://gist.githubusercontent.com/loominade/58b5bec1de176950fe580abed425b746/raw/redmine.css');
*/

@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@4/distr/fira_code.css);
@import url(https://icons.loom.de/loomicons.css)

body {
  font-family: "helvetica neue",helvetica,arial,basic,sans-serif;
}

#header > h1 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjcuMjkyIiBoZWlnaHQ9IjgwIj4KICAgIDxwYXRoIGQ9Ik0wIDIuNTEzdjc3LjU4NGg0MC4xM1Y2NC41OEgxOC4wNjRWMi41MTN6bTk1LjA1MSA1MS40MjVjMCAxNy4yMDItNi4xMjYgMjYuMTU5LTI0LjYwNCAyNi4xNTktMTguNDc5IDAtMjQuOTEzLTguOTU3LTI0LjkxMy0yNi4xNTlWMjIuODkzQzQ1LjUzMSA4LjIzOCA1NC40NTkuMDk3IDcwLjQ0Ny4wOTdjMTUuOTkgMCAyNC42MDQgOC4xNDEgMjQuNjA0IDIyLjc5NnYzMS4wNDV6TTc2Ljc3OSAyNC4xMTNjMC00LjY3OS0uNDE1LTEwLjI3OC02LjQzNy0xMC4yNzgtNS44MTMgMC02LjUzOCA1LjU5OS02LjUzOCAxMC4yNzh2MzEuMzUyYzAgNC4zNzUuNzI1IDEwLjg4OSA2LjY0MyAxMC44ODkgNS45MTcgMCA2LjMzNS02LjUxNCA2LjMzNS0xMC44ODlWMjQuMTEzem03My45MzIgMjkuODI1YzAgMTcuMjAyLTYuMTI3IDI2LjE1OS0yNC42MDUgMjYuMTU5LTE4LjQ3OSAwLTI0LjkxNi04Ljk1Ny0yNC45MTYtMjYuMTU5VjIyLjg5M2MwLTE0LjY1NSA4LjkyOC0yMi43OTYgMjQuOTE2LTIyLjc5NnMyNC42MDUgOC4xNDEgMjQuNjA1IDIyLjc5NnYzMS4wNDV6bS0xOC4yNzMtMjkuODI1YzAtNC42NzktLjQxNS0xMC4yNzgtNi40MzctMTAuMjc4LTUuODEzIDAtNi41MzggNS41OTktNi41MzggMTAuMjc4djMxLjM1MmMwIDQuMzc1LjcyNSAxMC44ODkgNi42NDMgMTAuODg5IDUuOTE3IDAgNi4zMzUtNi41MTQgNi4zMzUtMTAuODg5VjI0LjExM3ptMjQuMTUzIDU0LjE1MVYxLjkzaDI1Ljc0OGw5LjQ0OSA0NS4wODdoLjIwNmw5Ljc2Mi00NS4wODdoMjUuNTM2djc2LjMzNGgtMTcuNDQzbDEuODczLTU5Ljg0OWgtLjIxMmwtMTIuODczIDU5Ljg0OWgtMTMuNTk5bC0xMi41Ni01OS44NDloLS4yMDlsMS42NjEgNTkuODQ5eiIgZmlsbD0iI0ZGRiIvPgo8L3N2Zz4K");
  background-size: 113.5px 40px;
  padding-left: 145px;
  padding-top: 18px;
  min-height: 26px;
  background-color: #2E2929;
}

.cf_9 > .value {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  background-color: #f3f3f3;
  border-radius: 6px;
  user-select: all;
  font-family: 'Fira Code VF', monospace;
  max-width: max-content;
}

.wiki th:empty {
  display: none;
}

pre,
code {
  padding: .2em .4em;
  margin: 0;
  font-size: 85%;
  background-color: #f3f3f3;
  border-radius: 6px;
  font-family: 'Fira Code VF',basic, monospace;
  line-height: 1;
  display: inline-block;
}

pre code {
  background: transparent;
}

pre {
  max-width: 100%;
  box-sizing: border-box;
}

.syntaxhl .string {
  background: transparent;
}

textarea {
  font-family: 'Fira Code VF',basic,monospace;
  padding: 1em;
  line-height: 1.2;
}

.journal-link {
  opacity: 0;
  transition: opacity .25s; 
}

.journal:hover .journal-link {
  opacity: 1;
}

.journal .contextual {
  opacity: 0;
  transition: opacity .25s; 
}

.contextual .icon-only {
  font-size: 1.4em;
}

.journal:hover .contextual {
  opacity: 1;
}

.journal > div:target {
  background: #f4f4f4;
  padding: 1em;
  margin: 1em 0;
  border: 1px solid #959595;
}

body.controller-documents div.wiki {
  max-width: 60em;
  margin: auto;
  border: 1px solid #d5d5d5;
  padding: 3em;
}

body.controller-documents div.wiki h1,
body.controller-documents div.wiki h2,
body.controller-documents div.wiki h3,
body.controller-documents div.wiki h4,
body.controller-documents div.wiki h5,
body.controller-documents div.wiki h6 {
  margin-top: 1em;
}

body.controller-documents div.wiki > [name="COMPOSER"] + h1 {
  margin-top: 0;
}

div.wiki pre {
  margin: 1em 0;
}

/*
.other-formats {
  opacity: 0;
  transition: opacity .25s;
}

.other-formats:hover {
  opacity: 1;
}
*/

.agile-board.autoscroll {
  margin-bottom: 0;
}


tr span.expander {
  background: none !important;
}
tr span.expander::before {
  content: '➕'
}
tr.open span.expander::before {
  content: '➖'
}

.quick-edit-card > .add-comment::before {
  content: '💬';	
}

.quick-edit-card > .add-comment > img {
  display: none;
}

div.journal {
  overflow: visible;
}

.icon-only.icon-edit,
.icon-only.icon-del,
.icon-only.icon-download,
.icon-only.icon-comment,
.icon-only.icon-link-break,
.icon-only.icon-add,
.icon-only.icon-actions {
  background: none;
  padding: 0;
  width: 1.3em;
  white-space: nowrap;
  vertical-align: bottom;
  height: 1.7em;
  color: transparent !important;
  overflow: hidden;
  font-family: "helvetica neue",helvetica,arial, basic, sans-serif;
}

.icon-only.icon-checked {
  background: none;
  font-size: 1em;
  padding: 0;
  width: auto;
}

.icon-only.icon-edit::before {
  content: '✏️';
  color: black;
}

.icon-only.icon-actions::before {
  content: '⋯';
  color: black;
}

.icon-only.icon-checked::after {
  content: '';
}

.icon-only.icon-checked::before {
  content: '✅';
}

.icon-only.icon-del::before {
  content: '❌';
  color: black;
}

.icon-only.icon-download::before {
  content: '💾';
  color: black;
}

.icon-only.icon-link-break::before {
  content: '❌';
  color: black;
}

.icon-only.icon-comment::before {
  content: '💬';
  color: black; 
}

.icon-only.icon-add::before {
  content: '➕';
  color: black; 
}

.icon.icon-fullscreen {
  background: none;
}

.icon-fullscreen::before {
  content: '⮺ ';
}

fieldset.collapsible > legend,
fieldset.collapsible.collapsed > legend {
  background-image: none;
  padding: 0;
}
fieldset.collapsible > legend::before {
  content: '🔽 '
}

fieldset.collapsible.collapsed > legend::before {
  content: '▶️ '
}

.syntaxhl .insert .eyecatcher {
  background-color: rgb(176, 252, 176);
  border: none;
  border-radius: 0;
}

[for="issue_custom_field_values_2"],
#issue_custom_field_values_2 {
    display: none;
}

#projects-index a.icon-fav {
    background: none;
    padding-right: 0;
}

#projects-index a.icon-fav::before {
  content: ''
}

#projects-index .description {
    font-size: .5em;
}

#projects-index .child {
    break-inside: avoid;
}

.icon {
  padding: 0;
  background: none;
  font-family: "helvetica neue",helvetica,arial, basic, sans-serif;
}

.icon-issue-edit::before,
.icon-edit::before {
    content: '✏️ ';
}

.icon-time::before, 
.icon-time-add::before {
    content: '⏱ ';
}

.icon-fav-off::before {
    content: "⭐️ ";
}

.icon-fav::before {
    content: "🌟 ";
}

.icon-copy::before {
  content: "📑 ";
}

.icon-del::before {
  content: "❌ ";
}

.icon-add::before {
  content: "➕ ";
}

.icon-issue-closed::before,
.icon-checked::before {
  content: "✔ ";
}

.icon-reload::before {
  content: "🔄 ";
}

.icon-save::before {
  content: "💾 ";
}

.icon-zoom-in:before {
  content: "➕ ";
}

.icon-zoom-out::before {
  content: "➖ ";
}

.icon-user::before {
  content: "👤 ";
}

.icon-group::before {
  content: "👥 ";
}

.icon-roles::before {
  content: "👔 ";
}

.icon-issue-note::before,
.icon-issue::before {
  content: "🗒 ";
}

.icon-email-add::before {
  content: "📧 ";
}


.icon-projects::before {
  content: "🏗 ";
}

.icon-lock::before {
  content: "🔒 ";
}

.icon-workflows::before {
  content: "✂ ";
}

.icon-list::before {
  content: "🔢 ";
}

.icon-custom-fields::before {
  content: "💩 ";
}

.icon-settings::before {
  content: "⚙ ";
}


.icon-passwd::before {
  content: "🔑 ";
}

.toggle-multiselect {
  padding: 0;
  background: none;
}

.toggle-multiselect::before {
  content: '';
  font-family: basic;
}

.sort-handle.ui-sortable-handle {
  background: none;
  height: auto;
  width: auto;
}

.sort-handle.ui-sortable-handle::before {
  font-family: basic,sans-serif;
  content: '↕';
}

a.atom {
  padding: 0;
  background: none;
  font-family: "helvetica neue",helvetica,arial, basic, sans-serif;
}

h1, h2, h3, h4 {
  font-family: "helvetica neue",helvetica,arial, basic, sans-serif;
}

a.atom::before {
  content: ' ';
}

#footer {
  display: none;
}

#content {
  border-right: none
}

#main {
  background-color: transparent;
}

img.gravatar {
  border: none;
  padding: 0;
  border-radius: 3px;
}

.gravatar.gravatar-child {
  display: none;
}

#context-menu a {
  padding: 1px !important;
  background: none;
}

div.issue {
    background: #3d454c14;
}

#top-menu {
    background: #1C1515;
}

#main-menu {
  background-color: #265562;
}

#header {
    background-color: #2e2929;
}

div#main-menu li a.new-object {
    background-color: #2e2929;
}

input.autocomplete {
    background: #fff url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyBpZD0iZW1vamkiIHZpZXdCb3g9IjAgMCA3MiA3MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPGcgaWQ9ImxpbmUiPg0KICAgIDxlbGxpcHNlIGN4PSI0My45NzEyIiBjeT0iMjUuNDc1NyIgcng9IjE0LjYzNzIiIHJ5PSIxNC42MzcyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUzNzkgLTAuODQzIDAuODQzIDAuNTM3OSAtMS4xNTc4IDQ4LjgzOTEpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgICA8ZWxsaXBzZSBjeD0iNDMuOTcxMyIgY3k9IjI1LjQ3NTciIHJ4PSIxMS4xNjU3IiByeT0iMTEuMTY1NiIgdHJhbnNmb3JtPSJtYXRyaXgoMC41Mzc5IC0wLjg0MyAwLjg0MyAwLjUzNzkgLTEuMTU3OCA0OC44MzkxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMzEuMzEwMiwzOS45NjU3bDQuNDA1NywyLjgxMUwyNS4yMiw1OS4yMjY3Yy0wLjc0OTksMS4xNzUzLTIuMzQ0LDEuNDk4Ni0zLjU2MDYsMC43MjI0bDAsMCBjLTEuMjE2Ni0wLjc3NjMtMS41OTUtMi4zNTgyLTAuODQ1MS0zLjUzMzVMMzEuMzEwMiwzOS45NjU3eiIvPg0KICA8L2c+DQo8L3N2Zz4=') no-repeat -5px 50%;
}

div#main-menu li > a {
    color: #fff;
}

div.wiki .external {
  background: none;
  padding: 0;
}

div.wiki .external:not([href^="#"])::after {
  content: '⮺';
  font-size: .5em;
  vertical-align: super;
}

div.issue span.private,
div.journal span.private {
  background: #265562;
}

.tag-label > a,
.select2-selection__choice {
  background: #2e2929 !important;
  display: inline-block;
  padding: .1em .25em;
  color: white !important;
  border-radius: .1em;
  margin: .1em;
}

.issue-card:not(.context-menu-selection) .sub-issues ul {
  padding: 0;
  display: flex;
}

.issue-card:not(.context-menu-selection) .sub-issues ul > li {
  display: inline-block;
  width: .6em;
  height: .6em;
  border: 1px solid currentColor;
  text-indent: 100%;
  overflow: hidden;
  margin: 1px;
  border-radius: 1em;
}

.issue-card:not(.context-menu-selection) .sub-issues ul > .task-closed {
  background: currentColor;
  color: inherit;
  order: -1;
}

img[src$=".png"] {
  transition: background .25s;
}

img[src$=".png"]:hover {
  background: black;
}