| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 82 | 82 |
| 83 .database-query-prompt { | 83 .database-query-prompt { |
| 84 position: relative; | 84 position: relative; |
| 85 padding: 1px 22px 1px 24px; | 85 padding: 1px 22px 1px 24px; |
| 86 min-height: 16px; | 86 min-height: 16px; |
| 87 white-space: pre-wrap; | 87 white-space: pre-wrap; |
| 88 -webkit-user-modify: read-write-plaintext-only; | 88 -webkit-user-modify: read-write-plaintext-only; |
| 89 -webkit-user-select: text; | 89 -webkit-user-select: text; |
| 90 } | 90 } |
| 91 | 91 |
| 92 .database-user-query::before, | 92 .prompt-icon { |
| 93 .database-query-prompt::before, | |
| 94 .database-query-result::before { | |
| 95 position: absolute; | 93 position: absolute; |
| 96 display: block; | 94 display: block; |
| 97 content: ""; | |
| 98 left: 7px; | 95 left: 7px; |
| 99 top: 0.8em; | 96 top: 0.8em; |
| 100 width: 10px; | |
| 101 height: 10px; | |
| 102 margin-top: -7px; | 97 margin-top: -7px; |
| 103 -webkit-user-select: none; | 98 -webkit-user-select: none; |
| 104 background-image: url(Images/smallIcons.png); | |
| 105 background-size: 190px 30px; | |
| 106 } | |
| 107 | |
| 108 @media (-webkit-min-device-pixel-ratio: 1.1) { | |
| 109 .database-user-query::before, | |
| 110 .database-query-prompt::before, | |
| 111 .database-query-result::before { | |
| 112 background-image: url(Images/smallIcons_2x.png); | |
| 113 } | |
| 114 } /* media */ | |
| 115 | |
| 116 .database-query-prompt::before { | |
| 117 background-position: -20px -20px; | |
| 118 } | 99 } |
| 119 | 100 |
| 120 .database-user-query { | 101 .database-user-query { |
| 121 position: relative; | 102 position: relative; |
| 122 border-bottom: 1px solid rgb(245, 245, 245); | 103 border-bottom: 1px solid rgb(245, 245, 245); |
| 123 padding: 1px 22px 1px 24px; | 104 padding: 1px 22px 1px 24px; |
| 124 min-height: 16px; | 105 min-height: 16px; |
| 125 flex-shrink: 0; | 106 flex-shrink: 0; |
| 126 } | 107 } |
| 127 | 108 |
| 128 .database-user-query::before { | |
| 129 background-position: 0 -20px; | |
| 130 } | |
| 131 | |
| 132 .database-query-text { | 109 .database-query-text { |
| 133 color: rgb(0, 128, 255); | 110 color: rgb(0, 128, 255); |
| 134 -webkit-user-select: text; | 111 -webkit-user-select: text; |
| 135 } | 112 } |
| 136 | 113 |
| 137 .database-query-result { | 114 .database-query-result { |
| 138 position: relative; | 115 position: relative; |
| 139 padding: 1px 22px 1px 24px; | 116 padding: 1px 22px 1px 24px; |
| 140 min-height: 16px; | 117 min-height: 16px; |
| 141 margin-left: -24px; | 118 margin-left: -24px; |
| 142 padding-right: 0; | 119 padding-right: 0; |
| 143 } | 120 } |
| 144 | 121 |
| 145 .database-query-result.error { | 122 .database-query-result.error { |
| 146 color: red; | 123 color: red; |
| 147 -webkit-user-select: text; | 124 -webkit-user-select: text; |
| 148 } | 125 } |
| 149 | 126 |
| 150 .database-query-result.error::before { | |
| 151 background-position: -20px 0; | |
| 152 } | |
| 153 | |
| 154 .resource-sidebar-tree-item .icon { | 127 .resource-sidebar-tree-item .icon { |
| 155 content: url(Images/resourcePlainIconSmall.png); | 128 content: url(Images/resourcePlainIconSmall.png); |
| 156 } | 129 } |
| 157 | 130 |
| 158 .resource-sidebar-tree-item.resources-type-image .icon { | 131 .resource-sidebar-tree-item.resources-type-image .icon { |
| 159 position: relative; | 132 position: relative; |
| 160 background-image: url(Images/resourcePlainIcon.png); | 133 background-image: url(Images/resourcePlainIcon.png); |
| 161 background-repeat: no-repeat; | 134 background-repeat: no-repeat; |
| 162 content: ""; | 135 content: ""; |
| 163 } | 136 } |
| 164 | 137 |
| 165 .resources-type-image .image-resource-icon-preview { | 138 .resources-type-image .image-resource-icon-preview { |
| 166 position: absolute; | 139 position: absolute; |
| 167 margin: auto; | 140 margin: auto; |
| 168 min-width: 1px; | 141 min-width: 1px; |
| 169 min-height: 1px; | 142 min-height: 1px; |
| 170 top: 2px; | 143 top: 2px; |
| 171 bottom: 1px; | 144 bottom: 1px; |
| 172 left: 3px; | 145 left: 3px; |
| 173 right: 3px; | 146 right: 3px; |
| 174 max-width: 8px; | 147 max-width: 8px; |
| 175 max-height: 11px; | 148 max-height: 11px; |
| 176 overflow: hidden; | 149 overflow: hidden; |
| 177 } | 150 } |
| 178 | 151 |
| 179 .resources-sidebar { | 152 .resources-sidebar { |
| 180 padding: 0; | 153 padding: 0; |
| 181 } | 154 } |
| OLD | NEW |