Home | History | Annotate | Download | only in options
      1 /* Copyright 2013 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 /* Controlled setting indicator and bubble. */
      6 
      7 .controlled-setting-with-label {
      8   -webkit-box-align: center;
      9   display: -webkit-box;
     10   padding-bottom: 7px;
     11   padding-top: 7px;
     12 }
     13 
     14 .controlled-setting-with-label > input + span {
     15   -webkit-box-align: center;
     16   -webkit-box-flex: 1;
     17   -webkit-margin-start: 0.6em;
     18   display: -webkit-box;
     19 }
     20 
     21 .controlled-setting-with-label > input:disabled + span label {
     22   color: #999;
     23 }
     24 
     25 .controlled-setting-with-label label {
     26   display: inline;
     27   padding: 0;
     28 }
     29 
     30 input:-webkit-any([type='text'],[type='url'],:not([type])) +
     31     .controlled-setting-indicator {
     32   -webkit-margin-start: 5px;
     33 }
     34 
     35 .controlled-setting-indicator:not([controlled-by]) {
     36   display: none;
     37 }
     38 
     39 .controlled-setting-indicator[controlled-by='policy'] > div {
     40   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
     41 }
     42 
     43 .controlled-setting-indicator[controlled-by='owner'] > div {
     44   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
     45 }
     46 
     47 .controlled-setting-indicator[controlled-by='extension'] > div {
     48   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
     49 }
     50 
     51 .controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
     52     [controlled-by='hasRecommendation']) > div {
     53   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
     54 }
     55 
     56 .controlled-setting-bubble-content {
     57   -webkit-padding-start: 30px;
     58   background-repeat: no-repeat;
     59   background-size: 22px;
     60   min-height: 32px;
     61 }
     62 
     63 .controlled-setting-bubble-content[controlled-by='policy'] {
     64   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
     65 }
     66 
     67 .controlled-setting-bubble-content[controlled-by='owner'] {
     68   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
     69 }
     70 
     71 .controlled-setting-bubble-content[controlled-by='extension'] {
     72   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
     73 }
     74 
     75 .controlled-setting-bubble-content:-webkit-any([controlled-by='recommended'],
     76     [controlled-by='hasRecommendation']) {
     77   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
     78 }
     79 
     80 html[dir='rtl'] .controlled-setting-bubble-content {
     81   background-position: right top;
     82 }
     83 
     84 .controlled-setting-bubble-action {
     85   padding: 0 !important;
     86 }
     87 
     88 .controlled-setting-bubble-content-row {
     89   height: 35px;
     90   position: relative;
     91 }
     92 
     93 .controlled-setting-bubble-extension-name {
     94   -webkit-padding-start: 30px;
     95   background-repeat: no-repeat;
     96   font-weight: bold;
     97   height: 24px;
     98   margin-top: -12px;
     99   overflow: hidden;
    100   padding-top: 3px;
    101   position: absolute;
    102   text-overflow: ellipsis;
    103   top: 50%;
    104   white-space: nowrap;
    105   width: 215px;
    106 }
    107 
    108 html[dir='rtl'] .controlled-setting-bubble-extension-name {
    109   background-position: right top;
    110 }
    111 
    112 .controlled-setting-bubble-extension-manage-link {
    113   margin-top: -0.5em;
    114   position: absolute;
    115   top: 50%;
    116 }
    117 
    118 .controlled-setting-bubble-extension-disable-button {
    119   bottom: 0;
    120   position: absolute;
    121   right: 0;
    122 }
    123 
    124 html[dir='rtl'] .controlled-setting-bubble-extension-disable-button {
    125   left: 0;
    126   right: auto;
    127 }
    128