LCARStrek/browser/devtools/font-inspector.css

   1 * {
   2   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 10px;
  35 }
  36
  37 .theme-dark .font {
  38   border-bottom: 1px solid #9C9CFF;
  39 }
  40
  41 .theme-light .font {
  42   border-bottom: 1px solid #9C9CFF;
  43 }
  44
  45 .font:last-of-type {
  46   border-bottom: 0;
  47 }
  48
  49 .theme-light .font:nth-child(even) {
  50   background-color: rgba(255,159,0,.2);
  51 }
  52
  53 .font-preview {
  54   margin-left: -4px;
  55   height: 60px;
  56   display: block;
  57 }
  58
  59 .font-info {
  60   display: block;
  61 }
  62
  63 .font-name {
  64   display: inline;
  65 }
  66
  67 .font-css-code {
  68   max-width: 100%;
  69   overflow: hidden;
  70   text-overflow: ellipsis;
  71   padding: 5px;
  72 }
  73
  74 .theme-light .font-css-code,
  75 .theme-light .font-url {
  76   border: 1px solid #A09090;
  77   color: #9C9CFF;
  78 }
  79
  80 .theme-dark .font-css-code,
  81 .theme-dark .font-url {
  82   border: 1px solid #A09090;
  83   color: #9C9CFF;
  84 }