Mercurial Mercurial > enmi-conf.org / comparison
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
wp/wp-includes/css/buttons-rtl.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4 
       
     1 /*! This file is auto-generated */
 
     1 /* ----------------------------------------------------------------------------
 
     2 /* ----------------------------------------------------------------------------
 
     2 
     3 
     3 NOTE: If you edit this file, you should make sure that the CSS rules for
 
     4 NOTE: If you edit this file, you should make sure that the CSS rules for
 
     4 buttons in the following files are updated.
 
     5 buttons in the following files are updated.
 
     5 
     6 
    44 .wp-core-ui .button-primary,
 
    45 .wp-core-ui .button-primary,
 
    45 .wp-core-ui .button-secondary {
 
    46 .wp-core-ui .button-secondary {
 
    46 	display: inline-block;
 
    47 	display: inline-block;
 
    47 	text-decoration: none;
 
    48 	text-decoration: none;
 
    48 	font-size: 13px;
 
    49 	font-size: 13px;
 
    49 	line-height: 26px;
 
    50 	line-height: 2.15384615; /* 28px */
 
    50 	height: 28px;
 
    51 	min-height: 30px;
 
    51 	margin: 0;
 
    52 	margin: 0;
 
    52 	padding: 0 10px 1px;
 
    53 	padding: 0 10px;
 
    53 	cursor: pointer;
 
    54 	cursor: pointer;
 
    54 	border-width: 1px;
 
    55 	border-width: 1px;
 
    55 	border-style: solid;
 
    56 	border-style: solid;
 
    56 	-webkit-appearance: none;
 
    57 	-webkit-appearance: none;
 
    57 	border-radius: 3px;
 
    58 	border-radius: 3px;
 
    69 	padding: 0;
 
    70 	padding: 0;
 
    70 }
 
    71 }
 
    71 
    72 
    72 .wp-core-ui .button.button-large,
 
    73 .wp-core-ui .button.button-large,
 
    73 .wp-core-ui .button-group.button-large .button {
 
    74 .wp-core-ui .button-group.button-large .button {
 
    74 	height: 30px;
 
    75 	min-height: 32px;
 
    75 	line-height: 28px;
 
    76 	line-height: 2.30769231; /* 30px */
 
    76 	padding: 0 12px 2px;
 
    77 	padding: 0 12px;
 
    77 }
 
    78 }
 
    78 
    79 
    79 .wp-core-ui .button.button-small,
 
    80 .wp-core-ui .button.button-small,
 
    80 .wp-core-ui .button-group.button-small .button {
 
    81 .wp-core-ui .button-group.button-small .button {
 
    81 	height: 24px;
 
    82 	min-height: 26px;
 
    82 	line-height: 22px;
 
    83 	line-height: 2.18181818; /* 24px */
 
    83 	padding: 0 8px 1px;
 
    84 	padding: 0 8px;
 
    84 	font-size: 11px;
 
    85 	font-size: 11px;
 
    85 }
 
    86 }
 
    86 
    87 
    87 .wp-core-ui .button.button-hero,
 
    88 .wp-core-ui .button.button-hero,
 
    88 .wp-core-ui .button-group.button-hero .button {
 
    89 .wp-core-ui .button-group.button-hero .button {
 
    89 	font-size: 14px;
 
    90 	font-size: 14px;
 
    90 	height: 46px;
 
    91 	min-height: 46px;
 
    91 	line-height: 44px;
 
    92 	line-height: 3.14285714;
 
    92 	padding: 0 36px;
 
    93 	padding: 0 36px;
 
    93 }
 
       
    94 
       
    95 /* Only visible in Windows High Contrast mode */
 
       
    96 .wp-core-ui .button:active,
 
       
    97 .wp-core-ui .button:focus {
 
       
    98 	outline: 2px solid transparent;
 
       
    99 	/* Reset inherited offset from Gutenberg */
 
       
   100 	outline-offset: 0;
 
       
   101 }
 
    94 }
 
   102 
    95 
   103 .wp-core-ui .button.hidden {
 
    96 .wp-core-ui .button.hidden {
 
   104 	display: none;
 
    97 	display: none;
 
   105 }
 
    98 }
 
   121   2.0 - Default Button Style
 
   114   2.0 - Default Button Style
 
   122 ---------------------------------------------------------------------------- */
 
   115 ---------------------------------------------------------------------------- */
 
   123 
   116 
   124 .wp-core-ui .button,
 
   117 .wp-core-ui .button,
 
   125 .wp-core-ui .button-secondary {
 
   118 .wp-core-ui .button-secondary {
 
   126 	color: #555;
 
   119 	color: #0071a1;
 
   127 	border-color: #cccccc;
 
   120 	border-color: #0071a1;
 
   128 	background: #f7f7f7;
 
   121 	background: #f3f5f6;
 
   129 	box-shadow: 0 1px 0 #cccccc;
 
       
   130 	vertical-align: top;
 
   122 	vertical-align: top;
 
   131 }
 
   123 }
 
   132 
   124 
   133 .wp-core-ui p .button {
 
   125 .wp-core-ui p .button {
 
   134 	vertical-align: baseline;
 
   126 	vertical-align: baseline;
 
   135 }
 
   127 }
 
   136 
   128 
   137 .wp-core-ui .button.hover,
 
   129 .wp-core-ui .button.hover,
 
   138 .wp-core-ui .button:hover,
 
   130 .wp-core-ui .button:hover,
 
   139 .wp-core-ui .button-secondary:hover,
 
   131 .wp-core-ui .button-secondary:hover{
 
       
   132 	background: #f1f1f1;
 
       
   133 	border-color: #016087;
 
       
   134 	color: #016087;
 
       
   135 }
 
       
   136 
   140 .wp-core-ui .button.focus,
 
   137 .wp-core-ui .button.focus,
 
   141 .wp-core-ui .button:focus,
 
   138 .wp-core-ui .button:focus,
 
   142 .wp-core-ui .button-secondary:focus {
 
   139 .wp-core-ui .button-secondary:focus {
 
   143 	background: #fafafa;
 
   140 	background: #f3f5f6;
 
   144 	border-color: #999;
 
   141 	border-color: #007cba;
 
   145 	color: #23282d;
 
   142 	color: #016087;
 
   146 }
 
   143 	box-shadow: 0 0 0 1px #007cba;
 
   147 
   144 	/* Only visible in Windows High Contrast mode */
 
   148 .wp-core-ui .button.focus,
 
   145 	outline: 2px solid transparent;
 
   149 .wp-core-ui .button:focus,
 
   146 	/* Reset inherited offset from Gutenberg */
 
   150 .wp-core-ui .button-secondary:focus {
 
   147 	outline-offset: 0;
 
   151 	border-color: #5b9dd9;
 
   148 }
 
   152 	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
 
   149 
   153 }
 
   150 /* :active state */
 
   154 
       
   155 .wp-core-ui .button.active,
 
       
   156 .wp-core-ui .button.active:hover,
 
       
   157 .wp-core-ui .button:active,
 
   151 .wp-core-ui .button:active,
 
   158 .wp-core-ui .button-secondary:active {
 
   152 .wp-core-ui .button-secondary:active {
 
   159 	background: #eee;
 
   153 	background: #f3f5f6;
 
   160 	border-color: #999;
 
   154 	border-color: #7e8993;
 
   161 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 
   155 	box-shadow: none;
 
   162 	transform: translateY(1px);
 
   156 }
 
       
   157 
       
   158 /* pressed state e.g. a selected setting */
 
       
   159 .wp-core-ui .button.active,
 
       
   160 .wp-core-ui .button.active:hover {
 
       
   161 	background-color: #e2e4e7;
 
       
   162 	color: #00669b;
 
       
   163 	border-color: #016087;
 
       
   164 	box-shadow: inset 0 2px 5px -3px #016087;
 
   163 }
 
   165 }
 
   164 
   166 
   165 .wp-core-ui .button.active:focus {
 
   167 .wp-core-ui .button.active:focus {
 
   166 	border-color: #5b9dd9;
 
   168 	border-color: #007cba;
 
   167 	box-shadow:
 
   169 	box-shadow:
 
   168 		inset 0 2px 5px -3px rgba(0, 0, 0, 0.5),
 
   170 		inset 0 2px 5px -3px #016087,
 
   169 		0 0 3px rgba(0, 115, 170, 0.8);
 
   171 		0 0 0 1px #007cba;
 
   170 }
 
   172 }
 
   171 
   173 
   172 .wp-core-ui .button[disabled],
 
   174 .wp-core-ui .button[disabled],
 
   173 .wp-core-ui .button:disabled,
 
   175 .wp-core-ui .button:disabled,
 
   174 .wp-core-ui .button.disabled,
 
   176 .wp-core-ui .button.disabled,
 
   178 .wp-core-ui .button-disabled {
 
   180 .wp-core-ui .button-disabled {
 
   179 	color: #a0a5aa !important;
 
   181 	color: #a0a5aa !important;
 
   180 	border-color: #ddd !important;
 
   182 	border-color: #ddd !important;
 
   181 	background: #f7f7f7 !important;
 
   183 	background: #f7f7f7 !important;
 
   182 	box-shadow: none !important;
 
   184 	box-shadow: none !important;
 
   183 	text-shadow: 0 1px 0 #fff !important;
 
       
   184 	cursor: default;
 
   185 	cursor: default;
 
   185 	transform: none !important;
 
   186 	transform: none !important;
 
   186 }
 
   187 }
 
   187 
   188 
   188 /* Buttons that look like links, for a cross of good semantics with the visual */
 
   189 /* Buttons that look like links, for a cross of good semantics with the visual */
 
   203 	transition-timing-function: ease-in-out;
 
   204 	transition-timing-function: ease-in-out;
 
   204 }
 
   205 }
 
   205 
   206 
   206 .wp-core-ui .button-link:hover,
 
   207 .wp-core-ui .button-link:hover,
 
   207 .wp-core-ui .button-link:active {
 
   208 .wp-core-ui .button-link:active {
 
   208 	color: #00a0d2;
 
   209 	color: #006799;
 
   209 }
 
   210 }
 
   210 
   211 
   211 .wp-core-ui .button-link:focus {
 
   212 .wp-core-ui .button-link:focus {
 
   212 	color: #124964;
 
   213 	color: #124964;
 
   213 	box-shadow:
 
   214 	box-shadow:
 
   230 .wp-core-ui .button-link-delete:disabled {
 
   231 .wp-core-ui .button-link-delete:disabled {
 
   231 	/* overrides the default buttons disabled background */
 
   232 	/* overrides the default buttons disabled background */
 
   232 	background: transparent !important;
 
   233 	background: transparent !important;
 
   233 }
 
   234 }
 
   234 
   235 
   235 .ie8 .wp-core-ui .button-link:focus {
 
       
   236 	outline: #5b9dd9 solid 1px;
 
       
   237 }
 
       
   238 
   236 
   239 /* ----------------------------------------------------------------------------
 
   237 /* ----------------------------------------------------------------------------
 
   240   3.0 - Primary Button Style
 
   238   3.0 - Primary Button Style
 
   241 ---------------------------------------------------------------------------- */
 
   239 ---------------------------------------------------------------------------- */
 
   242 
   240 
   243 .wp-core-ui .button-primary {
 
   241 .wp-core-ui .button-primary {
 
   244 	background: #0085ba;
 
   242 	background: #007cba;
 
   245 	border-color: #0073aa #006799 #006799;
 
   243 	border-color: #007cba;
 
   246 	box-shadow: 0 1px 0 #006799;
 
       
   247 	color: #fff;
 
   244 	color: #fff;
 
   248 	text-decoration: none;
 
   245 	text-decoration: none;
 
   249 	text-shadow: 0 -1px 1px #006799,
 
   246 	text-shadow: none;
 
   250 		-1px 0 1px #006799,
 
       
   251 		0 1px 1px #006799,
 
       
   252 		1px 0 1px #006799;
 
       
   253 }
 
   247 }
 
   254 
   248 
   255 .wp-core-ui .button-primary.hover,
 
   249 .wp-core-ui .button-primary.hover,
 
   256 .wp-core-ui .button-primary:hover,
 
   250 .wp-core-ui .button-primary:hover,
 
   257 .wp-core-ui .button-primary.focus,
 
   251 .wp-core-ui .button-primary.focus,
 
   258 .wp-core-ui .button-primary:focus {
 
   252 .wp-core-ui .button-primary:focus {
 
   259 	background: #008ec2;
 
   253 	background: #0071a1;
 
   260 	border-color: #006799;
 
   254 	border-color: #0071a1;
 
   261 	color: #fff;
 
   255 	color: #fff;
 
   262 }
 
   256 }
 
   263 
   257 
   264 .wp-core-ui .button-primary.focus,
 
   258 .wp-core-ui .button-primary.focus,
 
   265 .wp-core-ui .button-primary:focus {
 
   259 .wp-core-ui .button-primary:focus {
 
   266 	box-shadow: 0 1px 0 #0073aa,
 
   260 	box-shadow:
 
   267 		0 0 2px 1px #33b3db;
 
   261 		0 0 0 1px #fff,
 
       
   262 		0 0 0 3px #007cba;
 
   268 }
 
   263 }
 
   269 
   264 
   270 .wp-core-ui .button-primary.active,
 
   265 .wp-core-ui .button-primary.active,
 
   271 .wp-core-ui .button-primary.active:hover,
 
   266 .wp-core-ui .button-primary.active:hover,
 
   272 .wp-core-ui .button-primary.active:focus,
 
   267 .wp-core-ui .button-primary.active:focus,
 
   273 .wp-core-ui .button-primary:active {
 
   268 .wp-core-ui .button-primary:active {
 
   274 	background: #0073aa;
 
   269 	background: #00669b;
 
   275 	border-color: #006799;
 
   270 	border-color: #00669b;
 
   276 	box-shadow: inset 0 2px 0 #006799;
 
   271 	box-shadow: none;
 
       
   272 	color: #fff;
 
   277 }
 
   273 }
 
   278 
   274 
   279 .wp-core-ui .button-primary[disabled],
 
   275 .wp-core-ui .button-primary[disabled],
 
   280 .wp-core-ui .button-primary:disabled,
 
   276 .wp-core-ui .button-primary:disabled,
 
   281 .wp-core-ui .button-primary-disabled,
 
   277 .wp-core-ui .button-primary-disabled,
 
   282 .wp-core-ui .button-primary.disabled {
 
   278 .wp-core-ui .button-primary.disabled {
 
   283 	color: #66c6e4 !important;
 
   279 	color: #a0a5aa !important;
 
   284 	background: #008ec2 !important;
 
   280 	background: #f7f7f7 !important;
 
   285 	border-color: #007cb2 !important;
 
   281 	border-color: #ddd !important;
 
   286 	box-shadow: none !important;
 
   282 	box-shadow: none !important;
 
   287 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
 
   283 	text-shadow: none !important;
 
   288 	cursor: default;
 
   284 	cursor: default;
 
   289 }
 
       
   290 
       
   291 .wp-core-ui .button.button-primary.button-hero {
 
       
   292 	box-shadow: 0 2px 0 #006799;
 
       
   293 }
 
       
   294 
       
   295 .wp-core-ui .button.button-primary.button-hero:focus {
 
       
   296 	box-shadow:
 
       
   297 		0 2px 0 #006799,
 
       
   298 		0 1px 0 #0073aa,
 
       
   299 		0 0 2px 1px #33b3db;
 
       
   300 }
 
       
   301 
       
   302 .wp-core-ui .button.button-primary.button-hero.active,
 
       
   303 .wp-core-ui .button.button-primary.button-hero.active:hover,
 
       
   304 .wp-core-ui .button.button-primary.button-hero.active:focus,
 
       
   305 .wp-core-ui .button.button-primary.button-hero:active {
 
       
   306 	box-shadow: inset 0 3px 0 #006799;
 
       
   307 }
 
   285 }
 
   308 
   286 
   309 /* ----------------------------------------------------------------------------
 
   287 /* ----------------------------------------------------------------------------
 
   310   4.0 - Button Groups
 
   288   4.0 - Button Groups
 
   311 ---------------------------------------------------------------------------- */
 
   289 ---------------------------------------------------------------------------- */
 
   320 
   298 
   321 .wp-core-ui .button-group > .button {
 
   299 .wp-core-ui .button-group > .button {
 
   322 	display: inline-block;
 
   300 	display: inline-block;
 
   323 	border-radius: 0;
 
   301 	border-radius: 0;
 
   324 	margin-left: -1px;
 
   302 	margin-left: -1px;
 
   325 	z-index: 10;
 
       
   326 }
 
       
   327 
       
   328 .wp-core-ui .button-group > .button-primary {
 
       
   329 	z-index: 100;
 
       
   330 }
 
       
   331 
       
   332 .wp-core-ui .button-group > .button:hover {
 
       
   333 	z-index: 20;
 
       
   334 }
 
   303 }
 
   335 
   304 
   336 .wp-core-ui .button-group > .button:first-child {
 
   305 .wp-core-ui .button-group > .button:first-child {
 
   337 	border-radius: 0 3px 3px 0;
 
   306 	border-radius: 0 3px 3px 0;
 
   338 }
 
   307 }
 
   339 
   308 
   340 .wp-core-ui .button-group > .button:last-child {
 
   309 .wp-core-ui .button-group > .button:last-child {
 
   341 	border-radius: 3px 0 0 3px;
 
   310 	border-radius: 3px 0 0 3px;
 
       
   311 }
 
       
   312 
       
   313 .wp-core-ui .button-group > .button-primary + .button {
 
       
   314 	border-right: 0;
 
   342 }
 
   315 }
 
   343 
   316 
   344 .wp-core-ui .button-group > .button:focus {
 
   317 .wp-core-ui .button-group > .button:focus {
 
   345 	position: relative;
 
   318 	position: relative;
 
   346 	z-index: 1;
 
   319 	z-index: 1;
 
       
   320 }
 
       
   321 
       
   322 /* pressed state e.g. a selected setting */
 
       
   323 .wp-core-ui .button-group > .button.active {
 
       
   324 	background-color: #e2e4e7;
 
       
   325 	color: #00669b;
 
       
   326 	border-color: #016087;
 
       
   327 	box-shadow: inset 0 2px 5px -3px #016087;
 
       
   328 }
 
       
   329 
       
   330 .wp-core-ui .button-group > .button.active:focus {
 
       
   331 	border-color: #007cba;
 
       
   332 	box-shadow:
 
       
   333 		inset 0 2px 5px -3px #016087,
 
       
   334 		0 0 0 1px #007cba;
 
   347 }
 
   335 }
 
   348 
   336 
   349 /* ----------------------------------------------------------------------------
 
   337 /* ----------------------------------------------------------------------------
 
   350   5.0 - Responsive Button Styles
 
   338   5.0 - Responsive Button Styles
 
   351 ---------------------------------------------------------------------------- */
 
   339 ---------------------------------------------------------------------------- */
 
   356 	.wp-core-ui .button.button-large,
 
   344 	.wp-core-ui .button.button-large,
 
   357 	.wp-core-ui .button.button-small,
 
   345 	.wp-core-ui .button.button-small,
 
   358 	input#publish,
 
   346 	input#publish,
 
   359 	input#save-post,
 
   347 	input#save-post,
 
   360 	a.preview {
 
   348 	a.preview {
 
   361 		padding: 6px 14px;
 
   349 		padding: 0 14px;
 
   362 		line-height: normal;
 
   350 		line-height: 2.71428571; /* 38px */
 
   363 		font-size: 14px;
 
   351 		font-size: 14px;
 
   364 		vertical-align: middle;
 
   352 		vertical-align: middle;
 
   365 		height: auto;
 
   353 		min-height: 40px;
 
   366 		margin-bottom: 4px;
 
   354 		margin-bottom: 4px;
 
       
   355 	}
 
       
   356 
       
   357 	/* Copy attachment URL button in the legacy edit media page. */
 
       
   358 	.wp-core-ui .copy-to-clipboard-container .copy-attachment-url {
 
       
   359 		margin-bottom: 0;
 
   367 	}
 
   360 	}
 
   368 
   361 
   369 	#media-upload.wp-core-ui .button {
 
   362 	#media-upload.wp-core-ui .button {
 
   370 		padding: 0 10px 1px;
 
   363 		padding: 0 10px 1px;
 
   371 		height: 24px;
 
   364 		min-height: 24px;
 
   372 		line-height: 22px;
 
   365 		line-height: 22px;
 
   373 		font-size: 13px;
 
   366 		font-size: 13px;
 
   374 	}
 
   367 	}
 
   375 
   368 
   376 	.media-frame.mode-grid .bulk-select .button {
 
   369 	.media-frame.mode-grid .bulk-select .button {
 
   384 	}
 
   377 	}
 
   385 
   378 
   386 	/* Reset responsive styles in Press This, Customizer */
 
   379 	/* Reset responsive styles in Press This, Customizer */
 
   387 
   380 
   388 	.wp-core-ui.wp-customizer .button {
 
   381 	.wp-core-ui.wp-customizer .button {
 
   389 		padding: 0 10px 1px;
 
       
   390 		font-size: 13px;
 
   382 		font-size: 13px;
 
   391 		line-height: 26px;
 
   383 		line-height: 2.15384615; /* 28px */
 
   392 		height: 28px;
 
   384 		min-height: 30px;
 
   393 		margin: 0;
 
   385 		margin: 0;
 
   394 		vertical-align: inherit;
 
   386 		vertical-align: inherit;
 
   395 	}
 
   387 	}
 
   396 
   388 
   397 	.media-modal-content .media-toolbar-primary .media-button {
 
   389 	.media-modal-content .media-toolbar-primary .media-button {
 
   400 	}
 
   392 	}
 
   401 
   393 
   402 	/* Reset responsive styles on Log in button on iframed login form */
 
   394 	/* Reset responsive styles on Log in button on iframed login form */
 
   403 
   395 
   404 	.interim-login .button.button-large {
 
   396 	.interim-login .button.button-large {
 
   405 		height: 30px;
 
   397 		min-height: 30px;
 
   406 		line-height: 28px;
 
   398 		line-height: 2;
 
   407 		padding: 0 12px 2px;
 
   399 		padding: 0 12px 2px;
 
   408 	}
 
   400 	}
 
   409 
   401 
   410 }
 
   402 }
enmi-conf.org