114 lines
1.9 KiB
CSS
114 lines
1.9 KiB
CSS
/* RTE backend content styles for VITEC preset preview */
|
|
|
|
.lead {
|
|
font-size: 1.125rem;
|
|
line-height: 1.6;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.blockquote {
|
|
border-left: 4px solid #f47937;
|
|
margin: 1rem 0;
|
|
padding: 0.5rem 1rem;
|
|
color: #313131;
|
|
}
|
|
|
|
.highlight-yellow {
|
|
background-color: #fff9c4;
|
|
}
|
|
|
|
.highlight-green {
|
|
background-color: #c8e6c9;
|
|
}
|
|
|
|
.btn-vitec {
|
|
display: inline-block;
|
|
padding: 0.6rem 1rem;
|
|
border-radius: 0.25rem;
|
|
border: 1px solid transparent;
|
|
font-weight: 600;
|
|
line-height: 1.2;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.btn-vitec--orange {
|
|
background-color: #f47937;
|
|
border-color: #f47937;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-vitec--blue {
|
|
background-color: #26358c;
|
|
border-color: #26358c;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-vitec--graphite {
|
|
background-color: #313131;
|
|
border-color: #313131;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-vitec--midnight {
|
|
background-color: #0d0d0d;
|
|
border-color: #0d0d0d;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.btn-vitec--light {
|
|
background-color: #cccccc;
|
|
border-color: #cccccc;
|
|
color: #0d0d0d;
|
|
}
|
|
|
|
.btn-vitec--outline-orange {
|
|
background-color: transparent;
|
|
border-color: #f47937;
|
|
color: #f47937;
|
|
}
|
|
|
|
.btn-vitec--outline-blue {
|
|
background-color: transparent;
|
|
border-color: #26358c;
|
|
color: #26358c;
|
|
}
|
|
|
|
/* Inline text colours. The names mirror the button styles above
|
|
(btn-vitec--blue -> text-vitec--blue) so both use one vocabulary. */
|
|
.text-vitec--orange {
|
|
color: #f47937;
|
|
}
|
|
|
|
.text-vitec--blue {
|
|
color: #26358c;
|
|
}
|
|
|
|
.text-vitec--midnight {
|
|
color: #0d0d0d;
|
|
}
|
|
|
|
.text-vitec--white {
|
|
color: #ffffff;
|
|
/* Editor only: white on the white editor canvas is invisible, so the preview
|
|
puts it on a dark plate. This file is loaded into the RTE iframe alone --
|
|
the frontend styles the class itself and needs no plate. */
|
|
background-color: #313131;
|
|
padding: 0 0.15em;
|
|
}
|
|
|
|
.text-start {
|
|
text-align: left;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.text-end {
|
|
text-align: right;
|
|
}
|
|
|
|
.text-justify {
|
|
text-align: justify;
|
|
}
|