navasena/wp-content/themes/thinkai/editor-style.css

782 lines
20 KiB
CSS
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/** === Editor Frame === */
body .wp-block[data-align="full"] {
width: 100%;
}
@media only screen and (min-width: 600px) {
body .wp-block[data-align="full"] {
width: calc( 100% + 90px);
max-width: calc( 100% + 90px);
}
}
@media only screen and (min-width: 768px) {
body .editor-writing-flow {
max-width: 80%;
margin: 0 10%;
}
body .editor-post-title__block,
body .editor-default-block-appender,
body .editor-block-list__block {
margin-left: 0;
margin-right: 0;
}
body .wp-block[data-align="wide"] {
width: 100%;
}
body .wp-block[data-align="full"] {
position: relative;
left: calc( -12.5% - 14px);
width: calc( 125% + 116px);
max-width: calc( 125% + 115px);
}
body .wp-block[data-align="right"] {
max-width: 125%;
}
}
/** === Content Width === */
.wp-block {
width: calc(100vw - (2 * 1rem));
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.wp-block {
width: calc(8 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.wp-block {
width: calc(6 * (100vw / 12 ));
}
.editor-post-title .wp-block {
width: 100%;
max-width:100%;
}
}
.wp-block .wp-block {
width: 100%;
}
/** === Base Typography === */
body {
font-size: 18px;
color: #0c2957;
line-height: 1.6em;
font-weight: 500;
font-family: 'Barlow', sans-serif;
}
p{
font-size: 18px;
font-family: 'Barlow', sans-serif;
line-height: 1.6em;
font-weight: 500;
color: #0c2957;
margin-bottom:0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Fira Sans', sans-serif;
font-weight: 600;
color: #202020;
line-height: 1.6;
}
h1{
font-size:2.5rem;
}
h2{
font-size:2rem;
}
h3{
font-size:1.75rem;
}
h4{
font-size:1.5rem;
}
h5{
font-size:1.25rem;
}
h6{
font-size:1rem;
}
a {
transition: color 110ms ease-in-out;
color: #fd4a36;
}
a:hover, a:active {
color: #9cc700;
outline: 0;
text-decoration: none;
}
a:focus {
outline: 0;
text-decoration: underline;
}
.has-primary-background-color,
.has-secondary-background-color,
.has-dark-gray-background-color,
.has-light-gray-background-color {
color: #fff;
}
.has-primary-background-color p,
.has-primary-background-color h1,
.has-primary-background-color h2,
.has-primary-background-color h3,
.has-primary-background-color h4,
.has-primary-background-color h5,
.has-primary-background-color h6,
.has-primary-background-color a,
.has-secondary-background-color p,
.has-secondary-background-color h1,
.has-secondary-background-color h2,
.has-secondary-background-color h3,
.has-secondary-background-color h4,
.has-secondary-background-color h5,
.has-secondary-background-color h6,
.has-secondary-background-color a,
.has-dark-gray-background-color p,
.has-dark-gray-background-color h1,
.has-dark-gray-background-color h2,
.has-dark-gray-background-color h3,
.has-dark-gray-background-color h4,
.has-dark-gray-background-color h5,
.has-dark-gray-background-color h6,
.has-dark-gray-background-color a,
.has-light-gray-background-color p,
.has-light-gray-background-color h1,
.has-light-gray-background-color h2,
.has-light-gray-background-color h3,
.has-light-gray-background-color h4,
.has-light-gray-background-color h5,
.has-light-gray-background-color h6,
.has-light-gray-background-color a {
color: #fff;
}
.has-white-background-color {
color: #111;
}
.has-white-background-color p,
.has-white-background-color h1,
.has-white-background-color h2,
.has-white-background-color h3,
.has-white-background-color h4,
.has-white-background-color h5,
.has-white-background-color h6,
.has-white-background-color a {
color: #111;
}
figcaption,
.gallery-caption {
font-family: 'Barlow', sans-serif;
font-size: 13px;
line-height: 1.6;
color: #555d66;
}
/** === Post Title === */
.editor-post-title{
background-color:rgba(32, 22, 48, 0.85);
position: relative;
padding: 100px 0px 60px;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
margin-bottom: 100px;
background-position: center top;
}
.editor-post-title__block .editor-post-title__input {
font-family: 'Fira Sans', sans-serif;
font-size: 48px;
font-weight: 600;
color:#fff;
}
/** === Default Appender === */
.editor-default-block-appender .editor-default-block-appender__content {
font-family: 'Barlow', sans-serif;
font-size: 22px;
}
/** === Heading === */
.wp-block-heading strong {
font-weight: bolder;
}
/** === Paragraph === */
.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
font-family: 'Barlow', sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0.25em 0 0;
}
/** === Table === */
.wp-block-table {
font-family: 'Barlow', sans-serif;
}
/** === Cover === */
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-text {
font-family: 'Barlow', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
padding-left: 1rem;
padding-right: 1rem;
}
.wp-block-cover h2 strong,
.wp-block-cover .wp-block-cover-text strong {
font-weight: bolder;
}
@media only screen and (min-width: 768px) {
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-text {
margin-left: auto;
margin-right: auto;
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.wp-block-cover {
padding-left: 10%;
padding-right: 10%;
}
.wp-block-cover h2 {
font-size: 2.25em;
}
.wp-block-cover .wp-block-cover-text {
font-size: 16px;
}
}
.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
width: calc(4 * (100vw / 12));
}
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
width: 100%;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
padding: 1rem;
}
}
@media only screen and (min-width: 768px) {
.wp-block[data-type="core/cover"][data-align="wide"] h2,
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
.wp-block[data-type="core/cover"][data-align="full"] h2,
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
max-width: calc(8 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.wp-block[data-type="core/cover"][data-align="wide"] h2,
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
.wp-block[data-type="core/cover"][data-align="full"] h2,
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
padding-left: calc(10% + 64px);
padding-right: calc(10% + 64px);
}
}
/** === Gallery === */
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-gallery .gallery-item .gallery-caption {
font-size: 0.71111em;
line-height: 1.6;
}
/** === Button === */
.wp-block-button .wp-block-button__link {
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
white-space: normal;
overflow-wrap: break-word;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
background: #32373c;
}
.wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active {
background: transparent;
color: #32373c;
}
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link {
background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
color: #0073aa;
}
/** === Blockquote === */
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #000;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin-top: 2.8125em;
margin-bottom: 2.8125em;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote .wp-block-quote__citation {
font-family: 'Barlow', sans-serif;
font-size: 0.71111em;
line-height: 1.6;
color: #767676;
}
/** === Pullquote === */
.wp-block-pullquote {
border-top: none;
border-bottom: none;
color: #40464d;
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center;
}
.wp-block-pullquote blockquote {
border-top:none;
border-bottom:none;
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
color: #767676;
}
.wp-block-pullquote.is-style-solid-color blockquote {
width: calc(100% - (2 * 1rem));
max-width: calc( 100% - (2 * 1rem));
}
.wp-block-pullquote.is-style-solid-color blockquote a,
.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.wp-block-pullquote.is-style-solid-color blockquote.has-text-color a {
color: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
color: #fff;
}
@media only screen and (min-width: 768px) {
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 80%;
}
}
.wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
background-color: #0073aa;
}
.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"] p,
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"][data-align="left"] p,
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"][data-align="right"] p {
color: #898989;
font-size: 16px;
line-height: 1.7em;
}
@media only screen and (min-width: 768px) {
.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"] p,
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"][data-align="left"] p,
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"][data-align="right"] p {
font-size: 16px;
}
}
.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
color: #40464d;
text-transform: uppercase;
font-size: 13px;
font-style: normal;
}
.wp-block[data-type="core/pullquote"] em,
.wp-block[data-type="core/pullquote"][data-align="left"] em,
.wp-block[data-type="core/pullquote"][data-align="right"] em {
font-style: normal;
}
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
width: calc(4 * (100vw / 12));
max-width: 50%;
}
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
padding: 0;
}
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
padding: 1em;
}
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"][data-align="left"] p,
.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
.wp-block[data-type="core/pullquote"][data-align="right"] p,
.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
text-align: left;
}
@media only screen and (min-width: 768px) {
.wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
max-width: calc(80% - 128px);
}
}
/** === File === */
.wp-block-file {
font-family: 'Barlow', sans-serif;
}
.wp-block-file .wp-block-file__textlink {
text-decoration: underline;
color: #0073aa;
}
.wp-block-file .wp-block-file__textlink:hover {
color: #005177;
text-decoration: none;
}
.wp-block-file .wp-block-file__button {
display: table;
line-height: 1.8;
font-size: 0.88889em;
font-weight: bold;
background-color: #0073aa;
border-radius: 5px;
}
.wp-block-file .wp-block-file__button-richtext-wrapper {
display: block;
margin-top: calc(0.75 * 1rem);
margin-left: 0;
}
/** === Verse === */
.wp-block-verse,
.wp-block-verse pre {
padding: 0;
}
/** === Code === */
.wp-block-code {
border-radius: 0;
}
/** === Table === */
.wp-block-table td, .wp-block-table th {
border-color: #767676;
}
/** === Separator === */
.wp-block-separator:not(.is-style-dots) {
border-bottom: 2px solid #767676;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 2.25em;
margin-left: 0;
}
.wp-block-separator.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: calc(2 * 1rem);
padding-left: calc(2 * 1rem);
}
/** === Latest Posts, Archives, Categories === */
ul.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts {
padding: 0;
list-style-type: none;
}
ul.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul {
padding: 0;
list-style-type: none;
}
ul.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-posts li {
color: #767676;
font-family: 'Barlow', sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight:400;
padding-bottom: 0.75rem;
}
ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
.wp-block-categories li.menu-item-has-children,
.wp-block-categories li:last-child,
.wp-block-latest-posts li.menu-item-has-children,
.wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
ul.wp-block-archives li a,
.wp-block-categories li a,
.wp-block-latest-posts li a {
text-decoration: none;
}
ul.wp-block-archives li ul,
.wp-block-categories li ul,
.wp-block-latest-posts li ul {
padding-left: 1rem;
}
.wp-block-categories ul {
padding-top: 0.75rem;
}
.wp-block-categories ul ul {
counter-reset: submenu;
}
.wp-block-categories ul ul > li > a::before {
font-family: 'Barlow', sans-serif;
font-weight: normal;
content: " " counters(submenu, " ", none);
counter-increment: submenu;
}
.wp-block-categories li ul {
list-style: none;
padding-left: 0;
margin:0px;
}
/** === Latest Posts grid view === */
.wp-block-latest-posts.is-grid li {
border-top: none;
padding-top: 0;
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid li a:after {
content: '';
}
.wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
/** === Latest Comments === */
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: 'Barlow', sans-serif;
font-weight: bold;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.wp-block-latest-comments .wp-block-latest-comments__comment,
.wp-block-latest-comments .wp-block-latest-comments__comment-date,
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
/** === Classic Editor === */
/* Properly center-align captions in the classic-editor block */
.wp-caption dd {
color: #767676;
font-size: 0.71111em;
font-family: 'Barlow', sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: left;
text-align: center;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
}
.wp-block-freeform {
/* Add style for galleries in classic-editor block */
}
.wp-block-freeform blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
.wp-block-freeform blockquote cite {
font-family: 'Barlow', sans-serif;
font-size: 0.71111em;
font-style: normal;
line-height: 1.6;
color: #767676;
}
/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
.wp-block[data-type="core/freeform"] .mce-btn i {
font-family: dashicons !important;
}
/***********Own Style*********/
.editor-post-title .wp-block.editor.post-title__block{
max-width:100%;
width:100%;
}
.editor-post-title__block .editor-post-title__input{
text-align:center;
}
.mce-item-table, .mce-item-table td, .mce-item-table th{
border:none;
}
.mce-item-table thead tr th{
border: 1px solid #ddd;
vertical-align: bottom;
padding:8px;
text-align:left;
}
.mce-item-table tbody tr th{
border: 1px solid #ddd;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
text-align:left;
}
.mce-item-table tbody tr td{
border: 1px solid #ddd;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
.wp-block-freeform.block-library-rich-text__tinymce a{
color:#f7bd00;
text-decoration:none;
}
/***************Common Style********************/
.block-library-list .editor-rich-text__tinymce, .block-library-list .editor-rich-text__tinymce ol, .block-library-list .editor-rich-text__tinymce ul,
body ol, body ul{
margin-left:0px;
}
.wp-block-pullquote.alignright{
margin:0px;
padding:0px;
text-align:right;
}
.wp-block-pullquote.alignleft{
margin:0px;
padding:0px;
text-align:left;
}
body .block-library-list ol, body .block-library-list ul{
margin-left:0px;
}