WordPress/wp-admin/css/press-this-editor.css
Helen Hou-Sandí a800cf654b Drop Open Sans in the admin in favor of system fonts.
Rejoice, for your admins will feel more native to your surrounding computing environment and likely load faster, especially when offline, as they no longer have to talk to The Google Overlord.

At the time of introduction in 3.8, there were not good system fonts common to all platforms at the time. In the years since, Windows, Android, OS X, iOS, Firefox OS, and various flavors of Linux have all gotten their own (good) system UI fonts.

There will definitely be visual bugs, mainly around alignment and spacing; these should be documented and reported on the ticket and fixed more atomically so that our current and future selves have a better understanding of what happened and why.

The style remains registered, as it is almost certainly in use by themes and plugins.

props mattmiklic.
see #36753.

Built from https://develop.svn.wordpress.org/trunk@37361


git-svn-id: http://core.svn.wordpress.org/trunk@37327 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-05-04 22:07:37 +00:00

123 lines
1.3 KiB
CSS

/*
Press This TinyMCE editor styles :)
*/
/**
* Links
*/
a {
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover,
a:focus,
a:active {
color: #00a0d2;
}
/**
* Lists
*/
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/**
* Media
*
* Basic image and object styles
*/
img {
max-width: 100%;
height: auto;
}
/* Makes sure embeds and iframes fit inside their containers */
embed,
iframe,
object {
max-width: 100%;
}
/**
* TinyMCE styles
*
* Pretty dang good.
*/
body {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
}
@media (max-width: 900px) {
body#tinymce {
padding-top: 30px !important;
}
}
@media (max-width: 640px) {
body {
font-size: 16px;
}
}
@media (max-width: 320px) {
body {
margin: 0 15px;
}
}
#tinymce b,
#tinymce strong {
/* overrides TinyMCE's !important. Woohoo. */
font-weight: 700 !important;
}
blockquote {
margin: 1em 1.5em;
color: #9ea7af;
font-size: em(25px);
font-style: italic;
}
@media (max-width: 900px) {
blockquote {
margin: 1.5em 1em;
}
}
ul,
ol {
margin: 0 0 1.5em .75em;
}