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 #feedback-page {
      6   -webkit-margin-start: 80px;
      7   color: rgb(48, 57, 66);
      8 }
      9 
     10 #feedback-page > h1 {
     11   border-bottom: 1px solid #eee;
     12   padding-bottom: 6px;
     13   width: 718px;
     14 }
     15 
     16 #content {
     17   width: 600px;
     18 }
     19 
     20 #description {
     21   display: block;
     22   font-weight: 300;
     23   text-align: start;
     24   vertical-align: text-top;
     25 }
     26 
     27 #description-text {
     28   box-sizing: border-box;
     29   margin-top: 1em;
     30   width: 100%;
     31 }
     32 
     33 .input-text-container {
     34   -webkit-box-align: baseline;
     35   display: -webkit-box;
     36 }
     37 
     38 .input-text-container > label {
     39   -webkit-margin-end: 1em;
     40   width: 150px;
     41 }
     42 
     43 .input-text-container > input {
     44   -webkit-box-flex: 1;
     45   display: block;
     46   /* Don't push checkboxes out of alignment with bulky input. */
     47   margin-bottom: -0.25em;
     48 }
     49 
     50 html:not(.focus-outline-visible)
     51 :enabled:focus:-webkit-any(input[type='checkbox'], input[type='radio'],
     52     input[type='submit']) {
     53   /* Cancel border-color for :focus specified in widgets.css. */
     54   border-color: rgba(0, 0, 0, 0.25);
     55 }
     56 
     57 .thumbnail-list {
     58   margin-bottom: 1em;
     59   margin-top: 1em;
     60   min-height: 151px;
     61 }
     62 
     63 .image-thumbnail-container {
     64   border: 2px solid #ccc;
     65   border-radius: 3px;
     66   display: inline-block;
     67 }
     68 
     69 .image-thumbnail-container-selected:not(:only-of-type) {
     70   border-color: green;
     71 }
     72 
     73 .image-thumbnail-container:not(:only-of-type):not(
     74     .image-thumbnail-container-selected):hover {
     75   border-color: rgb(184, 218, 176);
     76 }
     77 
     78 .image-thumbnail {
     79   border: 2px solid white;
     80 }
     81 
     82 .image-thumbnail img {
     83   display: block;
     84   height: 140px;
     85 }
     86 
     87 #privacy-note {
     88   margin-bottom: 0.8em;
     89   width: 44em;
     90 }
     91 
     92 #buttons-pane {
     93   /* Linux and Mac OS X display OK/Cancel dialogs in the reverse direction. */
     94 <if expr="not pp_ifdef('toolkit_views')">
     95   -webkit-box-direction: reverse;
     96 </if>
     97   display: -webkit-box;
     98   padding: 0 0 12px;
     99 }
    100 
    101 #buttons-pane > input {
    102   -webkit-margin-end: 0.8em;
    103   display: block;
    104 }
    105 
    106 #attach-file-note {
    107   -webkit-margin-start: 150px;
    108   -webkit-padding-start: 1em;
    109   padding-bottom: 20px
    110   padding-top: 10px;
    111 }
    112 
    113 #attach-file {
    114   margin: 0;
    115 }
    116 
    117 .attach-file-notification {
    118   color: rgb(204, 0, 0);
    119   font-weight: bold;
    120   padding-left: 20px;
    121 }
    122 
    123 .launcher-layout #page-url,
    124 .launcher-layout #screenshot-row,
    125 .launcher-layout #title,
    126 .launcher-layout #description,
    127 html:not(.launcher-layout) #launcher-title,
    128 html:not(.launcher-layout) #launcher-description {
    129   display: none;
    130 }
    131