devinteske

Grafana HR Extra Fancy 2

Jul 11th, 2020
627
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.97 KB | None | 0 0
  1. <style>
  2. .hr-text {
  3.   line-height: 1em;
  4.   position: relative;
  5.   outline: 0;
  6.   border: 0;
  7.   color: black;
  8.   text-align: center;
  9.   height: 1.5em;
  10.   opacity: .5;
  11.   font-family: Futura, sans-serif;
  12. }
  13. .hr-text:before {
  14.   content: '';
  15.   background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent));
  16.   background: linear-gradient(to right, transparent, #FFFFFF, transparent);
  17.   position: absolute;
  18.   left: 0;
  19.   top: 50%;
  20.   width: 100%;
  21.   height: 1px;
  22. }
  23. .hr-text:after {
  24.   content: attr(data-content);
  25.   position: relative;
  26.   display: inline-block;
  27.   color: black;
  28.   padding: 0 .5em;
  29.   line-height: 1.5em;
  30.   color: #FFFFFF;
  31.   background-color: #161719;
  32.   white-space: pre;
  33.   margin-top: -9px;
  34. }
  35. </style>
  36. <table align="center" width="100%" height="100%" style="border: 0px">
  37.   <tr><td style="border: 0px">
  38.     <hr align="center" class="hr-text" data-content="^ INTERFACES ^
  39. v CLIENTS v">
  40.   </td></tr>
  41. </table>
Add Comment
Please, Sign In to add comment