chrome/browser/resources/options/sync_setup_overlay.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 /* TODO(jhawkins): Organize these by page. */
   6
   7 #sync-setup-overlay * h4 {
   8   margin: 5px 0;
   9 }
  10
  11 #sync-setup-overlay * form {
  12   -webkit-user-select: none;
  13 }
  14
  15 #sync-setup-overlay * .content-area {
  16   padding: 10px 15px;
  17 }
  18
  19 .action-area-link-container {
  20   -webkit-box-flex: 1;
  21 }
  22
  23 .sync-customize-section-container {
  24   margin: 5px 0 10px 0;
  25 }
  26
  27 #sync-custom-passphrase {
  28   margin: 0 25px;
  29 }
  30
  31 #sync-passphrase-message {
  32   color: gray;
  33 }
  34
  35 .sync-custom-passphrase-input {
  36   margin: 10px 0;
  37 }
  38
  39 #sync-existing-passphrase-container {
  40   background: rgb(255, 242, 158);
  41   border: 1px solid rgb(212, 205, 173);
  42   padding: 10px;
  43 }
  44
  45 #sync-select-container {
  46   margin-bottom: 10px;
  47 }
  48
  49 #sync-instructions-container {
  50   line-height: 1.8em;
  51   margin-bottom: 30px;
  52 }
  53
  54 #choose-data-types-body {
  55   -webkit-column-count: 3;
  56   margin: 10px 0;
  57 }
  58
  59 #choose-data-types-body > .checkbox:first-child {
  60   margin-top: 0;
  61 }
  62
  63 #choose-data-types-body > .checkbox:last-child {
  64   margin-bottom: 0;
  65 }
  66
  67 #sync-setup-overlay {
  68   -webkit-user-select: none;
  69   background-color: white;
  70   margin-bottom: 6px;
  71   margin-top: 6px;
  72   width: 500px;
  73 }
  74
  75 #sync-setup-overlay * a:link {
  76   color: rgb(0, 0, 204);
  77 }
  78
  79 #sync-setup-overlay * a:visited {
  80   color: rgb(85, 26, 139);
  81 }
  82
  83 #sync-setup-overlay * a:active {
  84   color: rgb(255, 0, 0);
  85 }
  86
  87 #sync-setup-overlay * hr {
  88   background-color: #ddd;
  89   border: 0;
  90   height: 1px;
  91   text-align: left;
  92   width: 100%;
  93 }
  94
  95 #sync-setup-delete-profile {
  96   margin: 10px 0 0 0;
  97 }
  98
  99 #email-readonly {
 100   font-size: 15px;
 101   height: 29px;
 102   line-height: 29px;
 103   margin: 0;
 104 }
 105
 106 #encryption-section-message {
 107   color: gray;
 108   margin-bottom: 5px;
 109 }
 110
 111 #basic-encryption-body,
 112 #full-encryption-body {
 113   display: table;
 114 }
 115
 116 #passphrase-input {
 117   margin-bottom: 5px;
 118   margin-top: 5px;
 119 }
 120
 121 #incorrect-passphrase {
 122   margin-top: 5px;
 123 }
 124
 125 #sync-setup-overlay * .error {
 126   color: red;
 127 }
 128
 129 .overlay-warning {
 130   background: white;
 131   border: 2px solid #888;
 132   border-radius: 8px;
 133   box-shadow: 0.2em 0.2em 0.5em #888;
 134   left: 25px;
 135   padding: 15px;
 136   position: absolute;
 137   right: 25px;
 138   top: 100px;
 139 }
 140
 141 #cancel-warning-header {
 142   font-weight: bold;
 143   margin-bottom: 8px;
 144 }
 145
 146 .overlay-warning input {
 147   float: right;
 148   margin-left: 5px;
 149   margin-top: 12px;
 150 }
 151
 152 #sync-passphrase-warning {
 153   margin-bottom: 5px;
 154 }
 155
 156 #asp-warning-div {
 157   text-align: left;
 158 }
 159
 160 #logging-in-throbber {
 161   margin: 0 10px;
 162 }
 163
 164 #password-row {
 165   margin-bottom: 0;
 166   margin-top: 2px;
 167 }
 168
 169 #action-area {
 170   margin: 1em 0;
 171 }
 172
 173 #sync-setup-configure {
 174   background: white;
 175 }
 176
 177 #choose-data-types-form {
 178   -webkit-user-select: none;
 179 }
 180
 181 #chooseDataTypesRadio {
 182   vertical-align: top;
 183 }
 184
 185 #chooseDataTypes > div {
 186   display: inline-block;
 187 }
 188
 189 .sync-data-types {
 190   margin-left: 5px;
 191 }
 192
 193 #learn-more-link {
 194   float: right;
 195 }
 196
 197 html[dir='rtl'] #learn-more-link {
 198   float: left;
 199 }
 200
 201 #customize-link,
 202 #use-default-link {
 203   -webkit-transition: opacity 250ms;
 204 }