Ticket #26669: 26669.2.diff
File 26669.2.diff, 520.7 KB (added by , 11 years ago) |
---|
-
Gruntfile.js
2 2 module.exports = function(grunt) { 3 3 var path = require('path'), 4 4 SOURCE_DIR = 'src/', 5 BUILD_DIR = 'build/'; 5 BUILD_DIR = 'build/', 6 wp_admin_source = [ 7 'common', 8 'text', 9 'forms', 10 'actions', 11 'notifications', 12 'header', 13 'navmenu', 14 'layoutblocks', 15 'dashboard', 16 'lists', 17 'edit', 18 'categories', 19 'tags', 20 'media', 21 'comments', 22 'themes', 23 'plugins', 24 'users', 25 'tools', 26 'settings', 27 'footer', 28 'about', 29 'overlay', 30 'customize', 31 'tabbedadmin', 32 'misc', 33 'localization', 34 'uncatagorized' 35 ], 36 wp_login_source = [ 37 'common', 38 'login' 39 ]; 6 40 7 41 // Load tasks. 8 42 require('matchdep').filterDev('grunt-*').forEach( grunt.loadNpmTasks ); … … 93 127 'wp-includes/css/*.css', 94 128 // Exceptions 95 129 '!wp-admin/css/theme.css', // Temporary file 130 '!wp-admin/css/wp-admin-*.css', 131 '!wp-admin/css/wp-login.css', 96 132 '!wp-admin/css/farbtastic.css' 97 133 ] 98 134 }, 135 'wp-admin': { 136 expand: true, 137 cwd: BUILD_DIR, 138 dest: BUILD_DIR, 139 ext: '.min.css', 140 src: [ 141 'wp-admin/css/wp-admin.css', 142 'wp-admin/css/wp-login.css' 143 ] 144 }, 99 145 rtl: { 100 146 expand: true, 101 147 cwd: BUILD_DIR, … … 130 176 'wp-includes/css/*.css' 131 177 ] 132 178 }, 179 'wp-admin': { 180 options: { 181 swapLtrRtlInUrl: false 182 }, 183 expand: true, 184 cwd: BUILD_DIR, 185 dest: BUILD_DIR, 186 ext: '-rtl.css', 187 src: [ 188 'wp-admin/css/wp-admin.css', 189 'wp-admin/css/wp-login.css' 190 ] 191 }, 133 192 colors: { 134 193 options: { 135 194 processContent: function( src ) { … … 283 342 BUILD_DIR + 'wp-includes/js/tinymce/plugins/*/plugin.min.js' 284 343 ], 285 344 dest: BUILD_DIR + 'wp-includes/js/tinymce/wp-tinymce.js' 345 }, 346 'wp-admin': { 347 options: { 348 separator: '\n' 349 }, 350 src: wp_admin_source.map( function( file ) { 351 return SOURCE_DIR + 'wp-admin/css/wp-admin-' + file + '.css'; 352 }), 353 dest: BUILD_DIR + 'wp-admin/css/wp-admin.css' 354 }, 355 'wp-login': { 356 options: { 357 separator: '\n' 358 }, 359 src: wp_login_source.map( function( file ) { 360 return SOURCE_DIR + 'wp-admin/css/wp-admin-' + file + '.css'; 361 }), 362 dest: BUILD_DIR + 'wp-admin/css/wp-login.css' 286 363 } 287 364 }, 288 365 compress: { … … 348 425 349 426 // Register tasks. 350 427 428 // wp-admin.css 429 grunt.registerTask('build:wpadmincss', ['concat:wp-admin', 'concat:wp-login', 'cssmin:wp-admin', 'cssjanus:wp-admin']); 430 351 431 // Copy task. 352 432 grunt.registerTask('copy:all', ['copy:files', 'copy:version']); 353 433 … … 358 438 grunt.registerTask('colors', ['sass:colors']); 359 439 360 440 // Build task. 361 grunt.registerTask('build', ['clean:all', 'copy:all', 'cssmin:core', 'colors', 'rtl', 'cssmin:rtl', 'cssmin:colors', 362 'uglify:core', 'concat:tinymce', 'compress:tinymce', 'clean:tinymce', 'jsvalidate:build']); 441 grunt.registerTask('build', ['clean:all', 'copy:all', 'cssmin:core', 'colors', 442 'rtl', 'cssmin:rtl', 'cssmin:colors', 'build:wpadmincss', 'uglify:core', 443 'concat:tinymce', 'compress:tinymce', 'clean:tinymce', 'jsvalidate:build']); 363 444 364 445 // Testing tasks. 365 446 grunt.registerMultiTask('phpunit', 'Runs PHPUnit tests, including the ajax and multisite tests.', function() { -
src/wp-admin/css/wp-admin-about.css
1 /*------------------------------------------------------------------------------ 2 22.0 - About Pages 3 ------------------------------------------------------------------------------*/ 4 5 .about-wrap { 6 position: relative; 7 margin: 25px 40px 0 20px; 8 max-width: 1050px; /* readability */ 9 10 font-size: 15px; 11 } 12 13 .about-wrap div.updated, 14 .about-wrap div.error { 15 display: none !important; 16 } 17 18 .about-wrap hr { 19 border: 0; 20 height: 0; 21 margin: 0; 22 border-top: 1px solid rgba(0, 0, 0, 0.1); 23 } 24 25 .about-wrap img { 26 margin: 0.5em 0 0.5em 5px; 27 max-width: 100%; 28 } 29 30 /* Typography */ 31 32 .about-wrap p { 33 line-height: 1.6em; 34 font-size: 14px; 35 } 36 37 .about-wrap h1 { 38 margin: 0.2em 200px 0 0; 39 color: #333; 40 line-height: 1.2em; 41 font-size: 2.8em; 42 font-weight: 400; 43 } 44 45 .about-wrap h4 { 46 color: #222; 47 } 48 49 .about-wrap .about-text, 50 .about-wrap p.about-description, 51 .about-wrap li.wp-person a.web { 52 font-weight: normal; 53 line-height: 1.6em; 54 font-size: 19px; 55 } 56 57 .about-description { 58 margin-top: 1.4em; 59 } 60 61 .about-text { 62 margin: 1em 200px 1em 0; 63 min-height: 60px; 64 color: #777; 65 font-size: 24px; 66 } 67 68 .about-wrap .changelog h2.about-headline-callout { 69 margin: 1.1em 0 0.2em; 70 font-size: 2.4em; 71 font-weight: 300; 72 line-height: 1.3; 73 text-align: center; 74 } 75 76 .about-wrap h3 { 77 margin: 1em 0 .6em; 78 font-size: 1.5em; 79 line-height: 1.5em; 80 } 81 82 .about-wrap .feature-section h4 { 83 margin: 1.4em 0 0.6em 0; 84 font-size: 1.2em; 85 } 86 87 .about-wrap .feature-section p { 88 margin-top: 0.6em; 89 } 90 91 .about-wrap code, 92 .about-wrap ol li p { 93 font-size: 14px; 94 } 95 96 /* 3.8 Images */ 97 98 .about-wrap .about-colors-img { 99 bottom: -25px; 100 } 101 102 .about-wrap .about-themes-img { 103 bottom: -38px; 104 } 105 106 .about-wrap .about-overview-img { 107 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 108 margin: 0; 109 } 110 111 .about-colors-img img, 112 .about-themes-img img { 113 margin: 0 0; 114 padding: 0; 115 line-height: 1; 116 } 117 118 /* Point Releases */ 119 120 .about-wrap .point-releases { 121 margin-top: 5px; 122 border-bottom: 1px solid #dfdfdf; 123 } 124 125 .about-wrap .changelog.point-releases h3 { 126 padding-top: 35px; 127 } 128 129 .about-wrap .changelog.point-releases h3:first-child { 130 padding-top: 7px; 131 } 132 133 /* WordPress Version Badge */ 134 135 .wp-badge { 136 background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat; 137 background: #0074a2, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; /* multiple backgrounds are ignored by browsers that don't support SVGs */ 138 background-position: center 24px; 139 background-size: 85px 85px; 140 color: #78c8e6; 141 font-size: 14px; 142 text-align: center; 143 font-weight: 600; 144 margin: 5px 0 0; 145 padding-top: 120px; 146 height: 40px; 147 display: inline-block; 148 width: 150px; 149 text-rendering: optimizeLegibility; 150 151 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 152 box-shadow: 0 1px 3px rgba(0,0,0,0.2); 153 } 154 155 156 .about-wrap .wp-badge { 157 position: absolute; 158 top: 0; 159 right: 0; 160 } 161 162 /* Tabs */ 163 164 .about-wrap h2.nav-tab-wrapper { 165 padding-left: 6px; 166 } 167 168 .about-wrap h2 .nav-tab { 169 padding: 4px 15px 6px; 170 margin: 0 3px -1px 0; 171 font-size: 18px; 172 vertical-align: top; 173 border-width: 1px; 174 } 175 176 /* Changelog / Update screen */ 177 178 .about-wrap .feature-section { 179 padding-bottom: 20px; 180 } 181 182 .about-wrap .feature-section.col { 183 margin-bottom: 0; 184 } 185 186 .about-wrap .feature-section.center-col > div { 187 margin: auto; 188 width: 60%; 189 } 190 191 .about-wrap .about-colors .one-col > div { 192 width: 100%; 193 } 194 195 .about-wrap .feature-section.two-col > div { 196 position: relative; 197 width: 50%; 198 float: left; 199 } 200 201 .about-wrap .feature-section.three-col > div { 202 position: relative; 203 width: 29.95%; 204 margin-right: 4.999999999%; 205 float: left; 206 } 207 208 .about-wrap .feature-section.col .last-feature { 209 margin-right: 0; 210 } 211 212 .about-wrap .about-updates img, 213 .about-wrap .about-twentyfourteen img { 214 margin: 2em 0 0 0; 215 border: 1px solid #ddd; 216 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 217 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 218 } 219 220 .about-wrap .about-twentyfourteen img { 221 margin-top: 1em; 222 } 223 224 .about-wrap .changelog .feature-section { 225 overflow: hidden; 226 } 227 228 .about-wrap .about-colors .scheme-list { 229 margin-bottom: 1em; 230 } 231 232 .about-wrap .about-colors .color-option { 233 padding-top: 10px; 234 } 235 .about-wrap .about-colors .color-option label { 236 display: inline-block; 237 margin: 0.25em 0 0.5em; 238 } 239 240 .about-wrap .feature-section.two-col div p { 241 margin-right: 3%; 242 } 243 244 .about-wrap .feature-section div p img { 245 float: right; 246 margin-left: 10px; 247 max-width: 20%; 248 } 249 250 .about-wrap .changelog li { 251 list-style-type: disc; 252 margin-left: 3em; 253 } 254 255 /* Return to Dashboard Home link */ 256 257 .about-wrap .return-to-dashboard { 258 margin: 30px 0 0 -5px; 259 font-size: 14px; 260 font-weight: bold; 261 } 262 263 .about-wrap .return-to-dashboard a { 264 text-decoration: none; 265 padding: 0 5px; 266 } 267 268 /* Credits */ 269 270 .about-wrap h4.wp-people-group { 271 margin-top: 2.6em; 272 font-size: 16px; 273 } 274 275 .about-wrap ul.wp-people-group { 276 overflow: hidden; 277 padding: 0 5px; 278 margin: 0 -15px 0 -5px; 279 } 280 281 .about-wrap ul.compact { 282 margin-bottom: 0 283 } 284 285 .about-wrap li.wp-person { 286 float: left; 287 margin-right: 10px; 288 } 289 290 .about-wrap li.wp-person img.gravatar { 291 float: left; 292 margin: 0 10px 10px 0; 293 padding: 2px; 294 width: 60px; 295 height: 60px; 296 } 297 298 .about-wrap ul.compact li.wp-person img.gravatar { 299 width: 30px; 300 height: 30px; 301 } 302 303 /* @todo: combine this */ 304 .about-wrap li.wp-person { 305 height: 70px; 306 width: 280px; 307 padding-bottom: 15px; 308 } 309 310 .about-wrap ul.compact li.wp-person { 311 height: auto; 312 width: 180px; 313 padding-bottom: 0; 314 margin-bottom: 0; 315 } 316 317 .about-wrap #wp-people-group-validators + p.wp-credits-list { 318 margin-top: 0; 319 } 320 321 .about-wrap li.wp-person a.web { 322 display: block; 323 margin: 6px 0 2px; 324 font-size: 16px; 325 text-decoration: none; 326 } 327 328 .about-wrap p.wp-credits-list a { 329 white-space: nowrap; 330 } 331 332 /* Freedoms */ 333 334 .freedoms-php .about-wrap ol { 335 margin: 40px 60px; 336 } 337 338 .freedoms-php .about-wrap ol li { 339 list-style-type: decimal; 340 font-weight: bold; 341 } 342 343 .freedoms-php .about-wrap ol p { 344 font-weight: normal; 345 margin: 0.6em 0; 346 } 347 348 -
src/wp-admin/css/wp-admin-actions.css
Property changes on: src/wp-admin/css/wp-admin-about.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 #major-publishing-actions { 2 padding: 10px; 3 clear: both; 4 border-top: 1px solid #ddd; 5 background: #f5f5f5; 6 } 7 8 #delete-action { 9 line-height: 28px; 10 vertical-align: middle; 11 text-align: left; 12 float: left; 13 } 14 15 #publishing-action { 16 text-align: right; 17 float: right; 18 line-height: 23px; 19 } 20 21 #publishing-action .spinner { 22 float: left; 23 } 24 25 #misc-publishing-actions { 26 padding: 6px 0 0; 27 } 28 29 .misc-pub-section { 30 padding: 6px 10px 8px; 31 } 32 33 #minor-publishing-actions { 34 padding: 10px 10px 0 10px; 35 text-align: right; 36 } 37 38 #save-post { 39 float: left; 40 } 41 42 .preview { 43 float: right; 44 } 45 46 #sticky-span { 47 margin-left: 18px; 48 } 49 50 .side-info { 51 margin: 0; 52 padding: 4px; 53 font-size: 11px; 54 } 55 56 .side-info h5 { 57 padding-bottom: 7px; 58 font-size: 14px; 59 margin: 12px 2px 5px; 60 border-bottom: 1px solid #dadada; 61 } 62 63 .side-info ul { 64 margin: 0; 65 padding-left: 18px; 66 list-style: square; 67 color: #666; 68 } 69 70 .approve, 71 .unapproved .unapprove { 72 display: none; 73 } 74 75 .unapproved .approve, 76 .spam .approve, 77 .trash .approve { 78 display: inline; 79 } 80 81 td.action-links, 82 th.action-links { 83 text-align: right; 84 } 85 86 87 -
src/wp-admin/css/wp-admin-categories.css
Property changes on: src/wp-admin/css/wp-admin-actions.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 .category-adder { 2 margin-left: 120px; 3 padding: 4px 0; 4 } 5 6 .category-adder h4 { 7 margin: 0 0 8px; 8 } 9 10 #side-sortables .category-adder { 11 margin: 0; 12 } 13 14 #post-body ul.add-menu-item-tabs { 15 float: left; 16 width: 120px; 17 text-align: right; 18 /* Negative margin for the sake of those without JS: all tabs display */ 19 margin: 0 -120px 0 5px; 20 padding: 0; 21 } 22 23 ul.add-menu-item-tabs li { 24 padding: 3px 5px 3px 8px; 25 } 26 27 #post-body ul.add-menu-item-tabs li.tabs { 28 -webkit-border-top-left-radius: 3px; 29 -webkit-border-bottom-left-radius: 3px; 30 border-top-left-radius: 3px; 31 border-bottom-left-radius: 3px; 32 } 33 34 .wp-tab-panel, 35 .categorydiv div.tabs-panel, 36 .customlinkdiv div.tabs-panel, 37 .posttypediv div.tabs-panel, 38 .taxonomydiv div.tabs-panel { 39 min-height: 42px; 40 max-height: 200px; 41 overflow: auto; 42 padding: 0 0.9em; 43 border: solid 1px #dfdfdf; 44 background-color: #fdfdfd; 45 } 46 47 div.tabs-panel-active { 48 display:block; 49 } 50 51 div.tabs-panel-inactive { 52 display:none; 53 } 54 55 #front-page-warning, 56 #front-static-pages ul, 57 ul.export-filters, 58 .inline-editor ul.cat-checklist ul, 59 .categorydiv ul.categorychecklist ul, 60 .customlinkdiv ul.categorychecklist ul, 61 .posttypediv ul.categorychecklist ul, 62 .taxonomydiv ul.categorychecklist ul { 63 margin-left: 18px; 64 } 65 66 ul.categorychecklist li { 67 margin: 0; 68 padding: 0; 69 line-height: 22px; 70 word-wrap: break-word; 71 } 72 73 .categorydiv .tabs-panel, 74 .customlinkdiv .tabs-panel, 75 .posttypediv .tabs-panel, 76 .taxonomydiv .tabs-panel { 77 border-width: 3px; 78 border-style: solid; 79 } 80 81 .form-wrap p, 82 .form-wrap label { 83 font-size: 11px; 84 } 85 86 .form-wrap label { 87 display: block; 88 padding: 2px; 89 font-size: 12px; 90 } 91 92 .form-field input, 93 .form-field textarea { 94 border-style: solid; 95 border-width: 1px; 96 width: 95%; 97 } 98 99 p.description, 100 .form-wrap p { 101 margin: 2px 0 5px; 102 color: #666; 103 } 104 105 p.help, 106 p.description, 107 span.description, 108 .form-wrap p { 109 font-size: 13px; 110 font-style: italic; 111 } 112 113 .form-wrap .form-field { 114 margin: 0 0 10px; 115 padding: 8px 0; 116 } 117 118 .form-wrap .form-field #parent { 119 max-width: 100%; 120 } 121 122 .col-wrap h3 { 123 margin: 12px 0; 124 font-size: 1.1em; 125 } 126 127 .col-wrap p.submit { 128 margin-top: -10px; 129 } 130 131 132 -
src/wp-admin/css/wp-admin-comments.css
Property changes on: src/wp-admin/css/wp-admin-categories.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 /*------------------------------------------------------------------------------ 2 15.0 - Comments Screen 3 ------------------------------------------------------------------------------*/ 4 5 .form-table { 6 border-collapse: collapse; 7 margin-top: 0.5em; 8 width: 100%; 9 clear: both; 10 } 11 12 .form-table, 13 .form-table td, 14 .form-table th, 15 .form-table td p, 16 .form-wrap label { 17 font-size: 14px; 18 } 19 20 .form-table td { 21 margin-bottom: 9px; 22 padding: 15px 10px; 23 line-height: 1.3; 24 vertical-align: middle; 25 } 26 27 .form-table th, 28 .form-wrap label { 29 color: #222; 30 font-weight: normal; 31 text-shadow: none; 32 vertical-align: baseline; 33 } 34 35 .form-table th { 36 vertical-align: top; 37 text-align: left; 38 padding: 20px 10px 20px 0; 39 width: 200px; 40 line-height: 1.3; 41 font-weight: 600; 42 } 43 44 .form-table th.th-full { 45 width: auto; 46 font-weight: 400; 47 } 48 49 .form-table input.tog { 50 margin-top: 2px; 51 margin-right: 2px; 52 float: left; 53 } 54 55 .form-table td p { 56 margin-top: 4px; 57 margin-bottom: 0; 58 } 59 60 .form-table td fieldset label { 61 margin: 0.25em 0 0.5em !important; 62 display: inline-block; 63 } 64 65 .form-table td fieldset label, 66 .form-table td fieldset p, 67 .form-table td fieldset li { 68 line-height: 1.4em; 69 } 70 71 .form-table input.tog, 72 .form-table input[type=radio] { 73 margin-top: -4px; 74 margin-right: 4px; 75 float: none; 76 } 77 78 .commentlist li { 79 padding: 1em 1em .2em; 80 margin: 0; 81 border-bottom: 1px solid #ccc; 82 } 83 84 .commentlist li li { 85 border-bottom: 0; 86 padding: 0; 87 } 88 89 .commentlist p { 90 padding: 0; 91 margin: 0 0 .8em; 92 } 93 94 #submitted-on, 95 .submitted-on { 96 color: #777; 97 } 98 99 /* reply to comments */ 100 #replyrow td { 101 padding: 2px; 102 } 103 104 #replysubmit { 105 margin: 0; 106 padding: 0 5px 3px; 107 text-align: center; 108 } 109 110 #replysubmit .spinner { 111 padding: 2px 0 0; 112 vertical-align: top; 113 float: right; 114 } 115 116 #replysubmit .button { 117 margin-right: 5px; 118 } 119 120 #replysubmit .error { 121 color: red; 122 line-height: 21px; 123 text-align: center; 124 } 125 126 #replyrow h5 { 127 margin: .2em 0 0; 128 padding: 0 5px; 129 line-height: 1.4em; 130 font-size: 1em; 131 } 132 133 #edithead .inside { 134 float: left; 135 padding: 3px 0 2px 5px; 136 margin: 0; 137 text-align: center; 138 } 139 140 #edithead .inside input { 141 width: 180px; 142 } 143 144 #edithead label { 145 padding: 2px 0; 146 } 147 148 #replycontainer { 149 padding: 5px; 150 } 151 152 #replycontent { 153 height: 120px; 154 -webkit-box-shadow: none; 155 box-shadow: none; 156 } 157 158 #replyerror { 159 border-color: #ddd; 160 background-color: #f9f9f9; 161 } 162 163 .comment-php .wp-editor-area { 164 height: 200px; 165 } 166 167 .comment-ays { 168 margin-bottom: 0; 169 border-bottom-style: solid; 170 border-bottom-width: 1px; 171 } 172 173 .comment-ays .alt { 174 background-color: transparent; 175 } 176 177 .trash-undo-inside, 178 .spam-undo-inside { 179 margin: 1px 8px 1px 0; 180 line-height: 16px; 181 } 182 183 .spam-undo-inside .avatar, 184 .trash-undo-inside .avatar { 185 height: 20px; 186 width: 20px; 187 margin-right: 8px; 188 vertical-align: middle; 189 } 190 191 .stuffbox .editcomment { 192 clear: none; 193 } 194 195 #comment-status-radio p { 196 margin: 3px 0 5px; 197 } 198 199 #comment-status-radio input { 200 margin: 2px 3px 5px 0; 201 vertical-align: middle; 202 } 203 204 #comment-status-radio label { 205 padding: 5px 0; 206 } 207 208 .commentlist .avatar { 209 vertical-align: text-top; 210 } 211 212 #the-comment-list tr.undo, 213 #the-comment-list div.undo { 214 background-color: #f4f4f4; 215 } 216 217 #the-comment-list .unapproved th, 218 #the-comment-list .unapproved td { 219 background-color: #fefaf7; 220 } 221 222 #the-comment-list .unapproved th.check-column { 223 border-left: 4px solid #d54e21; 224 } 225 226 #the-comment-list .unapproved th.check-column input { 227 margin-left: 4px; 228 } 229 230 #the-comment-list .approve a { 231 color: #006505; 232 } 233 234 #the-comment-list .unapprove a { 235 color: #d98500; 236 } 237 238 #the-comment-list th, 239 #the-comment-list td { 240 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 241 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); 242 } 243 244 #the-comment-list tr:last-child th, 245 #the-comment-list tr:last-child td { 246 -webkit-box-shadow: none; 247 box-shadow: none; 248 } 249 250 #the-comment-list tr.unapproved + tr.approved th, 251 #the-comment-list tr.unapproved + tr.approved td { 252 border-top: 1px solid rgba(0, 0, 0, 0.03); 253 } 254 255 /* table vim shortcuts */ 256 .vim-current, 257 .vim-current th, 258 .vim-current td { 259 background-color: #e4f2fd !important; 260 } 261 262 -
src/wp-admin/css/wp-admin-common.css
Property changes on: src/wp-admin/css/wp-admin-comments.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 /* 2 column liquid layout */ 2 #wpwrap { 3 height: auto; 4 min-height: 100%; 5 width: 100%; 6 position: relative; 7 -webkit-font-smoothing: subpixel-antialiased; 8 } 9 10 #wpcontent { 11 height: 100%; 12 } 13 14 #wpcontent, 15 #wpfooter { 16 margin-left: 180px; 17 } 18 19 .folded #wpcontent, 20 .folded #wpfooter { 21 margin-left: 56px; 22 } 23 24 #wpbody-content { 25 padding-bottom: 65px; 26 float: left; 27 width: 100%; 28 overflow: visible !important; 29 } 30 31 #adminmenuback, 32 #adminmenuwrap, 33 #adminmenu, 34 #adminmenu .wp-submenu { 35 width: 160px; 36 background-color: #222; 37 } 38 39 #adminmenuback { 40 position: absolute; 41 top: 0; 42 bottom: 0; 43 z-index: -1; 44 } 45 46 #adminmenu { 47 clear: left; 48 margin: 12px 0 0; 49 padding: 0; 50 list-style: none; 51 } 52 53 .folded #adminmenuback, 54 .folded #adminmenuwrap, 55 .folded #adminmenu, 56 .folded #adminmenu li.menu-top { 57 width: 36px; 58 } 59 60 /* inner 2 column liquid layout */ 61 62 .inner-sidebar { 63 float: right; 64 clear: right; 65 display: none; 66 width: 281px; 67 position: relative; 68 } 69 70 .columns-2 .inner-sidebar { 71 margin-right: auto; 72 width: 286px; 73 display: block; 74 } 75 76 .inner-sidebar #side-sortables, 77 .columns-2 .inner-sidebar #side-sortables { 78 min-height: 300px; 79 width: 280px; 80 padding: 0; 81 } 82 83 .has-right-sidebar .inner-sidebar { 84 display: block; 85 } 86 87 .has-right-sidebar #post-body { 88 float: left; 89 clear: left; 90 width: 100%; 91 margin-right: -2000px; 92 } 93 94 .has-right-sidebar #post-body-content { 95 margin-right: 300px; 96 float: none; 97 width: auto; 98 } 99 100 /* 2 columns main area */ 101 102 #col-container, 103 #col-left, 104 #col-right { 105 overflow: hidden; 106 padding: 0; 107 margin: 0; 108 } 109 110 #col-left { 111 width: 35%; 112 } 113 114 #col-right { 115 float: right; 116 clear: right; 117 width: 65%; 118 } 119 120 .col-wrap { 121 padding: 0 7px; 122 } 123 124 /* utility classes */ 125 .alignleft { 126 float: left; 127 } 128 129 .alignright { 130 float: right; 131 } 132 133 .textleft { 134 text-align: left; 135 } 136 137 .textright { 138 text-align: right; 139 } 140 141 .clear { 142 clear: both; 143 } 144 145 /* Hide visually but not from screen readers */ 146 .screen-reader-text, 147 .screen-reader-text span, 148 .ui-helper-hidden-accessible { 149 position: absolute; 150 margin: -1px; 151 padding: 0; 152 height: 1px; 153 width: 1px; 154 overflow: hidden; 155 clip: rect(0 0 0 0); 156 border: 0; 157 } 158 159 .screen-reader-shortcut { 160 position: absolute; 161 top: -1000em; 162 } 163 164 .screen-reader-shortcut:focus { 165 left: 6px; 166 top: -25px; 167 height: auto; 168 width: auto; 169 display: block; 170 font-size: 14px; 171 font-weight: 600; 172 padding: 15px 23px 14px; 173 background: #f1f1f1; 174 color: #21759b; 175 z-index: 100000; 176 line-height: normal; 177 -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); 178 box-shadow: 0 0 2px 2px rgba(0,0,0,.6); 179 text-decoration: none; 180 outline: none; 181 } 182 183 .hidden, 184 .js .closed .inside, 185 .js .hide-if-js, 186 .no-js .hide-if-no-js, 187 .js.wp-core-ui .hide-if-js, 188 .js .wp-core-ui .hide-if-js, 189 .no-js.wp-core-ui .hide-if-no-js, 190 .no-js .wp-core-ui .hide-if-no-js { 191 display: none; 192 } 193 194 /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */ 195 .widget-top, 196 .menu-item-handle, 197 .widget-inside, 198 #menu-settings-column .accordion-container, 199 #menu-management .menu-edit, 200 .manage-menus, 201 table.widefat, 202 .stuffbox, 203 p.popular-tags, 204 .widgets-holder-wrap, 205 .wp-editor-container, 206 .popular-tags, 207 .feature-filter, 208 .imgedit-group { 209 border: 1px solid #e5e5e5; 210 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); 211 box-shadow: 0 1px 1px rgba(0,0,0,0.04); 212 } 213 214 table.widefat, 215 .wp-editor-container, 216 .stuffbox, 217 p.popular-tags, 218 .widgets-holder-wrap, 219 .popular-tags, 220 .feature-filter, 221 .imgedit-group { 222 background: #fff; 223 } 224 225 input[type="radio"]:checked + label:before, 226 #misc-publishing-actions label[for="post_status"]:before, 227 #post-body #visibility:before, 228 .curtime #timestamp:before, 229 #post-body .misc-pub-revisions:before, 230 span.wp-media-buttons-icon:before { 231 color: #888; 232 } 233 234 /* include margin and padding in the width calculation of input and textarea */ 235 input, 236 input[type="text"], 237 input[type="password"], 238 input[type="number"], 239 input[type="search"], 240 input[type="email"], 241 input[type="url"], 242 textarea { 243 -moz-box-sizing: border-box; 244 -webkit-box-sizing: border-box; 245 -ms-box-sizing: border-box; /* ie8 only */ 246 box-sizing: border-box; 247 } 248 249 input[type="checkbox"], 250 input[type="radio"] { 251 border: 1px solid #bbb; 252 background: #fff; 253 color: #555; 254 clear: none; 255 cursor: pointer; 256 display: inline-block; 257 line-height: 0; 258 height: 16px; 259 margin: -4px 4px 0 0; 260 outline: 0; 261 padding: 0 !important; 262 text-align: center; 263 vertical-align: middle; 264 width: 16px; 265 min-width: 16px; 266 -webkit-appearance: none; 267 -webkit-box-sizing: border-box; 268 box-sizing: border-box; 269 -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 270 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 271 } 272 273 .wp-core-ui input[type="reset"]:hover, 274 .wp-core-ui input[type="reset"]:active { 275 color: #2ea2cc; 276 } 277 278 td > input[type="checkbox"], 279 .wp-admin p input[type=checkbox], 280 .wp-admin p input[type=radio] { 281 margin-top: 0; 282 } 283 284 .wp-admin p label input[type=checkbox] { 285 margin-top: -4px; 286 } 287 288 .wp-admin p label input[type=radio] { 289 margin-top: -2px; 290 } 291 292 input[type=radio] { 293 border-radius: 50%; 294 margin-right: 4px; 295 line-height: 10px; 296 } 297 298 input:disabled, 299 input.disabled, 300 textarea:disabled, 301 textarea.disabled { 302 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); 303 box-shadow: inset 0 1px 2px rgba(0,0,0,0.04); 304 border-color: rgba(222, 222, 222, .75); 305 background: rgba(255, 255, 255, .5); 306 color: rgba(51, 51, 51, .5); 307 } 308 309 input[type=checkbox]:disabled, 310 input[type=radio]:disabled, 311 input[type=checkbox]:disabled:checked:before, 312 input[type=radio]:disabled:checked:before { 313 opacity: 0.7; 314 } 315 316 input[type=checkbox]:checked:before, 317 input[type=radio]:checked:before { 318 float: left; 319 display: inline-block; 320 vertical-align: middle; 321 width: 16px; 322 font: normal 21px/1 'dashicons'; 323 speak: none; 324 -webkit-font-smoothing: antialiased; 325 -moz-osx-font-smoothing: grayscale; 326 } 327 328 input[type=checkbox]:checked:before { 329 content: '\f147'; 330 margin: -3px 0 0 -4px; 331 color: #1e8cbe; 332 } 333 334 input[type=radio]:checked:before { 335 content: '\2022'; 336 text-indent: -9999px; 337 border-radius: 50px; 338 font-size: 24px; 339 width: 6px; 340 height: 6px; 341 margin: 4px; 342 line-height: 16px; 343 background-color: #1e8cbe; 344 } 345 346 input.readonly, textarea.readonly { 347 background-color: #ddd; 348 } 349 350 @-moz-document url-prefix() { 351 input[type=checkbox], 352 input[type=radio], 353 .form-table input.tog { 354 margin-bottom: -1px; 355 } 356 } 357 358 /* Search */ 359 input[type="search"] { 360 -webkit-appearance: textfield; 361 } 362 363 input[type="search"]::-webkit-search-decoration { 364 display: none; 365 } 366 367 .ie8 input[type="password"], 368 .ie8 .login form .input { 369 font-family: sans-serif; 370 } 371 372 /* general */ 373 html, 374 body { 375 height: 100%; 376 margin: 0; 377 padding: 0; 378 } 379 380 html { 381 background: #f1f1f1; 382 } 383 384 body { 385 color: #444; 386 font-family: "Open Sans", sans-serif; 387 font-size: 13px; 388 line-height: 1.4em; 389 min-width: 600px; 390 } 391 392 body.iframe { 393 min-width: 0; 394 padding-top: 1px; 395 } 396 397 iframe, 398 img { 399 border: 0; 400 } 401 402 td, 403 textarea, 404 input, 405 select, 406 button { 407 font-family: inherit; 408 font-size: inherit; 409 font-weight: inherit; 410 } 411 412 td, 413 textarea { 414 line-height: inherit; 415 } 416 417 textarea { 418 overflow: auto; 419 } 420 421 textarea, 422 input, 423 select { 424 font-size: 14px; 425 padding: 3px 5px; 426 line-height: 15px; 427 border-radius: 0; /* Reset mobile webkit's default element styling */ 428 } 429 430 textarea { 431 padding: 2px 6px; 432 line-height: 1.4; 433 } 434 435 a { 436 color: #0074a2; 437 -webkit-transition-property: border, background, color; 438 -moz-transition-property: border, background, color; 439 transition-property: border, background, color; 440 -webkit-transition-duration: .05s; 441 -moz-transition-duration: .05s; 442 transition-duration: .05s; 443 -webkit-transition-timing-function: ease-in-out; 444 -moz-transition-timing-function: ease-in-out; 445 transition-timing-function: ease-in-out; 446 } 447 448 a, 449 input[type="text"], 450 input[type="password"], 451 input[type="number"], 452 input[type="search"], 453 input[type="email"], 454 input[type="url"], 455 textarea, 456 div, 457 select { 458 outline: 0; 459 } 460 461 .wp-admin input[type="file"] { 462 padding: 3px 0; 463 } 464 465 a:hover, 466 a:active { 467 color: #2ea2cc; 468 } 469 470 a:focus { 471 color: #124964; 472 } 473 474 a:focus, 475 a:active { 476 outline: thin dotted; 477 } 478 479 #adminmenu a:focus, 480 #adminmenu a:active, 481 .screen-reader-text:focus { 482 outline: none; 483 } 484 485 blockquote, 486 q { 487 quotes: none; 488 } 489 490 blockquote:before, 491 blockquote:after, 492 q:before, 493 q:after { 494 content: ''; 495 content: none; 496 } 497 498 p, 499 .wp_attachment_details label[for="content"] { 500 font-size: 13px; 501 line-height: 1.5; 502 margin: 1em 0; 503 } 504 505 blockquote { 506 margin: 1em; 507 } 508 509 label { 510 cursor: pointer; 511 } 512 513 li, 514 dd { 515 margin-bottom: 6px; 516 } 517 518 input, 519 select { 520 margin: 1px; 521 padding: 3px 5px; 522 } 523 524 h1, 525 h2, 526 h3, 527 h4, 528 h5, 529 h6 { 530 display: block; 531 font-weight: 600; 532 } 533 534 h1 { 535 font-size: 2em; 536 margin: .67em 0; 537 } 538 539 h2 { 540 color: #222; 541 font-size: 1.5em; 542 margin: .83em 0; 543 font-weight: 400; 544 } 545 546 h3 { 547 color: #222; 548 font-size: 1.3em; 549 margin: 1em 0; 550 } 551 552 h4 { 553 font-size: 1em; 554 margin: 1.33em 0; 555 } 556 557 h5 { 558 font-size: 0.83em; 559 margin: 1.67em 0; 560 } 561 562 h6 { 563 font-size: 0.67em; 564 margin: 2.33em 0; 565 } 566 567 ul, 568 ol { 569 padding: 0; 570 } 571 572 ul { 573 list-style: none; 574 } 575 576 ol { 577 list-style-type: decimal; 578 margin-left: 2em; 579 } 580 581 ul.ul-disc { 582 list-style: disc outside; 583 } 584 585 ul.ul-square { 586 list-style: square outside; 587 } 588 589 ol.ol-decimal { 590 list-style: decimal outside; 591 } 592 593 ul.ul-disc, 594 ul.ul-square, 595 ol.ol-decimal { 596 margin-left: 1.8em; 597 } 598 599 ul.ul-disc > li, 600 ul.ul-square > li, 601 ol.ol-decimal > li { 602 margin: 0 0 0.5em; 603 } 604 605 /* @noflip */ 606 .code, 607 code { 608 font-family: Consolas, Monaco, monospace; 609 direction: ltr; 610 } 611 612 input.code { 613 padding-top: 6px; 614 } 615 616 textarea.code { 617 line-height: 1.4; 618 padding: 4px 6px 1px 6px; 619 } 620 621 kbd, 622 code { 623 padding: 3px 5px 2px 5px; 624 margin: 0 1px; 625 background: #eaeaea; 626 background: rgba(0,0,0,0.07); 627 font-size: 13px; 628 } 629 630 .subsubsub { 631 list-style: none; 632 margin: 8px 0 0; 633 padding: 0; 634 font-size: 13px; 635 float: left; 636 color: #666; 637 } 638 639 .subsubsub a { 640 line-height: 2; 641 padding: .2em; 642 text-decoration: none; 643 } 644 645 .subsubsub a .count, 646 .subsubsub a.current .count { 647 color: #999; 648 font-weight: normal; 649 } 650 651 .subsubsub a.current { 652 font-weight: 600; 653 border: none; 654 } 655 656 .subsubsub li { 657 display: inline-block; 658 margin: 0; 659 padding: 0; 660 white-space: nowrap; 661 } 662 663 /* .widefat - main style for tables */ 664 .widefat { 665 border-spacing: 0; 666 width: 100%; 667 clear: both; 668 margin: 0; 669 } 670 671 .widefat * { 672 word-wrap: break-word; 673 } 674 675 .widefat a { 676 text-decoration: none; 677 } 678 679 .widefat td, 680 .widefat th { 681 padding: 8px 10px; 682 } 683 684 .widefat thead th { 685 border-bottom: 1px solid #e1e1e1; 686 } 687 688 .widefat tfoot th { 689 border-top: 1px solid #e1e1e1; 690 border-bottom: none; 691 } 692 693 .widefat .no-items td { 694 border-bottom-width: 0; 695 } 696 697 .widefat td { 698 vertical-align: top; 699 } 700 701 .widefat td, 702 .widefat td p, 703 .widefat td ol, 704 .widefat td ul { 705 font-size: 13px; 706 line-height: 1.5em; 707 } 708 709 .widefat th { 710 text-align: left; 711 line-height: 1.3em; 712 font-size: 14px; 713 } 714 715 .widefat th input { 716 margin: 0 0 0 8px; 717 padding: 0; 718 vertical-align: text-top; 719 } 720 721 .widefat .check-column { 722 width: 2.2em; 723 padding: 6px 0 25px; 724 vertical-align: top; 725 } 726 727 .widefat th input[type=checkbox] { 728 margin-top: -1px; 729 } 730 731 .widefat tbody th.check-column { 732 padding: 9px 0 22px; 733 } 734 735 .widefat.media .check-column { 736 padding-top: 8px; 737 } 738 739 .widefat thead th.check-column, 740 .widefat tbody th.check-column, 741 .widefat tfoot th.check-column { 742 padding: 11px 0 0 3px; 743 } 744 745 .widefat thead th.check-column { 746 padding-top: 10px; 747 } 748 749 .plugins tbody th.check-column, 750 .plugins tbody { 751 padding: 8px 0 0 2px; 752 } 753 754 .plugins tbody th.check-column input[type=checkbox] { 755 margin-top: 4px; 756 } 757 758 #update-plugins-table tbody td p { 759 margin-top: 0; 760 } 761 762 #update-plugins-table tbody td p strong { 763 font-size: 14px; 764 } 765 766 .plugins thead th.check-column, 767 .plugins tfoot th.check-column, 768 .plugins .inactive th.check-column { 769 padding-left: 6px; 770 } 771 772 #update-plugins-table thead th.check-column, 773 #update-plugins-table tfoot th.check-column { 774 padding-top: 11px; 775 } 776 777 .update-php div.updated, 778 .update-php div.error { 779 margin-left: 0; 780 } 781 782 .no-js .widefat thead .check-column input, 783 .no-js .widefat tfoot .check-column input { 784 display: none; 785 } 786 787 .widefat .num, 788 .column-comments, 789 .column-links, 790 .column-posts { 791 text-align: center; 792 } 793 794 .widefat th#comments { 795 vertical-align: middle; 796 } 797 798 .wrap { 799 margin: 10px 20px 0 2px; 800 } 801 802 div.updated, 803 div.error { 804 padding: 0 0.6em; 805 margin: 5px 15px 2px; 806 } 807 808 div.updated p, 809 div.error p { 810 margin: 0.5em 0; 811 padding: 2px; 812 } 813 814 .wrap div.updated, 815 .wrap div.error, 816 .media-upload-form div.error { 817 margin: 5px 0 15px; 818 } 819 820 div.updated, 821 .login .message, 822 .press-this #message { 823 border-left: 4px solid #7ad03a; 824 padding: 1px 12px; 825 background-color: #fff; 826 827 -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); 828 box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); 829 } 830 831 div.error, 832 .login #login_error { 833 border-left: 4px solid #dd3d36; 834 background: #fff; 835 836 -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); 837 box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); 838 } 839 840 div.error { 841 padding: 1px 12px; 842 } 843 844 .attention { 845 color: #2ea2cc; 846 } 847 848 .wrap h2, 849 .subtitle { 850 font-weight: normal; 851 margin: 0; 852 } 853 854 .wrap h2 { 855 font-size: 23px; 856 font-weight: 400; 857 padding: 9px 15px 4px 0; 858 line-height: 29px; 859 } 860 861 .subtitle { 862 color: #777; 863 font-size: 14px; 864 padding-left: 25px; 865 } 866 867 .wrap .add-new-h2, 868 .wrap .add-new-h2:active { 869 margin-left: 4px; 870 padding: 4px 8px; 871 position: relative; 872 top: -3px; 873 text-decoration: none; 874 border: none; 875 border-radius: 2px; 876 background: #e0e0e0; 877 text-shadow: none; 878 font-weight: 600; 879 font-size: 13px; 880 } 881 882 .wrap .add-new-h2:hover { 883 background: #2ea2cc; 884 color: #fff; 885 } 886 887 .wrap h2.long-header { 888 padding-right: 0; 889 } 890 891 .wp-dialog { 892 background-color: #fff; 893 } 894 895 textarea, 896 input[type="text"], 897 input[type="password"], 898 input[type="email"], 899 input[type="number"], 900 input[type="search"], 901 input[type="tel"], 902 input[type="url"], 903 select { 904 border: 1px solid #ddd; 905 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); 906 background-color: #fff; 907 color: #333; 908 } 909 910 select[disabled] { 911 color: #7f7f7f; 912 } 913 914 select:focus { 915 border-color: #aaa; 916 } 917 918 textarea:focus, 919 input[type="text"]:focus, 920 input[type="password"]:focus, 921 input[type="email"]:focus, 922 input[type="number"]:focus, 923 input[type="search"]:focus, 924 input[type="tel"]:focus, 925 input[type="url"]:focus, 926 input[type="checkbox"]:focus, 927 input[type="radio"]:focus, 928 select:focus, 929 .widgets-chooser ul, 930 #widgets-left .widget-in-question .widget-top, 931 #available-widgets .widget-top:hover, 932 div#widgets-right .widget-top:hover, 933 #widgets-left .widget-top:hover { 934 border-color: #999; 935 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); 936 box-shadow: 0 1px 2px rgba(0,0,0,0.1); 937 } 938 939 input[readonly] { 940 background-color: #eee; 941 } 942 943 :-moz-placeholder, 944 .wp-core-ui :-moz-placeholder { 945 color: #a9a9a9; 946 } 947 948 .sorthelper { 949 background-color: #ccf3fa; 950 } 951 952 .ac_match, 953 .subsubsub a.current { 954 color: #000; 955 } 956 957 .alternate, 958 .alt { 959 background-color: #f9f9f9; 960 } 961 962 .bar { 963 background-color: #e8e8e8; 964 border-right-color: #99d; 965 } 966 967 .form-invalid { 968 background-color: #ffebe8 !important; 969 } 970 971 .form-invalid input, 972 .form-invalid select { 973 border-color: #c00 !important; 974 } 975 976 .form-input-tip { 977 color: #666; 978 } 979 980 .media-upload-form label.form-help, 981 td.help { 982 color: #9a9a9a; 983 } 984 985 /* Helper classes for plugins to leverage the active WordPress color scheme */ 986 987 .highlight { 988 background-color: #e4f2fd; 989 color: #000; 990 } 991 992 .wp-ui-primary { 993 color: #fff; 994 background-color: #333; 995 } 996 .wp-ui-text-primary { 997 color: #333; 998 } 999 1000 .wp-ui-highlight { 1001 color: white; 1002 background-color: #1e8cbe; 1003 } 1004 .wp-ui-text-highlight { 1005 color: #1e8cbe; 1006 } 1007 1008 .wp-ui-notification { 1009 color: #fff; 1010 background-color: #d54e21; 1011 } 1012 .wp-ui-text-notification { 1013 color: #d54e21; 1014 } 1015 1016 .wp-ui-text-icon { 1017 color: #999; 1018 } 1019 -
src/wp-admin/css/wp-admin-customize.css
Property changes on: src/wp-admin/css/wp-admin-common.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 /*------------------------------------------------------------------------------ 2 24.0 - Customize Loader 3 ------------------------------------------------------------------------------*/ 4 5 .no-customize-support .hide-if-no-customize, 6 .customize-support .hide-if-customize, 7 .no-customize-support.wp-core-ui .hide-if-no-customize, 8 .no-customize-support .wp-core-ui .hide-if-no-customize, 9 .customize-support.wp-core-ui .hide-if-customize, 10 .customize-support .wp-core-ui .hide-if-customize { 11 display: none; 12 } 13 14 #customize-container { 15 display: none; 16 background: #fff; 17 z-index: 500000; 18 position: fixed; 19 overflow: visible; 20 top: 0; 21 bottom: 0; 22 left: 0; 23 right: 0; 24 height: 100%; 25 } 26 27 .customize-active #customize-container { 28 display: block; 29 } 30 31 .customize-loading #customize-container iframe { 32 opacity: 0; 33 } 34 35 .customize-loading #customize-container { 36 background: #fff url('../images/spinner.gif') no-repeat fixed center center; 37 background-size: 20px 20px; 38 } 39 40 #customize-container iframe, 41 #theme-installer iframe { 42 height: 100%; 43 width: 100%; 44 z-index: 20; 45 46 -webkit-transition: opacity 0.3s; 47 -moz-transition: opacity 0.3s; 48 -ms-transition: opacity 0.3s; 49 -o-transition: opacity 0.3s; 50 transition: opacity 0.3s; 51 } 52 53 #customize-container .collapse-sidebar { 54 bottom: 16px; 55 } 56 57 #customize-controls { 58 margin-top: 0; 59 } 60 61 #theme-installer { 62 display: none; 63 } 64 65 #theme-installer.single-theme { 66 display: block; 67 } 68 69 .install-theme-info { 70 display: none; 71 padding: 10px 20px 20px; 72 } 73 74 .single-theme .install-theme-info { 75 padding-top: 15px; 76 } 77 78 #theme-installer .install-theme-info { 79 display: block; 80 } 81 82 .install-theme-info .theme-install { 83 float: right; 84 margin-top: 18px; 85 } 86 87 .install-theme-info .theme-name { 88 font-size: 16px; 89 line-height: 24px; 90 margin-bottom: 0; 91 margin-top: 0; 92 } 93 94 .install-theme-info .theme-screenshot { 95 margin-top: 15px; 96 width: 258px; 97 border: 1px solid #ccc; 98 } 99 100 .install-theme-info .theme-details { 101 overflow: hidden; 102 } 103 104 .theme-details .theme-version { 105 margin: 15px 0; 106 float: left; 107 } 108 109 .theme-details .star-rating { 110 margin: 7px 0; 111 float: right; 112 } 113 114 .theme-details .theme-description { 115 float: left; 116 color: #777; 117 line-height: 20px; 118 } 119 120 #theme-installer .wp-full-overlay-header { 121 margin-top: 9px; 122 } 123 124 #theme-installer .wp-full-overlay-header .theme-install { 125 float: right; 126 /* For when .theme-install is a span rather than a.button-primary (already installed theme) */ 127 line-height: 26px; 128 } 129 130 #theme-installer .wp-full-overlay-sidebar { 131 background: #EEE; 132 border-right: 1px solid #DDD; 133 } 134 135 #theme-installer .wp-full-overlay-main { 136 background: #fff url('../images/spinner.gif') no-repeat fixed center center; 137 background-size: 20px 20px; 138 } 139 140 141 -
src/wp-admin/css/wp-admin-dashboard.css
Property changes on: src/wp-admin/css/wp-admin-customize.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 #dashboard-widgets-wrap { 2 margin: 0 -8px; 3 } 4 5 #wpbody-content .metabox-holder { 6 padding-top: 10px; 7 } 8 9 #dashboard-widgets .meta-box-sortables { 10 margin: 0 8px; 11 min-height: 100px; 12 } 13 14 h3.dashboard-widget-title, 15 h3.dashboard-widget-title span, 16 h3.dashboard-widget-title small { 17 color: #333; 18 } 19 20 h3.dashboard-widget-title small a { 21 color: #d7d7d7; 22 } 23 24 h3.dashboard-widget-title small a:hover { 25 color: #fff; 26 } 27 28 #the-comment-list td.comment p.comment-author { 29 margin-top: 0; 30 margin-left: 0; 31 } 32 33 #the-comment-list p.comment-author img { 34 float: left; 35 margin-right: 8px; 36 } 37 38 #the-comment-list p.comment-author strong a { 39 border: none; 40 } 41 42 #the-comment-list td { 43 vertical-align: top; 44 } 45 46 #the-comment-list td.comment { 47 word-wrap: break-word; 48 } 49 50 /* Welcome Panel */ 51 .welcome-panel { 52 position: relative; 53 overflow: auto; 54 margin: 16px 0; 55 padding: 23px 10px 0; 56 border: 1px solid #e5e5e5; 57 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); 58 box-shadow: 0 1px 1px rgba(0,0,0,0.04); 59 background: #fff; 60 font-size: 13px; 61 line-height: 2.1em; 62 } 63 64 .welcome-panel h3 { 65 margin: 0; 66 font-size: 21px; 67 font-weight: normal; 68 line-height: 1.2; 69 } 70 71 .welcome-panel h4 { 72 margin: 1.33em 0 0; 73 font-size: 16px; 74 } 75 76 .welcome-panel li { 77 font-size: 14px; 78 } 79 80 .welcome-panel p { 81 color: #777; 82 } 83 84 .welcome-panel a { 85 text-decoration: none; 86 } 87 88 .welcome-panel .about-description { 89 font-size: 16px; 90 margin: 0; 91 } 92 93 .welcome-panel .welcome-panel-close { 94 position: absolute; 95 top: 5px; 96 right: 10px; 97 padding: 20px 15px 0 3px; 98 font-size: 13px; 99 text-decoration: none; 100 line-height: 1; 101 } 102 103 #welcome-panel.welcome-panel .welcome-panel-close::before, 104 .tagchecklist span a:before, 105 #bulk-titles div a:before { 106 background: none; 107 color: #bbb; 108 content: '\f153'; 109 display: block !important; 110 font: normal 16px/1 'dashicons'; 111 speak: none; 112 height: 20px; 113 margin: 2px 0; 114 text-align: center; 115 width: 20px; 116 -webkit-font-smoothing: antialiased !important; 117 } 118 119 #welcome-panel.welcome-panel .welcome-panel-close:hover:before, 120 .tagchecklist span a:hover:before, 121 #bulk-titles div a:hover:before { 122 color: #c00; 123 } 124 125 #welcome-panel.welcome-panel .welcome-panel-close::before { 126 position: absolute; 127 left: -18px; 128 margin-top: -2px; 129 -webkit-transition: all .1s ease-in-out; 130 -moz-transition: all .1s ease-in-out; 131 transition: all .1s ease-in-out; 132 } 133 134 .wp-core-ui .welcome-panel .button.button-hero { 135 margin: 15px 0 3px; 136 } 137 138 .welcome-panel-content { 139 margin-left: 13px; 140 max-width: 1500px; 141 } 142 143 .welcome-panel .welcome-panel-column-container { 144 clear: both; 145 overflow: hidden; 146 position: relative; 147 } 148 149 .welcome-panel .welcome-panel-column { 150 width: 32%; 151 min-width: 200px; 152 float: left; 153 } 154 155 .ie8 .welcome-panel .welcome-panel-column { 156 min-width: 230px; 157 } 158 159 .welcome-panel .welcome-panel-column:first-child { 160 width: 36%; 161 } 162 163 .welcome-panel-column p.hide-if-no-customize { 164 margin-top: 10px; 165 } 166 167 .welcome-panel-column p { 168 margin-top: 7px; 169 color: #464646; 170 } 171 172 .welcome-panel .welcome-icon { 173 display: block; 174 padding: 0 0 8px; 175 background: transparent !important; 176 } 177 178 .welcome-panel .welcome-icon:before { 179 color: #888; 180 font: normal 20px/1 'dashicons'; 181 speak: none; 182 display: inline-block; 183 padding: 0 10px 0 0; 184 top: -1px; 185 position: relative; 186 -webkit-font-smoothing: antialiased; 187 -moz-osx-font-smoothing: grayscale; 188 text-decoration: none !important; 189 vertical-align: top; 190 } 191 192 .welcome-panel .welcome-write-blog:before, 193 .welcome-panel .welcome-edit-page:before { 194 content:'\f119'; 195 top: -3px; 196 } 197 198 .welcome-panel .welcome-add-page:before { 199 content:'\f132'; 200 } 201 202 .welcome-panel .welcome-view-site:before { 203 content:'\f115'; 204 top: -2px; 205 } 206 207 .welcome-panel .welcome-widgets-menus:before { 208 content:'\f116'; 209 top: -2px; 210 } 211 212 .welcome-panel .welcome-comments:before { 213 content:'\f117'; 214 top: -1px; 215 } 216 217 .welcome-panel .welcome-learn-more:before { 218 content:'\f118'; 219 top: -1px; 220 } 221 222 .welcome-panel .welcome-widgets-menus { 223 line-height: 16px; 224 } 225 226 .welcome-panel .welcome-panel-column ul { 227 margin: 0.8em 1em 1em 0; 228 } 229 230 .welcome-panel .welcome-panel-column li { 231 line-height: 16px; 232 list-style-type: none; 233 } 234 235 /* Dashboard WordPress news */ 236 237 #dashboard_primary .inside { 238 margin: 0; 239 padding: 0; 240 } 241 242 #dashboard_primary .widget-loading, 243 #dashboard_primary .dashboard-widget-control-form { 244 padding: 12px 12px 0; 245 } 246 247 body #dashboard-widgets .postbox form .submit { 248 margin: 0; 249 } 250 251 .dashboard-widget-control-form { 252 overflow: hidden; 253 } 254 255 .dashboard-widget-control-form p { 256 margin-top: 0; 257 } 258 259 /* @todo: are these actually used anywhere? no non-CSS results in plugin search */ 260 div.dashboard-widget-error { 261 background-color: #c43; 262 } 263 264 div.dashboard-widget-notice { 265 background-color: #cfe1ef; 266 } 267 268 .rssSummary { 269 color: #777; 270 margin-top: 4px; 271 } 272 273 #dashboard_primary .rss-widget { 274 border-bottom: 1px solid #eee; 275 font-size: 13px; 276 padding: 8px 12px 10px; 277 } 278 279 #dashboard_primary .rss-widget:last-child { 280 border-bottom: none; 281 padding-bottom: 8px; 282 } 283 284 #dashboard_primary .rss-widget a { 285 font-weight: normal; 286 } 287 288 #dashboard_primary .rss-widget span, 289 #dashboard_primary .rss-widget span.rss-date { 290 color: #777; 291 } 292 293 #dashboard_primary .rss-widget span.rss-date { 294 margin-left: 12px; 295 } 296 297 #dashboard_primary .rss-widget ul li { 298 margin-bottom: 8px; 299 } 300 301 /* Dashboard right now */ 302 303 #dashboard_right_now ul { 304 margin: 0; 305 overflow: hidden; 306 } 307 308 #dashboard_right_now li { 309 width: 50%; 310 float: left; 311 margin-bottom: 10px; 312 } 313 314 #dashboard_right_now .inside { 315 overflow: hidden; 316 padding: 0; 317 } 318 319 #dashboard_right_now .main { 320 padding: 0 12px 11px; 321 } 322 323 #dashboard_right_now .main p { 324 margin: 0; 325 } 326 327 .mu-storage { 328 overflow: hidden; 329 } 330 331 #dashboard-widgets h4.mu-storage { 332 margin-bottom: 10px; 333 } 334 335 /* Dashboard right now - Colors */ 336 337 #dashboard_right_now li a:before, 338 #dashboard_right_now li span:before { 339 color: #888; 340 } 341 342 #dashboard_right_now .sub { 343 color: #777; 344 background: #f5f5f5; 345 border-top: 1px solid #eee; 346 padding: 10px 12px 6px 12px; 347 } 348 349 #dashboard_right_now .sub h4 { 350 color: #555; 351 } 352 353 #dashboard_right_now .sub p { 354 margin: 0 0 1em; 355 } 356 357 #dashboard_right_now .warning a:before, 358 #dashboard_right_now .warning span:before { 359 color: #d54e21; 360 } 361 362 /* Dashboard right now - Icons */ 363 #dashboard_right_now li a:before, 364 #dashboard_right_now li span:before { 365 content: '\f159'; 366 font: normal 20px/1 'dashicons'; 367 speak: none; 368 display: block; 369 float: left; 370 margin: 0 5px 0 0; 371 padding: 0; 372 text-indent: 0; 373 text-align: center; 374 position: relative; 375 -webkit-font-smoothing: antialiased; 376 text-decoration: none !important; 377 } 378 379 #dashboard_right_now .page-count a:before, 380 #dashboard_right_now .page-count span:before { 381 content: '\f105'; 382 } 383 384 #dashboard_right_now .post-count a:before, 385 #dashboard_right_now .post-count span:before { 386 content: '\f109'; 387 } 388 389 #dashboard_right_now .comment-count a:before { 390 content: '\f101'; 391 } 392 393 #dashboard_right_now .comment-mod-count a:before { 394 content: '\f125'; 395 } 396 397 #dashboard_right_now .storage-count a:before { 398 content: '\f104'; 399 } 400 401 #dashboard_right_now .storage-count.warning a:before { 402 content: '\f153'; 403 } 404 405 /* Dashboard Quick Draft */ 406 407 #dashboard_quick_press .inside { 408 margin: 0; 409 padding: 0; 410 } 411 412 #dashboard_quick_press div.updated { 413 margin-bottom: 10px; 414 border: 1px solid #eee; 415 border-width: 1px 1px 1px 0; 416 } 417 418 #dashboard_quick_press form { 419 overflow: hidden; 420 margin: 12px; 421 } 422 423 #dashboard_quick_press .drafts, 424 #dashboard_quick_press .easy-blogging { 425 padding: 10px 0 0; 426 } 427 428 /* Dashboard Quick Draft - Form styling */ 429 430 input#save-post { 431 float: left; 432 } 433 434 form.initial-form.quickpress-open label.prompt { 435 font-style: normal; 436 } 437 438 form.initial-form.quickpress-open input#title { 439 height: auto; 440 } 441 442 #dashboard_quick_press input, 443 #dashboard_quick_press textarea { 444 box-sizing: border-box; 445 -moz-box-sizing:border-box; 446 -webkit-box-sizing:border-box; 447 margin: 0; 448 } 449 450 #dashboard_quick_press textarea { 451 resize: vertical; 452 } 453 454 #dashboard-widgets .postbox form .submit { 455 margin: -39px 0; 456 float: right; 457 } 458 459 #description-wrap { 460 margin-top: 12px; 461 } 462 463 #title-wrap #title-prompt-text, 464 .textarea-wrap #content-prompt-text { 465 color: #777; 466 } 467 468 #title-wrap #title-prompt-text { 469 font-size: 1.1em; 470 padding: 7px 8px; 471 } 472 473 .input-text-wrap, 474 .textarea-wrap { 475 position: relative; 476 } 477 478 .input-text-wrap .prompt, 479 .textarea-wrap .prompt { 480 position: absolute; 481 } 482 483 .textarea-wrap #content-prompt-text { 484 font-size: 1.1em; 485 padding: 7px 8px; 486 } 487 488 .textarea-wrap textarea#content { 489 margin: 0 0 8px; 490 padding: 6px 7px; 491 } 492 493 #quick-press textarea#content { 494 min-height: 90px; 495 max-height: 1300px; 496 resize: none; 497 } 498 499 /* Dashboard Quick Draft - Drafts list */ 500 501 .js #dashboard_quick_press .drafts { 502 border-top: 1px solid #eee; 503 } 504 505 #dashboard_quick_press .drafts abbr { 506 border: none; 507 } 508 509 #dashboard_quick_press .drafts h4 { 510 margin: 0 12px 8px; 511 font-weight: normal; 512 } 513 514 #dashboard_quick_press .drafts .view-all { 515 float: right; 516 margin: 0 12px 0 0; 517 } 518 519 #dashboard_primary a.rsswidget { 520 font-weight: normal; 521 } 522 523 #dashboard_quick_press .drafts ul { 524 margin: 0 12px; 525 } 526 527 #dashboard_quick_press .drafts li { 528 margin-bottom: 1em; 529 } 530 #dashboard_quick_press .drafts li time { 531 color: #777; 532 } 533 534 #dashboard_quick_press .drafts p { 535 margin: 0; 536 word-wrap: break-word; 537 } 538 539 #dashboard_quick_press .draft-title { 540 overflow: hidden; 541 } 542 543 #dashboard_quick_press .draft-title a, 544 #dashboard_quick_press .draft-title time { 545 float: left; 546 margin: 0 5px 0 0; 547 } 548 549 /* Dashboard activity widget */ 550 551 #dashboard-widgets #dashboard_activity h4 { 552 margin: 0 0 8px 12px; 553 font-weight: normal; 554 } 555 556 #dashboard-widgets #dashboard_activity h4.comment-meta { 557 margin: 0; 558 } 559 560 #dashboard_activity h4.comment-meta { 561 overflow: hidden; 562 text-overflow: ellipsis; 563 white-space: nowrap; 564 margin-bottom: 4px; 565 } 566 567 #dashboard_activity ul { 568 padding: 0 12px; 569 } 570 571 #dashboard_activity .comment-meta span.approve:before { 572 content: '\f227'; 573 font: 20px/.5 "dashicons"; 574 margin-left: 12px; 575 vertical-align: middle; 576 position: relative; 577 top: -1px; 578 margin-right: 2px; 579 } 580 581 #dashboard_activity .inside { 582 padding: 0; 583 margin: 0; 584 } 585 586 #dashboard_activity .no-activity { 587 overflow: hidden; 588 padding: 0 12px 12px; 589 text-align: center; 590 } 591 592 #dashboard_activity .no-activity p { 593 color: #999; 594 font-size: 16px; 595 } 596 597 #dashboard_activity .no-activity .smiley { 598 margin-top: 0; 599 } 600 601 #dashboard_activity .no-activity .smiley:before { 602 content: '\f328'; 603 font: normal 120px/1 'dashicons'; 604 speak: none; 605 display: block; 606 margin: 0 5px 0 0; 607 padding: 0; 608 text-indent: 0; 609 text-align: center; 610 position: relative; 611 -webkit-font-smoothing: antialiased; 612 text-decoration: none !important; 613 } 614 615 #dashboard_activity .subsubsub { 616 float: none; 617 border-top: 1px solid #eeeeee; 618 margin-top: 0; 619 padding: 8px 12px 4px; 620 } 621 622 #future-posts .show-more, 623 #published-posts .show-more { 624 float: right; 625 margin-right: 12px; 626 } 627 628 #future-posts ul, 629 #published-posts ul { 630 clear: both; 631 margin-bottom: 0; 632 } 633 634 #future-posts li, 635 #published-posts li { 636 overflow: hidden; 637 margin-bottom: 8px; 638 } 639 640 #future-posts ul span, 641 #published-posts ul span { 642 color: #777; 643 float: left; 644 margin-right: 8px; 645 min-width: 150px; 646 } 647 648 .activity-block { 649 border-bottom: 1px solid #eee; 650 overflow: hidden; 651 padding: 8px 0 4px; 652 } 653 654 .activity-block:last-child { 655 border-bottom: none; 656 } 657 658 .activity-block .subsubsub li { 659 color: #ddd; 660 } 661 662 /* Dashboard activity widget - Comments */ 663 /* @todo: needs serious de-duplication */ 664 665 #activity-widget #the-comment-list tr.undo, 666 #activity-widget #the-comment-list div.undo { 667 background: none; 668 padding: 6px 0; 669 } 670 671 #activity-widget #the-comment-list .alternate, 672 #activity-widget #the-comment-list .alt { 673 background: none; 674 } 675 676 #activity-widget #the-comment-list .comment { 677 background: #fafafa; 678 padding: 12px; 679 position: relative; 680 } 681 682 #activity-widget #the-comment-list img { 683 position: absolute; 684 left: 13px; 685 top: 13px; 686 } 687 688 #activity-widget #the-comment-list .dashboard-comment-wrap { 689 padding-left: 63px; 690 } 691 692 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote { 693 margin: 1em 0; 694 } 695 696 #activity-widget #the-comment-list .comment-item h4 { 697 font-size: 13px; 698 color: #999; 699 } 700 701 #activity-widget #the-comment-list .comment-item p.row-actions { 702 margin: 4px 0 0 0; 703 } 704 705 #activity-widget #the-comment-list .comment-item:first-child { 706 border-top: 1px solid #eeeeee; 707 } 708 709 #activity-widget #the-comment-list .unapproved { 710 background-color: #fefaf7; 711 } 712 713 #activity-widget #the-comment-list .unapproved:before { 714 content: ""; 715 display: block; 716 position: absolute; 717 left: 0; 718 top: 0; 719 bottom: 0; 720 background: #d54e21; 721 width: 4px; 722 } 723 724 #activity-widget #the-comment-list .spam-undo-inside .avatar, 725 #activity-widget #the-comment-list .trash-undo-inside .avatar { 726 margin-right: 20px; 727 position: relative; 728 top: 0; 729 } 730 731 /* Browse happy box */ 732 733 #dashboard-widgets #dashboard_browser_nag.postbox .inside { 734 margin: 10px; 735 } 736 737 .edit-box { 738 display: none; 739 } 740 741 h3:hover .edit-box { 742 display: inline; 743 } 744 745 #dashboard-widgets form .input-text-wrap input { 746 width: 100%; 747 } 748 749 #dashboard-widgets form .textarea-wrap textarea { 750 width: 100%; 751 } 752 753 #dashboard-widgets .postbox form .submit { 754 float: none; 755 margin: .5em 0 0; 756 padding: 0; 757 border: none; 758 } 759 760 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish { 761 min-width: 0; 762 } 763 764 #dashboard-widgets a { 765 text-decoration: none; 766 } 767 768 #dashboard-widgets h3 a { 769 text-decoration: underline; 770 } 771 772 #dashboard-widgets h3 .postbox-title-action { 773 position: absolute; 774 right: 10px; 775 padding: 0; 776 top: 5px; 777 } 778 779 .js #dashboard-widgets h3 .postbox-title-action { 780 right: 33px; 781 } 782 783 #dashboard-widgets h4 { 784 color: #222; 785 font-weight: normal; 786 font-size: 14px; 787 margin: 0 0 .2em; 788 padding: 0; 789 } 790 791 #dashboard_plugins h5 { 792 font-size: 14px; 793 } 794 795 /* Recent Comments */ 796 797 #latest-comments #the-comment-list { 798 position: relative; 799 } 800 801 #activity-widget #the-comment-list .comment { 802 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); 803 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06); 804 } 805 806 #activity-widget .comments #the-comment-list .alt { 807 background-color: transparent; 808 } 809 810 #activity-widget #latest-comments #the-comment-list .comment-item { 811 padding: 1em 12px; 812 } 813 814 #latest-comments #the-comment-list .pingback { 815 padding-left: 12px !important; 816 } 817 818 #latest-comments #the-comment-list .comment-item:first-child { 819 border-top: none; 820 } 821 822 #latest-comments #the-comment-list .comment-item h4 { 823 line-height: 1.5em; 824 margin-top: 0; 825 color: #666; 826 } 827 828 #latest-comments #the-comment-list .comment-item h4 cite { 829 font-style: normal; 830 font-weight: normal; 831 } 832 833 #latest-comments #the-comment-list .comment-item blockquote, 834 #latest-comments #the-comment-list .comment-item blockquote p { 835 margin: 0; 836 padding: 0; 837 display: inline; 838 } 839 840 #latest-comments #the-comment-list .comment-item p.row-actions { 841 margin: 3px 0 0; 842 padding: 0; 843 font-size: 13px; 844 } 845 846 /* QuickDraft */ 847 848 #title-wrap label { 849 cursor: text; 850 } 851 852 #title-wrap #title { 853 padding: 2px 6px; 854 font-size: 1.3em; 855 line-height: 100%; 856 outline: none; 857 } 858 859 #title-wrap #title-prompt-text { 860 font-size: 1.1em; 861 padding: 5px 8px; 862 } 863 864 /* Feeds */ 865 .rss-widget ul { 866 margin: 0; 867 padding: 0; 868 list-style: none; 869 } 870 871 a.rsswidget { 872 font-size: 14px; 873 font-weight: 600; 874 line-height: 1.7em; 875 } 876 877 .rss-widget ul li { 878 line-height: 1.5em; 879 margin-bottom: 12px; 880 } 881 882 .rss-widget span.rss-date { 883 color: #999; 884 font-size: 13px; 885 margin-left: 3px; 886 } 887 888 .rss-widget cite { 889 display: block; 890 text-align: right; 891 margin: 0 0 1em; 892 padding: 0; 893 } 894 895 .rss-widget cite:before { 896 content: '\2014'; 897 } 898 899 .dashboard-comment-wrap { 900 overflow: hidden; 901 word-wrap: break-word; 902 } 903 904 /* Browser Nag */ 905 #dashboard_browser_nag a.update-browser-link { 906 font-size: 1.2em; 907 font-weight: 600; 908 } 909 910 #dashboard_browser_nag a { 911 text-decoration: underline; 912 } 913 914 #dashboard_browser_nag p.browser-update-nag.has-browser-icon { 915 padding-right: 125px; 916 } 917 918 #dashboard_browser_nag .browser-icon { 919 margin-top: -35px; 920 } 921 922 #dashboard_browser_nag.postbox.browser-insecure { 923 background-color: #ac1b1b; 924 border-color: #ac1b1b; 925 } 926 927 #dashboard_browser_nag.postbox { 928 background-color: #e29808; 929 background-image: none; 930 border-color: #edc048; 931 color: #fff; 932 -webkit-box-shadow: none; 933 box-shadow: none; 934 } 935 936 #dashboard_browser_nag.postbox.browser-insecure h3 { 937 border-bottom-color: #cd5a5a; 938 color: #fff; 939 } 940 941 #dashboard_browser_nag.postbox h3 { 942 border-bottom-color: #f6e2ac; 943 background: transparent none; 944 color: #fff; 945 -webkit-box-shadow: none; 946 box-shadow: none; 947 } 948 949 #dashboard_browser_nag a { 950 color: #fff; 951 } 952 953 /* Make the browser nags easier to read with Open Sans */ 954 955 #dashboard_browser_nag h3.hndle { 956 border: none; 957 font-weight: 600; 958 font-size: 20px; 959 padding-top: 10px; 960 } 961 962 .postbox#dashboard_browser_nag p a.dismiss { 963 font-size: 14px; 964 } 965 966 .postbox#dashboard_browser_nag p, 967 .postbox#dashboard_browser_nag a, 968 .postbox#dashboard_browser_nag p.browser-update-nag { 969 font-size: 16px; 970 } 971 972 973 974 975 976 @media screen and (max-width: 870px) { 977 .welcome-panel .welcome-panel-column, 978 .welcome-panel .welcome-panel-column:first-child { 979 display: block; 980 float: none; 981 width: 100%; 982 } 983 984 .welcome-panel .welcome-panel-column li { 985 display: inline-block; 986 margin-right: 13px; 987 } 988 989 .welcome-panel .welcome-panel-column ul { 990 margin: 0.4em 0 0; 991 } 992 993 } 994 -
src/wp-admin/css/wp-admin-edit.css
Property changes on: src/wp-admin/css/wp-admin-dashboard.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 #show-comments { 2 overflow: hidden; 3 } 4 5 #save-action .spinner, 6 #show-comments a, 7 #show-comments .spinner { 8 float: left; 9 } 10 11 #lost-connection-notice .spinner { 12 display: block; 13 float: left; 14 margin: 0 5px 0 0; 15 } 16 17 #titlediv { 18 position: relative; 19 margin-bottom: 10px; 20 } 21 22 #titlediv label { 23 cursor: text; 24 } 25 26 #titlediv div.inside { 27 margin: 0; 28 } 29 30 #poststuff #titlewrap { 31 border: 0; 32 padding: 0; 33 } 34 35 #titlediv #title { 36 padding: 3px 8px; 37 font-size: 1.7em; 38 line-height: 100%; 39 height: 1.7em; 40 width: 100%; 41 outline: none; 42 margin: 0; 43 background-color: #fff; 44 } 45 46 #titlediv #title-prompt-text { 47 color: #777; 48 position: absolute; 49 font-size: 1.7em; 50 padding: 11px 10px; 51 } 52 53 #wp-fullscreen-save .fs-saved { 54 color: #999; 55 float: right; 56 margin-top: 4px; 57 } 58 59 #poststuff .inside-submitbox, 60 #side-sortables .inside-submitbox { 61 margin: 0 3px; 62 font-size: 11px; 63 } 64 65 input#link_description, 66 input#link_url { 67 width: 98%; 68 } 69 70 #pending { 71 background: 0 none; 72 border: 0 none; 73 padding: 0; 74 font-size: 11px; 75 margin-top: -1px; 76 } 77 78 #edit-slug-box { 79 line-height: 24px; 80 min-height: 25px; /* Yes, line-height + 1 */ 81 margin-top: 5px; 82 padding: 0 10px; 83 color: #666; 84 } 85 86 #edit-slug-box .cancel { 87 margin-right: 10px; 88 font-size: 11px; 89 } 90 91 #editable-post-name-full { 92 display: none; 93 } 94 95 #editable-post-name { 96 background-color: #fffbcc; 97 } 98 99 #editable-post-name input { 100 font-size: 13px; 101 height: 22px; 102 margin: 0; 103 width: 16em; 104 } 105 106 .postarea h3 label { 107 float: left; 108 } 109 110 .submitbox .submit { 111 text-align: left; 112 padding: 12px 10px 10px; 113 font-size: 11px; 114 background-color: #464646; 115 color: #ccc; 116 } 117 118 .submitbox .submitdelete { 119 text-decoration: none; 120 padding: 1px 2px; 121 } 122 123 /* @todo: do we really need this? word on the street is we don't and this 124 stray rule may actually be compensated for elsewhere. */ 125 #normal-sortables .submitbox .submitdelete:hover { 126 color: #000; 127 background-color: #f00; 128 border-bottom-color: #f00; 129 } 130 131 .submitbox .submit a:hover { 132 text-decoration: underline; 133 } 134 135 .submitbox .submit input { 136 margin-bottom: 8px; 137 margin-right: 4px; 138 padding: 6px; 139 } 140 141 .inside-submitbox #post_status { 142 margin: 2px 0 2px -2px; 143 } 144 145 #post-status-select { 146 margin-top: 3px; 147 } 148 149 /* Post Screen */ 150 #post-body #normal-sortables { 151 min-height: 50px; 152 } 153 154 .postbox { 155 position: relative; 156 min-width: 255px; 157 border: 1px solid #e5e5e5; 158 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); 159 box-shadow: 0 1px 1px rgba(0,0,0,0.04); 160 background: #fff; 161 } 162 163 #trackback_url { 164 width: 99%; 165 } 166 167 #normal-sortables .postbox .submit { 168 background: transparent none; 169 border: 0 none; 170 float: right; 171 padding: 0 12px; 172 margin:0; 173 } 174 175 .category-add input[type="text"], 176 .category-add select { 177 width: 100%; 178 max-width: 260px; 179 vertical-align: baseline; 180 } 181 182 #side-sortables .category-add input[type="text"], 183 #side-sortables .category-add select { 184 margin: 0 0 1em; 185 } 186 187 .press-this #side-sortables .category-tabs li, 188 ul.category-tabs li, 189 #side-sortables .add-menu-item-tabs li, 190 .wp-tab-bar li { 191 display: inline; 192 line-height: 1.35em; 193 } 194 195 .no-js .category-tabs li.hide-if-no-js { 196 display: none; 197 } 198 199 .category-tabs a, 200 #side-sortables .add-menu-item-tabs a, 201 .wp-tab-bar a { 202 text-decoration: none; 203 } 204 205 /* @todo: do these really need to be so specific? */ 206 #side-sortables .category-tabs .tabs a, 207 #side-sortables .add-menu-item-tabs .tabs a, 208 .wp-tab-bar .wp-tab-active a, 209 #post-body ul.category-tabs li.tabs a, 210 #post-body ul.add-menu-item-tabs li.tabs a, 211 body.press-this ul.category-tabs li.tabs a { 212 color: #333; 213 } 214 215 .category-tabs { 216 margin: 8px 0 5px; 217 } 218 219 #category-adder h4 { 220 margin: 10px 0; 221 } 222 223 #side-sortables .add-menu-item-tabs, 224 .wp-tab-bar { 225 margin-bottom: 3px; 226 } 227 228 #normal-sortables .postbox #replyrow .submit { 229 float: none; 230 margin: 0; 231 padding: 0 7px 5px; 232 } 233 234 #side-sortables .submitbox .submit input, 235 #side-sortables .submitbox .submit .preview, 236 #side-sortables .submitbox .submit a.preview:hover { 237 border: 0 none; 238 } 239 240 #side-sortables .inside-submitbox .insidebox, 241 .stuffbox .insidebox { 242 margin: 11px 0; 243 } 244 245 ul.category-tabs, 246 ul.add-menu-item-tabs, 247 ul.wp-tab-bar { 248 margin-top: 12px; 249 } 250 251 ul.category-tabs li { 252 border: solid 1px transparent; 253 position: relative; 254 } 255 256 ul.category-tabs li.tabs { 257 border-color: #dfdfdf #dfdfdf #fdfdfd; 258 background-color: #fdfdfd; 259 } 260 261 ul.add-menu-item-tabs li.tabs, 262 .wp-tab-active { 263 border: 1px solid #dfdfdf; 264 border-bottom: none; 265 background-color: #fdfdfd; 266 } 267 268 ul.add-menu-item-tabs li.tabs { 269 padding-bottom: 3px; 270 position: relative; 271 } 272 273 #post-body .add-menu-item-tabs li.tabs { 274 border-style: solid none solid solid; 275 border-width: 1px 0 1px 1px; 276 margin-right: -1px; 277 } 278 279 ul.category-tabs li, 280 ul.add-menu-item-tabs li, 281 ul.wp-tab-bar li { 282 padding: 3px 5px 5px; 283 } 284 285 #postimagediv .inside img { 286 max-width: 100%; 287 height: auto; 288 } 289 290 form#tags-filter { 291 position: relative; 292 } 293 294 /* Edit posts */ 295 td.post-title strong, 296 td.plugin-title strong { 297 display: block; 298 margin-bottom: .2em; 299 font-size: 14px; 300 } 301 302 td.post-title p, 303 td.plugin-title p { 304 margin: 6px 0; 305 } 306 307 /* Global classes */ 308 .wp-hidden-children .wp-hidden-child, 309 .ui-tabs-hide { 310 display: none; 311 } 312 313 .commentlist .avatar { 314 vertical-align: text-top; 315 } 316 317 #post-body .tagsdiv #newtag { 318 margin-right: 5px; 319 width: 16em; 320 } 321 322 #side-sortables input#post_password { 323 width: 94% 324 } 325 326 #side-sortables .tagsdiv #newtag { 327 width: 68%; 328 } 329 330 #post-status-info { 331 width: 100%; 332 border-spacing: 0; 333 border: 1px solid #e5e5e5; 334 border-top: none; 335 background-color: #f7f7f7; 336 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); 337 box-shadow: 0 1px 1px rgba(0,0,0,0.04); 338 } 339 340 #post-status-info td { 341 font-size: 12px; 342 } 343 344 .autosave-info { 345 padding: 2px; 346 text-align: right; 347 } 348 349 #editorcontent #post-status-info { 350 border: none; 351 } 352 353 #content-resize-handle { 354 background: transparent url('../images/resize.gif') no-repeat scroll right bottom; 355 width: 12px; 356 cursor: n-resize; 357 } 358 359 .rtl #content-resize-handle { 360 background: transparent url('../images/resize-rtl.gif') no-repeat scroll left bottom; 361 } 362 363 .press-this #content-resize-handle { 364 bottom: 2px; 365 } 366 367 #wp-word-count { 368 display: block; 369 padding: 2px 10px; 370 } 371 372 #timestampdiv select { 373 height: 21px; 374 line-height: 14px; 375 padding: 0; 376 vertical-align: top; 377 font-size: 12px; 378 } 379 380 #aa, #jj, #hh, #mn { 381 padding: 1px; 382 font-size: 12px; 383 } 384 385 #jj, #hh, #mn { 386 width: 2em; 387 } 388 389 #aa { 390 width: 3.4em; 391 } 392 393 .curtime #timestamp { 394 padding: 2px 0 1px 0; 395 display: inline !important; 396 height: auto !important; 397 } 398 399 #post-body #visibility:before, 400 .curtime #timestamp:before, 401 #post-body .misc-pub-revisions:before { 402 font: normal 20px/1 'dashicons'; 403 speak: none; 404 display: inline-block; 405 padding: 0 2px 0 0; 406 top: 0; 407 left: -1px; 408 position: relative; 409 vertical-align: top; 410 -webkit-font-smoothing: antialiased; 411 -moz-osx-font-smoothing: grayscale; 412 text-decoration: none !important; 413 } 414 415 #post-body #visibility:before { 416 content: '\f177'; 417 } 418 419 .curtime #timestamp:before { 420 content: '\f145'; 421 top: -1px; 422 } 423 424 #post-body .misc-pub-revisions:before { 425 content: '\f321'; 426 } 427 428 #timestampdiv { 429 padding-top: 5px; 430 line-height: 23px; 431 } 432 433 #timestampdiv p { 434 margin: 8px 0 6px; 435 } 436 437 #timestampdiv input { 438 border-width: 1px; 439 border-style: solid; 440 } 441 442 .notification-dialog { 443 position: fixed; 444 top: 30%; 445 left: 50%; 446 width: 450px; 447 margin-left: -225px; 448 background: #fff; 449 line-height: 1.5; 450 z-index: 1000005; 451 } 452 453 .notification-dialog-background { 454 position: fixed; 455 top: 0; 456 left: 0; 457 right: 0; 458 bottom: 0; 459 background: #000; 460 opacity: 0.5; 461 filter: alpha(opacity=50); 462 z-index: 1000000; 463 } 464 465 #post-lock-dialog .post-locked-message, 466 #post-lock-dialog .post-taken-over { 467 margin: 25px; 468 } 469 470 #post-lock-dialog .post-locked-message a.button { 471 margin-right: 10px; 472 } 473 474 #post-lock-dialog .post-locked-avatar { 475 float: left; 476 margin: 0 20px 20px 0; 477 } 478 479 #post-lock-dialog .wp-tab-first { 480 outline: 0; 481 } 482 483 #post-lock-dialog .locked-saving img { 484 float: left; 485 margin-right: 3px; 486 } 487 488 #post-lock-dialog.saving .locked-saving, 489 #post-lock-dialog.saved .locked-saved { 490 display: inline; 491 } 492 493 /*------------------------------------------------------------------------------ 494 11.1 - Custom Fields 495 ------------------------------------------------------------------------------*/ 496 497 #postcustomstuff thead th { 498 padding: 5px 8px 8px; 499 background-color: #f1f1f1; 500 } 501 502 #postcustom #postcustomstuff .submit { 503 border: 0 none; 504 float: none; 505 padding: 0 8px 8px; 506 } 507 508 #side-sortables #postcustom #postcustomstuff .submit { 509 margin: 0; 510 padding: 0; 511 } 512 513 #side-sortables #postcustom #postcustomstuff #the-list textarea { 514 height: 85px; 515 } 516 517 #side-sortables #postcustom #postcustomstuff td.left input, 518 #side-sortables #postcustom #postcustomstuff td.left select, 519 #side-sortables #postcustomstuff #newmetaleft a { 520 margin: 3px 3px 0; 521 } 522 523 #postcustomstuff table { 524 margin: 0; 525 width: 100%; 526 border: 1px solid #dfdfdf; 527 border-spacing: 0; 528 background-color: #f9f9f9; 529 } 530 531 #postcustomstuff tr { 532 vertical-align: top; 533 } 534 535 #postcustomstuff table input, 536 #postcustomstuff table select, 537 #postcustomstuff table textarea { 538 width: 96%; 539 margin: 8px; 540 } 541 542 #side-sortables #postcustomstuff table input, 543 #side-sortables #postcustomstuff table select, 544 #side-sortables #postcustomstuff table textarea { 545 margin: 3px; 546 } 547 548 #postcustomstuff th.left, 549 #postcustomstuff td.left { 550 width: 38%; 551 } 552 553 #postcustomstuff .submit input { 554 margin: 0; 555 width: auto; 556 } 557 558 #postcustomstuff #newmetaleft a { 559 display: inline-block; 560 margin: 0 8px 8px; 561 text-decoration: none; 562 } 563 564 .no-js #postcustomstuff #enternew { 565 display: none; 566 } 567 568 #post-body-content .compat-attachment-fields { 569 margin-bottom: 20px; 570 } 571 572 .compat-attachment-fields th { 573 padding-top: 5px; 574 padding-right: 10px; 575 } 576 577 /*------------------------------------------------------------------------------ 578 11.2 - Post Revisions 579 ------------------------------------------------------------------------------*/ 580 .revisions-control-frame, 581 .revisions-diff-frame { 582 position: relative; 583 } 584 585 .revisions-controls { 586 padding-top: 40px; 587 height: 100px; 588 z-index: 1; 589 } 590 591 .revisions-controls input[type="checkbox"] { 592 position: relative; 593 top: -1px; 594 vertical-align: text-bottom; 595 } 596 597 .revisions.pinned .revisions-controls { 598 position: fixed; 599 top: 0; 600 height: 82px; 601 background: #fff; 602 box-shadow: 0 1px 3px rgba(0,0,0,0.1); 603 } 604 605 .revisions-tickmarks { 606 position: relative; 607 margin: 0 auto; 608 height: 0.7em; 609 top: 7px; 610 max-width: 70%; 611 -moz-box-sizing: border-box; 612 -webkit-box-sizing: border-box; 613 box-sizing: border-box; 614 background-color: #fff; 615 } 616 617 .revisions-tickmarks > div { 618 position: absolute; 619 height: 100%; 620 border-left: 1px solid #aaa; 621 -moz-box-sizing: border-box; 622 -webkit-box-sizing: border-box; 623 box-sizing: border-box; 624 } 625 626 .revisions-tickmarks > div:first-child { 627 border-width: 0; 628 } 629 630 .comparing-two-revisions .revisions-controls { 631 height: 140px; 632 } 633 634 .comparing-two-revisions.pinned .revisions-controls { 635 height: 124px; 636 } 637 638 .revisions .diff-error { 639 position: absolute; 640 text-align: center; 641 margin: 0 auto; 642 width: 100%; 643 display: none; 644 } 645 646 .revisions.diff-error .diff-error { 647 display: block; 648 } 649 650 .revisions .loading-indicator { 651 position: fixed; 652 vertical-align: middle; 653 opacity: 0; 654 width: 100%; 655 top: 50%; 656 margin-left: -90px; 657 -webkit-transition: opacity 0.5s; 658 -moz-transition: opacity 0.5s; 659 -ms-transition: opacity 0.5s; 660 -o-transition: opacity 0.5s; 661 transition: opacity 0.5s; 662 filter: alpha(opacity=0); /* ie8 and earlier */ 663 } 664 665 body.folded .revisions .loading-indicator { 666 margin-left: -32px; 667 } 668 669 .revisions .loading-indicator span.spinner { 670 display: block; 671 margin: 0 auto; 672 float: none; 673 } 674 675 .revisions.loading .loading-indicator { 676 opacity: 1; 677 filter: alpha(opacity=100); /* ie8 and earlier */ 678 } 679 680 .revisions .diff { 681 -webkit-transition: opacity 0.5s; 682 -moz-transition: opacity 0.5s; 683 -ms-transition: opacity 0.5s; 684 -o-transition: opacity 0.5s; 685 transition: opacity 0.5s; 686 } 687 688 .revisions.loading .diff { 689 opacity: 0.5; 690 filter: alpha(opacity=50); /* ie8 and earlier */ 691 } 692 693 .revisions.diff-error .diff { 694 visibility: hidden; 695 } 696 697 .revisions-meta { 698 margin-top: 20px; 699 background-color: #fff; 700 box-shadow: 0 1px 3px rgba(0,0,0,0.1); 701 } 702 703 .revisions.pinned .revisions-meta { 704 box-shadow: none; 705 } 706 707 .revision-toggle-compare-mode { 708 position: absolute; 709 top: 0; 710 right: 0; 711 } 712 713 .comparing-two-revisions .revisions-previous, 714 .comparing-two-revisions .revisions-next, 715 .revisions-meta .diff-meta-to strong { 716 display: none; 717 } 718 719 .revisions-controls .author-card .date { 720 color: #777; 721 } 722 723 .revisions-controls .author-card.autosave { 724 color: #d54e21; 725 } 726 727 .revisions-controls .author-card .author-name { 728 font-weight: bold; 729 } 730 731 .comparing-two-revisions .diff-meta-to strong { 732 display: block; 733 } 734 735 .revisions.pinned .revisions-buttons { 736 padding: 0 11px; 737 } 738 739 .revisions-previous, 740 .revisions-next { 741 position: relative; 742 z-index: 1; 743 } 744 745 .revisions-previous { 746 float: left; 747 } 748 749 .revisions-next { 750 float: right; 751 } 752 753 .revisions-controls .wp-slider { 754 max-width: 70%; 755 margin: 0 auto; 756 top: -3px; 757 } 758 759 .revisions-diff { 760 padding: 15px; 761 background-color: #fff; 762 box-shadow: 0 1px 3px rgba(0,0,0,0.1); 763 } 764 765 .revisions-diff h3:first-child { 766 margin-top: 0; 767 } 768 769 /* Revision meta box */ 770 .post-revisions li img, 771 #revisions-meta-restored img { 772 vertical-align: middle; 773 } 774 775 table.diff tbody tr td:nth-child(2) { 776 width: 4%; 777 } 778 779 table.diff { 780 width: 100%; 781 white-space: pre-wrap; 782 } 783 784 table.diff col.content { 785 width: auto; 786 } 787 788 table.diff col.content.diffsplit { 789 width: 48%; 790 } 791 792 table.diff col.diffsplit.middle { 793 width: auto; 794 } 795 796 table.diff col.ltype { 797 width: 30px; 798 } 799 800 table.diff tr { 801 background-color: transparent; 802 } 803 804 table.diff td, 805 table.diff th { 806 font-family: Consolas, Monaco, monospace; 807 font-size: 14px; 808 line-height: 1.618; 809 padding: .5em; 810 } 811 812 table.diff td h1, 813 table.diff td h2, 814 table.diff td h3, 815 table.diff td h4, 816 table.diff td h5, 817 table.diff td h6 { 818 margin: 0; 819 } 820 821 table.diff .diff-deletedline del, 822 table.diff .diff-addedline ins { 823 text-decoration: none; 824 } 825 826 table.diff .diff-deletedline { 827 background-color: #ffe9e9; 828 } 829 830 table.diff .diff-deletedline del { 831 background-color: #faa; 832 } 833 834 table.diff .diff-addedline { 835 background-color: #e9ffe9; 836 } 837 838 table.diff .diff-addedline ins { 839 background-color: #afa; 840 } 841 842 .diff-meta { 843 padding: 5px; 844 clear: both; 845 min-height: 32px; 846 } 847 848 .diff-title strong { 849 line-height: 32px; 850 min-width: 60px; 851 text-align: right; 852 float: left; 853 margin-right: 5px; 854 } 855 856 .revisions-controls .author-card .author-info { 857 font-size: 12px; 858 line-height: 16px; 859 } 860 861 .revisions-controls .author-card .avatar, 862 .revisions-controls .author-card .author-info { 863 float: left; 864 margin-left: 6px; 865 margin-right: 6px; 866 } 867 868 .revisions-controls .author-card .byline { 869 display: block; 870 font-size: 12px; 871 } 872 873 .revisions-controls .author-card .avatar { 874 vertical-align: middle; 875 } 876 877 .diff-meta input.restore-revision { 878 float: right; 879 margin-left: 6px; 880 margin-right: 6px; 881 margin-top: 4px; 882 } 883 884 .diff-meta-from { 885 display: none; 886 } 887 888 .comparing-two-revisions .diff-meta-from { 889 display: block; 890 } 891 892 .revisions-tooltip { 893 position: absolute; 894 bottom: 105px; 895 margin-right: 0; 896 margin-left: -69px; 897 z-index: 0; 898 max-width: 350px; 899 min-width: 130px; 900 padding: 8px 4px; 901 display: none; 902 opacity: 0; 903 } 904 905 .revisions-tooltip.flipped { 906 margin-left: 0; 907 margin-right: -70px; 908 } 909 910 .revisions.pinned .revisions-tooltip { 911 display: none !important; 912 } 913 914 .comparing-two-revisions .revisions-tooltip { 915 bottom: 145px; 916 } 917 918 .revisions-tooltip-arrow { 919 width: 70px; 920 height: 15px; 921 overflow: hidden; 922 position: absolute; 923 left: 0; 924 margin-left: 35px; 925 bottom: -15px; 926 } 927 928 .revisions-tooltip.flipped .revisions-tooltip-arrow { 929 margin-left: 0; 930 margin-right: 35px; 931 left: auto; 932 right: 0; 933 } 934 935 .revisions-tooltip-arrow > span { 936 content: ""; 937 position: absolute; 938 left: 20px; 939 top: -20px; 940 width: 25px; 941 height: 25px; 942 -webkit-transform: rotate(45deg); 943 -moz-transform: rotate(45deg); 944 -ms-transform: rotate(45deg); 945 -o-transform: rotate(45deg); 946 transform: rotate(45deg); 947 } 948 949 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { 950 left: auto; 951 right: 20px; 952 } 953 954 .ie8 .revisions-tooltip-arrow > span { 955 left: 15px; 956 top: -25px; 957 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; 958 } 959 960 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { 961 right: 25px; 962 } 963 964 .revisions-tooltip, 965 .revisions-tooltip-arrow > span { 966 border: 1px solid #d7d7d7; 967 background-color: #fff; 968 } 969 970 .revisions-tooltip { 971 display: none; 972 } 973 974 .arrow { 975 width: 70px; 976 height: 16px; 977 overflow: hidden; 978 position: absolute; 979 left: 0; 980 margin-left: -35px; 981 bottom: 90px; 982 z-index: 10000; 983 } 984 985 .arrow::after { 986 z-index: 9999; 987 background-color: #fff; 988 box-shadow: 0 1px 3px rgba(0,0,0,0.1); 989 } 990 991 .arrow.top { 992 top: -16px; 993 bottom: auto; 994 } 995 996 .arrow.left { 997 left: 20%; 998 } 999 1000 .arrow:after { 1001 content: ""; 1002 position: absolute; 1003 left: 20px; 1004 top: -20px; 1005 width: 25px; 1006 height: 25px; 1007 -webkit-transform: rotate(45deg); 1008 -moz-transform: rotate(45deg); 1009 -ms-transform: rotate(45deg); 1010 -o-transform: rotate(45deg); 1011 transform: rotate(45deg); 1012 } 1013 1014 .revisions-tooltip, 1015 .revisions-tooltip-arrow:after { 1016 border-width: 1px; 1017 border-style: solid; 1018 } 1019 1020 div.revisions-controls > .wp-slider > .ui-slider-handle { 1021 margin-left: -10px; 1022 } 1023 1024 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle { 1025 margin-right: -10px; 1026 } 1027 1028 /* jQuery UI Slider */ 1029 .wp-slider.ui-slider { 1030 position: relative; 1031 border: 1px solid #d7d7d7; 1032 text-align: left; 1033 cursor: pointer; 1034 } 1035 1036 .wp-slider .ui-slider-handle { 1037 border-radius: 50%; 1038 height: 18px; 1039 margin-top: -3px; 1040 outline: none; 1041 position: absolute; 1042 width: 18px; 1043 z-index: 2; 1044 } 1045 1046 .wp-slider .ui-slider-handle, 1047 .wp-slider .ui-slider-handle.ui-state-hover, 1048 .wp-slider .ui-slider-handle.focus { 1049 background: #2ea2cc; 1050 border: 1px solid #0074a2; 1051 -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); 1052 box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); 1053 } 1054 1055 .wp-slider .ui-slider-handle:before { 1056 background: none; 1057 position: absolute; 1058 top: 0; 1059 left: 0; 1060 color: #fff; 1061 content: "\f229"; 1062 font: normal 18px/1 'dashicons'; 1063 speak: none; 1064 -webkit-font-smoothing:antialiased; 1065 -moz-osx-font-smoothing: grayscale; 1066 } 1067 1068 .wp-slider .ui-slider-handle.from-handle:before, 1069 .wp-slider .ui-slider-handle.to-handle:before { 1070 font-size: 20px !important; 1071 margin: -1px 0 0 -1px; 1072 } 1073 1074 .wp-slider .ui-slider-handle.from-handle:before { 1075 content: '\f139'; 1076 } 1077 1078 .wp-slider .ui-slider-handle.to-handle:before { 1079 content: '\f141'; 1080 } 1081 1082 .rtl .wp-slider .ui-slider-handle.from-handle:before { 1083 content: '\f141'; 1084 } 1085 1086 .rtl .wp-slider .ui-slider-handle.to-handle:before { 1087 content: '\f139'; 1088 right: -1px; 1089 } 1090 1091 .wp-slider .ui-slider-range { 1092 position: absolute; 1093 font-size: .7em; 1094 display: block; 1095 border: 0; 1096 background-color: transparent; 1097 background-image: none; 1098 } 1099 1100 .wp-slider.ui-slider-horizontal { 1101 height: .7em; 1102 } 1103 1104 .wp-slider.ui-slider-horizontal .ui-slider-handle { 1105 top: -.25em; 1106 margin-left: -.6em; 1107 } 1108 1109 .wp-slider.ui-slider-horizontal .ui-slider-range { 1110 top: 0; 1111 height: 100%; 1112 } 1113 1114 .wp-slider.ui-slider-horizontal .ui-slider-range-min { 1115 left: 0; 1116 } 1117 1118 .wp-slider.ui-slider-horizontal .ui-slider-range-max { 1119 right: 0; 1120 } 1121 1122 1123 /*------------------------------------------------------------------------------ 1124 11.3 - Featured Images 1125 ------------------------------------------------------------------------------*/ 1126 1127 #select-featured-image { 1128 padding: 4px 0; 1129 overflow: hidden; 1130 } 1131 1132 #select-featured-image img { 1133 max-width: 100%; 1134 height: auto; 1135 margin-bottom: 10px; 1136 } 1137 1138 #select-featured-image a { 1139 float: left; 1140 clear: both; 1141 } 1142 1143 #select-featured-image .remove { 1144 display: none; 1145 margin-top: 10px; 1146 } 1147 1148 .js #select-featured-image.has-featured-image .remove { 1149 display: inline-block; 1150 } 1151 1152 .no-js #select-featured-image .choose { 1153 display: none; 1154 } 1155 1156 /*------------------------------------------------------------------------------ 1157 11.4 - Post formats 1158 ------------------------------------------------------------------------------*/ 1159 1160 .post-state-format { 1161 overflow: hidden; 1162 display: inline-block; 1163 vertical-align: middle; 1164 height: 20px; 1165 width: 20px; 1166 margin-right: 5px; 1167 margin-top: -4px; 1168 } 1169 1170 .post-state-format:before { 1171 display: block; 1172 height: 20px; 1173 width: 20px; 1174 font: normal 20px/1 'dashicons' !important; 1175 speak: none; 1176 -webkit-font-smoothing: antialiased; 1177 -moz-osx-font-smoothing: grayscale; 1178 } 1179 1180 .post-state-format:before, 1181 .post-format-icon:before { 1182 color: #ddd; 1183 -webkit-transition: all .1s ease-in-out; 1184 -moz-transition: all .1s ease-in-out; 1185 transition: all .1s ease-in-out; 1186 } 1187 1188 a.post-state-format:hover:before, 1189 a.post-format-icon:hover:before { 1190 color: #2ea2cc; 1191 } 1192 1193 #post-formats-select { 1194 line-height: 2em; 1195 } 1196 1197 #post-formats-select .post-format-icon:before { 1198 top: 5px; 1199 } 1200 1201 input.post-format { 1202 margin-top: 1px; 1203 } 1204 1205 label.post-format-icon { 1206 margin-left: 0px; 1207 padding: 2px 0 2px 0px; 1208 } 1209 1210 .post-format-icon:before { 1211 position: relative; 1212 display: inline-block; 1213 margin-right: 7px; 1214 font: normal 20px/1 'dashicons'; 1215 speak: none; 1216 -webkit-font-smoothing: antialiased; 1217 -moz-osx-font-smoothing: grayscale; 1218 } 1219 1220 .post-state-format.post-format-standard:before, 1221 .post-format-icon.post-format-standard:before, 1222 a.post-state-format.format-standard:before { 1223 content: '\f109'; 1224 } 1225 1226 .post-state-format.post-format-image:before, 1227 .post-format-icon.post-format-image:before, 1228 a.post-state-format.format-image:before { 1229 content: '\f128'; 1230 } 1231 1232 .post-state-format.post-format-gallery:before, 1233 .post-format-icon.post-format-gallery:before, 1234 a.post-state-format.format-gallery:before { 1235 content: '\f161'; 1236 } 1237 1238 .post-state-format.post-format-audio:before, 1239 .post-format-icon.post-format-audio:before, 1240 a.post-state-format.format-audio:before { 1241 content: '\f127'; 1242 } 1243 1244 .post-state-format.post-format-video:before, 1245 .post-format-icon.post-format-video:before, 1246 a.post-state-format.format-video:before { 1247 content: '\f126'; 1248 } 1249 1250 .post-state-format.post-format-chat:before, 1251 .post-format-icon.post-format-chat:before, 1252 a.post-state-format.format-chat:before { 1253 content: '\f125'; 1254 } 1255 1256 .post-state-format.post-format-status:before, 1257 .post-format-icon.post-format-status:before, 1258 a.post-state-format.format-status:before { 1259 content: '\f130'; 1260 } 1261 1262 .post-state-format.post-format-aside:before, 1263 .post-format-icon.post-format-aside:before, 1264 a.post-state-format.format-aside:before { 1265 content: '\f123'; 1266 } 1267 1268 .post-state-format.post-format-quote:before, 1269 .post-format-icon.post-format-quote:before, 1270 a.post-state-format.format-quote:before { 1271 content: '\f122'; 1272 } 1273 1274 .post-state-format.post-format-link:before, 1275 .post-format-icon.post-format-link:before, 1276 a.post-state-format.format-link:before { 1277 content: '\f103'; 1278 } 1279 1280 -
src/wp-admin/css/wp-admin-footer.css
Property changes on: src/wp-admin/css/wp-admin-edit.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 #wpfooter { 2 position: absolute; 3 bottom: 0; 4 left: 0; 5 right: 0; 6 padding: 10px 0; 7 margin-right: 20px; 8 color: #777; 9 } 10 11 #wpfooter p { 12 font-size: 13px; 13 margin: 0; 14 line-height: 20px; 15 } 16 17 #footer-thankyou { 18 font-style: italic; 19 } 20 21 #wpfooter a { 22 text-decoration: none; 23 } 24 25 #wpfooter a:hover { 26 text-decoration: underline; 27 } 28 -
src/wp-admin/css/wp-admin-forms.css
Property changes on: src/wp-admin/css/wp-admin-footer.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 .wp-admin select { 2 padding: 2px; 3 line-height: 28px; 4 height: 28px; 5 vertical-align: middle; 6 } 7 8 .wp-admin select[multiple] { 9 height: auto; 10 } 11 12 .wp-admin .button-cancel { 13 padding: 0 5px; 14 line-height: 2; 15 } 16 17 .meta-box-sortables select { 18 max-width: 100%; 19 } 20 21 .submit { 22 padding: 1.5em 0; 23 margin: 5px 0; 24 -webkit-border-bottom-left-radius: 3px; 25 -webkit-border-bottom-right-radius: 3px; 26 border-bottom-left-radius: 3px; 27 border-bottom-right-radius: 3px; 28 border: none; 29 } 30 31 form p.submit a.cancel:hover { 32 text-decoration: none; 33 } 34 35 p.submit { 36 text-align: left; 37 max-width: 100%; 38 margin-top: 20px; 39 padding-top: 10px; 40 } 41 42 .textright p.submit { 43 border: none; 44 text-align: right; 45 } 46 47 table.form-table + p.submit, 48 table.form-table + input + p.submit, 49 table.form-table + input + input + p.submit { 50 border-top: none; 51 padding-top: 0; 52 } 53 54 table.widefat span.delete a, 55 table.widefat span.trash a, 56 table.widefat span.spam a, 57 .plugins a.delete, 58 #all-plugins-table .plugins a.delete, 59 #search-plugins-table .plugins a.delete, 60 .submitbox .submitdelete, 61 #media-items a.delete, 62 #media-items a.delete-permanently, 63 #nav-menu-footer .menu-delete { 64 color: #a00; 65 } 66 67 abbr.required, 68 .file-error, 69 .widget-control-remove:hover, 70 table.widefat .delete a:hover, 71 table.widefat .trash a:hover, 72 table.widefat .spam a:hover, 73 .plugins a.delete:hover, 74 #all-plugins-table .plugins a.delete:hover, 75 #search-plugins-table .plugins a.delete:hover, 76 .submitbox .submitdelete:hover, 77 #media-items a.delete:hover, 78 #media-items a.delete-permanently:hover, 79 #nav-menu-footer .menu-delete:hover { 80 color: #f00; 81 text-decoration: none; 82 border: none; 83 } 84 85 #minor-publishing-actions input, 86 #major-publishing-actions input, 87 #minor-publishing-actions .preview { 88 text-align: center; 89 } 90 91 textarea.all-options, 92 input.all-options { 93 width: 250px; 94 } 95 96 input.large-text, 97 textarea.large-text { 98 width: 99%; 99 } 100 101 input.regular-text, 102 #adduser .form-field input { 103 width: 25em; 104 } 105 106 input.small-text { 107 width: 50px; 108 padding: 1px 6px; 109 } 110 111 input[type="number"].small-text { 112 width: 65px; 113 } 114 115 #doaction, 116 #doaction2, 117 #post-query-submit { 118 margin: 1px 8px 0 0; 119 } 120 121 .tablenav #changeit, 122 .tablenav #delete_all, 123 .tablenav #clear-recent-list { 124 margin-top: 1px; 125 } 126 127 .tablenav .actions select { 128 float: left; 129 margin-right: 6px; 130 max-width: 200px; 131 } 132 133 .ie8 .tablenav .actions select { 134 width: 155px; 135 } 136 137 .ie8 .tablenav .actions select#cat { 138 width: 200px; 139 } 140 141 #timezone_string option { 142 margin-left: 1em; 143 } 144 145 #upload-form label { 146 color: #777; 147 } 148 149 label, 150 #your-profile label + a { 151 vertical-align: middle; 152 } 153 154 fieldset label, 155 #your-profile label + a { 156 vertical-align: middle; 157 } 158 159 .options-media-php label[for*="_size_"], 160 #misc-publishing-actions label { 161 vertical-align: baseline; 162 } 163 164 #misc-publishing-actions label[for="post_status"]:before { 165 content: '\f173'; 166 display: inline-block; 167 font: normal 20px/1 'dashicons'; 168 speak: none; 169 left: -1px; 170 padding: 0 5px 0 0; 171 position: relative; 172 top: 0; 173 text-decoration: none !important; 174 vertical-align: top; 175 176 -webkit-font-smoothing: antialiased; 177 -moz-osx-font-smoothing: grayscale; 178 } 179 180 #pass-strength-result { 181 background-color: #eee; 182 border: 1px solid #ddd; 183 float: left; 184 margin: 13px 5px 5px 1px; 185 padding: 3px 5px; 186 text-align: center; 187 width: 200px; 188 display: none; 189 } 190 191 #pass-strength-result.short { 192 background-color: #ffa0a0; 193 border-color: #f04040; 194 } 195 196 #pass-strength-result.bad { 197 background-color: #ffb78c; 198 border-color: #ff853c; 199 } 200 201 #pass-strength-result.good { 202 background-color: #ffec8b; 203 border-color: #fc0; 204 } 205 206 #pass-strength-result.strong { 207 background-color: #c3ff88; 208 border-color: #8dff1c; 209 } 210 211 .indicator-hint { 212 padding-top: 8px; 213 } 214 215 p.search-box { 216 float: right; 217 margin: 0; 218 } 219 220 .network-admin.themes-php p.search-box { 221 clear: left; 222 } 223 224 .search-box input[name="s"], 225 #search-plugins input[name="s"], 226 .tagsdiv .newtag { 227 float: left; 228 height: 28px; 229 margin: 0 4px 0 0; 230 } 231 232 input[type="text"].ui-autocomplete-loading { 233 background: transparent url('../images/loading.gif') no-repeat right center; 234 visibility: visible; 235 } 236 237 ul#add-to-blog-users { 238 margin: 0 0 0 14px; 239 } 240 241 .ui-autocomplete-input.open { 242 border-bottom-right-radius: 0; 243 border-bottom-left-radius: 0; 244 } 245 246 .ui-autocomplete { 247 padding: 0; 248 margin: 0; 249 list-style: none; 250 position: absolute; 251 z-index: 10000; 252 border-bottom-right-radius: 3px; 253 border-bottom-left-radius: 3px; 254 border: 1px solid #aaa; 255 background-color: #efefef; 256 } 257 258 .ui-autocomplete li { 259 margin-bottom: 0; 260 white-space: nowrap; 261 text-align: left; 262 } 263 264 .ui-autocomplete li a { 265 display: block; 266 height: 100%; 267 padding: 4px 10px; 268 color: #444; 269 } 270 271 .ui-autocomplete li a.ui-state-focus { 272 background-color: #ddd; 273 cursor: pointer; 274 } 275 -
src/wp-admin/css/wp-admin-header.css
Property changes on: src/wp-admin/css/wp-admin-forms.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 #adminmenu a, 2 #sidemenu a, 3 #taglist a, 4 #catlist a { 5 text-decoration: none; 6 } 7 8 /*------------------------------------------------------------------------------ 9 6.1 - Screen Options Tabs 10 ------------------------------------------------------------------------------*/ 11 12 #screen-options-wrap, 13 #contextual-help-wrap { 14 margin: 0; 15 padding: 8px 20px 12px; 16 position: relative; 17 } 18 19 #contextual-help-wrap { 20 overflow: auto; 21 margin-left: 0 !important; 22 } 23 24 #screen-meta .screen-reader-text { 25 visibility: hidden; 26 } 27 28 #screen-meta-links { 29 margin: 0 20px 0 0; 30 } 31 32 #screen-meta-links a { 33 padding: 3px 6px 3px 16px; 34 } 35 36 #screen-meta-links a:focus { 37 outline: none; 38 } 39 40 /* screen options and help tabs revert */ 41 #screen-meta { 42 display: none; 43 margin: 0 20px -1px 0px; 44 position: relative; 45 background-color: #fff; 46 border: 1px solid #ddd; 47 border-top: none; 48 -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025); 49 box-shadow: 0 1px 0 rgba(0,0,0,.025); 50 } 51 52 #screen-options-link-wrap, 53 #contextual-help-link-wrap { 54 float: right; 55 height: 28px; 56 margin: 0 0 0 6px; 57 border: 1px solid #ddd; 58 border-top: none; 59 background: #fff; 60 -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1); 61 box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1); 62 } 63 64 #screen-meta-links .screen-meta-toggle { 65 position: relative; 66 top: 0; 67 } 68 69 #screen-meta-links a { 70 color: #777; 71 } 72 73 #screen-meta-links a:hover, 74 #screen-meta-links a:active, 75 #screen-meta-links a:focus { 76 color: #333; 77 } 78 79 #screen-meta-links a:focus { 80 border-color: #aaa; 81 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); 82 box-shadow: 0 2px 3px rgba(0,0,0,0.15); 83 } 84 85 #screen-meta-links a.show-settings { 86 display: block; 87 font-size: 13px; 88 height: 22px; 89 line-height: 22px; 90 text-decoration: none; 91 z-index: 1; 92 } 93 94 #screen-meta-links a:after { 95 right: 0; 96 content: '\f140'; 97 font: normal 20px/1 'dashicons'; 98 speak: none; 99 display: inline-block; 100 padding: 0 5px 0 0; 101 bottom: 2px; 102 position: relative; 103 vertical-align: bottom; 104 -webkit-font-smoothing: antialiased; 105 -moz-osx-font-smoothing: grayscale; 106 text-decoration: none !important; 107 color: #bbb; 108 } 109 110 #screen-meta-links a.screen-meta-active:after { 111 content: '\f142'; 112 } 113 114 #screen-meta-links a.show-settings:hover { 115 text-decoration: none; 116 } 117 /* end screen options and help tabs */ 118 119 .toggle-arrow { 120 background-repeat: no-repeat; 121 background-position: top left; 122 background-color: transparent; 123 height: 22px; 124 line-height: 22px; 125 display: block; 126 } 127 128 .toggle-arrow-active { 129 background-position: bottom left; 130 } 131 132 #screen-options-wrap h5, 133 #contextual-help-wrap h5 { 134 margin: 8px 0; 135 font-size: 13px; 136 } 137 138 .metabox-prefs label { 139 display: inline-block; 140 padding-right: 15px; 141 line-height: 30px; 142 } 143 144 .metabox-prefs label input[type=checkbox] { 145 margin-top: -4px; 146 margin-right: 6px; 147 } 148 149 .metabox-prefs label input { 150 margin: 0 5px 0 2px; 151 } 152 153 .metabox-prefs .columns-prefs label input { 154 margin: 0 2px; 155 } 156 157 .metabox-prefs label a { 158 display: none; 159 } 160 161 /*------------------------------------------------------------------------------ 162 6.2 - Help Menu 163 ------------------------------------------------------------------------------*/ 164 165 #contextual-help-wrap { 166 padding: 0; 167 } 168 169 #contextual-help-columns { 170 position: relative; 171 } 172 173 #contextual-help-back { 174 position: absolute; 175 top: 0; 176 bottom: 0; 177 left: 150px; 178 right: 170px; 179 border: 1px solid #e1e1e1; 180 border-top: none; 181 border-bottom: none; 182 background: #f6fbfd; 183 } 184 185 #contextual-help-wrap.no-sidebar #contextual-help-back { 186 right: 0; 187 188 border-right-width: 0; 189 -webkit-border-bottom-right-radius: 2px; 190 border-bottom-right-radius: 2px; 191 } 192 193 .contextual-help-tabs { 194 float: left; 195 width: 150px; 196 margin: 0; 197 } 198 199 .contextual-help-tabs ul { 200 margin: 1em 0; 201 } 202 203 .contextual-help-tabs li { 204 margin-bottom: 0; 205 list-style-type: none; 206 border-style: solid; 207 border-width: 0 0 0 2px; 208 border-color: transparent; 209 } 210 211 .contextual-help-tabs a { 212 display: block; 213 padding: 5px 5px 5px 12px; 214 line-height: 18px; 215 text-decoration: none; 216 border: 1px solid transparent; 217 border-right: none; 218 border-left: none; 219 } 220 221 .contextual-help-tabs a:hover { 222 color: #333; 223 } 224 225 .contextual-help-tabs .active { 226 padding: 0; 227 margin: 0 -1px 0 0; 228 border-left: 2px solid #2ea2cc; 229 background: #f6fbfd; 230 231 -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); 232 box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02); 233 } 234 235 .contextual-help-tabs .active a { 236 border-color: #e1e1e1; 237 color: #333; 238 } 239 240 .contextual-help-tabs-wrap { 241 padding: 0 20px; 242 overflow: auto; 243 } 244 245 .help-tab-content { 246 display: none; 247 margin: 0 22px 12px 0; 248 line-height: 1.6em; 249 } 250 251 .help-tab-content.active { 252 display: block; 253 } 254 255 .help-tab-content ul li { 256 list-style-type: disc; 257 margin-left: 18px; 258 } 259 260 .contextual-help-sidebar { 261 width: 150px; 262 float: right; 263 padding: 0 8px 0 12px; 264 overflow: auto; 265 } 266 267 -
src/wp-admin/css/wp-admin-layout.css
Property changes on: src/wp-admin/css/wp-admin-header.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 html.wp-toolbar { 2 padding-top: 32px; 3 -webkit-box-sizing: border-box; 4 -moz-box-sizing: border-box; 5 box-sizing: border-box; 6 } 7 8 .narrow { 9 width: 70%; 10 margin-bottom: 40px; 11 } 12 13 .narrow p { 14 line-height: 150%; 15 } 16 17 .widefat th, 18 .widefat td { 19 overflow: hidden; 20 color: #555; 21 } 22 23 .widefat th { 24 font-weight: normal; 25 } 26 27 .widefat thead tr th, 28 .widefat tfoot tr th { 29 color: #333; 30 } 31 32 .widefat td p { 33 margin: 2px 0 0.8em; 34 } 35 36 .widefat p, 37 .widefat ol, 38 .widefat ul { 39 color: #333; 40 } 41 42 .widefat .column-comment p { 43 margin: 0.6em 0; 44 } 45 46 /* Screens with postboxes */ 47 .postbox-container { 48 float: left; 49 } 50 51 #wpbody-content #dashboard-widgets.columns-1 .postbox-container { 52 width: 100%; 53 } 54 55 #wpbody-content #dashboard-widgets.columns-2 .postbox-container { 56 width: 49.5%; 57 } 58 59 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2, 60 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3, 61 #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 { 62 float: right; 63 width: 50.5%; 64 } 65 66 #wpbody-content #dashboard-widgets.columns-3 .postbox-container { 67 width: 33.5%; 68 } 69 70 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 { 71 width: 33%; 72 } 73 74 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3, 75 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 { 76 float: right; 77 } 78 79 #wpbody-content #dashboard-widgets.columns-4 .postbox-container { 80 width: 25%; 81 } 82 83 .postbox-container .meta-box-sortables { 84 -moz-box-sizing: border-box; 85 -webkit-box-sizing: border-box; 86 -ms-box-sizing: border-box; 87 box-sizing: border-box; 88 } 89 90 .metabox-holder .postbox-container .empty-container { 91 border: 3px dashed #bbb; 92 height: 250px; 93 } 94 95 .metabox-holder.columns-1 .postbox-container .empty-container, 96 .columns-2 #postbox-container-3 .empty-container, 97 .columns-2 #postbox-container-4 .empty-container, 98 .columns-3 #postbox-container-4 .empty-container { 99 border: 0 none; 100 height: 0; 101 min-height: 0; 102 } 103 104 .ie8 #wpbody-content #dashboard-widgets .postbox-container { 105 width: 49.5%; 106 } 107 108 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2, 109 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3, 110 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 { 111 float: right; 112 width: 50.5%; 113 } 114 115 .ie8 #dashboard-widgets #postbox-container-3 .empty-container, 116 .ie8 #dashboard-widgets #postbox-container-4 .empty-container { 117 border: 0 none; 118 height: 0; 119 min-height: 0; 120 } 121 122 #poststuff { 123 padding-top: 10px; 124 min-width: 763px; 125 } 126 127 #poststuff #post-body { 128 padding: 0; 129 } 130 131 #post-body-content { 132 width: 100%; 133 min-width: 463px; 134 float: left; 135 } 136 137 #poststuff .postbox-container { 138 width: 100%; 139 } 140 141 #poststuff #post-body.columns-2 { 142 margin-right: 300px; 143 } 144 145 #post-body.columns-2 #postbox-container-1 { 146 float: right; 147 margin-right: -300px; 148 width: 280px; 149 } 150 151 #post-body.columns-2 #side-sortables { 152 min-height: 250px; 153 } 154 155 #dashboard-widgets .postbox-container { 156 width: 25%; 157 } 158 159 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container { 160 border: none !important; 161 } 162 163 #dashboard-widgets-wrap { 164 overflow: hidden; 165 } 166 167 /* one column on the dash */ 168 @media only screen and (max-width: 799px) { 169 #wpbody-content #dashboard-widgets .postbox-container { 170 width: 100%; 171 } 172 173 #wpbody-content .metabox-holder .postbox-container .empty-container { 174 border: 0 none; 175 height: 0; 176 min-height: 0; 177 } 178 } 179 180 /* two columns on the dash, but keep the setting if one is selected */ 181 @media only screen and (min-width: 800px) and (max-width: 1499px) { 182 #wpbody-content #dashboard-widgets .postbox-container { 183 width: 49.5%; 184 } 185 186 #wpbody-content #dashboard-widgets #postbox-container-2, 187 #wpbody-content #dashboard-widgets #postbox-container-3, 188 #wpbody-content #dashboard-widgets #postbox-container-4 { 189 float: right; 190 width: 50.5%; 191 } 192 193 #dashboard-widgets #postbox-container-3 .empty-container, 194 #dashboard-widgets #postbox-container-4 .empty-container { 195 border: 0 none; 196 height: 0; 197 min-height: 0; 198 } 199 200 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { 201 width: 100%; 202 } 203 204 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container { 205 border: 0 none; 206 height: 0; 207 min-height: 0; 208 } 209 210 /* show the radio buttons for column prefs only for one or two columns */ 211 .index-php .screen-layout, 212 .index-php .columns-prefs { 213 display: block; 214 } 215 216 .columns-prefs .columns-prefs-3, 217 .columns-prefs .columns-prefs-4 { 218 display: none; 219 } 220 } 221 222 /* three columns on the dash */ 223 @media only screen and (min-width: 1500px) and (max-width: 1800px) { 224 #wpbody-content #dashboard-widgets .postbox-container { 225 width: 33.5%; 226 } 227 228 #wpbody-content #dashboard-widgets #postbox-container-1 { 229 width: 33%; 230 } 231 232 #wpbody-content #dashboard-widgets #postbox-container-3, 233 #wpbody-content #dashboard-widgets #postbox-container-4 { 234 float: right; 235 } 236 237 #dashboard-widgets #postbox-container-4 .empty-container { 238 border: 0 none; 239 height: 0; 240 min-height: 0; 241 } 242 } 243 244 /* one column on the post write/edit screen */ 245 @media only screen and (max-width: 850px) { 246 #poststuff { 247 min-width: 0; 248 } 249 250 #wpbody-content #poststuff #post-body { 251 margin: 0; 252 } 253 254 #wpbody-content #post-body.columns-2 #postbox-container-1 { 255 margin-right: 0; 256 width: 100%; 257 } 258 259 #poststuff #postbox-container-1 .empty-container, 260 #poststuff #postbox-container-1 #side-sortables:empty { 261 border: 0 none; 262 height: 0; 263 min-height: 0; 264 } 265 266 #poststuff #post-body.columns-2 #side-sortables { 267 min-height: 0; 268 } 269 270 /* hide the radio buttons for column prefs */ 271 .screen-layout, 272 .columns-prefs { 273 display: none; 274 } 275 } 276 277 .js .postbox .hndle { 278 cursor: move; 279 } 280 281 .hndle a { 282 font-size: 11px; 283 font-weight: normal; 284 } 285 286 .postbox .handlediv { 287 float: right; 288 width: 27px; 289 height: 30px; 290 } 291 292 .js .postbox .handlediv { 293 cursor: pointer; 294 } 295 296 .sortable-placeholder { 297 border: 1px dashed #bbb; 298 margin-bottom: 20px; 299 } 300 301 .postbox, 302 .stuffbox { 303 margin-bottom: 20px; 304 padding: 0; 305 line-height: 1; 306 } 307 308 .postbox h3, 309 .stuffbox h3 { 310 margin-top: 1px; 311 -webkit-user-select: none; 312 -moz-user-select: none; 313 user-select: none; 314 } 315 316 .js .widget .widget-top, 317 .js .postbox h3 { 318 cursor: move; 319 } 320 321 .postbox .inside, 322 .stuffbox .inside { 323 padding: 0 12px 12px; 324 line-height: 1.4em; 325 font-size: 13px; 326 } 327 328 .postbox .inside { 329 margin: 11px 0; 330 position: relative; 331 } 332 333 #dashboard-widgets .postbox .inside { 334 margin-bottom: 0; 335 } 336 337 .postbox .inside > p:last-child, 338 .rss-widget ul li:last-child { 339 margin-bottom: 1px !important; 340 } 341 342 .postbox.closed h3 { 343 border: none; 344 -webkit-box-shadow: none; 345 box-shadow: none; 346 } 347 348 .postbox table.form-table { 349 margin-bottom: 0; 350 } 351 352 .postbox table.widefat { 353 -webkit-box-shadow: none; 354 box-shadow: none; 355 } 356 357 .temp-border { 358 border: 1px dotted #ccc; 359 } 360 361 .columns-prefs label { 362 padding: 0 5px; 363 } 364 365 -
src/wp-admin/css/wp-admin-lists.css
Property changes on: src/wp-admin/css/wp-admin-layout.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 /*------------------------------------------------------------------------------ 2 10.0 - List Posts (/Pages/etc) 3 ------------------------------------------------------------------------------*/ 4 5 table.fixed { 6 table-layout: fixed; 7 } 8 9 .fixed .column-rating, 10 .fixed .column-visible { 11 width: 8%; 12 } 13 14 .fixed .column-posts, 15 .fixed .column-date, 16 .fixed .column-parent, 17 .fixed .column-links, 18 .fixed .column-author, 19 .fixed .column-format { 20 width: 10%; 21 } 22 23 .fixed .column-comment .comment-author { 24 display: none; 25 } 26 27 .fixed .column-response, 28 .fixed .column-categories, 29 .fixed .column-tags, 30 .fixed .column-rel, 31 .fixed .column-role { 32 width: 15%; 33 } 34 35 .fixed .column-slug { 36 width: 25%; 37 } 38 39 .fixed .column-locations { 40 width: 35%; 41 } 42 43 .fixed .column-comments { 44 width: 4em; 45 padding: 8px 0; 46 text-align: left; 47 } 48 49 .fixed .column-comments .vers { 50 padding-left: 3px; 51 } 52 53 .fixed .column-comments a { 54 float: left; 55 } 56 57 .fixed .column-icon { 58 width: 80px; 59 } 60 61 /* @todo: pick a consistent list table selector */ 62 .wp-list-table a { 63 -moz-transition: none; 64 -webkit-transition: none; 65 transition: none; 66 } 67 68 #the-list tr:last-child td, 69 #the-list tr:last-child th { 70 border-bottom: none !important; 71 -webkit-box-shadow: none; 72 box-shadow: none; 73 } 74 75 #comments-form .fixed .column-author { 76 width: 20%; 77 } 78 79 #commentsdiv.postbox .inside { 80 margin: 0; 81 padding: 0; 82 } 83 84 #commentsdiv .inside .row-actions { 85 line-height:18px; 86 } 87 88 #commentsdiv .inside .column-author { 89 width: 25%; 90 } 91 92 #commentsdiv .column-comment p { 93 margin: 0.6em 0; 94 padding: 0; 95 } 96 97 #commentsdiv #replyrow td { 98 padding: 0; 99 } 100 101 #commentsdiv p { 102 padding: 8px 10px; 103 margin: 0; 104 } 105 106 #commentsdiv .comments-box { 107 border: 0 none; 108 } 109 110 #commentsdiv .comments-box thead th { 111 background: transparent; 112 padding: 0 7px 4px; 113 font-style: italic; 114 } 115 116 #commentsdiv .comments-box tr:last-child td { 117 border-bottom: 0 none; 118 } 119 120 #commentsdiv .spinner { 121 padding-left: 5px; 122 } 123 124 .sorting-indicator { 125 display: none; 126 width: 10px; 127 height: 4px; 128 margin-top: 8px; 129 margin-left: 7px; 130 } 131 132 .sorting-indicator:before { 133 background: none; 134 content: '\f142'; 135 font: normal 20px/1 'dashicons'; 136 speak: none; 137 display: inline-block; 138 padding: 0; 139 top: -4px; 140 left: -8px; 141 color: #444; 142 line-height: 10px; 143 position: relative; 144 vertical-align: top; 145 -webkit-font-smoothing: antialiased; 146 -moz-osx-font-smoothing: grayscale; 147 text-decoration: none !important; 148 color: #444; 149 } 150 151 .column-comments .sorting-indicator:before { 152 top: 0; 153 left: -10px; 154 } 155 156 th.sorted.asc .sorting-indicator:before, 157 th.desc:hover span.sorting-indicator:before { 158 content: '\f142'; 159 } 160 161 th.sorted.desc .sorting-indicator:before, 162 th.asc:hover span.sorting-indicator:before { 163 content: '\f140'; 164 } 165 166 tr.wp-locked .locked-indicator { 167 background: url('../images/lock.png') no-repeat; 168 margin: -2px 0 0 6px; 169 height: 20px; 170 width: 16px; 171 } 172 173 tr.wp-locked .check-column label, 174 tr.wp-locked .check-column input[type="checkbox"], 175 tr.wp-locked .row-actions .inline, 176 tr.wp-locked .row-actions .trash { 177 display: none; 178 } 179 180 tr .locked-info { 181 height: 0; 182 opacity: 0; 183 } 184 185 tr.wp-locked .locked-info { 186 margin-top: 8px; 187 height: auto; 188 opacity: 1; 189 } 190 191 .locked-text { 192 vertical-align: top; 193 } 194 195 tr.locked-info, tr.wp-locked .locked-info { 196 -webkit-transition: height 1s, opacity 500ms; 197 -moz-transition: height 1s, opacity 500ms; 198 -ms-transition: height 1s, opacity 500ms; 199 -o-transition: height 1s, opacity 500ms; 200 transition: height 1s, opacity 500ms; 201 } 202 203 .fixed .column-comments .sorting-indicator { 204 margin-top: 3px; 205 } 206 207 #menu-locations-wrap .widefat { 208 width: 60%; 209 } 210 211 .widefat th.sortable, 212 .widefat th.sorted { 213 padding: 0; 214 } 215 216 th.sortable a, 217 th.sorted a { 218 display: block; 219 overflow: hidden; 220 padding: 7px 7px 8px 10px; 221 } 222 223 th.manage-column a, 224 th.sortable a:hover, 225 th.sortable a:active, 226 th.sortable a:focus { 227 color: #333; 228 } 229 230 th.sortable a:focus { 231 background: #e1e1e1; 232 } 233 234 .fixed .column-comments.sortable a, 235 .fixed .column-comments.sorted a { 236 padding: 8px 0; 237 } 238 239 th.sortable a span, 240 th.sorted a span { 241 float: left; 242 cursor: pointer; 243 } 244 245 th.sorted.asc .sorting-indicator, 246 th.desc:hover span.sorting-indicator { 247 display: block; 248 background-position: 0 0; 249 } 250 251 th.sorted.desc .sorting-indicator, 252 th.asc:hover span.sorting-indicator { 253 display: block; 254 background-position: -7px 0; 255 } 256 257 /* Bulk Actions */ 258 .tablenav-pages a { 259 font-weight: 600; 260 margin-right: 1px; 261 padding: 0 2px; 262 } 263 .tablenav-pages .current-page { 264 padding-top: 0; 265 text-align: center; 266 } 267 .tablenav-pages .next-page { 268 margin-left: 2px; 269 } 270 271 .tablenav a.button-secondary { 272 display: block; 273 margin: 3px 8px 0 0; 274 } 275 276 .tablenav { 277 clear: both; 278 height: 30px; 279 margin: 6px 0 4px; 280 vertical-align: middle; 281 } 282 283 .tablenav.themes { 284 max-width: 98%; 285 } 286 287 .tablenav .tablenav-pages { 288 float: right; 289 display: block; 290 cursor: default; 291 height: 30px; 292 color: #555; 293 line-height: 30px; 294 font-size: 12px; 295 } 296 297 .tablenav .no-pages, 298 .tablenav .one-page .pagination-links { 299 display: none; 300 } 301 302 .tablenav .tablenav-pages a, 303 .tablenav-pages span.current { 304 text-decoration: none; 305 padding: 3px 6px; 306 } 307 308 .tablenav .tablenav-pages a { 309 padding: 0 10px 3px; 310 background: #eee; 311 background: rgba( 0, 0, 0, 0.05 ); 312 font-size: 16px; 313 font-weight: normal; 314 } 315 316 .tablenav .tablenav-pages a:hover, 317 .tablenav .tablenav-pages a:focus { 318 color: #fff; 319 background: #2ea2cc; 320 } 321 322 .tablenav .tablenav-pages a.disabled, 323 .tablenav .tablenav-pages a.disabled:hover, 324 .tablenav .tablenav-pages a.disabled:focus, 325 .tablenav .tablenav-pages a.disabled:active { 326 color: #aaa; 327 background: #eee; 328 background: rgba( 0, 0, 0, 0.05 ); 329 } 330 331 .tablenav .displaying-num { 332 margin-right: 2px; 333 color: #777; 334 font-size: 12px; 335 font-style: italic; 336 } 337 338 .tablenav .actions { 339 overflow: hidden; 340 padding: 2px 8px 0 0; 341 } 342 343 .tablenav .delete { 344 margin-right: 20px; 345 } 346 347 /* @todo: unclear if the following tablenav rules are actually used. 348 classes exist in paginate_links() but not seen in list table output. */ 349 .tablenav .dots { 350 border-color: transparent; 351 } 352 353 .tablenav .next, 354 .tablenav .prev { 355 border-color: transparent; 356 color: #0074a2; 357 } 358 359 .tablenav .next:hover, 360 .tablenav .prev:hover { 361 border-color: transparent; 362 color: #2ea2cc; 363 } 364 365 .view-switch { 366 float: right; 367 margin: 5px 16px 0 8px; 368 } 369 370 .view-switch img { 371 display: none; 372 } 373 374 .view-switch a { 375 text-decoration: none; 376 } 377 378 .view-switch > a { 379 display: inline-block; 380 width: 18px; 381 height: 18px; 382 } 383 384 .view-switch > a:before { 385 color: #bbb; 386 content: '\f163'; 387 display: inline-block; 388 float: left; 389 font: normal 20px/1 'dashicons'; 390 speak: none; 391 vertical-align: middle; 392 margin-left: 0; 393 -webkit-font-smoothing: antialiased; 394 -moz-osx-font-smoothing: grayscale; 395 } 396 397 .view-switch a:hover:before { 398 color: #727272; 399 } 400 401 .view-switch a.current:before { 402 color: #0074a2; 403 } 404 405 .view-switch > a + a:before { 406 margin-left: 5px; 407 content: '\f164'; 408 } 409 410 .filter { 411 float: left; 412 margin: -5px 0 0 10px; 413 } 414 415 .filter .subsubsub { 416 margin-left: -10px; 417 margin-top: 13px; 418 } 419 .screen-per-page { 420 width: 4em; 421 } 422 423 #posts-filter fieldset { 424 float: left; 425 margin: 0 1.5ex 1em 0; 426 padding: 0; 427 } 428 429 #posts-filter fieldset legend { 430 padding: 0 0 .2em 1px; 431 } 432 433 434 /*------------------------------------------------------------------------------ 435 10.1 - Inline Editing 436 ------------------------------------------------------------------------------*/ 437 438 /* 439 .quick-edit* is for Quick Edit 440 .bulk-edit* is for Bulk Edit 441 .inline-edit* is for everything 442 */ 443 444 /* Layout */ 445 446 #wpbody-content .inline-edit-row fieldset { 447 font-size: 12px; 448 float: left; 449 margin: 0; 450 padding: 0; 451 width: 100%; 452 } 453 454 tr.inline-edit-row td, 455 #wpbody-content .inline-edit-row fieldset .inline-edit-col { 456 padding: 0 0.5em; 457 } 458 459 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col { 460 border-width: 0 0 0 1px; 461 border-style: none none none solid; 462 } 463 464 #wpbody-content .quick-edit-row-post .inline-edit-col-left { 465 width: 40%; 466 } 467 468 #wpbody-content .quick-edit-row-post .inline-edit-col-right { 469 width: 39%; 470 } 471 472 #wpbody-content .inline-edit-row-post .inline-edit-col-center { 473 width: 20%; 474 } 475 476 #wpbody-content .quick-edit-row-page .inline-edit-col-left { 477 width: 50%; 478 } 479 480 #wpbody-content .quick-edit-row-page .inline-edit-col-right, 481 #wpbody-content .bulk-edit-row-post .inline-edit-col-right { 482 width: 49%; 483 } 484 485 #wpbody-content .bulk-edit-row .inline-edit-col-left { 486 width: 30%; 487 } 488 489 #wpbody-content .bulk-edit-row-page .inline-edit-col-right { 490 width: 69%; 491 } 492 493 #wpbody-content .bulk-edit-row .inline-edit-col-bottom { 494 float: right; 495 width: 69%; 496 } 497 498 #wpbody-content .inline-edit-row-page .inline-edit-col-right { 499 margin-top: 27px; 500 } 501 502 .inline-edit-row fieldset .inline-edit-group { 503 clear: both; 504 } 505 506 .inline-edit-row fieldset .inline-edit-group:after { 507 content: "."; 508 display: block; 509 height: 0; 510 clear: both; 511 visibility: hidden; 512 } 513 514 .inline-edit-row p.submit { 515 clear: both; 516 padding: 0.5em; 517 margin: 0.5em 0 0; 518 } 519 520 .inline-edit-row span.error { 521 line-height: 22px; 522 margin: 0 15px; 523 padding: 3px 5px; 524 } 525 526 /* Positioning */ 527 .inline-edit-row h4 { 528 margin: .2em 0; 529 padding: 0; 530 line-height: 23px; 531 } 532 .inline-edit-row fieldset span.title, 533 .inline-edit-row fieldset span.checkbox-title { 534 margin: 0; 535 padding: 0; 536 line-height: 27px; 537 } 538 539 .inline-edit-row fieldset label, 540 .inline-edit-row fieldset span.inline-edit-categories-label { 541 display: block; 542 margin: .2em 0; 543 } 544 545 .inline-edit-row fieldset label.inline-edit-tags { 546 margin-top: 0; 547 } 548 549 .inline-edit-row fieldset label.inline-edit-tags span.title { 550 margin: .2em 0; 551 width: auto; 552 } 553 554 .inline-edit-row fieldset label span.title { 555 display: block; 556 float: left; 557 width: 5em; 558 } 559 560 .inline-edit-row fieldset label span.input-text-wrap { 561 display: block; 562 margin-left: 5em; 563 } 564 565 .quick-edit-row-post fieldset.inline-edit-col-right label span.title { 566 width: auto; 567 padding-right: 0.5em; 568 } 569 570 .inline-edit-row .input-text-wrap input[type=text] { 571 width: 100%; 572 } 573 574 .inline-edit-row fieldset label input[type=checkbox] { 575 vertical-align: text-bottom; 576 } 577 578 .inline-edit-row fieldset label textarea { 579 width: 100%; 580 height: 4em; 581 } 582 583 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label { 584 max-width: 50%; 585 } 586 587 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child { 588 margin-right: 0.5em 589 } 590 591 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input { 592 width: 6em; 593 } 594 595 .inline-edit-save .spinner { 596 padding: 4px 10px 0; 597 vertical-align: top; 598 float: right; 599 } 600 601 /* Styling */ 602 .inline-edit-row h4 { 603 text-transform: uppercase; 604 } 605 606 .inline-edit-row fieldset span.title, 607 .inline-edit-row fieldset span.checkbox-title { 608 font-style: italic; 609 line-height: 1.8em; 610 } 611 612 /* Specific Elements */ 613 .inline-edit-row fieldset .inline-edit-date { 614 float: left; 615 } 616 617 .inline-edit-row fieldset input[name=jj], 618 .inline-edit-row fieldset input[name=hh], 619 .inline-edit-row fieldset input[name=mn] { 620 font-size: 12px; 621 width: 2.1em; 622 } 623 624 .inline-edit-row fieldset input[name=aa] { 625 font-size: 12px; 626 width: 3.5em; 627 } 628 629 .inline-edit-row fieldset label input.inline-edit-password-input { 630 width: 8em; 631 } 632 633 ul.cat-checklist { 634 height: 12em; 635 border: solid 1px #ddd; 636 overflow-y: scroll; 637 padding: 0 5px; 638 margin: 0; 639 background-color: #fff; 640 } 641 642 #bulk-titles { 643 display: block; 644 height: 12em; 645 border: 1px solid #ddd; 646 overflow-y: scroll; 647 padding: 0 5px; 648 margin: 0 0 5px; 649 } 650 651 .inline-edit-row fieldset ul.cat-checklist li, 652 .inline-edit-row fieldset ul.cat-checklist input { 653 margin: 0; 654 } 655 656 .inline-edit-row fieldset ul.cat-checklist label, 657 .inline-edit-row #bulk-titles div { 658 font-style: normal; 659 font-size: 11px; 660 } 661 662 .inline-edit-row fieldset label input.inline-edit-menu-order-input { 663 width: 3em; 664 } 665 666 .inline-edit-row fieldset label input.inline-edit-slug-input { 667 width: 75%; 668 } 669 670 .quick-edit-row-post fieldset label.inline-edit-status { 671 float: left; 672 } 673 674 #bulk-titles { 675 line-height: 140%; 676 } 677 #bulk-titles div { 678 margin: 0.2em 0.3em; 679 } 680 681 #bulk-titles div a { 682 cursor: pointer; 683 display: block; 684 float: left; 685 height: 18px; 686 margin: 0 3px 0 -2px; 687 overflow: hidden; 688 position: relative; 689 width: 20px; 690 } 691 692 #bulk-titles div a:before { 693 position: relative; 694 top: -3px; 695 } 696 697 /* Background Color for Site Status */ 698 .wp-list-table .site-deleted { 699 background: #ff8573; 700 } 701 .wp-list-table .site-spammed { 702 background: #faafaa; 703 } 704 .wp-list-table .site-archived { 705 background: #ffebe8; 706 } 707 .wp-list-table .site-mature { 708 background: #fecac2; 709 } -
src/wp-admin/css/wp-admin-localization.css
Property changes on: src/wp-admin/css/wp-admin-lists.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 /* RTL except Hebrew (see below): Tahoma as the first font; */ 2 body.rtl, 3 body.rtl .press-this a.wp-switch-editor { 4 font-family: Tahoma, Arial, sans-serif; 5 } 6 7 8 /* he_IL: Remove Tahoma from the font stack. Arial is best for Hebrew. */ 9 body.locale-he-il, 10 body.locale-he-il .press-this a.wp-switch-editor { 11 font-family: Arial, sans-serif; 12 } 13 14 /* he_IL: Have <em> be bold rather than italic. */ 15 .locale-he-il em { 16 font-style: normal; 17 font-weight: bold; 18 } 19 20 /* zh_CN: Remove italic properties. */ 21 .locale-zh-cn .howto, 22 .locale-zh-cn .tablenav .displaying-num, 23 .locale-zh-cn .js .input-with-default-title, 24 .locale-zh-cn .link-to-original, 25 .locale-zh-cn .inline-edit-row fieldset span.title, 26 .locale-zh-cn .inline-edit-row fieldset span.checkbox-title, 27 .locale-zh-cn #utc-time, 28 .locale-zh-cn #local-time, 29 .locale-zh-cn p.install-help, 30 .locale-zh-cn p.help, 31 .locale-zh-cn p.description, 32 .locale-zh-cn span.description, 33 .locale-zh-cn .form-wrap p { 34 font-style: normal; 35 } 36 37 /* zh_CN: Enlarge dashboard widget 'Configure' link */ 38 .locale-zh-cn .hdnle a { font-size: 12px; } 39 40 /* zn_CH: Enlarge font size, set font-size: normal */ 41 .locale-zh-cn form.upgrade .hint { font-style: normal; font-size: 100%; } 42 43 /* Zn_CH: Distraction free writing. 44 * More beautiful font for "Just write." 45 * Larger text for HTML/Visual mode. 46 */ 47 .locale-zh-cn #wp-fullscreen-tagline { font-family: KaiTi, "楷体", sans-serif; } 48 .locale-zh-cn #wp-fullscreen-modes a { font-size: 12px; } 49 50 /* zh_CN: Enlarge font-size. */ 51 .locale-zh-cn #sort-buttons { font-size: 1em !important; } 52 53 /* de_DE: Text needs more space for translation */ 54 .locale-de-de .inline-edit-row fieldset label span.title { 55 width: 7em; /* default 5em */ 56 } 57 .locale-de-de .inline-edit-row fieldset label span.input-text-wrap { 58 margin-left: 7em; /* default 5em */ 59 } 60 .locale-de-de #customize-header-actions .button { 61 padding: 0 5px 1px; /* default 0 10px 1px */ 62 } 63 .locale-de-de #customize-header-actions .spinner { 64 margin: 16px 3px 0; /* default 16px 4px 0 5px */ 65 } 66 67 /* ru_RU: Text needs more room to breathe. */ 68 .locale-ru-ru .inline-edit-row fieldset label span.title { 69 width: 8em; /* default 5em */ 70 } 71 .locale-ru-ru .inline-edit-row fieldset label span.input-text-wrap { 72 margin-left: 8em; /* default 5em */ 73 } 74 .locale-ru-ru.press-this .posting { 75 margin-right: 277px; /* default 252px + 25px */ 76 } 77 .locale-ru-ru .press-this-sidebar { 78 width: 265px; /* default 240px + 25px */ 79 } 80 .locale-ru-ru #customize-header-actions .button { 81 padding: 0 5px 1px; /* default 0 10px 1px */ 82 } 83 .locale-ru-ru #customize-header-actions .spinner { 84 margin: 16px 3px 0; /* default 16px 4px 0 5px */ 85 } 86 87 /* lt_LT: QuickEdit */ 88 .locale-lt-lt .inline-edit-row fieldset label span.title { 89 width: 8em; 90 } 91 .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { 92 margin-left: 8em; 93 } -
src/wp-admin/css/wp-admin-login.css
Property changes on: src/wp-admin/css/wp-admin-localization.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 body.login { 2 background: #f1f1f1; 3 min-width: 0; 4 } 5 6 #loginform p.submit, 7 .login-action-lostpassword p.submit { 8 border: none; 9 margin: -10px 0 20px; /* May want to revisit this */ 10 } 11 12 .login * { 13 margin: 0; 14 padding: 0; 15 } 16 17 .login form { 18 margin-top: 20px; 19 margin-left: 0; 20 padding: 26px 24px 46px; 21 font-weight: normal; 22 overflow: hidden; 23 background: #fff; 24 25 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13); 26 box-shadow: 0 1px 3px rgba(0,0,0,0.13); 27 } 28 29 .login form .forgetmenot { 30 font-weight: normal; 31 float: left; 32 margin-bottom: 0; 33 } 34 35 .login .button-primary { 36 float: right; 37 } 38 39 #login form p { 40 margin-bottom: 0; 41 } 42 43 #login form p.submit { 44 margin: 0; 45 padding: 0; 46 } 47 48 .login label { 49 color: #777; 50 font-size: 14px; 51 } 52 53 .login form .forgetmenot label { 54 font-size: 12px; 55 line-height: 19px; 56 } 57 58 .login h1 { 59 text-align: center; 60 } 61 62 .login h1 a { 63 background-image: url('../images/w-logo-blue.png?ver=20131202'); 64 background-image: none, url('../images/wordpress-logo.svg?ver=20131107'); 65 background-size: 80px 80px; 66 background-position: center top; 67 background-repeat: no-repeat; 68 color: #999; 69 height: 80px; 70 font-size: 20px; 71 font-weight: normal; 72 line-height: 1.3em; 73 margin: 0 auto 25px; 74 padding: 0; 75 text-decoration: none; 76 width: 80px; 77 text-indent: -9999px; 78 outline: none; 79 overflow: hidden; 80 display: block; 81 } 82 83 #login { 84 width: 320px; 85 padding: 8% 0 0; 86 margin: auto; 87 } 88 89 #login_error, 90 .login .message { 91 margin-left: 0; 92 padding: 12px; 93 } 94 95 .login #nav, 96 .login #backtoblog { 97 font-size: 13px; 98 padding: 0 24px 0; 99 } 100 101 .login #nav { 102 margin: 24px 0 0 0; 103 } 104 105 #backtoblog { 106 margin: 16px 0 0 0; 107 } 108 109 .login #nav a, 110 .login #backtoblog a { 111 text-decoration: none; 112 color: #999; 113 } 114 115 .login #nav a:hover, 116 .login #backtoblog a:hover, 117 .login h1 a:hover { 118 color: #2ea2cc; 119 } 120 121 .login form .input, 122 .login input[type="text"] { 123 font-size: 24px; 124 line-height: 1; 125 width: 100%; 126 padding: 3px; 127 margin: 2px 6px 16px 0; 128 } 129 130 .login form .input, 131 .login input[type="text"], 132 .login form input[type="checkbox"] { 133 background: #fbfbfb; 134 } 135 136 .login #pass-strength-result { 137 width: 250px; 138 font-weight: 600; 139 margin: 12px 0 6px; 140 padding: 6px 5px; 141 text-align: center; 142 } 143 144 .mobile #login { 145 padding: 20px 0; 146 } 147 148 .mobile #login form, 149 .mobile #login .message, 150 .mobile #login_error { 151 margin-left: 0; 152 } 153 154 .mobile #login #nav, 155 .mobile #login #backtoblog { 156 margin-left: 8px; 157 } 158 159 .mobile #login h1 a { 160 width: auto; 161 } 162 163 body.interim-login { 164 height: auto; 165 } 166 167 .interim-login #login { 168 padding: 0; 169 margin: 5px auto 20px; 170 } 171 172 .interim-login.login h1 a { 173 width: auto; 174 } 175 176 .interim-login #login_error, 177 .interim-login.login .message { 178 margin: 0 0 16px; 179 } 180 181 .interim-login.login form { 182 margin: 0; 183 } 184 -
src/wp-admin/css/wp-admin-media.css
Property changes on: src/wp-admin/css/wp-admin-login.css ___________________________________________________________________ Added: svn:executable ## -0,0 +1 ## +* \ No newline at end of property
1 .media-item .describe { 2 border-collapse: collapse; 3 width: 100%; 4 border-top: 1px solid #dfdfdf; 5 clear: both; 6 cursor: default; 7 } 8 9 .media-item.media-blank .describe { 10 border: 0; 11 } 12 13 .media-item .describe th { 14 vertical-align: top; 15 text-align: left; 16 padding: 5px 10px 10px; 17 width: 140px; 18 } 19 20 .media-item .describe .align th { 21 padding-top: 0; 22 } 23 24 .media-item .media-item-info tr { 25 background-color: transparent; 26 } 27 28 .media-item .describe td { 29 padding: 0 8px 8px 0; 30 vertical-align: top; 31 } 32 33 .media-item thead.media-item-info td { 34 padding: 4px 10px 0; 35 } 36 37 .media-item .media-item-info .A1B1 { 38 padding: 0 0 0 10px; 39 } 40 41 .media-item td.savesend { 42 padding-bottom: 15px; 43 } 44 45 .media-item .thumbnail { 46 max-height: 128px; 47 max-width: 128px; 48 } 49 50 #wpbody-content #async-upload-wrap a { 51 display: none; 52 } 53 54 .media-upload-form { 55 margin-top: 20px; 56 } 57 58 .media-upload-form td label { 59 margin-right: 6px; 60 margin-left: 2px; 61 } 62 63 .media-upload-form .align .field label { 64 display: inline; 65 padding: 0 0 0 23px; 66 margin: 0 1em 0 3px; 67 font-weight: 600; 68 } 69 70 .media-upload-form tr.image-size label { 71 margin: 0 0 0 5px; 72 font-weight: 600; 73 } 74 75 .media-upload-form th.label label { 76 font-weight: 600; 77 margin: 0.5em; 78 font-size: 13px; 79 } 80 81 .media-upload-form th.label label span { 82 padding: 0 5px; 83 } 84 85 .media-item .describe input[type="text"], 86 .media-item .describe textarea { 87 width: 460px; 88 } 89 90 .media-item .describe p.help { 91 margin: 0; 92 padding: 0 0 0 5px; 93 } 94 95 .media-item .edit-attachment, 96 .describe-toggle-on, 97 .describe-toggle-off { 98 display: block; 99 line-height: 36px; 100 float: right; 101 } 102 103 .media-item .describe-toggle-off, 104 .media-item.open .describe-toggle-on { 105 display: none; 106 } 107 108 .media-item.open .describe-toggle-off { 109 display: block; 110 } 111 112 #media-items .media-item { 113 border-bottom: 1px solid #dfdfdf; 114 min-height: 36px; 115 position: relative; 116 width: 100%; 117 } 118 119 #media-items { 120 width: 623px; 121 } 122 123 .media-new-php #media-items { 124 margin: 1em 0; 125 } 126 127 #media-items:empty { 128 border: 0 none; 129 } 130 131 .media-item .filename { 132 line-height: 36px; 133 overflow: hidden; 134 } 135 136 .media-item .error-div { 137 padding-left: 10px; 138 } 139 140 .media-item .pinkynail { 141 float: left; 142 margin: 2px 10px 0 0; 143 max-width: 40px; 144 max-height: 32px; 145 } 146 147 .media-item .startopen, 148 .media-item .startclosed { 149 display: none; 150 } 151 152 .media-item .original { 153 position: relative; 154 height: 34px; 155 } 156 157 .media-item .progress { 158 float: right; 159 height: 22px; 160 margin: 7px 0 0; 161 width: 200px; 162 line-height: 2em; 163 padding: 0; 164 overflow: hidden; 165 margin-bottom: 2px; 166 border-radius: 22px; 167 background: #ddd; 168 -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 169 box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); 170 } 171 172 .media-item .bar { 173 z-index: 9; 174 width: 0; 175 height: 100%; 176 margin-top: -22px; 177 border-radius: 22px; 178 background-color: #0074a2; 179 -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 180 box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 181 } 182 183 .media-item .progress .percent { 184 z-index: 10; 185 position: relative; 186 width: 200px; 187 padding: 0; 188 color: #fff; 189 text-align: center; 190 line-height: 22px; 191 font-weight: 400; 192 text-shadow: 0px 1px 2px rgba(0,0,0,0.2); 193 } 194 195 .upload-php .fixed .column-parent { 196 width: 15%; 197 } 198 199 .js .html-uploader #plupload-upload-ui { 200 display: none; 201 } 202 203 .js .html-uploader #html-upload-ui { 204 display: block; 205 } 206 207 .media-upload-form .media-item.error { 208 margin: 0; 209 padding: 0; 210 } 211 212 .media-upload-form .media-item.error p, 213 .media-item .error-div { 214 line-height: 16px; 215 margin: 5px 10px; 216 padding: 0; 217 } 218 219 .media-item .error-div a.dismiss { 220 display: block; 221 float: right; 222 margin: 5px 4px 0 15px; 223 } 224 225 /*------------------------------------------------------------------------------ 226 14.1 - Media Library 227 ------------------------------------------------------------------------------*/ 228 229 .find-box { 230 width: 600px; 231 height: 300px; 232 overflow: hidden; 233 padding: 33px 0 51px; 234 position: absolute; 235 z-index: 1000; 236 background-color: #444; 237 } 238 239 .find-box-head { 240 cursor: move; 241 color: #eee; 242 font-weight: 600; 243 height: 2em; 244 line-height: 2em; 245 padding: 1px 12px; 246 position: absolute; 247 top: 5px; 248 width: 100%; 249 } 250 251 .find-box-inside { 252 overflow: auto; 253 padding: 6px; 254 height: 100%; 255 background-color: #fff; 256 } 257 258 .find-box-search, 259 .find-box-buttons { 260 overflow: hidden; 261 padding: 8px; 262 position: relative; 263 background-color: #f7f7f7; 264 border-top: 1px solid #dfdfdf; 265 } 266 267 .find-box-search .spinner { 268 float: none; 269 left: 125px; 270 position: absolute; 271 top: 9px; 272 } 273 274 #find-posts-input { 275 float: left; 276 width: 140px; 277 height: 24px; 278 } 279 280 #find-posts-search { 281 float: left; 282 margin: 1px 4px 0 3px; 283 } 284 285 #find-posts-response { 286 margin: 8px 0; 287 padding: 0 1px 6px; 288 } 289 290 #find-posts-response table { 291 width: 100%; 292 } 293 294 #find-posts-response .found-radio { 295 padding: 3px 0 0 8px; 296 width: 15px; 297 } 298 299 .find-box #resize-se { 300 position: absolute; 301 right: 1px; 302 bottom: 1px; 303 } 304 305 .ui-find-overlay { 306 position: absolute; 307 top: 0; 308 left: 0; 309 background-color: #000; 310 opacity: 0.6; 311 filter: alpha(opacity=60); 312 } 313 314 ul#dismissed-updates { 315 display: none; 316 } 317 318 form.upgrade { 319 margin-top: 8px; 320 } 321 322 form.upgrade .hint { 323 font-style: italic; 324 font-size: 85%; 325 margin: -0.5em 0 2em 0; 326 } 327 328 #poststuff .inside .the-tagcloud { 329 margin: 5px 0 10px; 330 padding: 8px; 331 border: 1px solid #ddd; 332 line-height: 1.8em; 333 word-spacing: 3px; 334 -webkit-border-radius: 6px; 335 border-radius: 6px; 336 } 337 338 .drag-drop #drag-drop-area { 339 border: 4px dashed #bbb; 340 height: 200px; 341 } 342 343 .drag-drop .drag-drop-inside { 344 margin: 70px auto 0; 345 width: 250px; 346 } 347 348 .drag-drop-inside p { 349 color: #aaa; 350 font-size: 14px; 351 margin: 5px 0; 352 display: none; 353 } 354 355 .drag-drop .drag-drop-inside p { 356 text-align: center; 357 } 358 359 .drag-drop-inside p.drag-drop-info { 360 font-size: 20px; 361 } 362 363 .drag-drop .drag-drop-inside p, 364 .drag-drop-inside p.drag-drop-buttons { 365 display: block; 366 } 367 368 /* 369 #drag-drop-area:-moz-drag-over { 370 border-color: #83b4d8; 371 } 372 borger color while dragging a file over the uploader drop area */ 373 .drag-drop.drag-over #drag-drop-area { 374 border-color: #83b4d8; 375 } 376 377 #plupload-upload-ui { 378 position: relative; 379 } 380 381 382 /*------------------------------------------------------------------------------ 383 14.2 - Image Editor 384 ------------------------------------------------------------------------------*/ 385 386 .wp_attachment_details #attachment_caption { 387 height: 4em; 388 } 389 390 .describe .image-editor { 391 vertical-align: top; 392 } 393 394 .imgedit-wrap { 395 position: relative; 396 } 397 398 .imgedit-settings p { 399 margin: 8px 0; 400 } 401 402 .post-php .imgedit-wrap table { 403 width: 100%; 404 } 405 406 .describe .imgedit-wrap table td, 407 .wp_attachment_holder .imgedit-wrap table td { 408 vertical-align: top; 409 padding-top: 0; 410 } 411 412 .describe .imgedit-wrap table td.imgedit-settings { 413 padding: 0 5px; 414 } 415 416 .wp_attachment_holder .imgedit-wrap table td.imgedit-settings { 417 width: 250px; 418 } 419 420 td.imgedit-settings input { 421 margin-top: 0; 422 vertical-align: middle; 423 } 424 425 .imgedit-wait { 426 position: absolute; 427 top: 0; 428 background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px; 429 background-size: 20px 20px; 430 opacity: 0.7; 431 filter: alpha(opacity=70); 432 width: 100%; 433 height: 500px; 434 display: none; 435 } 436 437 .spinner { 438 background: url('../images/spinner.gif') no-repeat; 439 background-size: 20px 20px; 440 display: none; 441 float: right; 442 opacity: 0.7; 443 filter: alpha(opacity=70); 444 width: 20px; 445 height: 20px; 446 margin: 2px 5px 0; 447 } 448 449 .no-float { 450 float: none; 451 } 452 453 .media-disabled, 454 .imgedit-settings .disabled { 455 color: grey; 456 } 457 458 .wp_attachment_image, 459 .A1B1 { 460 overflow: hidden; 461 } 462 463 .wp_attachment_image .button, 464 .A1B1 .button { 465 float: left; 466 } 467 468 .no-js .wp_attachment_image .button { 469 display: none; 470 } 471 472 .wp_attachment_image .spinner, 473 .A1B1 .spinner { 474 float: left; 475 padding: 0 0 4px 0; 476 vertical-align: bottom; 477 } 478 479 .imgedit-menu { 480 margin: 0 0 12px; 481 min-width: 300px; 482 } 483 484 .imgedit-menu div { 485 float: left; 486 width: 32px; 487 border: 1px solid #d5d5d5; 488 background: #f1f1f1; 489 margin: 0 8px 0 0; 490 height: 32px; 491 -webkit-font-smoothing: antialiased; 492 -moz-osx-font-smoothing: grayscale; 493 text-align: center; 494 line-height: 28px; 495 color: #777; 496 } 497 498 .imgedit-menu div:before { 499 font: normal 20px/1 'dashicons'; 500 speak: none; 501 vertical-align: middle; 502 } 503 504 .imgedit-menu div:hover { 505 border-color: #c1c1c1; 506 background-color: #eaeaea; 507 color: #333; 508 } 509 510 .imgedit-menu div.disabled { 511 border-color: #ccc; 512 background-color: #ddd; 513 filter: alpha(opacity=50); 514 opacity: 0.5; 515 } 516 517 .imgedit-crop:before { 518 content:'\f165'; 519 } 520 521 .imgedit-rleft:before { 522 content:'\f166'; 523 } 524 525 .imgedit-rright:before { 526 content:'\f167'; 527 } 528 529 .imgedit-flipv:before { 530 content:'\f168'; 531 } 532 533 .imgedit-fliph:before { 534 content:'\f169'; 535 } 536 537 .imgedit-undo:before { 538 content:'\f171'; 539 } 540 541 .imgedit-redo:before { 542 content:'\f172'; 543 } 544 545 .imgedit-crop-wrap { 546 position: relative; 547 } 548