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: 10px;
  88 }
  89
  90 .content #screenshot-image {
  91   -webkit-margin-start: 100px;
  92   display: block;
  93   height: 60px;
  94   margin-top: 40px;
  95   transition: all 250ms ease;
  96 }
  97
  98 .content #screenshot-image:hover {
  99   -webkit-margin-start: 80px;
 100   height: 125px;
 101   margin-top: 80px;
 102   z-index: 1;
 103 }
 104
 105 .content #screenshot-image.wide-screen {
 106   height: auto;
 107   width: 100px;
 108 }
 109
 110 .content #screenshot-image.wide-screen:hover {
 111   height: auto;
 112   width: 200px;
 113 }
 114
 115 .content #privacy-note {
 116   color: #969696;
 117   font-size: 10px;
 118   line-height: 15px;
 119   margin-bottom: 20px;
 120   margin-top: 20px;
 121 }
 122
 123 .content .buttons-pane {
 124   display: -webkit-flex;
 125   justify-content: flex-end
 126 }
 127
 128 .content .remove-file-button {
 129   -webkit-margin-start: 5px;
 130   background-color: transparent;
 131   background-image: -webkit-image-set(
 132       url('chrome://resources/images/apps/button_butter_bar_close.png') 1x,
 133       url('chrome://resources/images/2x/apps/button_butter_bar_close.png') 2x);
 134   background-position: 50% 80%;
 135   background-repeat: no-repeat;
 136   border: none;
 137   height: 16px;
 138   pointer-events: auto;
 139   width: 16px;
 140 }
 141
 142 .content .remove-file-button:hover {
 143   background-image: -webkit-image-set(
 144       url('chrome://resources/images/apps/button_butter_bar_close_hover.png') 1x,
 145       url('chrome://resources/images/2x/apps/button_butter_bar_close_hover.png') 2x);
 146 }
 147
 148 .content .remove-file-button:active {
 149   background-image: -webkit-image-set(
 150       url('chrome://resources/images/apps/button_butter_bar_close_pressed.png') 1x,
 151       url('chrome://resources/images/2x/apps/button_butter_bar_close_pressed.png') 2x);
 152 }
 153
 154 .content #attach-file-note {
 155   -webkit-margin-start: 112px;
 156   margin-bottom: 10px;
 157   margin-top: 10px;
 158 }
 159
 160 .content .attach-file-notification {
 161   color: rgb(204, 0, 0);
 162   font-weight: bold;
 163 }
 164
 165 button.white-button {
 166   -webkit-margin-end: 10px;
 167   color: #000;
 168 }
 169
 170 button.blue-button {
 171   color: #fff;
 172   text-shadow: 1px sharp drop shadow rgb(45, 106, 218);
 173 }