├── .gitignore ├── Gruntfile.js ├── README.md ├── css ├── dashicons.css ├── jquery-ui.css └── wp-style-guide.css ├── package.json ├── pages ├── forms-page.php ├── helper-classes.php └── jquery-ui.php ├── test └── visual │ ├── baselines │ ├── desktop │ │ ├── screenshot_0.png │ │ ├── screenshot_1.png │ │ ├── screenshot_10.png │ │ ├── screenshot_11.png │ │ ├── screenshot_12.png │ │ ├── screenshot_13.png │ │ ├── screenshot_14.png │ │ ├── screenshot_15.png │ │ ├── screenshot_16.png │ │ ├── screenshot_17.png │ │ ├── screenshot_18.png │ │ ├── screenshot_19.png │ │ ├── screenshot_2.png │ │ ├── screenshot_20.png │ │ ├── screenshot_21.png │ │ ├── screenshot_22.png │ │ ├── screenshot_23.png │ │ ├── screenshot_24.png │ │ ├── screenshot_25.png │ │ ├── screenshot_26.png │ │ ├── screenshot_27.png │ │ ├── screenshot_28.png │ │ ├── screenshot_29.png │ │ ├── screenshot_3.png │ │ ├── screenshot_30.png │ │ ├── screenshot_31.png │ │ ├── screenshot_32.png │ │ ├── screenshot_33.png │ │ ├── screenshot_34.png │ │ ├── screenshot_35.png │ │ ├── screenshot_36.png │ │ ├── screenshot_37.png │ │ ├── screenshot_38.png │ │ ├── screenshot_39.png │ │ ├── screenshot_4.png │ │ ├── screenshot_40.png │ │ ├── screenshot_41.png │ │ ├── screenshot_42.png │ │ ├── screenshot_43.png │ │ ├── screenshot_5.png │ │ ├── screenshot_6.png │ │ ├── screenshot_7.png │ │ ├── screenshot_8.png │ │ └── screenshot_9.png │ └── mobile │ │ ├── screenshot_0.png │ │ ├── screenshot_1.png │ │ ├── screenshot_10.png │ │ ├── screenshot_11.png │ │ ├── screenshot_12.png │ │ ├── screenshot_13.png │ │ ├── screenshot_14.png │ │ ├── screenshot_15.png │ │ ├── screenshot_16.png │ │ ├── screenshot_17.png │ │ ├── screenshot_18.png │ │ ├── screenshot_19.png │ │ ├── screenshot_2.png │ │ ├── screenshot_20.png │ │ ├── screenshot_21.png │ │ ├── screenshot_22.png │ │ ├── screenshot_23.png │ │ ├── screenshot_24.png │ │ ├── screenshot_25.png │ │ ├── screenshot_26.png │ │ ├── screenshot_27.png │ │ ├── screenshot_28.png │ │ ├── screenshot_29.png │ │ ├── screenshot_3.png │ │ ├── screenshot_30.png │ │ ├── screenshot_31.png │ │ ├── screenshot_32.png │ │ ├── screenshot_33.png │ │ ├── screenshot_34.png │ │ ├── screenshot_35.png │ │ ├── screenshot_36.png │ │ ├── screenshot_37.png │ │ ├── screenshot_38.png │ │ ├── screenshot_39.png │ │ ├── screenshot_4.png │ │ ├── screenshot_40.png │ │ ├── screenshot_41.png │ │ ├── screenshot_42.png │ │ ├── screenshot_43.png │ │ ├── screenshot_5.png │ │ ├── screenshot_6.png │ │ ├── screenshot_7.png │ │ ├── screenshot_8.png │ │ └── screenshot_9.png │ ├── forms-test.js │ ├── jquery-ui-components-test.js │ └── start.js └── wp-style-guide.php /.gitignore: -------------------------------------------------------------------------------- 1 | # Folders # 2 | ###################### 3 | /node_modules/ 4 | 5 | # OS generated files # 6 | ###################### 7 | .DS_Store 8 | .DS_Store? 9 | ._* 10 | .Spotlight-V100 11 | .Trashes 12 | Icon? 13 | ehthumbs.db 14 | Thumbs.db 15 | test/visual/results/ 16 | test/visual/.local_url -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | 'use strict'; 3 | 4 | // Load all grunt tasks 5 | require( 'matchdep' ).filterDev( 'grunt-*' ).forEach( grunt.loadNpmTasks ); 6 | 7 | // Project configuration 8 | grunt.initConfig( { 9 | pkg: grunt.file.readJSON( 'package.json' ), 10 | 11 | phantomcss: { 12 | desktop: { 13 | options: { 14 | screenshots: 'test/visual/baselines/desktop', 15 | results: 'test/visual/results/desktop', 16 | viewportSize: [1024, 768], 17 | mismatchTolerance: 0.05 18 | }, 19 | src: [ 20 | 'test/visual/start.js', 21 | 'test/visual/*-test.js' 22 | ] 23 | }, 24 | mobile: { 25 | options: { 26 | screenshots: 'test/visual/baselines/mobile', 27 | results: 'test/visual/results/mobile', 28 | viewportSize: [320, 480], 29 | mismatchTolerance: 0.05 30 | }, 31 | src: [ 32 | 'test/visual/start.js', 33 | 'test/visual/*-test.js' 34 | ] 35 | } 36 | }, 37 | } ); 38 | 39 | // Debugging why Grunt is so slow to compile Sass 40 | require( 'time-grunt' )(grunt); 41 | 42 | // Default task 43 | grunt.util.linefeed = '\n'; 44 | 45 | /* 46 | * Testing 47 | */ 48 | 49 | // All a variable to be passed, eg. --url=http://test.dev 50 | var localURL = grunt.option( 'url' ); 51 | 52 | // Register a custom task to save the local URL, which is then read by the PhantomCSS test file. 53 | // This file is saved so that "grunt test" can then be run in the future without passing a URL each time. 54 | // 55 | // Note: Make sure test/visual/.local_url is added to .gitignore 56 | grunt.registerTask( 'test', 'Runs phantomcss and stores the --url parameter', function() { 57 | if ( localURL ) { 58 | grunt.log.writeln( 'Local URL: ' + localURL ); 59 | grunt.file.write( 'test/visual/.local_url', localURL ); 60 | } 61 | 62 | grunt.task.run( ['phantomcss'] ); 63 | } ); 64 | grunt.util.linefeed = '\n'; 65 | }; 66 | 67 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # WordPress Admin Pattern Library # 2 | Contributors: helen, ryelle 3 | Requires at least: 3.7 4 | License: GPLv2 or later 5 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 6 | Stable tag: trunk 7 | 8 | Because it's horrible that we don't have one. Previously known as a style guide, but that was misleading. The repo URL still reflects that. 9 | 10 | 11 | ## Description ## 12 | 13 | This is a plugin that is meant to serve as a development ground for WordPress admin UI components, such as one might find in front end development frameworks such as Twitter Bootstrap or Zurb Foundation. These will by no means be as comprehensive, but rather should eventually account for commonly used admin elements. This plugin is not planned to be distributed through the WordPress.org repository, as its anticipated final form will take over a site completely. 14 | 15 | ## Pages ## 16 | 17 | * jQuery UI Components 18 | * Forms 19 | * Helper Classes 20 | 21 | ## Contributing ## 22 | 23 | Pull requests and issues welcome. How this is developed will likely be ever-evolving, especially as pieces of component CSS (hopefully) get absorbed into core. 24 | 25 | ### Plan of attack ### 26 | 27 | 1. Create test pages that display various reusable UI components, such as forms and jQuery UI components. 28 | 1. Create styles as needed to make everything beautiful, consistent, and usable. Don't forget responsive considerations and usage within other components, such as forms within meta boxes. 29 | 1. Add code samples to the test pages. Boom, now they're style guide pages. 30 | 1. Add magic that kicks logged in users to the admin, so that they view the style guide within the context of the admin. It should redirect non-logged-in users to the login page, and should hide everything except the style guide pages. The toolbar should show the W menu, My Sites, the user menu, and custom links to a few places like WordPress.org. 31 | -------------------------------------------------------------------------------- /css/dashicons.css: -------------------------------------------------------------------------------- 1 | #iconlist { 2 | clear: both; 3 | margin: 10px 0 20px; 4 | padding: 40px; 5 | background: #FFF; 6 | -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); 7 | box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); 8 | } 9 | #iconlist div { 10 | padding: 0 40px 40px 0; 11 | font-size: 32px; 12 | line-height: 1; 13 | } 14 | #iconlist div:hover { 15 | cursor: pointer; 16 | } 17 | #glyph { 18 | margin: 2em auto; 19 | max-width: 500px; 20 | } 21 | #glyph .info { 22 | float: right; 23 | width: 230px; 24 | padding: 36px 0 0 0; 25 | } 26 | #glyph .info a { 27 | margin-bottom: 15px; 28 | } 29 | #glyph .info strong { 30 | font-weight: normal; 31 | display: block; 32 | padding: 8px 0; 33 | } 34 | #glyph .dashicons { 35 | font-size: 256px; 36 | width: 256px; 37 | height: 256px; 38 | overflow: visible; 39 | } 40 | 41 | 42 | 43 | @font-face { 44 | font-family: 'dashicons'; 45 | src: url('fonts/dashicons.eot'); 46 | } 47 | 48 | @font-face { 49 | font-family: 'dashicons'; 50 | src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), 51 | url('fonts/dashicons.ttf') format('truetype'), 52 | url('fonts/dashicons.svg#dashicons') format('svg'); 53 | font-weight: normal; 54 | font-style: normal; 55 | } 56 | 57 | .dashicons { 58 | display: inline-block; 59 | width: 16px; 60 | height: 16px; 61 | -webkit-font-smoothing: antialiased; 62 | font-size: 16px; 63 | line-height: 1; 64 | font-family: 'dashicons'; 65 | text-decoration: inherit; 66 | font-weight: normal; 67 | font-style: normal; 68 | vertical-align: top; 69 | -moz-transition: color .1s ease-in 0; 70 | -webkit-transition: color .1s ease-in 0; 71 | text-align: center; 72 | } 73 | 74 | 75 | /* Admin Menu Icons */ 76 | 77 | .dashicons-menu:before { 78 | content:'\f333'; 79 | } 80 | 81 | .dashicons-site:before { 82 | content:'\f319'; 83 | } 84 | 85 | .dashicons-admin-dashboard:before { 86 | content: '\f102'; 87 | margin-top: 6px; 88 | } 89 | 90 | .dashicons-admin-media:before { 91 | content: '\f104'; 92 | } 93 | 94 | .dashicons-admin-page:before { 95 | content: '\f105'; 96 | } 97 | 98 | .dashicons-admin-comments:before { 99 | content: '\f101'; 100 | } 101 | 102 | .dashicons-admin-appearance:before { 103 | content: '\f100'; 104 | } 105 | 106 | .dashicons-admin-plugins:before { 107 | content: '\f106'; 108 | } 109 | 110 | .dashicons-admin-users:before { 111 | content: '\f110'; 112 | } 113 | 114 | .dashicons-admin-tools:before { 115 | content: '\f107'; 116 | } 117 | 118 | .dashicons-admin-settings:before { 119 | content: '\f108'; 120 | } 121 | 122 | .dashicons-admin-site:before { 123 | content: '\f112' 124 | } 125 | 126 | .dashicons-admin-generic:before { 127 | content: '\f111'; 128 | } 129 | 130 | .dashicons-admin-collapse:before { 131 | content:'\f148'; 132 | } 133 | 134 | 135 | /* Both */ 136 | 137 | .dashicons-admin-links:before, 138 | .dashicons-format-links:before { 139 | content: '\f103'; 140 | } 141 | 142 | .dashicons-admin-post:before, 143 | .dashicons-format-standard:before { 144 | content: '\f109'; 145 | } 146 | 147 | 148 | /* Post Format Icons */ 149 | 150 | .dashicons-format-image:before { 151 | content: '\f128'; 152 | } 153 | 154 | .dashicons-format-gallery:before { 155 | content: '\f161'; 156 | } 157 | 158 | .dashicons-format-audio:before { 159 | content: '\f127'; 160 | } 161 | 162 | .dashicons-format-video:before { 163 | content: '\f126'; 164 | } 165 | 166 | .dashicons-format-chat:before { 167 | content: '\f125'; 168 | } 169 | 170 | .dashicons-format-status:before { 171 | content: '\f130'; 172 | } 173 | 174 | .dashicons-format-aside:before { 175 | content: '\f123'; 176 | } 177 | 178 | .dashicons-format-quote:before { 179 | content: '\f122'; 180 | } 181 | 182 | 183 | /* Welcome Screen Icons */ 184 | 185 | .dashicons-welcome-write-blog:before, 186 | .dashicons-welcome-edit-page:before { 187 | content:'\f119'; 188 | } 189 | 190 | .dashicons-welcome-add-page:before { 191 | content:'\f133'; 192 | } 193 | 194 | .dashicons-welcome-view-site:before { 195 | content:'\f115'; 196 | } 197 | 198 | .dashicons-welcome-widgets-menus:before { 199 | content:'\f116'; 200 | } 201 | 202 | .dashicons-welcome-comments:before { 203 | content:'\f117'; 204 | } 205 | 206 | .dashicons-welcome-learn-more:before { 207 | content:'\f118'; 208 | } 209 | 210 | 211 | /* Image Editing Icons */ 212 | 213 | .dashicons-imgedit-crop:before { 214 | content:'\f165'; 215 | } 216 | 217 | .dashicons-imgedit-rleft:before { 218 | content:'\f166'; 219 | } 220 | 221 | .dashicons-imgedit-rright:before { 222 | content:'\f167'; 223 | } 224 | 225 | .dashicons-imgedit-flipv:before { 226 | content:'\f168'; 227 | } 228 | 229 | .dashicons-imgedit-fliph:before { 230 | content:'\f169'; 231 | } 232 | 233 | .dashicons-imgedit-undo:before { 234 | content:'\f171'; 235 | } 236 | 237 | .dashicons-imgedit-redo:before { 238 | content:'\f172'; 239 | } 240 | 241 | 242 | /* Post Icons */ 243 | 244 | .dashicons-align-left:before { 245 | content:'\f135'; 246 | } 247 | 248 | .dashicons-align-right:before { 249 | content:'\f136'; 250 | } 251 | 252 | .dashicons-align-center:before { 253 | content:'\f134'; 254 | } 255 | 256 | .dashicons-align-none:before { 257 | content:'\f138'; 258 | } 259 | 260 | .dashicons-lock:before { 261 | content:'\f160'; 262 | } 263 | 264 | .dashicons-calendar:before { 265 | content:'\f145'; 266 | } 267 | 268 | .dashicons-visibility:before { 269 | content:'\f177'; 270 | } 271 | 272 | .dashicons-post-status:before { 273 | content:'\f173'; 274 | } 275 | 276 | .dashicons-post-trash:before { 277 | content:'\f182'; 278 | } 279 | 280 | .dashicons-edit:before { 281 | content:'\f327'; 282 | } 283 | 284 | 285 | /* TinyMCE Icons */ 286 | 287 | .dashicons-editor-bold:before { 288 | content:'\f200'; 289 | } 290 | 291 | .dashicons-editor-italic:before { 292 | content:'\f201'; 293 | } 294 | 295 | .dashicons-editor-ul:before { 296 | content:'\f203'; 297 | } 298 | 299 | .dashicons-editor-ol:before { 300 | content:'\f204'; 301 | } 302 | 303 | .dashicons-editor-quote:before { 304 | content:'\f205'; 305 | } 306 | 307 | .dashicons-editor-alignleft:before { 308 | content:'\f206'; 309 | } 310 | 311 | .dashicons-editor-aligncenter:before { 312 | content:'\f207'; 313 | } 314 | 315 | .dashicons-editor-alignright:before { 316 | content:'\f208'; 317 | } 318 | 319 | .dashicons-editor-insertmore:before { 320 | content:'\f209'; 321 | } 322 | 323 | .dashicons-editor-spellcheck:before { 324 | content:'\f210'; 325 | } 326 | 327 | .dashicons-editor-distractionfree:before { 328 | content:'\f211'; 329 | } 330 | 331 | .dashicons-editor-kitchensink:before { 332 | content:'\f212'; 333 | } 334 | 335 | .dashicons-editor-underline:before { 336 | content:'\f213'; 337 | } 338 | 339 | .dashicons-editor-justify:before { 340 | content:'\f214'; 341 | } 342 | 343 | .dashicons-editor-textcolor:before { 344 | content:'\f215'; 345 | } 346 | 347 | .dashicons-editor-word:before { 348 | content:'\f216'; 349 | } 350 | 351 | .dashicons-editor-plaintext:before { 352 | content:'\f217'; 353 | } 354 | 355 | .dashicons-editor-removeformatting:before { 356 | content:'\f218'; 357 | } 358 | 359 | .dashicons-editor-video:before { 360 | content:'\f219'; 361 | } 362 | 363 | .dashicons-editor-customchar:before { 364 | content:'\f220'; 365 | } 366 | 367 | .dashicons-editor-outdent:before { 368 | content:'\f221'; 369 | } 370 | 371 | .dashicons-editor-indent:before { 372 | content:'\f222'; 373 | } 374 | 375 | .dashicons-editor-help:before { 376 | content:'\f223'; 377 | } 378 | 379 | .dashicons-editor-strikethrough:before { 380 | content:'\f224'; 381 | } 382 | 383 | .dashicons-editor-unlink:before { 384 | content:'\f225'; 385 | } 386 | 387 | .dashicons-editor-rtl:before { 388 | content:'\f320'; 389 | } 390 | 391 | 392 | /* Sorting */ 393 | 394 | .dashicons-arr-up:before { 395 | content:'\f142'; 396 | } 397 | 398 | .dashicons-arr-down:before { 399 | content:'\f140'; 400 | } 401 | 402 | .dashicons-arr-left:before { 403 | content:'\f141'; 404 | } 405 | 406 | .dashicons-arr-right:before { 407 | content:'\f139'; 408 | } 409 | 410 | .dashicons-arr-alt1-up:before { 411 | content:'\f342'; 412 | } 413 | 414 | .dashicons-arr-alt1-down:before { 415 | content:'\f346'; 416 | } 417 | 418 | .dashicons-arr-alt1-left:before { 419 | content:'\f340'; 420 | } 421 | 422 | .dashicons-arr-alt1-right:before { 423 | content:'\f344'; 424 | } 425 | 426 | .dashicons-arr-alt2-up:before { 427 | content:'\f343'; 428 | } 429 | 430 | .dashicons-arr-alt2-down:before { 431 | content:'\f347'; 432 | } 433 | 434 | .dashicons-arr-alt2-left:before { 435 | content:'\f341'; 436 | } 437 | 438 | .dashicons-arr-alt2-right:before { 439 | content:'\f345'; 440 | } 441 | 442 | .dashicons-leftright:before { 443 | content:'\f229'; 444 | } 445 | 446 | .dashicons-sort:before { 447 | content:'\f156'; 448 | } 449 | 450 | .dashicons-list-view:before { 451 | content:'\f163'; 452 | } 453 | 454 | .dashicons-exerpt-view:before { 455 | content:'\f164'; 456 | } 457 | 458 | 459 | /* Social Icons */ 460 | 461 | .dashicons-share:before { 462 | content:'\f237'; 463 | } 464 | 465 | .dashicons-share1:before { 466 | content:'\f237'; 467 | } 468 | 469 | .dashicons-share2:before { 470 | content:'\f240'; 471 | } 472 | 473 | .dashicons-share3:before { 474 | content:'\f242'; 475 | } 476 | 477 | .dashicons-twitter1:before { 478 | content:'\f301'; 479 | } 480 | 481 | .dashicons-twitter2:before { 482 | content:'\f302'; 483 | } 484 | 485 | .dashicons-rss:before { 486 | content:'\f303'; 487 | } 488 | 489 | .dashicons-facebook1:before { 490 | content:'\f304'; 491 | } 492 | 493 | .dashicons-facebook2:before { 494 | content:'\f305'; 495 | } 496 | 497 | .dashicons-network:before { 498 | content:'\f325'; 499 | } 500 | 501 | 502 | /* Jobs Icons */ 503 | 504 | .dashicons-jobs-developers:before { 505 | content:'\f308'; 506 | } 507 | 508 | .dashicons-jobs-designers:before { 509 | content:'\f309'; 510 | } 511 | 512 | .dashicons-jobs-migration:before { 513 | content:'\f310'; 514 | } 515 | 516 | .dashicons-jobs-performance:before { 517 | content:'\f311'; 518 | } 519 | 520 | 521 | /* Internal/Products */ 522 | 523 | .dashicons-wordpress:before { 524 | content:'\f120'; 525 | } 526 | 527 | .dashicons-wordpress-single-ring:before { 528 | content:'\f324'; 529 | } 530 | 531 | .dashicons-pressthis:before { 532 | content:'\f157'; 533 | } 534 | 535 | .dashicons-update:before { 536 | content:'\f113'; 537 | } 538 | 539 | .dashicons-screenoptions:before { 540 | content:'\f180'; 541 | } 542 | 543 | .dashicons-info:before { 544 | content:'\f348'; 545 | } 546 | 547 | .dashicons-cart:before { 548 | content:'\f174'; 549 | } 550 | 551 | .dashicons-feedback:before { 552 | content:'\f175'; 553 | } 554 | 555 | .dashicons-cloud:before { 556 | content:'\f176'; 557 | } 558 | 559 | .dashicons-translation:before { 560 | content:'\f326'; 561 | } 562 | 563 | 564 | /* Taxonomies */ 565 | 566 | .dashicons-tag:before { 567 | content:'\f323'; 568 | } 569 | 570 | .dashicons-category:before { 571 | content:'\f318'; 572 | } 573 | 574 | 575 | /* Alerts/Notifications/Flags */ 576 | 577 | .dashicons-yes:before { 578 | content:'\f147'; 579 | } 580 | 581 | .dashicons-no:before { 582 | content:'\f158'; 583 | } 584 | 585 | .dashicons-no-alt:before { 586 | content:'\f335'; 587 | } 588 | 589 | .dashicons-plus-small:before { 590 | content:'\f132'; 591 | } 592 | 593 | .dashicons-xit:before { 594 | content:'\f153'; 595 | } 596 | 597 | .dashicons-marker:before { 598 | content:'\f159'; 599 | } 600 | 601 | .dashicons-star-filled:before { 602 | content:'\f155'; 603 | } 604 | 605 | .dashicons-star-empty:before { 606 | content:'\f154'; 607 | } 608 | 609 | .dashicons-flag:before { 610 | content:'\f227'; 611 | } 612 | 613 | 614 | /* Misc/CPT */ 615 | 616 | .dashicons-location:before { 617 | content:'\f230'; 618 | } 619 | 620 | .dashicons-location-alt:before { 621 | content:'\f231'; 622 | } 623 | 624 | .dashicons-camera2:before { 625 | content:'\f306'; 626 | } 627 | 628 | .dashicons-images-alt1:before { 629 | content:'\f232'; 630 | } 631 | 632 | .dashicons-images-alt2:before { 633 | content:'\f233'; 634 | } 635 | 636 | .dashicons-video-alt1:before { 637 | content:'\f234'; 638 | } 639 | 640 | .dashicons-video-alt2:before { 641 | content:'\f235'; 642 | } 643 | 644 | .dashicons-video-alt3:before { 645 | content:'\f236'; 646 | } 647 | 648 | .dashicons-vault:before { 649 | content:'\f178'; 650 | } 651 | 652 | .dashicons-shield:before { 653 | content:'\f332'; 654 | } 655 | 656 | .dashicons-shield-alt:before { 657 | content:'\f334'; 658 | } 659 | 660 | .dashicons-search:before { 661 | content:'\f179'; 662 | } 663 | 664 | .dashicons-slides:before { 665 | content:'\f181'; 666 | } 667 | 668 | .dashicons-analytics:before { 669 | content:'\f183'; 670 | } 671 | 672 | .dashicons-piechart:before { 673 | content:'\f184'; 674 | } 675 | 676 | .dashicons-bargraph:before { 677 | content:'\f185'; 678 | } 679 | 680 | .dashicons-bargraph2:before { 681 | content:'\f238'; 682 | } 683 | 684 | .dashicons-bargraph3:before { 685 | content:'\f239'; 686 | } 687 | 688 | .dashicons-gauge:before { 689 | content:'\f226'; 690 | } 691 | 692 | .dashicons-groups:before { 693 | content:'\f307'; 694 | } 695 | 696 | .dashicons-businessman:before { 697 | content:'\f338'; 698 | } 699 | 700 | .dashicons-id:before { 701 | content:'\f336'; 702 | } 703 | 704 | .dashicons-id-alt:before { 705 | content:'\f337'; 706 | } 707 | 708 | .dashicons-products:before { 709 | content:'\f312'; 710 | } 711 | 712 | .dashicons-awards:before { 713 | content:'\f313'; 714 | } 715 | 716 | .dashicons-forms:before { 717 | content:'\f314'; 718 | } 719 | 720 | .dashicons-portfolio:before { 721 | content:'\f322'; 722 | } 723 | 724 | .dashicons-book:before { 725 | content:'\f330'; 726 | } 727 | 728 | .dashicons-book-alt:before { 729 | content:'\f331'; 730 | } 731 | 732 | .dashicons-download:before { 733 | content:'\f316'; 734 | } 735 | 736 | .dashicons-upload:before { 737 | content:'\f317'; 738 | } 739 | 740 | .dashicons-backup:before { 741 | content:'\f321'; 742 | } 743 | 744 | .dashicons-lightbulb:before { 745 | content:'\f339'; 746 | } 747 | 748 | .dashicons-smiley:before { 749 | content:'\f328'; 750 | } 751 | -------------------------------------------------------------------------------- /css/jquery-ui.css: -------------------------------------------------------------------------------- 1 | /*! jQuery UI - v1.10.3 - 2013-10-25 2 | * http://jqueryui.com 3 | * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css 4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=%22Open%20Sans%22%2C%20sans-serif&fwDefault=normal&fsDefault=13px&cornerRadius=0&bgColorHeader=%23333&bgTextureHeader=flat&bgImgOpacityHeader=0&borderColorHeader=%23333&fcHeader=%23eee&iconColorHeader=%23eee&bgColorContent=%23fff&bgTextureContent=flat&bgImgOpacityContent=0&borderColorContent=%23eee&fcContent=%23333333&iconColorContent=%23cccccc&bgColorDefault=%23333&bgTextureDefault=flat&bgImgOpacityDefault=0&borderColorDefault=%23333&fcDefault=%23eee&iconColorDefault=%23eee&bgColorHover=%23222&bgTextureHover=flat&bgImgOpacityHover=0&borderColorHover=%23222&fcHover=%232EA2CC&iconColorHover=%232EA2CC&bgColorActive=%230074A2&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%230074A2&fcActive=%23fff&iconColorActive=%23fff&bgColorHighlight=%23222&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23222&fcHighlight=%232EA2CC&iconColorHighlight=%232EA2CC&bgColorError=%23D54E21&bgTextureError=flat&bgImgOpacityError=0&borderColorError=%23D54E21&fcError=%23eee&iconColorError=%23eee&bgColorOverlay=%23333&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=2px&offsetTopShadow=-2px&offsetLeftShadow=-2px&cornerRadiusShadow=2px 5 | * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ 6 | 7 | /* 8 | * Copyright 2013, Benjamin Intal http://gambit.ph @bfintal 9 | * Released under the GPL v2 License 10 | * 11 | * Date: Oct 29, 2013 12 | */ 13 | 14 | /* Layout helpers 15 | ----------------------------------*/ 16 | .ui-helper-hidden { 17 | display: none; 18 | } 19 | .ui-helper-hidden-accessible { 20 | border: 0; 21 | clip: rect(0 0 0 0); 22 | height: 1px; 23 | margin: -1px; 24 | overflow: hidden; 25 | padding: 0; 26 | position: absolute; 27 | width: 1px; 28 | } 29 | .ui-helper-reset { 30 | margin: 0; 31 | padding: 0; 32 | border: 0; 33 | outline: 0; 34 | line-height: 1.3; 35 | text-decoration: none; 36 | font-size: 100%; 37 | list-style: none; 38 | } 39 | .ui-helper-clearfix:before, 40 | .ui-helper-clearfix:after { 41 | content: ""; 42 | display: table; 43 | border-collapse: collapse; 44 | } 45 | .ui-helper-clearfix:after { 46 | clear: both; 47 | } 48 | .ui-helper-clearfix { 49 | min-height: 0; /* support: IE7 */ 50 | } 51 | .ui-helper-zfix { 52 | width: 100%; 53 | height: 100%; 54 | top: 0; 55 | left: 0; 56 | position: absolute; 57 | opacity: 0; 58 | filter:Alpha(Opacity=0); 59 | } 60 | 61 | .ui-front { 62 | z-index: 100; 63 | } 64 | 65 | 66 | /* Interaction Cues 67 | ----------------------------------*/ 68 | .ui-state-disabled { 69 | cursor: default !important; 70 | } 71 | 72 | 73 | /* Icons 74 | ----------------------------------*/ 75 | 76 | /* states and images */ 77 | .ui-icon { 78 | display: block; 79 | text-indent: -99999px; 80 | overflow: hidden; 81 | background-repeat: no-repeat; 82 | } 83 | 84 | 85 | /* Misc visuals 86 | ----------------------------------*/ 87 | 88 | /* Overlays */ 89 | .ui-widget-overlay { 90 | position: fixed; 91 | top: 0; 92 | left: 0; 93 | width: 100%; 94 | height: 100%; 95 | } 96 | .ui-resizable { 97 | position: relative; 98 | } 99 | .ui-resizable-handle { 100 | position: absolute; 101 | font-size: 0.1px; 102 | display: block; 103 | } 104 | .ui-resizable-disabled .ui-resizable-handle, 105 | .ui-resizable-autohide .ui-resizable-handle { 106 | display: none; 107 | } 108 | .ui-resizable-n { 109 | cursor: n-resize; 110 | height: 7px; 111 | width: 100%; 112 | top: -5px; 113 | left: 0; 114 | } 115 | .ui-resizable-s { 116 | cursor: s-resize; 117 | height: 7px; 118 | width: 100%; 119 | bottom: -5px; 120 | left: 0; 121 | } 122 | .ui-resizable-e { 123 | cursor: e-resize; 124 | width: 7px; 125 | right: -5px; 126 | top: 0; 127 | height: 100%; 128 | } 129 | .ui-resizable-w { 130 | cursor: w-resize; 131 | width: 7px; 132 | left: -5px; 133 | top: 0; 134 | height: 100%; 135 | } 136 | .ui-resizable-se { 137 | cursor: se-resize; 138 | width: 12px; 139 | height: 12px; 140 | right: 1px; 141 | bottom: 1px; 142 | } 143 | .ui-resizable-sw { 144 | cursor: sw-resize; 145 | width: 9px; 146 | height: 9px; 147 | left: -5px; 148 | bottom: -5px; 149 | } 150 | .ui-resizable-nw { 151 | cursor: nw-resize; 152 | width: 9px; 153 | height: 9px; 154 | left: -5px; 155 | top: -5px; 156 | } 157 | .ui-resizable-ne { 158 | cursor: ne-resize; 159 | width: 9px; 160 | height: 9px; 161 | right: -5px; 162 | top: -5px; 163 | } 164 | .ui-selectable-helper { 165 | position: absolute; 166 | z-index: 100; 167 | border: 1px dotted black; 168 | } 169 | .ui-accordion .ui-accordion-header { 170 | display: block; 171 | cursor: pointer; 172 | position: relative; 173 | margin-top: 2px; 174 | padding: .5em .5em .5em .7em; 175 | min-height: 0; /* support: IE7 */ 176 | } 177 | .ui-accordion .ui-accordion-icons { 178 | padding-left: 2.2em; 179 | } 180 | .ui-accordion .ui-accordion-noicons { 181 | padding-left: .7em; 182 | } 183 | .ui-accordion .ui-accordion-icons .ui-accordion-icons { 184 | padding-left: 2.2em; 185 | } 186 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon { 187 | position: absolute; 188 | left: .5em; 189 | top: 50%; 190 | margin-top: -8px; 191 | } 192 | .ui-accordion .ui-accordion-content { 193 | padding: 1em 2.2em; 194 | border-top: 0; 195 | overflow: auto; 196 | } 197 | .ui-autocomplete { 198 | position: absolute; 199 | top: 0; 200 | left: 0; 201 | cursor: default; 202 | } 203 | .ui-button { 204 | display: inline-block; 205 | position: relative; 206 | padding: 0; 207 | line-height: normal; 208 | margin-right: .1em; 209 | cursor: pointer; 210 | vertical-align: middle; 211 | text-align: center; 212 | overflow: visible; /* removes extra width in IE */ 213 | } 214 | .ui-button, 215 | .ui-button:link, 216 | .ui-button:visited, 217 | .ui-button:hover, 218 | .ui-button:active { 219 | text-decoration: none; 220 | } 221 | /* to make room for the icon, a width needs to be set here */ 222 | .ui-button-icon-only { 223 | width: 2.2em; 224 | } 225 | /* button elements seem to need a little more width */ 226 | button.ui-button-icon-only { 227 | width: 2.4em; 228 | } 229 | .ui-button-icons-only { 230 | width: 3.4em; 231 | } 232 | button.ui-button-icons-only { 233 | width: 3.7em; 234 | } 235 | 236 | /* button text element */ 237 | .ui-button .ui-button-text { 238 | display: block; 239 | line-height: normal; 240 | } 241 | .ui-button-text-only .ui-button-text { 242 | padding: .4em 1em; 243 | } 244 | .ui-button-icon-only .ui-button-text, 245 | .ui-button-icons-only .ui-button-text { 246 | padding: .4em; 247 | text-indent: -9999999px; 248 | } 249 | .ui-button-text-icon-primary .ui-button-text, 250 | .ui-button-text-icons .ui-button-text { 251 | padding: .4em 1em .4em 2.1em; 252 | } 253 | .ui-button-text-icon-secondary .ui-button-text, 254 | .ui-button-text-icons .ui-button-text { 255 | padding: .4em 2.1em .4em 1em; 256 | } 257 | .ui-button-text-icons .ui-button-text { 258 | padding-left: 2.1em; 259 | padding-right: 2.1em; 260 | } 261 | /* no icon support for input elements, provide padding by default */ 262 | input.ui-button { 263 | padding: .4em 1em; 264 | } 265 | 266 | /* button icon element(s) */ 267 | .ui-button-icon-only .ui-icon, 268 | .ui-button-text-icon-primary .ui-icon, 269 | .ui-button-text-icon-secondary .ui-icon, 270 | .ui-button-text-icons .ui-icon, 271 | .ui-button-icons-only .ui-icon { 272 | position: absolute; 273 | top: 50%; 274 | margin-top: -8px; 275 | } 276 | .ui-button-icon-only .ui-icon { 277 | left: 50%; 278 | margin-left: -8px; 279 | } 280 | .ui-button-text-icon-primary .ui-button-icon-primary, 281 | .ui-button-text-icons .ui-button-icon-primary, 282 | .ui-button-icons-only .ui-button-icon-primary { 283 | left: .5em; 284 | } 285 | .ui-button-text-icon-secondary .ui-button-icon-secondary, 286 | .ui-button-text-icons .ui-button-icon-secondary, 287 | .ui-button-icons-only .ui-button-icon-secondary { 288 | right: .5em; 289 | } 290 | 291 | /* button sets */ 292 | .ui-buttonset { 293 | margin-right: 7px; 294 | } 295 | .ui-buttonset .ui-button { 296 | margin-left: 0; 297 | margin-right: -.3em; 298 | } 299 | 300 | /* workarounds */ 301 | /* reset extra padding in Firefox, see h5bp.com/l */ 302 | input.ui-button::-moz-focus-inner, 303 | button.ui-button::-moz-focus-inner { 304 | border: 0; 305 | padding: 0; 306 | } 307 | .ui-datepicker { 308 | width: 17em; 309 | padding: .2em .2em 0; 310 | display: none; 311 | } 312 | .ui-datepicker .ui-datepicker-header { 313 | position: relative; 314 | padding: .2em 0; 315 | } 316 | .ui-datepicker .ui-datepicker-prev, 317 | .ui-datepicker .ui-datepicker-next { 318 | position: absolute; 319 | top: 2px; 320 | width: 1.8em; 321 | height: 1.8em; 322 | } 323 | .ui-datepicker .ui-datepicker-prev-hover, 324 | .ui-datepicker .ui-datepicker-next-hover { 325 | top: 1px; 326 | } 327 | .ui-datepicker .ui-datepicker-prev { 328 | left: 2px; 329 | } 330 | .ui-datepicker .ui-datepicker-next { 331 | right: 2px; 332 | } 333 | .ui-datepicker .ui-datepicker-prev-hover { 334 | left: 1px; 335 | } 336 | .ui-datepicker .ui-datepicker-next-hover { 337 | right: 1px; 338 | } 339 | .ui-datepicker .ui-datepicker-prev span, 340 | .ui-datepicker .ui-datepicker-next span { 341 | display: block; 342 | position: absolute; 343 | left: 50%; 344 | margin-left: -8px; 345 | top: 50%; 346 | margin-top: -8px; 347 | } 348 | .ui-datepicker .ui-datepicker-title { 349 | margin: 0 2.3em; 350 | line-height: 1.8em; 351 | text-align: center; 352 | } 353 | .ui-datepicker .ui-datepicker-title select { 354 | font-size: 13px; 355 | margin: 1px 0; 356 | } 357 | .ui-datepicker select.ui-datepicker-month-year { 358 | width: 100%; 359 | } 360 | .ui-datepicker select.ui-datepicker-month, 361 | .ui-datepicker select.ui-datepicker-year { 362 | width: 49%; 363 | } 364 | .ui-datepicker table { 365 | width: 100%; 366 | font-size: .9em; 367 | border-collapse: collapse; 368 | margin: 0 0 .4em; 369 | } 370 | .ui-datepicker th { 371 | padding: .7em .3em; 372 | text-align: center; 373 | font-weight: bold; 374 | border: 0; 375 | } 376 | .ui-datepicker td { 377 | border: 0; 378 | padding: 1px; 379 | } 380 | .ui-datepicker td span, 381 | .ui-datepicker td a { 382 | display: block; 383 | padding: .2em; 384 | text-align: right; 385 | text-decoration: none; 386 | } 387 | .ui-datepicker .ui-datepicker-buttonpane { 388 | background-image: none; 389 | margin: .7em 0 0 0; 390 | padding: 0 .2em; 391 | border-left: 0; 392 | border-right: 0; 393 | border-bottom: 0; 394 | } 395 | .ui-datepicker .ui-datepicker-buttonpane button { 396 | float: right; 397 | margin: .5em .2em .4em; 398 | cursor: pointer; 399 | padding: .2em .6em .3em .6em; 400 | width: auto; 401 | overflow: visible; 402 | } 403 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 404 | float: left; 405 | } 406 | 407 | /* with multiple calendars */ 408 | .ui-datepicker.ui-datepicker-multi { 409 | width: auto; 410 | } 411 | .ui-datepicker-multi .ui-datepicker-group { 412 | float: left; 413 | } 414 | .ui-datepicker-multi .ui-datepicker-group table { 415 | width: 95%; 416 | margin: 0 auto .4em; 417 | } 418 | .ui-datepicker-multi-2 .ui-datepicker-group { 419 | width: 50%; 420 | } 421 | .ui-datepicker-multi-3 .ui-datepicker-group { 422 | width: 33.3%; 423 | } 424 | .ui-datepicker-multi-4 .ui-datepicker-group { 425 | width: 25%; 426 | } 427 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 428 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 429 | border-left-width: 0; 430 | } 431 | .ui-datepicker-multi .ui-datepicker-buttonpane { 432 | clear: left; 433 | } 434 | .ui-datepicker-row-break { 435 | clear: both; 436 | width: 100%; 437 | font-size: 0; 438 | } 439 | 440 | /* RTL support */ 441 | .ui-datepicker-rtl { 442 | direction: rtl; 443 | } 444 | .ui-datepicker-rtl .ui-datepicker-prev { 445 | right: 2px; 446 | left: auto; 447 | } 448 | .ui-datepicker-rtl .ui-datepicker-next { 449 | left: 2px; 450 | right: auto; 451 | } 452 | .ui-datepicker-rtl .ui-datepicker-prev:hover { 453 | right: 1px; 454 | left: auto; 455 | } 456 | .ui-datepicker-rtl .ui-datepicker-next:hover { 457 | left: 1px; 458 | right: auto; 459 | } 460 | .ui-datepicker-rtl .ui-datepicker-buttonpane { 461 | clear: right; 462 | } 463 | .ui-datepicker-rtl .ui-datepicker-buttonpane button { 464 | float: left; 465 | } 466 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 467 | .ui-datepicker-rtl .ui-datepicker-group { 468 | float: right; 469 | } 470 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 471 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 472 | border-right-width: 0; 473 | border-left-width: 1px; 474 | } 475 | .ui-dialog { 476 | position: absolute; 477 | top: 0; 478 | left: 0; 479 | padding: .2em; 480 | outline: 0; 481 | } 482 | .ui-dialog .ui-dialog-titlebar { 483 | padding: .4em 1em; 484 | position: relative; 485 | } 486 | .ui-dialog .ui-dialog-title { 487 | float: left; 488 | margin: .1em 0; 489 | white-space: nowrap; 490 | width: 90%; 491 | overflow: hidden; 492 | text-overflow: ellipsis; 493 | } 494 | .ui-dialog .ui-dialog-titlebar-close { 495 | position: absolute; 496 | right: .3em; 497 | top: 50%; 498 | width: 21px; 499 | margin: -10px 0 0 0; 500 | padding: 1px; 501 | height: 20px; 502 | } 503 | .ui-dialog .ui-dialog-content { 504 | position: relative; 505 | border: 0; 506 | padding: .5em 1em; 507 | background: none; 508 | overflow: auto; 509 | } 510 | .ui-dialog .ui-dialog-buttonpane { 511 | text-align: left; 512 | border-width: 1px 0 0 0; 513 | background-image: none; 514 | margin-top: .5em; 515 | padding: .3em 1em .5em .4em; 516 | } 517 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 518 | float: right; 519 | } 520 | .ui-dialog .ui-dialog-buttonpane button { 521 | margin: .5em .4em .5em 0; 522 | cursor: pointer; 523 | } 524 | .ui-dialog .ui-resizable-se { 525 | width: 12px; 526 | height: 12px; 527 | right: -5px; 528 | bottom: -5px; 529 | background-position: 16px 16px; 530 | } 531 | .ui-draggable .ui-dialog-titlebar { 532 | cursor: move; 533 | } 534 | .ui-menu { 535 | list-style: none; 536 | padding: 2px; 537 | margin: 0; 538 | display: block; 539 | outline: none; 540 | } 541 | .ui-menu .ui-menu { 542 | margin-top: -3px; 543 | position: absolute; 544 | } 545 | .ui-menu .ui-menu-item { 546 | margin: 0; 547 | padding: 0; 548 | width: 100%; 549 | /* support: IE10, see #8844 */ 550 | list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); 551 | } 552 | .ui-menu .ui-menu-divider { 553 | margin: 5px -2px 5px -2px; 554 | height: 0; 555 | font-size: 0; 556 | line-height: 0; 557 | border-width: 1px 0 0 0; 558 | } 559 | .ui-menu .ui-menu-item a { 560 | text-decoration: none; 561 | display: block; 562 | padding: 2px .4em; 563 | line-height: 1.5; 564 | min-height: 0; /* support: IE7 */ 565 | font-weight: normal; 566 | } 567 | .ui-menu .ui-menu-item a.ui-state-focus, 568 | .ui-menu .ui-menu-item a.ui-state-active { 569 | font-weight: normal; 570 | margin: -1px; 571 | } 572 | 573 | .ui-menu .ui-state-disabled { 574 | font-weight: normal; 575 | margin: .4em 0 .2em; 576 | line-height: 1.5; 577 | } 578 | .ui-menu .ui-state-disabled a { 579 | cursor: default; 580 | } 581 | 582 | /* icon support */ 583 | .ui-menu-icons { 584 | position: relative; 585 | } 586 | .ui-menu-icons .ui-menu-item a { 587 | position: relative; 588 | padding-left: 2em; 589 | } 590 | 591 | /* left-aligned */ 592 | .ui-menu .ui-icon { 593 | position: absolute; 594 | top: .2em; 595 | left: .2em; 596 | } 597 | 598 | /* right-aligned */ 599 | .ui-menu .ui-menu-icon { 600 | position: static; 601 | float: right; 602 | } 603 | .ui-progressbar { 604 | height: 2em; 605 | text-align: left; 606 | overflow: hidden; 607 | } 608 | .ui-progressbar .ui-progressbar-value { 609 | margin: -1px; 610 | height: 100%; 611 | } 612 | .ui-progressbar .ui-progressbar-overlay { 613 | background: url("images/animated-overlay.gif"); 614 | height: 100%; 615 | filter: alpha(opacity=25); 616 | opacity: 0.25; 617 | } 618 | .ui-progressbar-indeterminate .ui-progressbar-value { 619 | background-image: none; 620 | } 621 | .ui-slider { 622 | position: relative; 623 | text-align: left; 624 | } 625 | .ui-slider .ui-slider-handle { 626 | position: absolute; 627 | z-index: 2; 628 | width: 1.2em; 629 | height: 1.2em; 630 | cursor: default; 631 | } 632 | .ui-slider .ui-slider-range { 633 | position: absolute; 634 | z-index: 1; 635 | font-size: .7em; 636 | display: block; 637 | border: 0; 638 | background-position: 0 0; 639 | } 640 | 641 | /* For IE8 - See #6727 */ 642 | .ui-slider.ui-state-disabled .ui-slider-handle, 643 | .ui-slider.ui-state-disabled .ui-slider-range { 644 | filter: inherit; 645 | } 646 | 647 | .ui-slider-horizontal { 648 | height: .8em; 649 | } 650 | .ui-slider-horizontal .ui-slider-handle { 651 | top: -.3em; 652 | margin-left: -.6em; 653 | } 654 | .ui-slider-horizontal .ui-slider-range { 655 | top: 0; 656 | height: 100%; 657 | } 658 | .ui-slider-horizontal .ui-slider-range-min { 659 | left: 0; 660 | } 661 | .ui-slider-horizontal .ui-slider-range-max { 662 | right: 0; 663 | } 664 | 665 | .ui-slider-vertical { 666 | width: .8em; 667 | height: 100px; 668 | } 669 | .ui-slider-vertical .ui-slider-handle { 670 | left: -.3em; 671 | margin-left: 0; 672 | margin-bottom: -.6em; 673 | } 674 | .ui-slider-vertical .ui-slider-range { 675 | left: 0; 676 | width: 100%; 677 | } 678 | .ui-slider-vertical .ui-slider-range-min { 679 | bottom: 0; 680 | } 681 | .ui-slider-vertical .ui-slider-range-max { 682 | top: 0; 683 | } 684 | .ui-spinner { 685 | position: relative; 686 | display: inline-block; 687 | overflow: hidden; 688 | padding: 0; 689 | vertical-align: middle; 690 | } 691 | .ui-spinner-input { 692 | border: none; 693 | background: none; 694 | color: inherit; 695 | padding: 0; 696 | margin: .2em 0; 697 | vertical-align: middle; 698 | margin-left: .4em; 699 | margin-right: 22px; 700 | } 701 | .ui-spinner-button { 702 | width: 16px; 703 | height: 50%; 704 | font-size: .5em; 705 | padding: 0; 706 | margin: 0; 707 | text-align: center; 708 | position: absolute; 709 | cursor: default; 710 | display: block; 711 | overflow: hidden; 712 | right: 0; 713 | } 714 | /* more specificity required here to overide default borders */ 715 | .ui-spinner a.ui-spinner-button { 716 | border-top: none; 717 | border-bottom: none; 718 | border-right: none; 719 | } 720 | /* vertical centre icon */ 721 | .ui-spinner .ui-icon { 722 | position: absolute; 723 | margin-top: -8px; 724 | top: 50%; 725 | left: 0; 726 | } 727 | .ui-spinner-up { 728 | top: 0; 729 | } 730 | .ui-spinner-down { 731 | bottom: 0; 732 | } 733 | 734 | /* TR overrides */ 735 | .ui-spinner .ui-icon-triangle-1-s { 736 | /* need to fix icons sprite */ 737 | background-position: -65px -16px; 738 | } 739 | .ui-tabs { 740 | position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 741 | padding: .2em; 742 | } 743 | .ui-tabs .ui-tabs-nav { 744 | margin: 0; 745 | padding: .2em .2em 0; 746 | } 747 | .ui-tabs .ui-tabs-nav li { 748 | list-style: none; 749 | float: left; 750 | position: relative; 751 | top: 0; 752 | margin: 1px .2em 0 0; 753 | border-bottom-width: 0; 754 | padding: 0; 755 | white-space: nowrap; 756 | } 757 | .ui-tabs .ui-tabs-nav li a { 758 | float: left; 759 | padding: .5em 1em; 760 | text-decoration: none; 761 | } 762 | .ui-tabs .ui-tabs-nav li.ui-tabs-active { 763 | margin-bottom: -1px; 764 | padding-bottom: 1px; 765 | } 766 | .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 767 | .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 768 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { 769 | cursor: text; 770 | } 771 | .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 772 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { 773 | cursor: pointer; 774 | } 775 | .ui-tabs .ui-tabs-panel { 776 | display: block; 777 | border-width: 0; 778 | padding: 1em 1.4em; 779 | background: none; 780 | } 781 | .ui-tooltip { 782 | padding: 8px; 783 | position: absolute; 784 | z-index: 9999; 785 | max-width: 300px; 786 | -webkit-box-shadow: 0 0 5px #aaa; 787 | box-shadow: 0 0 5px #aaa; 788 | } 789 | body .ui-tooltip { 790 | border-width: 2px; 791 | } 792 | 793 | /* Component containers 794 | ----------------------------------*/ 795 | .ui-widget { 796 | font-family: "Open Sans", sans-serif; 797 | font-size: 13px; 798 | } 799 | .ui-widget .ui-widget { 800 | font-size: 13px; 801 | } 802 | .ui-widget input, 803 | .ui-widget select, 804 | .ui-widget textarea, 805 | .ui-widget button { 806 | font-family: "Open Sans", sans-serif; 807 | font-size: 13px; 808 | } 809 | .ui-widget-content { 810 | border: 1px solid #eee; 811 | background: #fff url(images/ui-bg_flat_0_fff_40x100.png) 50% 50% repeat-x; 812 | color: #333333; 813 | } 814 | .ui-widget-content a { 815 | color: #333333; 816 | } 817 | .ui-widget-header { 818 | border: 1px solid #333; 819 | background: #333 url(images/ui-bg_flat_0_333_40x100.png) 50% 50% repeat-x; 820 | color: #eee; 821 | font-weight: bold; 822 | } 823 | .ui-widget-header a { 824 | color: #eee; 825 | } 826 | 827 | /* Interaction states 828 | ----------------------------------*/ 829 | .ui-state-default, 830 | .ui-widget-content .ui-state-default, 831 | .ui-widget-header .ui-state-default { 832 | border: 1px solid #333; 833 | background: #333 url(images/ui-bg_flat_0_333_40x100.png) 50% 50% repeat-x; 834 | font-weight: normal; 835 | color: #eee; 836 | } 837 | .ui-state-default a, 838 | .ui-state-default a:link, 839 | .ui-state-default a:visited { 840 | color: #eee; 841 | text-decoration: none; 842 | } 843 | .ui-state-hover, 844 | .ui-widget-content .ui-state-hover, 845 | .ui-widget-header .ui-state-hover, 846 | .ui-state-focus, 847 | .ui-widget-content .ui-state-focus, 848 | .ui-widget-header .ui-state-focus { 849 | border: 1px solid #222; 850 | background: #222 url(images/ui-bg_flat_0_222_40x100.png) 50% 50% repeat-x; 851 | font-weight: normal; 852 | color: #2EA2CC; 853 | } 854 | .ui-state-hover a, 855 | .ui-state-hover a:hover, 856 | .ui-state-hover a:link, 857 | .ui-state-hover a:visited { 858 | color: #2EA2CC; 859 | text-decoration: none; 860 | } 861 | .ui-state-active, 862 | .ui-widget-content .ui-state-active, 863 | .ui-widget-header .ui-state-active { 864 | border: 1px solid #0074A2; 865 | background: #0074A2 url(images/ui-bg_flat_65_0074A2_40x100.png) 50% 50% repeat-x; 866 | font-weight: normal; 867 | color: #fff; 868 | } 869 | .ui-state-active a, 870 | .ui-state-active a:link, 871 | .ui-state-active a:visited { 872 | color: #fff; 873 | text-decoration: none; 874 | } 875 | 876 | /* Interaction Cues 877 | ----------------------------------*/ 878 | .ui-state-highlight, 879 | .ui-widget-content .ui-state-highlight, 880 | .ui-widget-header .ui-state-highlight { 881 | border: 1px solid #222; 882 | background: #222 url(images/ui-bg_flat_55_222_40x100.png) 50% 50% repeat-x; 883 | color: #2EA2CC; 884 | } 885 | .ui-state-highlight a, 886 | .ui-widget-content .ui-state-highlight a, 887 | .ui-widget-header .ui-state-highlight a { 888 | color: #2EA2CC; 889 | } 890 | .ui-state-error, 891 | .ui-widget-content .ui-state-error, 892 | .ui-widget-header .ui-state-error { 893 | border: 1px solid #D54E21; 894 | background: #D54E21 url(images/ui-bg_flat_0_D54E21_40x100.png) 50% 50% repeat-x; 895 | color: #eee; 896 | } 897 | .ui-state-error a, 898 | .ui-widget-content .ui-state-error a, 899 | .ui-widget-header .ui-state-error a { 900 | color: #eee; 901 | } 902 | .ui-state-error-text, 903 | .ui-widget-content .ui-state-error-text, 904 | .ui-widget-header .ui-state-error-text { 905 | color: #eee; 906 | } 907 | .ui-priority-primary, 908 | .ui-widget-content .ui-priority-primary, 909 | .ui-widget-header .ui-priority-primary { 910 | font-weight: bold; 911 | } 912 | .ui-priority-secondary, 913 | .ui-widget-content .ui-priority-secondary, 914 | .ui-widget-header .ui-priority-secondary { 915 | opacity: .7; 916 | filter:Alpha(Opacity=70); 917 | font-weight: normal; 918 | } 919 | .ui-state-disabled, 920 | .ui-widget-content .ui-state-disabled, 921 | .ui-widget-header .ui-state-disabled { 922 | opacity: .35; 923 | filter:Alpha(Opacity=35); 924 | background-image: none; 925 | } 926 | .ui-state-disabled .ui-icon { 927 | filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ 928 | } 929 | 930 | /* Icons 931 | ----------------------------------*/ 932 | 933 | /* states and images */ 934 | .ui-icon { 935 | width: 16px; 936 | height: 16px; 937 | } 938 | .ui-icon, 939 | .ui-widget-content .ui-icon { 940 | background-image: url(images/ui-icons_cccccc_256x240.png); 941 | } 942 | .ui-widget-header .ui-icon { 943 | background-image: url(images/ui-icons_eee_256x240.png); 944 | } 945 | .ui-state-default .ui-icon { 946 | background-image: url(images/ui-icons_eee_256x240.png); 947 | } 948 | .ui-state-hover .ui-icon, 949 | .ui-state-focus .ui-icon { 950 | background-image: url(images/ui-icons_2EA2CC_256x240.png); 951 | } 952 | .ui-state-active .ui-icon { 953 | background-image: url(images/ui-icons_fff_256x240.png); 954 | } 955 | .ui-state-highlight .ui-icon { 956 | background-image: url(images/ui-icons_2EA2CC_256x240.png); 957 | } 958 | .ui-state-error .ui-icon, 959 | .ui-state-error-text .ui-icon { 960 | background-image: url(images/ui-icons_eee_256x240.png); 961 | } 962 | 963 | /* positioning */ 964 | .ui-icon-blank { background-position: 16px 16px; } 965 | .ui-icon-carat-1-n { background-position: 0 0; } 966 | .ui-icon-carat-1-ne { background-position: -16px 0; } 967 | .ui-icon-carat-1-e { background-position: -32px 0; } 968 | .ui-icon-carat-1-se { background-position: -48px 0; } 969 | .ui-icon-carat-1-s { background-position: -64px 0; } 970 | .ui-icon-carat-1-sw { background-position: -80px 0; } 971 | .ui-icon-carat-1-w { background-position: -96px 0; } 972 | .ui-icon-carat-1-nw { background-position: -112px 0; } 973 | .ui-icon-carat-2-n-s { background-position: -128px 0; } 974 | .ui-icon-carat-2-e-w { background-position: -144px 0; } 975 | .ui-icon-triangle-1-n { background-position: 0 -16px; } 976 | .ui-icon-triangle-1-ne { background-position: -16px -16px; } 977 | .ui-icon-triangle-1-e { background-position: -32px -16px; } 978 | .ui-icon-triangle-1-se { background-position: -48px -16px; } 979 | .ui-icon-triangle-1-s { background-position: -64px -16px; } 980 | .ui-icon-triangle-1-sw { background-position: -80px -16px; } 981 | .ui-icon-triangle-1-w { background-position: -96px -16px; } 982 | .ui-icon-triangle-1-nw { background-position: -112px -16px; } 983 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; } 984 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; } 985 | .ui-icon-arrow-1-n { background-position: 0 -32px; } 986 | .ui-icon-arrow-1-ne { background-position: -16px -32px; } 987 | .ui-icon-arrow-1-e { background-position: -32px -32px; } 988 | .ui-icon-arrow-1-se { background-position: -48px -32px; } 989 | .ui-icon-arrow-1-s { background-position: -64px -32px; } 990 | .ui-icon-arrow-1-sw { background-position: -80px -32px; } 991 | .ui-icon-arrow-1-w { background-position: -96px -32px; } 992 | .ui-icon-arrow-1-nw { background-position: -112px -32px; } 993 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; } 994 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } 995 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; } 996 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } 997 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; } 998 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; } 999 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; } 1000 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; } 1001 | .ui-icon-arrowthick-1-n { background-position: 0 -48px; } 1002 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } 1003 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; } 1004 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; } 1005 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; } 1006 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } 1007 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; } 1008 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } 1009 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } 1010 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } 1011 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } 1012 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } 1013 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } 1014 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } 1015 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } 1016 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } 1017 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } 1018 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } 1019 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } 1020 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } 1021 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } 1022 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } 1023 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } 1024 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } 1025 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } 1026 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } 1027 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } 1028 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } 1029 | .ui-icon-arrow-4 { background-position: 0 -80px; } 1030 | .ui-icon-arrow-4-diag { background-position: -16px -80px; } 1031 | .ui-icon-extlink { background-position: -32px -80px; } 1032 | .ui-icon-newwin { background-position: -48px -80px; } 1033 | .ui-icon-refresh { background-position: -64px -80px; } 1034 | .ui-icon-shuffle { background-position: -80px -80px; } 1035 | .ui-icon-transfer-e-w { background-position: -96px -80px; } 1036 | .ui-icon-transferthick-e-w { background-position: -112px -80px; } 1037 | .ui-icon-folder-collapsed { background-position: 0 -96px; } 1038 | .ui-icon-folder-open { background-position: -16px -96px; } 1039 | .ui-icon-document { background-position: -32px -96px; } 1040 | .ui-icon-document-b { background-position: -48px -96px; } 1041 | .ui-icon-note { background-position: -64px -96px; } 1042 | .ui-icon-mail-closed { background-position: -80px -96px; } 1043 | .ui-icon-mail-open { background-position: -96px -96px; } 1044 | .ui-icon-suitcase { background-position: -112px -96px; } 1045 | .ui-icon-comment { background-position: -128px -96px; } 1046 | .ui-icon-person { background-position: -144px -96px; } 1047 | .ui-icon-print { background-position: -160px -96px; } 1048 | .ui-icon-trash { background-position: -176px -96px; } 1049 | .ui-icon-locked { background-position: -192px -96px; } 1050 | .ui-icon-unlocked { background-position: -208px -96px; } 1051 | .ui-icon-bookmark { background-position: -224px -96px; } 1052 | .ui-icon-tag { background-position: -240px -96px; } 1053 | .ui-icon-home { background-position: 0 -112px; } 1054 | .ui-icon-flag { background-position: -16px -112px; } 1055 | .ui-icon-calendar { background-position: -32px -112px; } 1056 | .ui-icon-cart { background-position: -48px -112px; } 1057 | .ui-icon-pencil { background-position: -64px -112px; } 1058 | .ui-icon-clock { background-position: -80px -112px; } 1059 | .ui-icon-disk { background-position: -96px -112px; } 1060 | .ui-icon-calculator { background-position: -112px -112px; } 1061 | .ui-icon-zoomin { background-position: -128px -112px; } 1062 | .ui-icon-zoomout { background-position: -144px -112px; } 1063 | .ui-icon-search { background-position: -160px -112px; } 1064 | .ui-icon-wrench { background-position: -176px -112px; } 1065 | .ui-icon-gear { background-position: -192px -112px; } 1066 | .ui-icon-heart { background-position: -208px -112px; } 1067 | .ui-icon-star { background-position: -224px -112px; } 1068 | .ui-icon-link { background-position: -240px -112px; } 1069 | .ui-icon-cancel { background-position: 0 -128px; } 1070 | .ui-icon-plus { background-position: -16px -128px; } 1071 | .ui-icon-plusthick { background-position: -32px -128px; } 1072 | .ui-icon-minus { background-position: -48px -128px; } 1073 | .ui-icon-minusthick { background-position: -64px -128px; } 1074 | .ui-icon-close { background-position: -80px -128px; } 1075 | .ui-icon-closethick { background-position: -96px -128px; } 1076 | .ui-icon-key { background-position: -112px -128px; } 1077 | .ui-icon-lightbulb { background-position: -128px -128px; } 1078 | .ui-icon-scissors { background-position: -144px -128px; } 1079 | .ui-icon-clipboard { background-position: -160px -128px; } 1080 | .ui-icon-copy { background-position: -176px -128px; } 1081 | .ui-icon-contact { background-position: -192px -128px; } 1082 | .ui-icon-image { background-position: -208px -128px; } 1083 | .ui-icon-video { background-position: -224px -128px; } 1084 | .ui-icon-script { background-position: -240px -128px; } 1085 | .ui-icon-alert { background-position: 0 -144px; } 1086 | .ui-icon-info { background-position: -16px -144px; } 1087 | .ui-icon-notice { background-position: -32px -144px; } 1088 | .ui-icon-help { background-position: -48px -144px; } 1089 | .ui-icon-check { background-position: -64px -144px; } 1090 | .ui-icon-bullet { background-position: -80px -144px; } 1091 | .ui-icon-radio-on { background-position: -96px -144px; } 1092 | .ui-icon-radio-off { background-position: -112px -144px; } 1093 | .ui-icon-pin-w { background-position: -128px -144px; } 1094 | .ui-icon-pin-s { background-position: -144px -144px; } 1095 | .ui-icon-play { background-position: 0 -160px; } 1096 | .ui-icon-pause { background-position: -16px -160px; } 1097 | .ui-icon-seek-next { background-position: -32px -160px; } 1098 | .ui-icon-seek-prev { background-position: -48px -160px; } 1099 | .ui-icon-seek-end { background-position: -64px -160px; } 1100 | .ui-icon-seek-start { background-position: -80px -160px; } 1101 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 1102 | .ui-icon-seek-first { background-position: -80px -160px; } 1103 | .ui-icon-stop { background-position: -96px -160px; } 1104 | .ui-icon-eject { background-position: -112px -160px; } 1105 | .ui-icon-volume-off { background-position: -128px -160px; } 1106 | .ui-icon-volume-on { background-position: -144px -160px; } 1107 | .ui-icon-power { background-position: 0 -176px; } 1108 | .ui-icon-signal-diag { background-position: -16px -176px; } 1109 | .ui-icon-signal { background-position: -32px -176px; } 1110 | .ui-icon-battery-0 { background-position: -48px -176px; } 1111 | .ui-icon-battery-1 { background-position: -64px -176px; } 1112 | .ui-icon-battery-2 { background-position: -80px -176px; } 1113 | .ui-icon-battery-3 { background-position: -96px -176px; } 1114 | .ui-icon-circle-plus { background-position: 0 -192px; } 1115 | .ui-icon-circle-minus { background-position: -16px -192px; } 1116 | .ui-icon-circle-close { background-position: -32px -192px; } 1117 | .ui-icon-circle-triangle-e { background-position: -48px -192px; } 1118 | .ui-icon-circle-triangle-s { background-position: -64px -192px; } 1119 | .ui-icon-circle-triangle-w { background-position: -80px -192px; } 1120 | .ui-icon-circle-triangle-n { background-position: -96px -192px; } 1121 | .ui-icon-circle-arrow-e { background-position: -112px -192px; } 1122 | .ui-icon-circle-arrow-s { background-position: -128px -192px; } 1123 | .ui-icon-circle-arrow-w { background-position: -144px -192px; } 1124 | .ui-icon-circle-arrow-n { background-position: -160px -192px; } 1125 | .ui-icon-circle-zoomin { background-position: -176px -192px; } 1126 | .ui-icon-circle-zoomout { background-position: -192px -192px; } 1127 | .ui-icon-circle-check { background-position: -208px -192px; } 1128 | .ui-icon-circlesmall-plus { background-position: 0 -208px; } 1129 | .ui-icon-circlesmall-minus { background-position: -16px -208px; } 1130 | .ui-icon-circlesmall-close { background-position: -32px -208px; } 1131 | .ui-icon-squaresmall-plus { background-position: -48px -208px; } 1132 | .ui-icon-squaresmall-minus { background-position: -64px -208px; } 1133 | .ui-icon-squaresmall-close { background-position: -80px -208px; } 1134 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } 1135 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } 1136 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; } 1137 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } 1138 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } 1139 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; } 1140 | 1141 | 1142 | /* Misc visuals 1143 | ----------------------------------*/ 1144 | 1145 | /* Corner radius */ 1146 | .ui-corner-all, 1147 | .ui-corner-top, 1148 | .ui-corner-left, 1149 | .ui-corner-tl { 1150 | border-top-left-radius: 0; 1151 | } 1152 | .ui-corner-all, 1153 | .ui-corner-top, 1154 | .ui-corner-right, 1155 | .ui-corner-tr { 1156 | border-top-right-radius: 0; 1157 | } 1158 | .ui-corner-all, 1159 | .ui-corner-bottom, 1160 | .ui-corner-left, 1161 | .ui-corner-bl { 1162 | border-bottom-left-radius: 0; 1163 | } 1164 | .ui-corner-all, 1165 | .ui-corner-bottom, 1166 | .ui-corner-right, 1167 | .ui-corner-br { 1168 | border-bottom-right-radius: 0; 1169 | } 1170 | 1171 | /* Overlays */ 1172 | .ui-widget-overlay { 1173 | background: #333 url(images/ui-bg_flat_0_333_40x100.png) 50% 50% repeat-x; 1174 | opacity: .3; 1175 | filter: Alpha(Opacity=30); 1176 | } 1177 | .ui-widget-shadow { 1178 | margin: -2px 0 0 -2px; 1179 | padding: 2px; 1180 | background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 1181 | opacity: .3; 1182 | filter: Alpha(Opacity=30); 1183 | border-radius: 2px; 1184 | } 1185 | 1186 | 1187 | /* 1188 | * secondary buttons 1189 | */ 1190 | .ui-button.ui-widget.ui-state-default:not(.ui-button-icon-only) { 1191 | color: #555; 1192 | border-color: #CCC; 1193 | background: #F7F7F7; 1194 | -webkit-box-shadow: inset 0 1px 0 #FFF, 0 1px 0 rgba(0, 0, 0, 0.08); 1195 | box-shadow: inset 0 1px 0 #FFF, 0 1px 0 rgba(0, 0, 0, 0.08); 1196 | vertical-align: top; 1197 | border-width: 1px; 1198 | border-style: solid; 1199 | -webkit-border-radius: 3px; 1200 | -webkit-appearance: none; 1201 | border-radius: 3px; 1202 | white-space: nowrap; 1203 | } 1204 | .ui-button-text-only .ui-button-text { 1205 | padding: 0 10px; 1206 | line-height: 26px; 1207 | } 1208 | .ui-button.ui-widget.ui-state-hover:not(.ui-button-icon-only) { 1209 | background: #FAFAFA; 1210 | border-color: #999; 1211 | color: #222; 1212 | } 1213 | 1214 | /** 1215 | * primary buttons. must have the class "primary" 1216 | */ 1217 | .ui-button.primary.ui-widget.ui-state-default:not(.ui-button-icon-only) { 1218 | background: #2EA2CC; 1219 | border-color: #0074A2; 1220 | -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); 1221 | box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5), 0 1px 0 rgba(0, 0, 0, 0.15); 1222 | color: #FFF; 1223 | text-decoration: none; 1224 | } 1225 | .ui-button.primary.ui-widget.ui-state-hover:not(.ui-button-icon-only) { 1226 | background: #1E8CBE; 1227 | border-color: #0074A2; 1228 | -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); 1229 | box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6); 1230 | color: #FFF; 1231 | } 1232 | 1233 | 1234 | /** 1235 | * REMOVE OUTLINE ON FOCUSED CLICKABLES 1236 | */ 1237 | .ui-widget:hover, .ui-state-focus { 1238 | outline: none; 1239 | } 1240 | 1241 | /** 1242 | * Align buttons with text inputs 1243 | */ 1244 | input + .ui-button { 1245 | margin-top: 0; 1246 | } 1247 | 1248 | 1249 | /** 1250 | * Tooltips 1251 | */ 1252 | body .ui-tooltip { 1253 | border: 0; 1254 | padding: 10px 14px; 1255 | background: rgba(0, 0, 0, 0.7); 1256 | border-radius: 3px; 1257 | z-index: 10; 1258 | color: #FFF; 1259 | -webkit-box-shadow: none; 1260 | box-shadow: none; 1261 | } 1262 | 1263 | 1264 | /** 1265 | * DIALOG WIDGET 1266 | */ 1267 | .ui-widget-content { 1268 | padding: 0px; 1269 | border: 0px; 1270 | } 1271 | .ui-dialog .ui-dialog-buttonpane { 1272 | border-top: 1px solid #eee; 1273 | } 1274 | 1275 | /** 1276 | * DIALOG WIDGET TITLES 1277 | */ 1278 | .ui-dialog .ui-dialog-title { 1279 | font-size: 14px; 1280 | line-height: 1.4; 1281 | font-weight: 600; 1282 | } 1283 | 1284 | 1285 | /** 1286 | * COLOR PICKER FIX IN DIALOGS 1287 | */ 1288 | .iris-slider .ui-slider-vertical { 1289 | width: inherit; 1290 | height: auto; 1291 | border: inherit; 1292 | background: inherit; 1293 | background-image: none; 1294 | } 1295 | .iris-slider .ui-slider-vertical .ui-slider-handle { 1296 | margin-bottom: inherit; 1297 | } 1298 | .iris-square-value.ui-state-focus, .ui-widget-content .iris-square-value.ui-state-focus { 1299 | border: 0; 1300 | background: transparent; 1301 | } 1302 | -------------------------------------------------------------------------------- /css/wp-style-guide.css: -------------------------------------------------------------------------------- 1 | .wp-pattern-example { 2 | padding: 1em; 3 | margin: 10px 0 20px; 4 | background: white; 5 | 6 | -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); 7 | box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); 8 | } 9 | 10 | .wp-pattern-example h3 { 11 | margin-top: 0; 12 | } 13 | 14 | .wp-pattern-table { 15 | width: 100%; 16 | } 17 | 18 | .wp-pattern-table th, .wp-pattern-table td { 19 | border-bottom: 1px solid #eee; 20 | } 21 | 22 | .wp-pattern-table .example-code { 23 | width: 25%; 24 | } 25 | .wp-pattern-table .example-descrip { 26 | width: 75%; 27 | } 28 | 29 | .wp-pattern-table td span { 30 | display: block; 31 | padding: 5px 10px; 32 | } 33 | 34 | /*jQuery UI demo page css*/ 35 | .demoHeaders { 36 | margin-top: 2em; 37 | clear: both; 38 | } 39 | #dialog_link { 40 | padding: .4em 1em .4em 20px; 41 | text-decoration: none; 42 | position: relative; 43 | } 44 | #dialog_link span.ui-icon { 45 | margin: 0 5px 0 0; 46 | position: absolute; 47 | left: .2em; 48 | top: 50%; 49 | margin-top: -8px; 50 | } 51 | ul#icons { 52 | margin: 0; 53 | padding: 0 54 | } 55 | ul#icons li { 56 | margin: 2px; 57 | position: relative; 58 | padding: 4px 0; 59 | cursor: pointer; 60 | float: left; 61 | list-style: none; 62 | } 63 | ul#icons span.ui-icon { 64 | float: left; 65 | margin: 0 4px 66 | } 67 | .columnbox { 68 | height: 150px; 69 | width: 48%; 70 | float:left; 71 | margin-right: 1%; 72 | } 73 | #eq span { 74 | height:120px; 75 | float:left; 76 | margin:15px; 77 | } 78 | .buttonset { 79 | margin-bottom: 5px; 80 | } 81 | #toolbar { 82 | padding: 10px 4px; 83 | } 84 | .ui-widget-overlay { 85 | position: absolute; 86 | } /* fixed doesn't actually work? */ -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "wp-pattern-library", 3 | "title": "WordPress Pattern Library", 4 | "description": "Admin pattern library for WordPress.", 5 | "version": "0.1.0", 6 | "homepage": "http://wordpress.org", 7 | "author": [ 8 | { 9 | "name": "Jon Bellah", 10 | "email": "jon.bellah@10up.com", 11 | "url": "http://10up.com" 12 | }, 13 | { 14 | "name": "Zack Rothauser", 15 | "email": "zack.rothauser@10up.com", 16 | "url": "http://10up.com" 17 | } 18 | ], 19 | "devDependencies": { 20 | "grunt": "latest", 21 | "grunt-phantomcss": "git://github.com/anselmh/grunt-phantomcss.git", 22 | "matchdep": "latest", 23 | "phantomjs": "latest", 24 | "time-grunt": "latest" 25 | }, 26 | "keywords": [] 27 | } 28 | -------------------------------------------------------------------------------- /pages/forms-page.php: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 |

