LCARStrek/devtools/font-inspector.css

   1 * {
   2   box-sizing: border-box;
   3 }
   4
   5 body {
   6   display: flex;
   7   flex-direction: column;
   8   height: 100%;
   9   margin: 0;
  10   padding-bottom: 20px;
  11 }
  12
  13 #all-fonts {
  14   padding: 0;
  15   margin: 0;
  16 }
  17
  18 #showall {
  19   border-radius: 300px;
  20   border: none;
  21   background-color: #C09070;
  22   color: #000000;
  23   margin: 3px;
  24   cursor: pointer;
  25   position: fixed;
  26   bottom: 0;
  27   right: 0;
  28 }
  29
  30 #showall:hover,
  31 #showall:hover:active {
  32   background-color: #FFCF00;
  33   color: #000000;
  34 }
  35
  36 .font {
  37   padding: 10px 10px;
  38 }
  39
  40 .theme-dark .font {
  41   border-bottom: 1px solid #9C9CFF;
  42 }
  43
  44 .theme-light .font {
  45   border-bottom: 1px solid #9C9CFF;
  46 }
  47
  48 .font:last-of-type {
  49   border-bottom: 0;
  50 }
  51
  52 .theme-light .font:nth-child(even) {
  53   background-color: rgba(255,159,0,.2);
  54 }
  55
  56 .font-preview {
  57   margin-left: -4px;
  58   height: 60px;
  59   display: block;
  60 }
  61
  62 .font-info {
  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 }