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 } 174