6 | 7 |
8 | 9 | 10 | 11 | 14 | 20 | 21 | 22 | 25 | 39 | 40 | 41 | 44 | 64 | 65 | 66 | 69 | 81 | 82 | 83 | 86 | 92 | 93 | 94 | 97 | 107 | 108 | 109 | 112 | 132 | 133 | 134 | 137 | 151 | 152 | 153 | 156 | 166 | 167 | 168 | 171 | 181 | 182 | 183 |
12 | 13 | 15 |
16 | 
 17 | <input type="text" name="input-text" placeholder="Text" />
 18 |
19 |
23 | 24 | 26 | 31 | 
 32 | <select name="select">
 33 |   <option>Option 1</option>
 34 |   <option>Option 2</option>
 35 |   <option>Option 3</option>
 36 | </select>
 37 |
38 |
42 | 43 | 45 | 53 | 
 54 | <select name="multi-select" multiple="multiple">
 55 |   <option>Option 1</option>
 56 |   <option>Option 2</option>
 57 |   <option>Option 3</option>
 58 |   <option>Option 4</option>
 59 |   <option>Option 5</option>
 60 |   <option>Option 6</option>
 61 | </select>
 62 |
63 |
67 | 68 | 70 | Option 1
71 | Option 2
72 | Option 3
73 | Option 4
74 | 
 75 | <input type="radio" name="radio-buttons" value="option-1" /> Option 1
 76 | <input type="radio" name="radio-buttons" value="option-2" /> Option 2
 77 | <input type="radio" name="radio-buttons" value="option-3" /> Option 3
 78 | <input type="radio" name="radio-buttons" value="option-4" /> Option 4
 79 |
