2014-02-19 16:43:14 -05:00
|
|
|
/* General Widgets Styles */
|
|
|
|
|
|
|
|
|
|
.widget {
|
|
|
|
|
margin: 0 auto 10px;
|
|
|
|
|
position: relative;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
2020-02-11 10:26:09 -05:00
|
|
|
.widget.open {
|
|
|
|
|
z-index: 99;
|
|
|
|
|
}
|
|
|
|
|
.widget.open:focus-within {
|
|
|
|
|
z-index: 100;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.widget-top {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
font-weight: 600;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #f6f7f7;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2017-04-19 17:14:44 -04:00
|
|
|
.widget-top .widget-action {
|
|
|
|
|
border: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
background: none;
|
|
|
|
|
cursor: pointer;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2015-10-10 12:34:25 -04:00
|
|
|
.widget-title h3,
|
2014-02-19 16:43:14 -05:00
|
|
|
.widget-title h4 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 15px;
|
2015-10-10 12:34:25 -04:00
|
|
|
font-size: 1em;
|
2014-02-19 16:43:14 -05:00
|
|
|
line-height: 1;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-holder-wrap .widget-inside {
|
|
|
|
|
border-top: none;
|
|
|
|
|
padding: 1px 15px 15px 15px;
|
2019-05-25 10:44:52 -04:00
|
|
|
line-height: 1.23076923;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2017-09-08 15:11:43 -04:00
|
|
|
.widget.widget-dirty .widget-control-close-wrapper {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.in-widget-title,
|
|
|
|
|
#widgets-right a.widget-control-edit,
|
|
|
|
|
#available-widgets .widget-description {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #646970;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.deleting .widget-title,
|
2017-04-19 17:14:44 -04:00
|
|
|
.deleting .widget-top .widget-action .toggle-indicator:before {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #a7aaad;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
/* Media Widgets */
|
|
|
|
|
.wp-core-ui .media-widget-control.selected .placeholder,
|
|
|
|
|
.wp-core-ui .media-widget-control.selected .not-selected,
|
|
|
|
|
.wp-core-ui .media-widget-control .selected {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-control.selected .selected {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-buttons {
|
|
|
|
|
text-align: left;
|
2017-05-12 13:50:44 -04:00
|
|
|
margin-top: 0;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-control .media-widget-buttons .button {
|
|
|
|
|
width: auto;
|
2017-05-12 13:50:44 -04:00
|
|
|
height: auto;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
white-space: normal;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
}
|
2017-05-12 13:50:44 -04:00
|
|
|
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
.media-widget-buttons .button:first-child {
|
2017-05-12 13:50:44 -04:00
|
|
|
margin-right: 8px;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
}
|
|
|
|
|
|
2019-03-05 12:49:52 -05:00
|
|
|
.media-widget-control .attachment-media-view .button-add-media,
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
.media-widget-control .placeholder {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 1px dashed #c3c4c7;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
box-sizing: border-box;
|
2017-09-25 02:28:45 -04:00
|
|
|
cursor: pointer;
|
2019-03-28 12:39:51 -04:00
|
|
|
line-height: 1.6;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
padding: 9px 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2019-03-05 12:49:52 -05:00
|
|
|
.media-widget-control .attachment-media-view .button-add-media {
|
|
|
|
|
cursor: pointer;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-color: #f0f0f1;
|
|
|
|
|
color: #2c3338;
|
2019-03-05 12:49:52 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-control .attachment-media-view .button-add-media:hover {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-color: #fff;
|
2019-03-05 12:49:52 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-control .attachment-media-view .button-add-media:focus {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-color: #fff;
|
2019-03-05 12:49:52 -05:00
|
|
|
border-style: solid;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-color: #4f94d4;
|
|
|
|
|
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
|
2019-03-05 12:49:52 -05:00
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -2px;
|
|
|
|
|
}
|
|
|
|
|
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
.media-widget-control .media-widget-preview {
|
2017-10-11 15:45:49 -04:00
|
|
|
background: transparent;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.media-widget-control .media-widget-preview .notice {
|
|
|
|
|
text-align: initial;
|
|
|
|
|
}
|
|
|
|
|
.media-frame .media-widget-embed-notice p code,
|
|
|
|
|
.media-widget-control .notice p code {
|
|
|
|
|
padding: 0 3px 0 0;
|
|
|
|
|
}
|
|
|
|
|
.media-frame .media-widget-embed-notice {
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
}
|
|
|
|
|
.media-widget-control .media-widget-preview img {
|
|
|
|
|
max-width: 100%;
|
2017-08-23 13:15:42 -04:00
|
|
|
vertical-align: middle;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
|
2020-02-10 20:47:06 -05:00
|
|
|
background-position: 0 0, 10px 10px;
|
|
|
|
|
background-size: 20px 20px;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
}
|
|
|
|
|
.media-widget-control .media-widget-preview .wp-video-shortcode {
|
|
|
|
|
background: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.media-widget .media-toolbar-secondary {
|
|
|
|
|
min-width: 300px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.media-widget .image-details .embed-media-settings .setting.align,
|
|
|
|
|
.media-frame.media-widget .attachment-display-settings .setting.align,
|
|
|
|
|
.media-frame.media-widget .embed-media-settings .setting.align,
|
2020-02-14 21:50:08 -05:00
|
|
|
.media-frame.media-widget .embed-media-settings .legend-inline,
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
.media-frame.media-widget .embed-link-settings .setting.link-text,
|
|
|
|
|
.media-frame.media-widget .replace-attachment,
|
|
|
|
|
.media-frame.media-widget .checkbox-setting.autoplay {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-video-preview {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-video-link {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
min-height: 132px;
|
|
|
|
|
width: 100%;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #000;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-video-link .dashicons {
|
|
|
|
|
font: normal 60px/1 'dashicons';
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
top: -90px;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #fff;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-video-link.no-poster .dashicons {
|
|
|
|
|
top: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
2017-11-09 20:28:49 -05:00
|
|
|
.media-frame #embed-url-field.invalid,
|
|
|
|
|
.media-widget-image-link > .link:invalid {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 1px solid #d63638;
|
Widgets: Introduce media widgets for images, audio, and video with extensible base for additional media widgets in the future.
The last time a new widget was introduced, Vuvuzelas were a thing, Angry Birds started taking over phones, and WordPress stopped shipping with Kubrick. Seven years and 17 releases without new widgets have been enough, time to spice up your sidebar!
Props westonruter, melchoyce, obenland, timmydcrawford, adamsilverstein, gonom9, wonderboymusic, Fab1en, DrewAPicture, sirbrillig, joen, matias, samikeijonen, afercia, celloexpressions, designsimply, michelleweber, ranh, kjellr, karmatosed.
Fixes #32417, #39993, #39994, #39995.
Built from https://develop.svn.wordpress.org/trunk@40640
git-svn-id: http://core.svn.wordpress.org/trunk@40501 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-11 17:11:44 -04:00
|
|
|
}
|
|
|
|
|
|
2017-08-14 13:56:42 -04:00
|
|
|
.media-widget-image-link {
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
|
2017-09-25 02:28:45 -04:00
|
|
|
.media-widget-gallery-preview {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
flex-wrap: wrap;
|
2017-10-11 15:45:49 -04:00
|
|
|
margin: -1.79104477%;
|
2017-09-25 02:28:45 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-preview.media_gallery,
|
|
|
|
|
.media-widget-preview.media_image {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
2018-01-23 09:01:31 -05:00
|
|
|
.media-widget-preview .placeholder {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #f0f0f1;
|
2017-10-11 15:45:49 -04:00
|
|
|
}
|
|
|
|
|
|
2017-09-25 02:28:45 -04:00
|
|
|
.media-widget-gallery-preview .gallery-item {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: 0;
|
2017-10-11 15:45:49 -04:00
|
|
|
background: transparent;
|
2017-09-25 02:28:45 -04:00
|
|
|
}
|
|
|
|
|
|
2018-01-23 09:01:31 -05:00
|
|
|
.media-widget-gallery-preview .gallery-item .gallery-icon {
|
2017-10-11 17:14:51 -04:00
|
|
|
margin: 4.5%;
|
|
|
|
|
}
|
|
|
|
|
|
2017-09-25 02:28:45 -04:00
|
|
|
/*
|
|
|
|
|
* Use targeted nth-last-child selectors to control the size of each image
|
|
|
|
|
* based on how many gallery items are present in the grid.
|
|
|
|
|
* See: https://alistapart.com/article/quantity-queries-for-css
|
|
|
|
|
*/
|
|
|
|
|
.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child,
|
|
|
|
|
.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item,
|
|
|
|
|
.media-widget-gallery-preview .gallery-item:nth-last-child(n+5),
|
|
|
|
|
.media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item,
|
|
|
|
|
.media-widget-gallery-preview .gallery-item:nth-last-child(n+6),
|
|
|
|
|
.media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item {
|
|
|
|
|
max-width: 33.33%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-gallery-preview .gallery-item img {
|
|
|
|
|
height: auto;
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-gallery-preview .gallery-icon {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-gallery-preview .gallery-icon-placeholder {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
2019-03-04 17:02:52 -05:00
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
2017-09-25 02:28:45 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-widget-gallery-preview .gallery-icon-placeholder-text {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
font-size: 2em;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #fff;
|
2017-09-25 02:28:45 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* Widget Dragging Helpers */
|
|
|
|
|
.widget.ui-draggable-dragging {
|
|
|
|
|
min-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget.ui-sortable-helper {
|
|
|
|
|
opacity: 0.8;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-placeholder {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 1px dashed #c3c4c7;
|
2014-02-19 16:43:14 -05:00
|
|
|
margin: 0 auto 10px;
|
|
|
|
|
height: 45px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right .widget-placeholder {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right .closed .widget-placeholder {
|
|
|
|
|
height: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
margin-top: -10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Widget Sidebars */
|
|
|
|
|
.sidebar-name {
|
|
|
|
|
position: relative;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
2017-09-27 12:29:44 -04:00
|
|
|
.js .sidebar-name {
|
|
|
|
|
cursor: pointer;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2017-09-27 12:29:44 -04:00
|
|
|
.sidebar-name .handlediv {
|
|
|
|
|
float: right;
|
|
|
|
|
width: 38px;
|
|
|
|
|
height: 38px;
|
|
|
|
|
border: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 8px;
|
|
|
|
|
background: none;
|
2014-02-19 16:43:14 -05:00
|
|
|
cursor: pointer;
|
2017-09-27 12:29:44 -04:00
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right .sidebar-name .handlediv {
|
|
|
|
|
margin: 5px 3px 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar-name .handlediv:focus {
|
|
|
|
|
box-shadow: none;
|
2020-07-04 06:44:03 -04:00
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 1px solid transparent;
|
2017-09-27 12:29:44 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .sidebar-name .toggle-indicator {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator,
|
|
|
|
|
#widgets-left .sidebar-name:hover .toggle-indicator,
|
|
|
|
|
#widgets-left .sidebar-name .handlediv:focus .toggle-indicator {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar-name .toggle-indicator:before {
|
|
|
|
|
padding: 1px 2px 1px 0;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar-name .handlediv:focus .toggle-indicator:before {
|
|
|
|
|
box-shadow:
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
0 0 0 1px #4f94d4,
|
|
|
|
|
0 0 2px 1px rgba(79, 148, 212, 0.8);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2015-10-10 12:34:25 -04:00
|
|
|
.sidebar-name h2,
|
2014-02-19 16:43:14 -05:00
|
|
|
.sidebar-name h3 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 8px 10px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-holder-wrap .description {
|
|
|
|
|
padding: 0 0 15px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-style: normal;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #787c82;
|
2016-01-25 19:04:26 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-holder .description,
|
|
|
|
|
.inactive-sidebar .description {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #50575e;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right .widgets-holder-wrap .description {
|
|
|
|
|
padding-left: 7px;
|
|
|
|
|
padding-right: 7px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Widgets 2-col Layout */
|
|
|
|
|
div.widget-liquid-left {
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 38%;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.widget-liquid-right {
|
|
|
|
|
float: right;
|
|
|
|
|
width: 58%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Widgets Left - Available Widgets */
|
|
|
|
|
|
|
|
|
|
div#widgets-left {
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-left .closed .sidebar-name,
|
|
|
|
|
div#widgets-left .inactive-sidebar.closed .sidebar-name {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-10-10 12:34:25 -04:00
|
|
|
div#widgets-left .sidebar-name h2,
|
2014-02-19 16:43:14 -05:00
|
|
|
div#widgets-left .sidebar-name h3 {
|
|
|
|
|
padding: 10px 0;
|
|
|
|
|
margin: 0 10px 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
2016-01-13 17:36:26 -05:00
|
|
|
#widgets-left .widgets-holder-wrap,
|
2014-02-19 16:43:14 -05:00
|
|
|
div#widgets-left .widget-holder {
|
|
|
|
|
background: transparent;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .widgets-holder-wrap {
|
|
|
|
|
border: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#available-widgets .widget {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#available-widgets .widget:nth-child(odd) {
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#available-widgets .widget .widget-description {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 10px 15px;
|
|
|
|
|
font-size: 12px;
|
2017-09-06 14:28:43 -04:00
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
word-wrap: break-word;
|
|
|
|
|
-ms-word-break: break-all;
|
|
|
|
|
word-break: break-word;
|
|
|
|
|
-ms-hyphens: auto;
|
|
|
|
|
-webkit-hyphens: auto;
|
|
|
|
|
hyphens: auto;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#available-widgets #widget-list {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Inactive Sidebars */
|
|
|
|
|
#widgets-left .inactive-sidebar {
|
|
|
|
|
clear: both;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background: transparent;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0 0 20px 0;
|
|
|
|
|
border: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .inactive-sidebar.first {
|
|
|
|
|
margin-top: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Not sure what this is for... */
|
|
|
|
|
div#widgets-left .inactive-sidebar .widget.expanded {
|
|
|
|
|
left: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-title-action {
|
|
|
|
|
float: right;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-left .inactive-sidebar .widgets-sortables {
|
|
|
|
|
min-height: 42px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background: transparent;
|
|
|
|
|
margin: 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Widgets Right */
|
|
|
|
|
|
|
|
|
|
div#widgets-right .sidebars-column-1,
|
|
|
|
|
div#widgets-right .sidebars-column-2 {
|
|
|
|
|
max-width: 450px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-right .widgets-holder-wrap {
|
|
|
|
|
margin: 10px 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-right .sidebar-description {
|
|
|
|
|
min-height: 20px;
|
|
|
|
|
margin-top: -5px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-10-10 12:34:25 -04:00
|
|
|
div#widgets-right .sidebar-name h2,
|
2014-02-19 16:43:14 -05:00
|
|
|
div#widgets-right .sidebar-name h3 {
|
|
|
|
|
padding: 15px 7px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-right .widget-top {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-right .widgets-sortables {
|
|
|
|
|
padding: 0 8px;
|
|
|
|
|
margin-bottom: 9px;
|
|
|
|
|
position: relative;
|
|
|
|
|
min-height: 123px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div#widgets-right .closed .widgets-sortables {
|
|
|
|
|
min-height: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-10-21 01:23:26 -04:00
|
|
|
.sidebar-name .spinner,
|
|
|
|
|
.remove-inactive-widgets .spinner {
|
2014-02-19 16:43:14 -05:00
|
|
|
float: none;
|
2015-04-03 00:52:27 -04:00
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
margin: -5px 5px;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Dragging a widget over a closed sidebar */
|
|
|
|
|
#widgets-right .widgets-holder-wrap.widget-hover {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-color: #787c82;
|
2019-03-04 17:02:52 -05:00
|
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Accessibility Mode */
|
2018-03-06 12:21:33 -05:00
|
|
|
.widget-access-link {
|
|
|
|
|
float: right;
|
|
|
|
|
margin: -5px 0 10px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
.widgets_access #widgets-left .widget .widget-top {
|
|
|
|
|
cursor: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets_access #wpwrap .widgets-holder-wrap.closed .sidebar-description,
|
|
|
|
|
.widgets_access #wpwrap .widgets-holder-wrap.closed .widget,
|
|
|
|
|
.widgets_access #wpwrap .widget-control-edit {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets_access #widgets-left .widget .widget-top:hover,
|
|
|
|
|
.widgets_access #widgets-right .widget .widget-top:hover {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-color: #dcdcde;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#available-widgets .widget-control-edit .edit,
|
2018-03-07 17:27:31 -05:00
|
|
|
#available-widgets .widget-action .edit,
|
2014-02-19 16:43:14 -05:00
|
|
|
#widgets-left .inactive-sidebar .widget-control-edit .add,
|
2018-03-07 17:27:31 -05:00
|
|
|
#widgets-left .inactive-sidebar .widget-action .add,
|
|
|
|
|
#widgets-right .widget-control-edit .add,
|
|
|
|
|
#widgets-right .widget-action .add {
|
2014-02-19 16:43:14 -05:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-control-edit {
|
|
|
|
|
display: block;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #646970;
|
|
|
|
|
background: #f0f0f1;
|
2014-02-19 16:43:14 -05:00
|
|
|
padding: 0 15px;
|
2019-05-25 10:44:52 -04:00
|
|
|
line-height: 3.30769230;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-left: 1px solid #dcdcde;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .widget-control-edit:hover,
|
|
|
|
|
#widgets-right .widget-control-edit:hover {
|
|
|
|
|
color: #fff;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #3c434a;
|
2014-02-19 16:43:14 -05:00
|
|
|
border-left: 0;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
outline: 1px solid #3c434a;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-holder-wrap .sidebar-name,
|
|
|
|
|
.widgets-holder-wrap .sidebar-description {
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.editwidget {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.editwidget .widget-inside {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 0 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.editwidget .widget-control-actions {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.js .widgets-holder-wrap.closed .widget,
|
|
|
|
|
.js .widgets-holder-wrap.closed .sidebar-description,
|
2015-10-21 01:23:26 -04:00
|
|
|
.js .widgets-holder-wrap.closed .remove-inactive-widgets,
|
2016-04-28 16:40:28 -04:00
|
|
|
.js .widgets-holder-wrap.closed .description,
|
2014-02-19 16:43:14 -05:00
|
|
|
.js .closed br.clear {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-09 20:32:31 -04:00
|
|
|
.js .widgets-holder-wrap.closed .widget.ui-sortable-helper {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* Hide Widget Settings by Default */
|
|
|
|
|
.widget-inside,
|
|
|
|
|
.widget-description {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-inside {
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
2020-02-25 12:04:07 -05:00
|
|
|
.widget-inside select {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* Dragging widgets over the available widget area show's a "Deactivate" message */
|
|
|
|
|
#removing-widget {
|
|
|
|
|
display: none;
|
2016-06-17 14:37:28 -04:00
|
|
|
font-weight: 400;
|
2014-02-19 16:43:14 -05:00
|
|
|
padding-left: 15px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
line-height: 1;
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #000;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.js #removing-widget {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
color: #72aee6;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-control-noform,
|
|
|
|
|
#access-off,
|
|
|
|
|
.widgets_access .widget-action,
|
2017-09-27 12:29:44 -04:00
|
|
|
.widgets_access .handlediv,
|
2014-02-19 16:43:14 -05:00
|
|
|
.widgets_access #access-on,
|
|
|
|
|
.widgets_access .widget-holder .description,
|
|
|
|
|
.no-js .widget-holder .description {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets_access .widget-holder,
|
|
|
|
|
.widgets_access #widget-list {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets_access #access-off {
|
|
|
|
|
display: inline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets_access .sidebar-name,
|
|
|
|
|
.widgets_access .widget .widget-top {
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Widgets Area Chooser */
|
|
|
|
|
.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
|
|
|
|
|
.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
|
|
|
|
|
transition: opacity 0.1s linear;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
|
|
|
|
|
.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
|
|
|
|
|
/* -webkit-filter: blur(1px); */
|
|
|
|
|
opacity: 0.2;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question {
|
|
|
|
|
/* -webkit-filter: none; */
|
|
|
|
|
opacity: 1;
|
|
|
|
|
pointer-events: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser ul,
|
|
|
|
|
#widgets-left .widget-in-question .widget-top,
|
|
|
|
|
#available-widgets .widget-top:hover,
|
|
|
|
|
div#widgets-right .widget-top:hover,
|
|
|
|
|
#widgets-left .widget-top:hover {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-color: #8c8f94;
|
2019-03-04 17:02:52 -05:00
|
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser ul.widgets-chooser-sidebars {
|
|
|
|
|
margin: 0;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
max-height: 300px;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser ul {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 1px solid #c3c4c7;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser li {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border-bottom: 1px solid #c3c4c7;
|
2014-02-19 16:43:14 -05:00
|
|
|
background: #fff;
|
|
|
|
|
margin: 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
2018-03-07 17:27:31 -05:00
|
|
|
.widgets-chooser .widgets-chooser-button {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 10px 15px 10px 35px;
|
|
|
|
|
background: transparent;
|
|
|
|
|
border: 0;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
text-align: left;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
transition: background 0.2s ease-in-out;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
2018-03-07 17:27:31 -05:00
|
|
|
/* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
|
|
|
|
|
.widgets-chooser .widgets-chooser-button:hover,
|
|
|
|
|
.widgets-chooser .widgets-chooser-button:focus {
|
|
|
|
|
outline: none;
|
|
|
|
|
text-decoration: underline;
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser li:last-child {
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
2018-03-07 17:27:31 -05:00
|
|
|
.widgets-chooser .widgets-chooser-selected .widgets-chooser-button {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
background: #2271b1;
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
2018-03-07 17:27:31 -05:00
|
|
|
.widgets-chooser .widgets-chooser-selected:before {
|
2015-09-10 16:22:25 -04:00
|
|
|
content: "\f147";
|
2014-02-19 16:43:14 -05:00
|
|
|
display: block;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
2015-09-05 15:57:25 -04:00
|
|
|
font: normal 26px/1 dashicons;
|
2014-02-19 16:43:14 -05:00
|
|
|
color: #fff;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 7px;
|
|
|
|
|
left: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widgets-chooser .widgets-chooser-actions {
|
|
|
|
|
padding: 10px 0 12px 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#available-widgets .widget .widget-top {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-09 20:32:31 -04:00
|
|
|
#available-widgets .widget.ui-draggable-dragging .widget-top {
|
|
|
|
|
cursor: move;
|
|
|
|
|
}
|
|
|
|
|
|
2017-07-14 13:09:43 -04:00
|
|
|
/* =Specific widget styling
|
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
|
.text-widget-fields {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.text-widget-fields [hidden] {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.text-widget-fields .wp-pointer.wp-pointer-top {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
top: 100px;
|
|
|
|
|
right: 10px;
|
|
|
|
|
left: 10px;
|
|
|
|
|
}
|
|
|
|
|
.text-widget-fields .wp-pointer .wp-pointer-arrow {
|
|
|
|
|
left: auto;
|
|
|
|
|
right: 15px;
|
|
|
|
|
}
|
|
|
|
|
.text-widget-fields .wp-pointer .wp-pointer-buttons {
|
2019-03-28 12:39:51 -04:00
|
|
|
line-height: 1.4;
|
2017-07-14 13:09:43 -04:00
|
|
|
}
|
|
|
|
|
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
.custom-html-widget-fields > p > .CodeMirror {
|
Administration: Standardize colors used in CSS to a single palette.
This is part of a larger project in cleaning up core's admin CSS. This collapses all colors used in the CSS to one of 12 blues, greens, reds, and yellows, 13 grays, pure black, and pure white. The colors are perceptually uniform from light to dark, half of each range has a 4.5 or higher contrast against white, the other half has a 4.5 or higher contrast against black.
Standardizing on this set of colors will help contributors make consistent, accessible design decisions. The full color palette can be seen here: https://codepen.io/ryelle/full/WNGVEjw
Props notlaura, danfarrow, kburgoine, drw158, audrasjb, Joen, hedgefield, ibdz, melchoyce.
See #49999.
Built from https://develop.svn.wordpress.org/trunk@50025
git-svn-id: http://core.svn.wordpress.org/trunk@49726 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-01-26 13:54:59 -05:00
|
|
|
border: 1px solid #dcdcde;
|
Editor: Add CodeMirror-powered code editor with syntax highlighting, linting, and auto-completion.
* Code editor is integrated into the Theme/Plugin Editor, Additional CSS in Customizer, and Custom HTML widget. Code editor is not yet integrated into the post editor, and it may not be until accessibility concerns are addressed.
* The CodeMirror component in the Custom HTML widget is integrated in a similar way to TinyMCE being integrated into the Text widget, adopting the same approach for integrating dynamic JavaScript-initialized fields.
* Linting is performed for JS, CSS, HTML, and JSON via JSHint, CSSLint, HTMLHint, and JSONLint respectively. Linting is not yet supported for PHP.
* When user lacks `unfiltered_html` the capability, the Custom HTML widget will report any Kses-invalid elements and attributes as errors via a custom Kses rule for HTMLHint.
* When linting errors are detected, the user will be prevented from saving the code until the errors are fixed, reducing instances of broken websites.
* The placeholder value is removed from Custom CSS in favor of a fleshed-out section description which now auto-expands when the CSS field is empty. See #39892.
* The CodeMirror library is included as `wp.CodeMirror` to prevent conflicts with any existing `CodeMirror` global.
* An `wp.codeEditor.initialize()` API in JS is provided to convert a `textarea` into CodeMirror, with a `wp_enqueue_code_editor()` function in PHP to manage enqueueing the assets and settings needed to edit a given type of code.
* A user preference is added to manage whether or not "syntax highlighting" is enabled. The feature is opt-out, being enabled by default.
* Allowed file extensions in the theme and plugin editors have been updated to include formats which CodeMirror has modes for: `conf`, `css`, `diff`, `patch`, `html`, `htm`, `http`, `js`, `json`, `jsx`, `less`, `md`, `php`, `phtml`, `php3`, `php4`, `php5`, `php7`, `phps`, `scss`, `sass`, `sh`, `bash`, `sql`, `svg`, `xml`, `yml`, `yaml`, `txt`.
Props westonruter, georgestephanis, obenland, melchoyce, pixolin, mizejewski, michelleweber, afercia, grahamarmfield, samikeijonen, rianrietveld, iseulde.
See #38707.
Fixes #12423, #39892.
Built from https://develop.svn.wordpress.org/trunk@41376
git-svn-id: http://core.svn.wordpress.org/trunk@41209 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-09-13 02:08:47 -04:00
|
|
|
}
|
|
|
|
|
.custom-html-widget-fields code {
|
|
|
|
|
padding-top: 1px;
|
|
|
|
|
padding-bottom: 1px;
|
|
|
|
|
}
|
|
|
|
|
ul.CodeMirror-hints {
|
|
|
|
|
z-index: 101; /* Due to z-index 100 set on .widget.open */
|
|
|
|
|
}
|
|
|
|
|
.widget-control-actions .custom-html-widget-save-button.button.validation-blocked {
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
/* =Media Queries
|
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
|
|
2020-07-07 13:29:04 -04:00
|
|
|
@media screen and (max-width: 782px) {
|
|
|
|
|
.widgets-holder-wrap .widget-inside input[type="checkbox"],
|
|
|
|
|
.widgets-holder-wrap .widget-inside input[type="radio"],
|
|
|
|
|
.editwidget .widget-inside input[type="checkbox"], /* Selectors for the "accessibility mode" page. */
|
|
|
|
|
.editwidget .widget-inside input[type="radio"] {
|
|
|
|
|
margin: 0.25rem 0.25rem 0.25rem 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-19 16:43:14 -05:00
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
|
div.widget-liquid-left {
|
|
|
|
|
width: 100%;
|
|
|
|
|
float: none;
|
|
|
|
|
border-right: none;
|
|
|
|
|
padding-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .sidebar-name {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left #available-widgets .widget-top {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left .inactive-sidebar .widgets-sortables {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.widget-liquid-right {
|
|
|
|
|
width: 100%;
|
|
|
|
|
float: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.widget {
|
|
|
|
|
max-width: 480px;
|
|
|
|
|
}
|
2018-03-06 12:21:33 -05:00
|
|
|
|
|
|
|
|
.widget-access-link {
|
|
|
|
|
float: none;
|
|
|
|
|
margin: 15px 0 0 0;
|
|
|
|
|
}
|
2014-02-19 16:43:14 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 320px) {
|
|
|
|
|
div.widget {
|
|
|
|
|
max-width: 320px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (min-width: 1250px) {
|
|
|
|
|
#widgets-left #available-widgets .widget {
|
|
|
|
|
width: 49%;
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widget.ui-draggable-dragging {
|
|
|
|
|
min-width: 49%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-left #available-widgets .widget:nth-child(even) {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right .sidebars-column-1,
|
|
|
|
|
#widgets-right .sidebars-column-2 {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 49%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right .sidebars-column-1 {
|
|
|
|
|
margin-right: 2%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#widgets-right.single-sidebar .sidebars-column-1,
|
|
|
|
|
#widgets-right.single-sidebar .sidebars-column-2 {
|
|
|
|
|
float: none;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
