src/chrome/browser/resources/feedback/css/feedback.css

   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
   6 html {
   7   height: 100%;
   8 }
   9
  10 body {
  11   background-color: #fbfbfb;
  12   height: 100%;
  13   margin: 0;
  14   padding: 0;
  15   width: 100%;
  16 }
  17
  18 .title-bar {
  19   -webkit-align-items: center;
  20   -webkit-app-region: drag;
  21   background-color: #fff;
  22   box-shadow: 0 1px #d0d0d0;
  23   color: rgb(80, 80, 82);
  24   display: -webkit-flex;
  25   font-size: 15px;
  26   height: 48px;
  27 }
  28
  29 .title-bar #page-title {
  30   -webkit-flex: 1 1 auto;
  31   -webkit-margin-start: 20px;
  32 }
  33
  34 .title-bar .button-bar {
  35   -webkit-flex: 0 1 auto;
  36 }
  37
  38 .content {
  39   color: #646464;
  40   font-size: 12px;
  41   margin: 20px;
  42 }
  43
  44 .content #description-text {
  45   border-color: #c8c8c8;
  46   box-sizing: border-box;
  47   height: 120px;
  48   line-height: 18px;
  49   padding: 10px;
  50   resize: none;
  51   width: 100%;
  52 }
  53
  54 .content .text-field-container {
  55   -webkit-align-items: center;
  56   -webkit-padding-start: 10px;
  57   display: -webkit-flex;
  58   height: 29px;
  59   margin-top: 10px;
  60 }
  61
  62 .content .text-field-container > label {
  63   -webkit-flex: 0 1 auto;
  64   width: 100px;
  65 }
  66
  67 .content .text-field-container > input[type=text] {
  68   -webkit-flex: 1 1 auto;
  69   -webkit-padding-start: 5px;
  70   border: 1px solid;
  71   border-color: #c8c8c8;
  72   color: #585858;
  73   height: 100%;
  74 }
  75
  76 .content .text-field-container > input[type=checkbox] {
  77   margin-right: 9px;
  78 }
  79
  80 .content .checkbox-field-container {
  81   -webkit-align-items: center;
  82   display: -webkit-flex;
  83   height: 29px;
  84 }
  85
  86 #screenshot-container {
  87   margin-top: 30px;
  88 }
  89
  90 .content #screenshot-image {
  91   -webkit-margin-start: 30px;
  92   display: block;
  93   height: 60px;
  94   margin-top: 40px;
  95   transition: all 250ms ease;
  96 }
  97
  98 .content #screenshot-image:hover {
  99   height: 150px;
 100   margin-top: 80px;
 101   z-index: 1;
 102 }
 103
 104 .content #privacy-note {
 105   color: #969696;
 106   font-size: 10px;
 107   line-height: 15px;
 108   margin-bottom: 20px;
 109   margin-top: 40px;
 110 }
 111
 112 .content .buttons-pane {
 113   display: -webkit-flex;
 114   justify-content: flex-end
 115 }
 116
 117 .content .remove-file-button {
 118   -webkit-margin-start: 5px;
 119   background-color: transparent;
 120   background-image: -webkit-image-set(
 121       url('chrome://resources/images/apps/button_butter_bar_close.png') 1x,
 122       url('chrome://resources/images/2x/apps/button_butter_bar_close.png') 2x);
 123   background-position: 50% 80%;
 124   background-repeat: no-repeat;
 125   border: none;
 126   height: 16px;
 127   pointer-events: auto;
 128   width: 16px;
 129 }
 130
 131 .content .remove-file-button:hover {
 132   background-image: -webkit-image-set(
 133       url('chrome://resources/images/apps/button_butter_bar_close_hover.png') 1x,
 134       url('chrome://resources/images/2x/apps/button_butter_bar_close_hover.png') 2x);
 135 }
 136
 137 .content .remove-file-button:active {
 138   background-image: -webkit-image-set(
 139       url('chrome://resources/images/apps/button_butter_bar_close_pressed.png') 1x,
 140       url('chrome://resources/images/2x/apps/button_butter_bar_close_pressed.png') 2x);
 141 }
 142
 143 .content #attach-file-note {
 144   -webkit-margin-start: 112px;
 145   margin-bottom: 10px;
 146   margin-top: 10px;
 147 }
 148
 149 .content .attach-file-notification {
 150   color: rgb(204, 0, 0);
 151   font-weight: bold;
 152 }
 153
 154 button.white-button {
 155   -webkit-margin-end: 10px;
 156   color: #000;
 157 }
 158
 159 button.blue-button {
 160   color: #fff;
 161   text-shadow: 1px sharp drop shadow rgb(45, 106, 218);
 162 }