80 |
84 | 85 | 87 | Option 1
88 | 
 89 | <input type="checkbox" name="input-checkbox"/> Option 1
 90 |
91 |
95 | 96 | 98 | Option 1
99 | Option 2
100 | Option 3
101 | 
102 | <input type='checkbox' name='checkbox-array[]' value='option-1'> Option 1
103 | <input type='checkbox' name='checkbox-array[]' value='option-2'> Option 2
104 | <input type='checkbox' name='checkbox-array[]' value='option-3'> Option 3
105 |
106 |
110 | 111 | 113 |
114 | Legend 115 | Email
116 | Search
117 | Telephone
118 | Text
119 | URL
120 |
121 | 
122 | <fieldset>
123 |   <legend>Legend</legend>
124 |   <input type="email" placeholder="Email" /> Email
125 |   <input type="search" placeholder="Search" /> Search
126 |   <input type="tel" placeholder="Telephone" /> Telephone
127 |   <input type="text" placeholder="text" /> Text
128 |   <input type="url" placeholder="URL" /> URL
129 | </fieldset>
130 |
131 |
135 | 136 | 138 | Date:
139 | Month:
140 | Week:
141 | Time:
142 | Local Date and Time: 143 | 
144 | Date: <input name="input-date" type="date" />
145 | Month: <input name="input-month" type="month" />
146 | Week: <input name="input-week" type="week" />
147 | Time: <input name="input-time" type="time" />
148 | Local Date and Time: <input name="input-datetime-local" type="datetime-local" />
149 |
150 |
154 | 155 | 157 | Number:
158 | Range:
159 | Color:
160 | 
161 | Number: <input name="input-number" type="number" min="0" max="20" />
162 | Range: <input name="input-range" type="range" />
163 | Color: <input name="input-color" type="color" />
164 |
165 |
169 | 170 | 172 |

