Testlink styling

testlink-custom.css

/* Test with Stylebot extension */

body, body.testlink {
  font-size: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

img[title="logo"] {
  margin: 34px 10px;
}

/* Top menu */
div.menu_title {
  text-align: right;
  margin-left: 0;
  padding: 4px;
  color: #333;
}

div.menu_bar {
  margin-top: 2px;
  border:0;
  background: #eee;
  padding: 4px 8px;
  border-radius: 4px;
  color: #555;
}

.menu_bar a {
  vertical-align: middle;
  margin: 3px 0px;
  display: inline-block;
}

.menu_title a::after,
.menu_bar a::after {
  display: inline-block;
  content: attr(data-title) '';
  font-size: 85%;
  margin-left: 4px;
}

.menu_title a > img,
.menu_bar a > img {
  vertical-align: middle;
}

#searchTC {
  position: absolute;
  left: 135px;
  top: 0;
}

#fullTextSearch {
  position: absolute;
  left: 270px;
  top: 0;
}

#searchTC > input[type="text"],
#fullTextSearch > input[type="text"] {
  font-size: 90%;
}

.vertical_menu a.list-group-item {
    padding: 7px 15px !important;
}

h1, h1.title {
    background: #059;
    border: none;
    color: white;
    padding: 12px;
    font-size: 16px;
    font-weight: normal;
}

.list-group {
box-shadow:none;
}

/* tables */
table.simple, table.simple_tableruler {
  border: none;
}

table.common th, table.simple th, table.simple_tableruler th {
  background: rgb(207, 226, 255);
  border-color: #9ec5fe;
  color: rgb(5, 44, 101);
  font-family: inherit;
}

div.workBack {
  background: rgb(252, 252, 253);
  color: rgb(73, 80, 87);
  border: 1px solid #ddd;
}

/* sidebar */
.x-panel-header {
  background: rgb(206, 212, 218);
  color: rgb(73, 80, 87);
  border: 1px solid #adb5bd;
}

.x-panel-body {
  border: none;
}

table.smallGrey {
  border: none;
}

/* buttons */
input[type="button"], 
input[type="submit"], 
input[type="reset"], button {
     outline: 0;
     text-align: center;
     cursor: pointer;
     padding: 2px 8px;
     border-radius: 2px;
     min-width: 40px;
     background: rgb(0, 120, 212);
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: 400;
     box-sizing: border-box;
     border: 1px solid rgb(0, 120, 212);
}
input[type="button"]:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
button:hover {
     background-color: rgb(16, 110, 190);
     border-color: rgb(16, 110, 190);
}

                

testlink-custom.js

// Execute in navBar iframe context
var links = document.querySelectorAll('.menu_bar a, .menu_title a');

links.forEach(function(link) {
  var img = link.querySelector('img');
  if (img && img.getAttribute('title')) {
    link.setAttribute('data-title', img.getAttribute('title'));
  }
});