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