LCARStrek/browser/devtools/font-inspector.css

   1 * {
   2   -moz-box-sizing: border-box;
   3 }
   4
   5 body {
   6   margin: 0;
   7   padding-bottom: 20px;
   8 }
   9
  10 #all-fonts {
  11   padding: 0;
  12   margin: 0;
  13 }
  14
  15 #showall {
  16   border-radius: 300px;
  17   border: none;
  18   background-color: #C09070;
  19   color: #000000;
  20   margin: 3px;
  21   cursor: pointer;
  22   position: fixed;
  23   bottom: 0;
  24   right: 0;
  25 }
  26
  27 #showall:hover,
  28 #showall:hover:active {
  29   background-color: #FFCF00;
  30   color: #000000;
  31 }
  32
  33 .font {
  34   padding: 10px 5px;
  35   font-size: 0;
  36 }
  37
  38 .theme-dark .font {
  39   border-bottom: 1px solid #9C9CFF;
  40 }
  41
  42 .theme-light .font {
  43   border-bottom: 1px solid #9C9CFF;
  44 }
  45
  46 .font:last-of-type {
  47   border-bottom: 0;
  48 }
  49
  50 .theme-light .font:nth-child(even) {
  51   background-color: rgba(255,159,0,.2);
  52 }
  53
  54 .font-preview {
  55   height: 60px;
  56   width: 100%;
  57   border: 0;
  58   display: block;
  59 }
  60
  61 .font-info {
  62   font-size: 1rem;
  63   display: block;
  64 }
  65
  66 .font-name {
  67   display: inline;
  68 }
  69
  70 .font-css-code {
  71   max-width: 100%;
  72   overflow: hidden;
  73   text-overflow: ellipsis;
  74   padding: 5px;
  75 }
  76
  77 .theme-light .font-css-code,
  78 .theme-light .font-url {
  79   border: 1px solid #A09090;
  80   color: #9C9CFF;
  81 }
  82
  83 .theme-dark .font-css-code,
  84 .theme-dark .font-url {
  85   border: 1px solid #A09090;
  86   color: #9C9CFF;
  87 }