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 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   height: 60px;
  55   width: 100%;
  56   border: 0;
  57   display: block;
  58 }
  59
  60 .font-info {
  61   display: block;
  62 }
  63
  64 .font-name {
  65   display: inline;
  66 }
  67
  68 .font-css-code {
  69   max-width: 100%;
  70   overflow: hidden;
  71   text-overflow: ellipsis;
  72   padding: 5px;
  73 }
  74
  75 .theme-light .font-css-code,
  76 .theme-light .font-url {
  77   border: 1px solid #A09090;
  78   color: #9C9CFF;
  79 }
  80
  81 .theme-dark .font-css-code,
  82 .theme-dark .font-url {
  83   border: 1px solid #A09090;
  84   color: #9C9CFF;
  85 }