Changeset 22320 for trunk/wp-includes/css/media-views.css
- Timestamp:
- 10/28/2012 11:29:17 PM (11 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/wp-includes/css/media-views.css
r22247 r22320 76 76 z-index: 50; 77 77 height: 60px; 78 padding: 0 10px; 78 79 border-bottom: 1px solid #dfdfdf; 79 80 } … … 102 103 103 104 /** 104 * Workspace 105 */ 106 .media-workspace { 107 position: relative; 108 width: 100%; 109 height: 100%; 110 } 111 112 .upload-attachments { 113 position: absolute; 114 top: 0; 115 left: 0; 116 bottom: 0; 117 width: 180px; 118 margin: 10px; 119 text-align: center; 120 border: 3px dashed #dfdfdf; 121 background: #fff; 122 z-index: 100; 123 } 124 125 .upload-attachments h3 { 126 font-size: 18px; 127 font-weight: 200; 128 color: #777; 129 padding: 40px 0 0; 130 margin: 0; 131 } 132 133 .upload-attachments span { 134 display: block; 135 color: #777; 136 margin: 10px 0; 137 } 138 139 .upload-attachments a { 140 display: inline-block; 141 margin: 0 auto; 142 } 143 144 .drag-over .upload-attachments { 145 width: auto; 146 right: 0; 147 border-color: #83B4D8; 148 box-shadow: 0 0 0 10px #fff; 149 } 150 151 .existing-attachments { 152 position: absolute; 153 top: 0; 154 left: 200px; 155 right: 0; 156 bottom: 0; 157 margin: 0 20px; 158 } 159 160 .media-workspace .attachments, 161 .media-workspace .media-toolbar { 105 * Frame 106 */ 107 108 .media-frame .attachments, 109 .media-frame .media-toolbar { 162 110 -webkit-transition-property: left, right, top, bottom, margin; 163 111 -moz-transition-property: left, right, top, bottom, margin; … … 173 121 } 174 122 175 .media- workspace .attachments {176 position: absolute; 177 top: 0;123 .media-frame .attachments { 124 position: absolute; 125 top: 61px; 178 126 left: 0; 179 127 right: 0; … … 183 131 } 184 132 185 .media-workspace.with-toolbar .attachments { 186 top: 61px; 187 } 188 189 .media-workspace .media-toolbar { 133 .media-frame.hide-toolbar .attachments { 134 top: 0; 135 } 136 137 .media-frame .media-toolbar { 138 margin-top: 0; 139 } 140 141 .media-frame.hide-toolbar .media-toolbar { 190 142 margin-top: -61px; 191 143 } 192 144 193 .media-workspace.with-toolbar .media-toolbar { 194 margin-top: 0; 195 } 196 197 .media-workspace .media-toolbar .add-to-gallery { 145 .media-frame .media-toolbar .add-to-gallery { 198 146 display: none; 199 147 } 200 201 148 /** 202 149 * Attachments … … 214 161 right: 0; 215 162 height: 50px; 163 padding: 0 10px; 216 164 background: #fff; 217 165 } … … 243 191 bottom: 0; 244 192 overflow: auto; 245 margin: 0 -10px20px;193 margin: 0 0 20px; 246 194 } 247 195 … … 446 394 } 447 395 448 .upload-attachments .media-progress-bar { 449 margin-top: 80px; 396 .uploader-window { 397 position: fixed; 398 top: 0; 399 left: 0; 400 right: 0; 401 bottom: 0; 402 background: rgba( 0, 86, 132, 0.9 ); 403 404 /*z-index: -200;*/ 405 z-index: 250000; 450 406 display: none; 451 } 452 453 .uploading .upload-attachments .media-progress-bar { 407 text-align: center; 408 opacity: 0; 409 410 -webkit-transition: opacity 250ms; 411 -moz-transition: opacity 250ms; 412 -ms-transition: opacity 250ms; 413 -o-transition: opacity 250ms; 414 transition: opacity 250ms; 415 } 416 417 /*.drag-over .uploader-window { 418 z-index: 250000; 419 }*/ 420 421 .uploader-window-content { 422 position: absolute; 423 top: 30px; 424 left: 30px; 425 right: 30px; 426 bottom: 30px; 427 border: 1px dashed #fff; 428 } 429 430 .uploader-window h3 { 431 position: absolute; 432 top: 50%; 433 left: 0; 434 right: 0; 435 -webkit-transform: translateY( -50% ); 436 -moz-transform: translateY( -50% ); 437 -ms-transform: translateY( -50% ); 438 -o-transform: translateY( -50% ); 439 transform: translateY( -50% ); 440 441 font-size: 18px; 442 font-weight: 200; 443 color: #fff; 444 padding: 0; 445 } 446 447 .uploader-window .media-progress-bar { 448 margin-top: 20px; 449 max-width: 300px; 450 background: transparent; 451 border-color: #fff; 452 /*display: none;*/ 453 } 454 455 .uploader-window .media-progress-bar div { 456 background: #fff; 457 } 458 459 .uploading .uploader-window .media-progress-bar { 454 460 display: block; 455 461 }
Note: See TracChangeset
for help on using the changeset viewer.