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(../../../../ui/webui/resources/images/check_circle.svg);
  76   background-size: 18px;
  77 }
  78
  79 #update-status-icon.working {
  80   background-image: url(chrome://resources/images/throbber_small.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   margin-top: 10px;
  97 }
  98
  99 #more-info-container.visible {
 100   margin-bottom: 10px;
 101 }
 102
 103 #more-info-container {
 104   -webkit-transition: all 200ms;
 105   height: 0;
 106   margin-bottom: 0;
 107   overflow: hidden;
 108 }
 109
 110 #build-date-container.empty {
 111   visibility: hidden;
 112 }
 113
 114 #channel-change-confirmation {
 115   margin-top: 5px;
 116 }
 117
 118 #change-channel {
 119   margin-top: 8px;
 120 }
 121
 122 #channel-change-disallowed-icon,
 123 .channel-change-error-icon {
 124   -webkit-margin-start: 4px;
 125   background-image: url(../../../../ui/webui/resources/images/business.svg);
 126   background-size: 18px;
 127 }
 128
 129 .channel-change-error-bubble {
 130   display: flex;
 131 }
 132
 133 .channel-change-error-bubble .channel-change-error-icon {
 134   vertical-align: top;
 135 }
 136
 137 .channel-change-error-text {
 138   -webkit-margin-start: 4px;
 139   display: block;
 140   vertical-align: top;
 141   width: 240px;
 142 }
 143
 144 #regulatory-label-container {
 145   padding-top: 32px;
 146 }
 147
 148 #regulatory-label {
 149   display: block;
 150   width: 330px;
 151 }