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