Home | History | Annotate | Download | only in resources 
      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 body {
      6   margin: 10px;
      7   min-width: 47em;
      8 }
      9 
     10 a {
     11   color: blue;
     12   font-size: 103%;
     13 }
     14 
     15 #header {
     16   -webkit-padding-start: 0;
     17   box-sizing: border-box;
     18   margin-bottom: 1.05em;
     19   /* 67px is the height of the header's background image. */
     20   min-height: 67px;
     21   overflow: hidden;
     22   padding-bottom: 20px;
     23   padding-top: 20px;
     24   position: relative;
     25 }
     26 
     27 #header > h1 {
     28   background: -webkit-image-set(
     29       url('../../app/theme/default_100_percent/common/extensions_section.png') 1x,
     30       url('../../app/theme/default_200_percent/common/extensions_section.png') 2x)
     31       0 20px no-repeat;
     32   display: inline;
     33   margin: 0;
     34   padding-bottom: 40px;
     35   padding-left: 75px;
     36   padding-top: 40px;
     37 }
     38 
     39 html[dir=rtl] #header > h1 {
     40   background: -webkit-image-set(
     41       url('../../app/theme/default_100_percent/common/extensions_section.png') 1x,
     42       url('../../app/theme/default_200_percent/common/extensions_section.png') 2x)
     43       right no-repeat;
     44   padding-left: 0;
     45   padding-right: 95px;
     46 }
     47 
     48 h1 {
     49   font-size: 156%;
     50   font-weight: bold;
     51   margin: 0;
     52   padding: 0;
     53 }
     54 
     55 #disabled-container {
     56   font-size: 120%;
     57   padding-bottom: 1.5em;
     58 }
     59 
     60 #disabled-header {
     61   color: red;
     62   font-weight: bold;
     63 }
     64 
     65 .content {
     66   font-size: 88%;
     67   margin-top: 5px;
     68 }
     69 
     70 .section-header {
     71   -webkit-padding-start: 5px;
     72   background: rgb(235, 239, 249);
     73   border-top: 1px solid rgb(181, 199, 222);
     74   font-size: 99%;
     75   padding-bottom: 2px;
     76   padding-top: 3px;
     77   width: 100%;
     78 }
     79 
     80 .section-header > table tr td:first-child {
     81   width: 100%;
     82 }
     83 
     84 .section-header > table tr {
     85   vertical-align: center;
     86 }
     87 
     88 .section-header > table {
     89   width: 100%;
     90   border-collapse:collapse
     91 }
     92 
     93 .section-header-title {
     94   font-weight: bold;
     95 }
     96 
     97 .vbox-container {
     98   -webkit-box-orient: vertical;
     99   display: -webkit-box;
    100 }
    101 
    102 .wbox {
    103   -webkit-box-align: stretch;
    104   -webkit-box-flex: 1;
    105   display: -webkit-box;
    106 }
    107 
    108 #top {
    109   -webkit-padding-end: 5px;
    110 }
    111 
    112 .show-in-tmi-mode {
    113   overflow: hidden;
    114 }
    115 
    116 body.hide-tmi-mode-initial .show-in-tmi-mode {
    117   height: 0 !important;
    118   opacity: 0;
    119 }
    120 
    121 body.hide-tmi-mode .show-in-tmi-mode {
    122   -webkit-transition: all 100ms ease-out;
    123   height: 0 !important;
    124   opacity: 0;
    125 }
    126 
    127 body.show-tmi-mode-initial .show-in-tmi-mode {
    128   opacity: 1;
    129 }
    130 
    131 body.show-tmi-mode .show-in-tmi-mode {
    132   -webkit-transition: all 100ms ease-in;
    133   opacity: 1;
    134 }
    135 
    136 .wbox-tmi-mode {
    137   -webkit-box-align: stretch;
    138   -webkit-box-flex: 1;
    139 }
    140 
    141 .tmi-mode-image {
    142   margin-top: 2px;
    143   padding-left: 5px;
    144   padding-right: 5px;
    145 }
    146 
    147 .tmi-mode-link {
    148   margin-right: 3px;
    149   white-space: nowrap;
    150 }
    151 
    152 .tmi-mode-link a {
    153   font-size: 97%;
    154 }
    155 
    156 .tmi-mode {
    157   -webkit-padding-start: 10px;
    158   background: rgb(244, 246, 252);
    159   border-bottom: 1px solid rgb(237, 239, 245);
    160   font-size: 89%;
    161   padding-bottom: 0.8em;
    162   padding-top: 0.8em;
    163   width: 100%;
    164 }
    165 
    166 .component-disabled {
    167   background-color: #f0f0f0;
    168   color: #a0a0a0;
    169 }
    170 
    171 .component > tr > td {
    172   padding-bottom: 4px;
    173   padding-top: 5px;
    174   vertical-align: top;
    175 }
    176 
    177 .component > table {
    178   width: 100%;
    179   border-collapse:collapse
    180 }
    181 
    182 .plugin-file {
    183   padding-bottom: 5px;
    184   padding-top: 5px;
    185 }
    186 
    187 .component {
    188   border-bottom: 1px solid #cdcdcd;
    189 }
    190 
    191 .critical {
    192   color: red;
    193 }
    194 
    195 /* Indent the text related to each plug-in. */
    196 .component-text {
    197   -webkit-padding-start: 5px;
    198 }
    199 
    200 .component-name {
    201   font-weight: bold;
    202 }
    203 
    204 .no-components {
    205   font-size: 1.2em;
    206   margin: 6em 0 0;
    207   text-align: center;
    208 }
    209 
    210 /* Use tables for layout, so eliminate extra spacing. */
    211 .plugin-details table {
    212   -webkit-border-horizontal-spacing: 0;
    213   -webkit-border-vertical-spacing: 0;
    214 }
    215 
    216 .plugin-details {
    217   -webkit-padding-start: 1em;
    218 }
    219 
    220 /* Separate the inital line, Description, Location, and MIME Types lines. */
    221 .plugin-details > div {
    222   padding-top: 0.1em
    223 }
    224 
    225 /* Align rows of tables along the top. */
    226 .plugin-details tr {
    227   vertical-align: top;
    228 }
    229 
    230 /* Separate columns by 1em for the most part. */
    231 .plugin-details td+td {
    232   -webkit-padding-start: 1em;
    233 }
    234 
    235 /* Make the MIME Types tables smaller. */
    236 .plugin-details .mime-types {
    237   font-size: 95%;
    238 }
    239 
    240 /* Separate the header from the contents in each MIME Types table. */
    241 .plugin-details .mime-types .header td {
    242   border-bottom: 1px solid black;
    243   padding-bottom: 0.1em;
    244 }
    245 
    246 /* Separate the columns for tables used for horizontal listings only a bit. */
    247 .hlisting td+td {
    248   -webkit-padding-start: 0.4em;
    249 }
    250 
    251 /* Match the indentation of .plugin-text. */
    252 .component-actions {
    253   -webkit-padding-start: 5px;
    254   margin-bottom: 0.2em;
    255   margin-top: 0.2em;
    256 }
    257 
    258 .always-allow {
    259   -webkit-margin-start: 30px;
    260 }
    261 
    262 button {
    263   font-size: 104%;
    264 }
    265