Home | History | Annotate | Download | only in diagnostics 
      1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file.
      4  */
      5 
      6 body {
      7   padding: 0;
      8 }
      9 
     10 .navigation {
     11   color: rgb(92, 97, 102);
     12 }
     13 
     14 .navigation h1 {
     15   margin: 0;
     16   padding: 21px 23px 13px;
     17 }
     18 
     19 .navigation ul {
     20   list-style-type: none;
     21   padding: 0;
     22 }
     23 
     24 .navigation ul > li {
     25   -webkit-border-start: 6px solid transparent;
     26   -webkit-padding-start: 18px;
     27   -webkit-user-select: none;
     28   line-height: 29px;
     29 }
     30 
     31 .navigation ul > li.selected {
     32   -webkit-border-start-color: rgb(78, 87, 100);
     33   cursor: default;
     34   pointer-events: none;
     35 }
     36 
     37 .page {
     38   color: rgb(48, 57, 66);
     39   left: 155px;
     40   max-width: 738px;
     41   min-width: 600px;
     42   position: fixed;
     43   right: 0;
     44   top: 0;
     45   z-index: 3;
     46 }
     47 
     48 .page header > h1 {
     49   margin: 0;
     50   padding: 21px 0 13px;
     51 }
     52 
     53 .page header > button {
     54   position: absolute;
     55   right: 20px;
     56   top: 21px;
     57 }
     58 
     59 html[dri=rtl] .page header > button {
     60   left: 20px;
     61 }
     62 
     63 /* Create a border under the h1 (but before anything that gets appended
     64  * to the end of the header, such as the managed prefs banner). */
     65 .page header > h1::after {
     66   -webkit-margin-end: 20px;
     67   background-color: rgb(238, 238, 238);
     68   content: '';
     69   display: block;
     70   height: 1px;
     71   position: relative;
     72   top: 13px;
     73 }
     74 
     75 .page div {
     76   line-height: 29px;
     77 }
     78 
     79 .page img {
     80   vertical-align: middle;
     81 }
     82 
     83 .page input {
     84   -webkit-margin-end: 4px;
     85 }
     86 
     87 /* TODO(hshi): the layout is wrong in RTL. */
     88 #connectivity-status div {
     89   clear: both;
     90   float: left;
     91   position: relative;
     92 }
     93 
     94 #choose-adapter {
     95   font-size: 14px;
     96 }
     97 
     98 .test-performed {
     99   color: rgb(70, 78, 90);
    100   font-size: 14px;
    101 }
    102 
    103 .test-pending {
    104   color: rgb(153, 153, 153);
    105   font-size: 14px;
    106 }
    107 
    108 .test-error {
    109   color: rgb(206, 57, 38);
    110   top: -13px;
    111 }
    112 
    113 div.recommendation {
    114   background: -webkit-gradient(linear, left top, left bottom,
    115                                from(rgb(171, 253, 182)),
    116                                to(rgb(94, 191, 107)));
    117   border: 1px solid rgb(17, 102, 27);
    118   line-height: 16px;
    119   margin-bottom: 13px;
    120   margin-top: -13px;
    121   max-width: 600px;
    122   padding: 2px;
    123 }
    124