dialog.css

Same filename in this branch
  1. 10 core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
  2. 10 core/themes/claro/css/components/dialog.css
  3. 10 core/themes/starterkit_theme/css/components/dialog.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
  2. 9 core/themes/seven/css/components/dialog.css
  3. 9 core/themes/claro/css/components/dialog.css
  4. 9 core/themes/bartik/css/classy/components/dialog.css
  5. 9 core/themes/starterkit_theme/css/components/dialog.css
  6. 9 core/themes/classy/css/components/dialog.css
  7. 9 core/assets/vendor/jquery.ui/themes/base/dialog.css
  8. 9 core/assets/vendor/ckeditor/skins/moono-lisa/dialog.css
  9. 9 core/assets/vendor/ckeditor/plugins/dialog/styles/dialog.css
  10. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
  11. 8.9.x core/themes/seven/css/components/dialog.css
  12. 8.9.x core/themes/claro/css/components/dialog.css
  13. 8.9.x core/themes/bartik/css/classy/components/dialog.css
  14. 8.9.x core/themes/classy/css/components/dialog.css
  15. 8.9.x core/assets/vendor/jquery.ui/themes/base/dialog.css
  16. 8.9.x core/assets/vendor/ckeditor/skins/moono-lisa/dialog.css
  17. 8.9.x core/assets/vendor/ckeditor/plugins/dialog/styles/dialog.css
  18. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/dialog.css
  19. 11.x core/themes/claro/css/components/dialog.css
  20. 11.x core/themes/starterkit_theme/css/components/dialog.css
  21. 11.x core/assets/vendor/jquery.ui/themes/base/dialog.css
/*!
 * jQuery UI Dialog 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

File

core/assets/vendor/jquery.ui/themes/base/dialog.css

View source 
  1. /*!

  2.  * jQuery UI Dialog 1.13.3

  3.  * https://jqueryui.com

  4.  *

  5.  * Copyright OpenJS Foundation and other contributors

  6.  * Released under the MIT license.

  7.  * https://jquery.org/license

  8.  *

  9.  * https://api.jqueryui.com/dialog/#theming

  10.  */

  11. .ui-dialog {

  12. 	position: absolute;

  13. 	top: 0;

  14. 	left: 0;

  15. 	padding: .2em;

  16. 	outline: 0;

  17. }

  18. .ui-dialog .ui-dialog-titlebar {

  19. 	padding: .4em 1em;

  20. 	position: relative;

  21. }

  22. .ui-dialog .ui-dialog-title {

  23. 	float: left;

  24. 	margin: .1em 0;

  25. 	white-space: nowrap;

  26. 	width: 90%;

  27. 	overflow: hidden;

  28. 	text-overflow: ellipsis;

  29. }

  30. .ui-dialog .ui-dialog-titlebar-close {

  31. 	position: absolute;

  32. 	right: .3em;

  33. 	top: 50%;

  34. 	width: 20px;

  35. 	margin: -10px 0 0 0;

  36. 	padding: 1px;

  37. 	height: 20px;

  38. }

  39. .ui-dialog .ui-dialog-content {

  40. 	position: relative;

  41. 	border: 0;

  42. 	padding: .5em 1em;

  43. 	background: none;

  44. 	overflow: auto;

  45. }

  46. .ui-dialog .ui-dialog-buttonpane {

  47. 	text-align: left;

  48. 	border-width: 1px 0 0 0;

  49. 	background-image: none;

  50. 	margin-top: .5em;

  51. 	padding: .3em 1em .5em .4em;

  52. }

  53. .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

  54. 	float: right;

  55. }

  56. .ui-dialog .ui-dialog-buttonpane button {

  57. 	margin: .5em .4em .5em 0;

  58. 	cursor: pointer;

  59. }

  60. .ui-dialog .ui-resizable-n {

  61. 	height: 2px;

  62. 	top: 0;

  63. }

  64. .ui-dialog .ui-resizable-e {

  65. 	width: 2px;

  66. 	right: 0;

  67. }

  68. .ui-dialog .ui-resizable-s {

  69. 	height: 2px;

  70. 	bottom: 0;

  71. }

  72. .ui-dialog .ui-resizable-w {

  73. 	width: 2px;

  74. 	left: 0;

  75. }

  76. .ui-dialog .ui-resizable-se,

  77. .ui-dialog .ui-resizable-sw,

  78. .ui-dialog .ui-resizable-ne,

  79. .ui-dialog .ui-resizable-nw {

  80. 	width: 7px;

  81. 	height: 7px;

  82. }

  83. .ui-dialog .ui-resizable-se {

  84. 	right: 0;

  85. 	bottom: 0;

  86. }

  87. .ui-dialog .ui-resizable-sw {

  88. 	left: 0;

  89. 	bottom: 0;

  90. }

  91. .ui-dialog .ui-resizable-ne {

  92. 	right: 0;

  93. 	top: 0;

  94. }

  95. .ui-dialog .ui-resizable-nw {

  96. 	left: 0;

  97. 	top: 0;

  98. }

  99. .ui-draggable .ui-dialog-titlebar {

  100. 	cursor: move;

  101. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.