chrome/browser/resources/help/help_content.css

   1 /* Copyright 2014 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 #about-container {
   7   align-items: center;
   8   display: flex;
   9 }
  10
  11 #page-container #about-container {
  12   margin-top: 10px;
  13 }
  14
  15 #product-description {
  16   -webkit-margin-start: 10px;
  17 }
  18
  19 @-webkit-keyframes spin {
  20   to { transform: rotate(-10turn); }
  21 }
  22
  23 #product-logo.spin {
  24   -webkit-animation: spin 500ms cubic-bezier(1, 0, 0, 1) forwards;
  25 }
  26
  27 #version-container {
  28   margin-top: 30px;
  29 }
  30
  31 #update-buttons-container {
  32   margin-top: 5px;
  33 }
  34
  35 #update-status-container {
  36   margin-top: 10px;
  37 }
  38
  39 #update-status {
  40   vertical-align: middle;
  41 }
  42
  43 #update-percentage {
  44   font-size: 90%;
  45 }
  46
  47 #get-help,
  48 #promote {
  49   -webkit-margin-end: 4px;
  50 }
  51
  52 #help-container {
  53   margin-top: 16px;
  54 }
  55
  56 #product-container {
  57   line-height: 1.8em;
  58   margin-top: 200px;
  59 }
  60
  61 .overlay #product-container {
  62   margin-top: 30px;
  63 }
  64
  65 .help-page-icon {
  66   background-position: center;
  67   background-repeat: no-repeat;
  68   display: inline-block;
  69   height: 18px;
  70   vertical-align: middle;
  71   width: 18px;
  72 }
  73
  74 #update-status-icon.up-to-date {
  75   background-image: url(check_circle.svg);
  76   background-size: 18px;
  77 }
  78
  79 #update-status-icon.working {
  80   background-image: url(chrome://resources/images/throbber.svg);
  81   background-size: 16px;
  82 }
  83
  84 #update-status-icon.failed {
  85   background-image: url(chrome://resources/images/error.svg);
  86   background-size: 18px;
  87 }
  88
  89 #update-status-message-container {
  90   display: inline-block;
  91   vertical-align: middle;
  92 }
  93
  94 #more-info-expander {
  95   -webkit-padding-start: 0;
  96 }
  97
  98 #more-info-container.visible {
  99   margin-bottom: 1.5em;
 100 }
 101
 102 #more-info-container {
 103   -webkit-transition: all 200ms;
 104   height: 0;
 105   margin-bottom: 0;
 106   overflow: hidden;
 107 }
 108
 109 #build-date-container.empty {
 110   visibility: hidden;
 111 }
 112
 113 #channel-change-confirmation {
 114   margin-top: 5px;
 115 }
 116
 117 #change-channel {
 118   margin-top: 8px;
 119 }
 120
 121 #channel-change-disallowed-icon,
 122 .channel-change-error-icon {
 123   -webkit-margin-start: 4px;
 124   background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY);
 125   background-size: 16px;
 126 }
 127
 128 .channel-change-error-bubble {
 129   display: flex;
 130 }
 131
 132 .channel-change-error-bubble .channel-change-error-icon {
 133   vertical-align: top;
 134 }
 135
 136 .channel-change-error-text {
 137   -webkit-margin-start: 4px;
 138   display: block;
 139   vertical-align: top;
 140   width: 240px;
 141 }
 142
 143 #regulatory-label-container {
 144   padding-top: 32px;
 145 }
 146
 147 #regulatory-label {
 148   display: block;
 149   width: 330px;
 150 }