173 |

174 | 175 | 
176 | <input type="submit" value="Submit Input" class="button" />
177 | <input type="button" value="Secondary Button" class="button-secondary" />
178 | <input type="button" value="Primary Button" class="button-primary" />
179 |
180 |
184 |
185 | 186 |
-------------------------------------------------------------------------------- /pages/helper-classes.php: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |

5 | 6 |
7 |

Blocks

8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 |
.wp-ui-primary
.wp-ui-highlight
.wp-ui-notification
31 |
32 | 33 |
34 |

Text

35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 |
.wp-ui-text-primary
.wp-ui-text-highlight
.wp-ui-text-notification
.wp-ui-text-icon
62 |
63 |
64 | -------------------------------------------------------------------------------- /pages/jquery-ui.php: -------------------------------------------------------------------------------- 1 | 126 | 127 |
128 | 129 | 130 | 131 |

132 | 133 | 134 |

Accordion

135 |
136 |
137 |
138 |

First

139 |
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
140 |
141 |
142 |

Second

143 |
Phasellus mattis tincidunt nibh.
144 |
145 |
146 |

Third

147 |
Nam dui erat, auctor a, dignissim quis.
148 |
149 |
150 |
151 |
152 |
153 |
154 |

First no icons

155 |
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
156 |
157 |
158 |

