chrome/browser/resources/set_as_default_browser.css

   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 /* The main (outer) container. */
   6 #metro-setup-outer-container {
   7   -webkit-box-align: center;
   8   -webkit-box-orient: vertical;
   9   -webkit-box-pack: start;
  10   -webkit-transition: 200ms opacity;
  11   background-color: rgba(255, 255, 255, 0.75);
  12   bottom: 0;
  13   display: -webkit-box;
  14   left: 0;
  15   overflow: auto;
  16   position: fixed;
  17   right: 0;
  18   top: 0;
  19 }
  20
  21 /* The page block within the outer container. */
  22 #metro-setup-outer-container .page {
  23   -webkit-box-orient: vertical;
  24   -webkit-user-select: none;
  25   background: white;
  26   background-color: white;
  27   border-radius: 3px;
  28   color: #333;
  29   display: -webkit-box;
  30   min-width: 40px;
  31   padding-top: 90px;
  32   position: relative;
  33   width: 500px;
  34 }
  35
  36 #metro-setup-outer-container .page .content-area {
  37   -webkit-box-flex: 1;
  38   margin: 0;
  39   overflow: auto;
  40   padding: 0;
  41 }
  42
  43 #metro-setup-overlay {
  44   background-color: transparent;
  45   margin: 0;
  46   width: 100%;
  47 }
  48
  49 /* Page Title. */
  50 #metro-title-container {
  51   display: block;
  52   margin: 37px 44px 35px;
  53   text-align: center;
  54 }
  55
  56 #metro-setup-outer-container .page h1 {
  57   border-bottom: 0;
  58   color: #323232;
  59   font-size: 300%;
  60   font-weight: normal;
  61   margin: 0;
  62   padding-bottom: 0;
  63   padding-top: 0;
  64   text-align: center;
  65 }
  66
  67 #metro-setup-outer-container .page h2 {
  68   border-bottom: 0;
  69   color: #787878;
  70   font-size: 150%;
  71   font-weight: normal;
  72   margin-bottom: 84px;
  73   margin-top: 15px;
  74   text-align: center;
  75 }
  76
  77 #metro-setup-overlay .content-area {
  78   padding: 10px 15px;
  79   text-align: end;
  80 }
  81
  82 /* Action buttons. */
  83 #metro-action-box button {
  84   -webkit-margin-end: 0.4em;
  85   -webkit-margin-start: 0;
  86   -webkit-transition: all 218ms;
  87   -webkit-user-select: none;
  88   border-radius: 2px;
  89   display: inline-block;
  90   font-size: 13px;
  91   height: 32px;
  92   line-height: 27px;
  93   margin-top: 0;
  94   min-width: 80px;
  95 }
  96
  97 #metro-action-box button:hover {
  98   -webkit-transition: all 0ms;
  99   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 100 }
 101
 102 #metro-action-box button:focus {
 103   box-shadow: inset 0 0 0 1px white;
 104   outline: none;
 105   z-index: 4 !important;
 106 }
 107
 108 #metro-action-box button:active,
 109 #metro-action-box button:focus:active {
 110   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 111 }
 112
 113 #metro-action-box button:focus:hover {
 114   box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1);
 115 }
 116
 117 #metro-action-box button[disabled],
 118 #metro-action-box button[disabled]:hover,
 119 #metro-action-box button[disabled]:active {
 120   background-color: rgb(77, 144, 254);
 121   border: 1px solid rgb(48, 121, 237);
 122   box-shadow: none;
 123   color: white;
 124   opacity: 0.5;
 125 }
 126
 127 /* Launch button has a special look-and-feel. */
 128 #metro-action-box #launch-button {
 129   background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
 130                                                  rgb(71, 135, 237));
 131   border: 1px solid rgb(48, 121, 237);
 132   color: white;
 133   font-weight: bold;
 134 }
 135
 136 #metro-action-box #launch-button:hover {
 137   background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
 138                                                  rgb(53, 122, 232));
 139   border-color: rgb(47, 91, 183);
 140   color: white;
 141 }
 142
 143 #metro-action-box #launch-button:focus {
 144   border-color: rgb(77, 144, 254);
 145   outline: none;
 146   z-index: 4 !important;
 147 }
 148
 149 .button-strip {
 150   margin: 1px;
 151   text-align: center;
 152 }
 153
 154 #chrome-logo-box {
 155   bottom: 30px;
 156   position: absolute;
 157   text-align: center;
 158   width: 100%;
 159 }