mirror of
https://github.com/WordPress/WordPress.git
synced 2024-07-15 00:05:18 +02:00
d2f0abf85f
CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS. RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows. Changes: * devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`. * RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive. * RTLCSS supports the `transform` property, means we can remove some ignore rules. * RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs. Notes for core development: * The file generation task is still `grunt rtl`. * If you have used `grunt cssjanus` before, use `grunt rtlcss` now. * Remember the new directive `/* rtl:ignore */`. fixes #31332. Build: https://build.trac.wordpress.org/changeset/31554 Built from https://develop.svn.wordpress.org/trunk@31573 git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
124 lines
1.4 KiB
CSS
124 lines
1.4 KiB
CSS
/*
|
|
Press This TinyMCE editor styles :)
|
|
*/
|
|
|
|
|
|
/**
|
|
* Links
|
|
*/
|
|
@import url("//fonts.googleapis.com.css?family=Open+Sans:400italic,700italic,400,600,700");
|
|
a {
|
|
color: #0074a2;
|
|
}
|
|
|
|
a:visited {
|
|
color: #0074a2;
|
|
}
|
|
|
|
a:hover,
|
|
a:focus,
|
|
a:active {
|
|
color: #2ea2cc;
|
|
}
|
|
|
|
|
|
/**
|
|
* Lists
|
|
*/
|
|
ul,
|
|
ol {
|
|
margin: 0 3em 1.5em 0;
|
|
}
|
|
|
|
ul {
|
|
list-style: disc;
|
|
}
|
|
|
|
ol {
|
|
list-style: decimal;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol {
|
|
margin-bottom: 0;
|
|
margin-right: 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: "Open Sans", Helvetica, Arial, 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 .75em 1.5em 0;
|
|
}
|