| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. */ |
| 4 */ | |
| 5 | 4 |
| 6 .feedback-label { | 5 .feedback-label { |
| 6 font-weight: 300; |
| 7 text-align: start; | 7 text-align: start; |
| 8 vertical-align: text-top; | 8 vertical-align: text-top; |
| 9 font-weight: 300; | |
| 10 } | 9 } |
| 11 | 10 |
| 12 .feedback-text { | 11 .feedback-text { |
| 13 width: 40em; | 12 width: 40em; |
| 14 } | 13 } |
| 15 | 14 |
| 16 .feedback-table { | 15 .feedback-table { |
| 16 border-spacing: 0; |
| 17 width: 40em; | 17 width: 40em; |
| 18 border-spacing: 0; | |
| 19 } | 18 } |
| 20 | 19 |
| 21 .feedback-field { | 20 .feedback-field { |
| 22 width: 22em; | |
| 23 border-style: solid; | 21 border-style: solid; |
| 24 border-width: 1px; | 22 border-width: 1px; |
| 23 width: 22em; |
| 25 } | 24 } |
| 26 | 25 |
| 27 .feedback-fieldlabel { | 26 .feedback-fieldlabel { |
| 27 font-weight: 300; |
| 28 width: 13em; | 28 width: 13em; |
| 29 font-weight: 300; | |
| 30 } | |
| 31 | |
| 32 .feedback-button { | |
| 33 } | 29 } |
| 34 | 30 |
| 35 hr { | 31 hr { |
| 32 background: #ccc; |
| 36 border: none; | 33 border: none; |
| 37 height: 1px; | 34 height: 1px; |
| 38 background: #cccccc; | 35 margin-bottom: 10px; |
| 39 margin-top: 10px; | 36 margin-top: 10px; |
| 40 margin-bottom: 10px; | |
| 41 width: 40em; | 37 width: 40em; |
| 42 } | 38 } |
| 43 | 39 |
| 44 .thumbnail-list { | 40 .thumbnail-list { |
| 45 -webkit-margin-start: 1em; | 41 -webkit-margin-start: 1em; |
| 42 margin-bottom: 1em; |
| 43 margin-top: 0.5em; |
| 46 width: 33.5em; | 44 width: 33.5em; |
| 47 margin-top: 0.5em; | |
| 48 margin-bottom: 1em; | |
| 49 } | 45 } |
| 50 | 46 |
| 51 .image-thumbnail-container { | 47 .image-thumbnail-container { |
| 52 display: inline-block; | |
| 53 border: 2px solid white; | 48 border: 2px solid white; |
| 54 border-radius: 3px; | 49 border-radius: 3px; |
| 50 display: inline-block; |
| 55 z-index: 0; | 51 z-index: 0; |
| 56 } | 52 } |
| 57 | 53 |
| 58 .image-thumbnail-container-selected { | 54 .image-thumbnail-container-selected { |
| 59 display: inline-block; | |
| 60 border: 2px solid green; | 55 border: 2px solid green; |
| 61 border-radius: 3px; | 56 border-radius: 3px; |
| 57 display: inline-block; |
| 62 z-index: 0; | 58 z-index: 0; |
| 63 } | 59 } |
| 64 | 60 |
| 65 .image-thumbnail-container:hover { | 61 .image-thumbnail-container:hover { |
| 66 border: 2px solid #B8DAB0; | 62 border: 2px solid rgb(184, 218, 176); |
| 67 z-index: 0; | 63 z-index: 0; |
| 68 } | 64 } |
| 69 | 65 |
| 70 .image-popup { | 66 .image-popup { |
| 71 width: 50%; | 67 width: 50%; |
| 72 } | 68 } |
| 73 | 69 |
| 74 .image-thumbnail { | 70 .image-thumbnail { |
| 71 border: 2px solid white; |
| 72 display: inline-block; |
| 73 padding: 0; |
| 75 position: relative; | 74 position: relative; |
| 76 z-index: 1; | 75 z-index: 1; |
| 77 display: inline-block; | |
| 78 padding: 0; | |
| 79 border: 2px solid white; | |
| 80 } | 76 } |
| 81 | 77 |
| 82 .image-thumbnail:hover { | 78 .image-thumbnail:hover { |
| 83 z-index: 2; | 79 z-index: 2; |
| 84 } | 80 } |
| 85 | 81 |
| 86 .image-thumbnail div { | 82 .image-thumbnail div { |
| 87 display: none; | 83 display: none; |
| 88 } | 84 } |
| 89 | 85 |
| 90 .image-thumbnail img { | 86 .image-thumbnail img { |
| 91 display: block; | 87 display: block; |
| 92 width: 200px; | 88 width: 200px; |
| 93 } | 89 } |
| 94 | 90 |
| 95 .image-thumbnail:hover div { | 91 .image-thumbnail:hover div { |
| 92 background-color: transparent; |
| 93 border: 1px dashed blue; |
| 96 display: block; | 94 display: block; |
| 97 position: absolute; | |
| 98 top: 130%; | |
| 99 left: 0; | 95 left: 0; |
| 100 padding: 1px; | 96 padding: 1px; |
| 101 border: 1px dashed blue; | 97 position: absolute; |
| 102 background-color: transparent; | |
| 103 text-align: center | 98 text-align: center |
| 99 top: 130%; |
| 104 } | 100 } |
| 105 | 101 |
| 106 .image-thumbnail:hover div img { | 102 .image-thumbnail:hover div img { |
| 107 position: absolute; | 103 position: absolute; |
| 108 width: 400px; | 104 width: 400px; |
| 109 } | 105 } |
| 110 | 106 |
| 111 .image-thumbnail-current { | 107 .image-thumbnail-current { |
| 108 border: 2px solid white; |
| 109 display: inline-block; |
| 110 padding: 0; |
| 112 position: relative; | 111 position: relative; |
| 113 z-index: 1; | 112 z-index: 1; |
| 114 display: inline-block; | |
| 115 padding: 0; | |
| 116 border: 2px solid white; | |
| 117 } | 113 } |
| 118 | 114 |
| 119 .image-thumbnail-current:hover { | 115 .image-thumbnail-current:hover { |
| 120 z-index: 2; | 116 z-index: 2; |
| 121 } | 117 } |
| 122 | 118 |
| 123 .image-thumbnail-current div { | 119 .image-thumbnail-current div { |
| 124 display: none; | 120 display: none; |
| 125 } | 121 } |
| 126 | 122 |
| 127 .image-thumbnail-current img { | 123 .image-thumbnail-current img { |
| 128 display: block; | 124 display: block; |
| 129 width: 200px; | 125 width: 200px; |
| 130 } | 126 } |
| 131 | 127 |
| 132 .image-thumbnail-current:hover div { | 128 .image-thumbnail-current:hover div { |
| 129 background-color: transparent; |
| 130 border: 1px dashed blue; |
| 133 display: block; | 131 display: block; |
| 134 position: absolute; | |
| 135 top: 130%; | |
| 136 left: 0; | 132 left: 0; |
| 137 padding: 1px; | 133 padding: 1px; |
| 138 border: 1px dashed blue; | 134 position: absolute; |
| 139 background-color: transparent; | |
| 140 text-align: center | 135 text-align: center |
| 136 top: 130%; |
| 141 } | 137 } |
| 142 | 138 |
| 143 .image-thumbnail-current:hover div img { | 139 .image-thumbnail-current:hover div img { |
| 140 border: 1px dashed blue; |
| 141 padding: 2px; |
| 144 position: absolute; | 142 position: absolute; |
| 145 width: 400px; | 143 width: 400px; |
| 146 padding: 2px; | |
| 147 border: 1px dashed blue; | |
| 148 } | 144 } |
| 149 | 145 |
| 150 th { | 146 th { |
| 147 font-weight: normal; |
| 151 padding-top: 10px; | 148 padding-top: 10px; |
| 152 font-weight: normal; | |
| 153 } | 149 } |
| 154 | 150 |
| 155 .formpane { | 151 .formpane { |
| 156 margin-right: 20px; | 152 margin-right: 20px; |
| 157 } | 153 } |
| 158 | 154 |
| 159 .feedback-input { | 155 .feedback-input { |
| 160 border-style: solid; | 156 border-style: solid; |
| 161 border-width: 1px; | 157 border-width: 1px; |
| 162 } | 158 } |
| 163 | 159 |
| 164 #user-email-text { | 160 #user-email-text { |
| 165 border: none; | 161 border: none; |
| 166 } | 162 } |
| 167 | 163 |
| 168 #buttons-pane { | 164 #buttons-pane { |
| 169 padding: 0; | 165 padding: 0; |
| 170 } | 166 } |
| 171 | 167 |
| 172 #privacy-note { | 168 #privacy-note { |
| 173 padding-top: 24px; | |
| 174 padding-bottom: 10px; | |
| 175 text-align: start; | |
| 176 font-size: 90%; | 169 font-size: 90%; |
| 177 font-weight: normal; | 170 font-weight: normal; |
| 178 margin: 0; | 171 margin: 0; |
| 172 padding-bottom: 10px; |
| 173 padding-top: 24px; |
| 174 text-align: start; |
| 179 width: 44em; | 175 width: 44em; |
| 180 } | 176 } |
| OLD | NEW |