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 .help-page-icon-large {
  67   background-repeat: no-repeat;
  68   display: inline-block;
  69   margin-right: 4px;
  70   vertical-align: top;
  71 }
  72
  73 .help-page-icon {
  74   height: 17px;
  75   width: 17px;
  76 }
  77
  78 .help-page-icon-large {
  79   height: 22px;
  80   width: 22px;
  81 }
  82
  83 #update-status-icon.up-to-date {
  84   background-image: url(chrome://theme/IDR_UPDATE_UPTODATE);
  85   background-size: 17px;
  86 }
  87
  88 #update-status-icon.working {
  89   background-image: url(chrome://resources/images/throbber.svg);
  90 }
  91
  92 #update-status-icon.failed {
  93   background-image: url(chrome://theme/IDR_UPDATE_FAILED);
  94   background-size: 17px;
  95 }
  96
  97 #update-status-message-container {
  98   display: inline-block;
  99   vertical-align: top;
 100 }
 101
 102 #more-info-expander {
 103   -webkit-padding-start: 0;
 104 }
 105
 106 #more-info-container.visible {
 107   margin-bottom: 1.5em;
 108 }
 109
 110 #more-info-container {
 111   -webkit-transition: all 200ms;
 112   height: 0;
 113   margin-bottom: 0;
 114   overflow: hidden;
 115 }
 116
 117 #build-date-container.empty {
 118   visibility: hidden;
 119 }
 120
 121 #channel-change-confirmation {
 122   margin-top: 5px;
 123 }
 124
 125 #change-channel {
 126   margin-top: 8px;
 127 }
 128
 129 #channel-change-disallowed-icon {
 130   -webkit-margin-start: 4px;
 131   background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY);
 132   background-size: 17px;
 133   vertical-align: middle;
 134 }
 135
 136 .channel-change-error-bubble {
 137   display: flex;
 138 }
 139
 140 .channel-change-error-icon {
 141   -webkit-margin-start: 4px;
 142   background-image: url(chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY);
 143   background-size: 22px;
 144   vertical-align: top;
 145 }
 146
 147 .channel-change-error-text {
 148   -webkit-margin-start: 4px;
 149   display: block;
 150   vertical-align: top;
 151   width: 240px;
 152 }
 153
 154 #product-label-container {
 155   border: 1px solid #d9d9d9;
 156   border-radius: 2px;
 157   margin-top: 4px;
 158   padding: 10px;
 159 }
 160
 161 #product-label {
 162   display: block;
 163   margin: 0 auto;
 164   width: 330px;
 165 }