Second no icons

159 |
Phasellus mattis tincidunt nibh.
160 |
161 |
162 |

Third no icons

163 |
Nam dui erat, auctor a, dignissim quis.
164 |
165 |
166 |
167 | 168 | 169 | 170 |

Tabs

171 |
172 | 177 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
178 |
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
179 |
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
180 |
181 | 182 | 183 |

Dialog

184 |

Open Dialog

185 | 186 |
Inline Dialogclose
187 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

188 |
189 | 190 | 191 |

Overlay and Shadow Classes (not currently used in UI widgets)

192 |
193 |

Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat.

Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci.

Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat.

Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam.

Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante.

Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi.

194 | 195 | 196 |
197 |
198 |
199 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

200 |
201 |
202 | 203 |
204 | 205 | 206 | 207 |
208 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

209 |
210 | 211 | 212 | 213 |

Framework Icons (content color preview)

214 | 409 | 410 | 411 | 412 |

Slider

413 |
414 |
415 |
416 |
417 |
418 | 88 419 | 77 420 | 55 421 | 33 422 | 40 423 | 45 424 | 70 425 |
426 |
427 | 428 | 429 | 430 |

Datepicker

431 |
432 |
433 |
434 |
435 |
436 |
437 | 438 | 439 | 440 |

Progressbar

