Home | History | Annotate | Download | only in resources 
      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-border-radius: 3px;
     24   -webkit-box-orient: vertical;
     25   -webkit-user-select: none;
     26   background: white;
     27   background-color: white;
     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-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
     99   -webkit-transition: all 0;
    100 }
    101 
    102 #metro-action-box button:focus {
    103   -webkit-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   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    111 }
    112 
    113 #metro-action-box button:focus:hover {
    114   -webkit-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   -webkit-box-shadow: none;
    121   background-color: rgb(77, 144, 254);
    122   border: 1px solid rgb(48, 121, 237);
    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 }
    160