Websites/browserbench.org/resources/main.css

   1 body {
   2     font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
   3     font-size: 14px;
   4     line-height: 19px;
   5     -webkit-user-select: none;
   6 }
   7
   8 ::selection {
   9     background-color: rgb(200, 0, 0);
  10     color: white;
  11 }
  12
  13 img {
  14     -webkit-user-select: none;
  15     -webkit-user-drag: none;
  16 }
  17
  18 main {
  19     width: 800px;
  20     margin: auto;
  21     text-align: center;
  22     padding: 10px;
  23 }
  24
  25 #logo {
  26     font-family: "Gill Sans", sans-serif;
  27     margin-top: 60px;
  28     line-height: 50px;
  29     font-size: 50px;
  30     color: color: rgb(50, 50, 50);
  31 }
  32
  33 #logo span {
  34     margin: 0 2px;
  35     padding: 0 2px;
  36 }
  37
  38 #logo .normal {
  39     background-color: rgb(200, 0, 0);
  40     color: white;
  41 }
  42
  43 #logo .light {
  44     color: rgb(100, 100, 100);
  45     font-family: GillSans-Light, sans-serif;
  46 }
  47
  48 #logo .highlight {
  49     color: rgb(200, 0, 0);
  50     font-weight: bold;
  51     padding-right: 0;
  52     margin-right: 0;
  53 }
  54
  55 hr {
  56     border: 2px solid rgb(200, 0, 0);
  57     border-radius: 2px;
  58     margin: 20px 0;
  59 }
  60
  61 .benchmark {
  62     display: block;
  63     text-decoration: none;
  64     margin-top: 40px;
  65     padding: 30px 0 10px 0;
  66     border-radius: 20px;
  67     cursor: pointer;
  68     outline: none;
  69     border: 4px solid transparent;
  70 }
  71
  72 .benchmark:focus {
  73     border: 4px solid rgb(200, 0, 0);
  74 }
  75
  76 .benchmark p {
  77     color: rgb(128, 128, 128);
  78     -webkit-user-select: text;
  79 }
  80
  81 .benchmark:hover img {
  82     -moz-filter: invert(100%) brightness(200);
  83     -webkit-filter: invert(100%) brightness(200);
  84     filter: invert(100%) brightness(200);
  85 }
  86
  87 .benchmark:hover {
  88     background-color: rgb(200, 0, 0);
  89 }
  90
  91 .benchmark:hover * {
  92     color: white !important;
  93 }
  94
  95 #ares-6-logo {
  96     width: 625px;
  97     height: 137px;
  98 }
  99
 100 #motionmark-logo {
 101     width: 625px;
 102     height: 154px;
 103 }
 104
 105 #speedometer-logo {
 106     width: 625px;
 107     height: 116px;
 108 }
 109
 110 #jetstream-logo {
 111     width: 621px;
 112     height: 96px;
 113 }
 114