441 |
442 | 443 | 444 |

Highlight / Error

445 |
446 |
447 |

448 | Hey! Sample ui-state-highlight style.

449 |
450 |
451 |
452 |
453 |
454 |

455 | Alert: Sample ui-state-error style.

456 |
457 |
458 | 459 |

Button

460 | 461 |
462 | 463 | 464 |
465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 |
-------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_0.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_1.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_10.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_11.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_12.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_13.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_14.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_15.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_16.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_17.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_18.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_19.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_2.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_20.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_21.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_22.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_23.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_24.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_25.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_26.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_27.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_28.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_29.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_3.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_30.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_31.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_32.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_33.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_34.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_35.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_36.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_37.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_38.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_39.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_4.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_40.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_41.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_42.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_43.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_43.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_5.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_6.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_7.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_8.png -------------------------------------------------------------------------------- /test/visual/baselines/desktop/screenshot_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/desktop/screenshot_9.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_0.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_1.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_10.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_11.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_12.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_13.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_14.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_15.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_16.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_17.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_18.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_19.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_2.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_20.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_21.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_22.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_23.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_24.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_25.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_26.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_27.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_27.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_28.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_28.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_29.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_3.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_30.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_31.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_32.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_33.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_33.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_34.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_34.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_35.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_36.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_37.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_37.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_38.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_39.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_4.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_40.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_41.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_41.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_42.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_42.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_43.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_43.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_5.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_6.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_7.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_8.png -------------------------------------------------------------------------------- /test/visual/baselines/mobile/screenshot_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/helen/wp-style-guide/a792a96b1543b49f06f4bbb712ab3e65f3b5f60f/test/visual/baselines/mobile/screenshot_9.png -------------------------------------------------------------------------------- /test/visual/forms-test.js: -------------------------------------------------------------------------------- 1 | 2 | // Read the file with the URL that we passed to grunt test 3 | var fs = require( 'fs' ), 4 | siteURL; 5 | 6 | try { 7 | siteURL = fs.read( 'test/visual/.local_url' ); 8 | } catch(err) { 9 | siteURL = ( typeof siteURL === 'undefined' ) ? 'http://local.wordpress.dev' : siteURL; 10 | } 11 | 12 | casper.thenOpen( siteURL + '/wp-admin/admin.php?page=wp-patterns-forms' ) 13 | 14 | .then( function() { 15 | phantomcss.screenshot( '.form-table input[type="text"]' ); 16 | }) 17 | 18 | .then( function() { 19 | phantomcss.screenshot( '.form-table select[name="select"]' ); 20 | }) 21 | 22 | .then( function() { 23 | phantomcss.screenshot( '.form-table select[name="multi-select"]' ); 24 | }) 25 | 26 | .then( function() { 27 | phantomcss.screenshot( '.form-table input[type="radio"]' ); 28 | }) 29 | 30 | .then( function() { 31 | phantomcss.screenshot( '.form-table input[type="checkbox"]' ); 32 | }) 33 | 34 | .then( function() { 35 | phantomcss.screenshot( '.form-table fieldset' ); 36 | }) 37 | 38 | .then( function() { 39 | phantomcss.screenshot( '.form-table input[type="checkbox"]' ); 40 | }) 41 | 42 | .then( function() { 43 | phantomcss.screenshot( '.form-table input[name="input-date"]' ); 44 | }) 45 | 46 | .then( function() { 47 | phantomcss.screenshot( '.form-table input[name="input-month"]' ); 48 | }) 49 | 50 | .then( function() { 51 | phantomcss.screenshot( '.form-table input[name="input-week"]' ); 52 | }) 53 | 54 | .then( function() { 55 | phantomcss.screenshot( '.form-table input[name="input-time"]' ); 56 | }) 57 | 58 | .then( function() { 59 | phantomcss.screenshot( '.form-table input[name="input-datetime-local"]' ); 60 | }) 61 | 62 | .then( function() { 63 | phantomcss.screenshot( '.form-table input[name="input-number"]' ); 64 | }) 65 | 66 | .then( function() { 67 | phantomcss.screenshot( '.form-table input[name="input-range"]' ); 68 | }) 69 | 70 | .then( function() { 71 | phantomcss.screenshot( '.form-table input[name="input-color"]' ); 72 | }) 73 | 74 | .then( function() { 75 | phantomcss.screenshot( '.form-table .button' ); 76 | }) 77 | 78 | .then( function() { 79 | phantomcss.screenshot( '.form-table .button-primary' ); 80 | }) 81 | 82 | .then( function() { 83 | phantomcss.screenshot( '.form-table .button-secondary' ); 84 | }); -------------------------------------------------------------------------------- /test/visual/jquery-ui-components-test.js: -------------------------------------------------------------------------------- 1 | // Read the file with the URL that we passed to grunt test 2 | var fs = require( 'fs' ), 3 | siteURL; 4 | 5 | try { 6 | siteURL = fs.read( 'test/visual/.local_url' ); 7 | } catch(err) { 8 | siteURL = ( typeof siteURL === 'undefined' ) ? 'http://local.wordpress.dev' : siteURL; 9 | } 10 | 11 | casper.thenOpen( siteURL + '/wp-admin/admin.php?page=wp-patterns-jquery-ui' ) 12 | 13 | .then( function() { 14 | phantomcss.screenshot( '.ui-dialog-titlebar' ); 15 | }) 16 | 17 | .then( function() { 18 | phantomcss.screenshot( '.ui-dialog-content' ); 19 | }) 20 | 21 | .then( function() { 22 | phantomcss.screenshot( '.ui-dialog-buttonpane' ); 23 | }) 24 | 25 | // Add handlers for clicking on the accordion 26 | .then( function() { 27 | phantomcss.screenshot( '.ui-accordion-header' ); 28 | }) 29 | 30 | .then( function() { 31 | phantomcss.screenshot( '.ui-accordion-content' ); 32 | }) 33 | 34 | .then( function() { 35 | phantomcss.screenshot( '.ui-tabs-nav' ); 36 | }) 37 | 38 | .then( function() { 39 | phantomcss.screenshot( '.ui-tabs-panel' ); 40 | }) 41 | 42 | // Add handler for clicking the dialog link 43 | .then( function() { 44 | phantomcss.screenshot( '#dialog_link' ); 45 | }) 46 | 47 | .then( function() { 48 | phantomcss.screenshot( '.ui-tabs-panel' ); 49 | }) 50 | 51 | .then( function() { 52 | phantomcss.screenshot( '.ui-widget-shadow' ); 53 | }) 54 | 55 | .then( function() { 56 | phantomcss.screenshot( '.ui-slider' ); 57 | }) 58 | 59 | .then( function() { 60 | phantomcss.screenshot( '.ui-slider-vertical' ); 61 | }) 62 | 63 | .then( function() { 64 | phantomcss.screenshot( '.ui-datepicker-header' ); 65 | }) 66 | 67 | .then( function() { 68 | phantomcss.screenshot( '.ui-datepicker-calendar' ); 69 | }) 70 | 71 | .then( function() { 72 | phantomcss.screenshot( '#multidatepicker' ); 73 | }) 74 | 75 | .then( function() { 76 | phantomcss.screenshot( '.ui-progressbar' ); 77 | }) 78 | 79 | .then( function() { 80 | phantomcss.screenshot( '.ui-state-highlight' ); 81 | }) 82 | 83 | .then( function() { 84 | phantomcss.screenshot( '.ui-state-error' ); 85 | }) 86 | 87 | .then( function() { 88 | phantomcss.screenshot( '#beginning' ); 89 | }) 90 | 91 | .then( function() { 92 | phantomcss.screenshot( '#rewind' ); 93 | }) 94 | 95 | .then( function() { 96 | phantomcss.screenshot( '#play' ); 97 | }) 98 | 99 | .then( function() { 100 | phantomcss.screenshot( '#stop' ); 101 | }) 102 | 103 | .then( function() { 104 | phantomcss.screenshot( '#forward' ); 105 | }) 106 | 107 | .then( function() { 108 | phantomcss.screenshot( '#end' ); 109 | }) 110 | 111 | .then( function() { 112 | phantomcss.screenshot( '#shuffle' ); 113 | }) 114 | 115 | .then( function() { 116 | phantomcss.screenshot( '#repeat' ); 117 | }); -------------------------------------------------------------------------------- /test/visual/start.js: -------------------------------------------------------------------------------- 1 | 2 | // Prevent PhantomCSS from throwing a bunch of casper.test errors in the console 3 | phantom.casperTest = true; 4 | 5 | // Read the file with the URL that we passed to grunt test 6 | var fs = require( 'fs' ), 7 | siteURL; 8 | 9 | try { 10 | siteURL = fs.read( 'test/visual/.local_url' ); 11 | } catch(err) { 12 | // Just in case the file isn't there 13 | console.log( 'No --url parameter given and no previously stored URL found. Defaulting to http://local.wordpress.dev. Run $ grunt test --url=http://yoursite.dev to resolve.' ); 14 | siteURL = ( typeof siteURL === 'undefined' ) ? 'http://local.wordpress.dev' : siteURL; 15 | } 16 | 17 | 18 | casper.start( siteURL + '/wp-admin/', function() { 19 | this.fill( 'form#loginform', { 20 | 'log': 'admin', 21 | 'pwd': 'password' 22 | }, true); 23 | 24 | this.click( '#wp-submit' ); 25 | 26 | console.log( 'Logging in...' ); 27 | }); 28 | 29 | -------------------------------------------------------------------------------- /wp-style-guide.php: -------------------------------------------------------------------------------- 1 | screens = array( 32 | 'wp-patterns-forms' => array( 33 | 'page_title' => __( 'Forms' ), 34 | 'menu_title' => __( 'Forms' ), 35 | 'callback' => 'forms_page', // note that this has to be a class method 36 | 'hookname' => null, 37 | ), 38 | 'wp-patterns-jquery-ui' => array( 39 | 'page_title' => __( 'jQuery UI Components' ), 40 | 'menu_title' => __( 'jQuery UI Components' ), 41 | 'callback' => 'jquery_ui', // note that this has to be a class method 42 | 'hookname' => null, 43 | ), 44 | 'wp-patterns-helper-classes' => array( 45 | 'page_title' => __( 'Helper Classes' ), 46 | 'menu_title' => __( 'Helper Classes' ), 47 | 'callback' => 'helper_classes', // note that this has to be a class method 48 | 'hookname' => null, 49 | ), 50 | ); 51 | 52 | add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) ); 53 | add_action( 'admin_head', array( $this, 'admin_head' ) ); 54 | add_action( 'admin_menu', array( $this, 'admin_menu' ) ); 55 | } 56 | 57 | /** 58 | * Enqueue scripts and styles as needed. 59 | * @return void 60 | */ 61 | public function admin_enqueue_scripts() { 62 | if ( get_current_screen()->base === $this->screens['wp-patterns-jquery-ui']['hookname'] ) { 63 | wp_enqueue_script( 'jquery-ui-accordion' ); 64 | wp_enqueue_script( 'jquery-ui-tabs' ); 65 | wp_enqueue_script( 'jquery-ui-dialog' ); 66 | wp_enqueue_script( 'jquery-ui-slider' ); 67 | wp_enqueue_script( 'jquery-ui-datepicker' ); 68 | wp_enqueue_script( 'jquery-ui-progressbar' ); 69 | wp_enqueue_script( 'jquery-ui-button' ); 70 | 71 | wp_enqueue_style( 'wp-jquery-ui', plugins_url( 'css/jquery-ui.css', __FILE__ ), false ); 72 | } 73 | 74 | wp_enqueue_style( 'wp-style-guide', plugins_url( 'css/wp-style-guide.css', __FILE__ ), false ); 75 | 76 | wp_enqueue_style( 'dashicons-guide', plugins_url( 'css/dashicons.css', __FILE__ ), false ); 77 | } 78 | 79 | public function admin_head() { 80 | ?> 81 | 86 | hookname = add_menu_page( 'WordPress Admin Pattern Library', 'Pattern Library', 'read', 'wp-patterns', array( $this, 'toc' ) ); 95 | 96 | foreach ( $this->screens as $slug => $args ) { 97 | $this->screens[$slug]['hookname'] = add_submenu_page( 'wp-patterns', $args['page_title'], $args['menu_title'], 'read', $slug, array( $this, $args['callback'] ) ); 98 | } 99 | } 100 | 101 | /** 102 | * Output for our top level screen 103 | * @return void 104 | */ 105 | public function toc() { 106 | ?> 107 |
108 | 109 | 110 | 111 |

112 | 113 |

114 | 115 | 120 | 121 |
122 |