Home | History | Annotate | Download | only in resources 
      1 /* Copyright (c) 2012 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 div#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/extensions_section.png') 1x,
     30       url('../../app/theme/default_200_percent/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/extensions_section.png') 1x,
     42       url('../../app/theme/default_200_percent/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 div.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 {
     85   width: 100%;
     86 }
     87 
     88 .section-header-title {
     89   font-weight: bold;
     90 }
     91 
     92 .vbox-container {
     93   -webkit-box-orient: vertical;
     94   display: -webkit-box;
     95 }
     96 
     97 .wbox {
     98   -webkit-box-align: stretch;
     99   -webkit-box-flex: 1;
    100   display: -webkit-box;
    101 }
    102 
    103 #top {
    104   -webkit-padding-end: 5px;
    105 }
    106 
    107 .show-in-tmi-mode {
    108   overflow: hidden;
    109 }
    110 
    111 body.hide-tmi-mode-initial .show-in-tmi-mode {
    112   height: 0 !important;
    113   opacity: 0;
    114 }
    115 
    116 body.hide-tmi-mode .show-in-tmi-mode {
    117   -webkit-transition: all 100ms ease-out;
    118   height: 0 !important;
    119   opacity: 0;
    120 }
    121 
    122 body.show-tmi-mode-initial .show-in-tmi-mode {
    123   opacity: 1;
    124 }
    125 
    126 body.show-tmi-mode .show-in-tmi-mode {
    127   -webkit-transition: all 100ms ease-in;
    128   opacity: 1;
    129 }
    130 
    131 .wbox-tmi-mode {
    132   -webkit-box-align: stretch;
    133   -webkit-box-flex: 1;
    134 }
    135 
    136 .tmi-mode-image {
    137   margin-top: 2px;
    138   padding-left: 5px;
    139   padding-right: 5px;
    140 }
    141 
    142 .tmi-mode-link {
    143   margin-right: 3px;
    144   white-space: nowrap;
    145 }
    146 
    147 .tmi-mode-link a {
    148   font-size: 97%;
    149 }
    150 
    151 .tmi-mode {
    152   -webkit-padding-start: 10px;
    153   background: rgb(244, 246, 252);
    154   border-bottom: 1px solid rgb(237, 239, 245);
    155   font-size: 89%;
    156   padding-bottom: 0.8em;
    157   padding-top: 0.8em;
    158   width: 100%;
    159 }
    160 
    161 .plugin-disabled {
    162   background-color: #f0f0f0;
    163   color: #a0a0a0;
    164 }
    165 
    166 .plugin > tr > td {
    167   padding-bottom: 4px;
    168   padding-top: 5px;
    169 }
    170 
    171 .plugin-file {
    172   padding-bottom: 5px;
    173   padding-top: 5px;
    174 }
    175 
    176 .plugin {
    177   border-bottom: 1px solid #cdcdcd;
    178 }
    179 
    180 .critical {
    181   color: red;
    182 }
    183 
    184 /* Indent the text related to each plug-in. */
    185 .plugin-text {
    186   -webkit-padding-start: 5px;
    187 }
    188 
    189 .plugin-name {
    190   font-weight: bold;
    191 }
    192 
    193 .no-plugins {
    194   font-size: 1.2em;
    195   margin: 6em 0 0;
    196   text-align: center;
    197 }
    198 
    199 /* Use tables for layout, so eliminate extra spacing. */
    200 .plugin-details table {
    201   -webkit-border-horizontal-spacing: 0;
    202   -webkit-border-vertical-spacing: 0;
    203 }
    204 
    205 .plugin-details {
    206   -webkit-padding-start: 1em;
    207 }
    208 
    209 /* Separate the inital line, Description, Location, and MIME Types lines. */
    210 .plugin-details > div {
    211   padding-top: 0.1em
    212 }
    213 
    214 /* Align rows of tables along the top. */
    215 .plugin-details tr {
    216   vertical-align: top;
    217 }
    218 
    219 /* Separate columns by 1em for the most part. */
    220 .plugin-details td+td {
    221   -webkit-padding-start: 1em;
    222 }
    223 
    224 /* Make the MIME Types tables smaller. */
    225 .plugin-details .mime-types {
    226   font-size: 95%;
    227 }
    228 
    229 /* Separate the header from the contents in each MIME Types table. */
    230 .plugin-details .mime-types .header td {
    231   border-bottom: 1px solid black;
    232   padding-bottom: 0.1em;
    233 }
    234 
    235 /* Separate the columns for tables used for horizontal listings only a bit. */
    236 .hlisting td+td {
    237   -webkit-padding-start: 0.4em;
    238 }
    239 
    240 /* Match the indentation of .plugin-text. */
    241 .plugin-actions {
    242   -webkit-padding-start: 5px;
    243   margin-bottom: 0.2em;
    244   margin-top: 0.2em;
    245 }
    246 
    247 .always-allow {
    248   -webkit-margin-start: 30px;
    249 }
    250 
    251 button {
    252   font-size: 104%;
    253 }
    254