diff --git a/client/components/admin.vue b/client/components/admin.vue
index 1d0762f3..b4f7a88c 100644
--- a/client/components/admin.vue
+++ b/client/components/admin.vue
@@ -315,7 +315,6 @@ export default {
.v-application.admin {
code {
box-shadow: none;
- font-family: 'Roboto Mono', monospace;
color: mc('pink', '500');
}
}
diff --git a/client/components/admin/admin-pages.vue b/client/components/admin/admin-pages.vue
index 3f056eef..4eb9ed46 100644
--- a/client/components/admin/admin-pages.vue
+++ b/client/components/admin/admin-pages.vue
@@ -164,6 +164,5 @@ export default {
display: flex;
justify-content: flex-start;
align-items: center;
- font-family: 'Roboto Mono', monospace;
}
diff --git a/client/components/admin/admin-theme.vue b/client/components/admin/admin-theme.vue
index b5cd0e59..2134475a 100644
--- a/client/components/admin/admin-theme.vue
+++ b/client/components/admin/admin-theme.vue
@@ -252,7 +252,6 @@ export default {
\ No newline at end of file
diff --git a/client/themes/default/components/page.vue b/client/themes/default/components/page.vue
index 822e739f..859f7a50 100644
--- a/client/themes/default/components/page.vue
+++ b/client/themes/default/components/page.vue
@@ -3,8 +3,7 @@
nav-header(v-if='!printView')
v-navigation-drawer(
v-if='navMode !== `NONE` && !printView'
- :class='$vuetify.theme.dark ? `grey darken-4-d4` : `primary`'
- dark
+ :class='$vuetify.theme.dark ? `grey darken-4-d4` : `secondary`'
app
clipped
mobile-breakpoint='600'
@@ -13,7 +12,7 @@
:right='$vuetify.rtl'
)
vue-scroll(:ops='scrollStyle')
- nav-sidebar(:color='$vuetify.theme.dark ? `grey darken-4-d4` : `primary`', :items='sidebarDecoded', :nav-mode='navMode')
+ nav-sidebar(:color='$vuetify.theme.dark ? `grey darken-4-d4` : `secondary`', :items='sidebarDecoded', :nav-mode='navMode')
v-fab-transition(v-if='navMode !== `NONE`')
v-btn(
@@ -32,7 +31,7 @@
v-main(ref='content')
template(v-if='path !== `home`')
- v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense, v-if='$vuetify.breakpoint.smAndUp')
+ v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `white`', flat, dense, v-if='$vuetify.breakpoint.smAndUp')
//- v-btn.pl-0(v-if='$vuetify.breakpoint.xsOnly', flat, @click='toggleNavigation')
//- v-icon(color='grey darken-2', left) menu
//- span Navigation
@@ -42,25 +41,25 @@
)
template(slot='item', slot-scope='props')
v-icon(v-if='props.item.path === "/"', small, @click='goHome') mdi-home
- v-btn.ma-0(v-else, :href='props.item.path', small, text) {{props.item.name}}
+ v-btn.ma-0.text-capitalize(v-else, :href='props.item.path', small, text) {{props.item.name}}
template(v-if='!isPublished')
v-spacer
.caption.red--text {{$t('common:page.unpublished')}}
status-indicator.ml-3(negative, pulse)
v-divider
- v-container.grey.pa-0(fluid, :class='$vuetify.theme.dark ? `darken-4-l3` : `lighten-4`')
- v-row.page-header-section(no-gutters, align-content='center', style='height: 90px;')
+ v-container.grey.pa-0(fluid, :class='$vuetify.theme.dark ? `darken-4-l3` : `white`')
+ v-row.page-header-section(no-gutters, align-content='center')
v-col.page-col-content.is-page-header(
:offset-xl='tocPosition === `left` ? 2 : 0'
:offset-lg='tocPosition === `left` ? 3 : 0'
:xl='tocPosition === `right` ? 10 : false'
:lg='tocPosition === `right` ? 9 : false'
- style='margin-top: auto; margin-bottom: auto;'
- :class='$vuetify.rtl ? `pr-4` : `pl-4`'
+ style='margin-top: 1.5rem; margin-bottom: 1.5rem;'
+ :class='$vuetify.rtl ? `pr-6` : `pl-6`'
)
.page-header-headings
- .headline.grey--text(:class='$vuetify.theme.dark ? `text--lighten-2` : `text--darken-3`') {{title}}
- .caption.grey--text.text--darken-1 {{description}}
+ .headline(style='font-weight: 600') {{title}}
+ .caption {{description}}
.page-edit-shortcuts(
v-if='editShortcutsObj.editMenuBar'
:class='tocPosition === `right` ? `is-right` : ``'
@@ -162,25 +161,25 @@
v-icon(:color='$vuetify.theme.dark ? `blue-grey lighten-1` : `blue-grey darken-2`', dense) mdi-comment-plus
span {{$t('common:comments.newComment')}}
- v-card.page-author-card.mb-5
- .pa-5
- .overline.indigo--text.d-flex(:class='$vuetify.theme.dark ? `text--lighten-3` : ``')
- span {{$t('common:page.lastEditedBy')}}
- v-spacer
- v-tooltip(right, v-if='isAuthenticated')
- template(v-slot:activator='{ on }')
- v-btn.btn-animate-edit(
- icon
- :href='"/h/" + locale + "/" + path'
- v-on='on'
- x-small
- v-if='hasReadHistoryPermission'
- :aria-label='$t(`common:header.history`)'
- )
- v-icon(color='indigo', dense) mdi-history
- span {{$t('common:header.history')}}
- .page-author-card-name.body-2.grey--text(:class='$vuetify.theme.dark ? `` : `text--darken-3`') {{ authorName }}
- .page-author-card-date.caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }}
+ //- v-card.page-author-card.mb-5
+ //- .pa-5
+ //- .overline.indigo--text.d-flex(:class='$vuetify.theme.dark ? `text--lighten-3` : ``')
+ //- span {{$t('common:page.lastEditedBy')}}
+ //- v-spacer
+ //- v-tooltip(right, v-if='isAuthenticated')
+ //- template(v-slot:activator='{ on }')
+ //- v-btn.btn-animate-edit(
+ //- icon
+ //- :href='"/h/" + locale + "/" + path'
+ //- v-on='on'
+ //- x-small
+ //- v-if='hasReadHistoryPermission'
+ //- :aria-label='$t(`common:header.history`)'
+ //- )
+ //- v-icon(color='indigo', dense) mdi-history
+ //- span {{$t('common:header.history')}}
+ //- .page-author-card-name.body-2.grey--text(:class='$vuetify.theme.dark ? `` : `text--darken-3`') {{ authorName }}
+ //- .page-author-card-date.caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }}
//- v-card.mb-5
//- .pa-5
@@ -195,30 +194,30 @@
//- )
//- .caption.grey--text 5 votes
- v-card.page-shortcuts-card(flat)
- v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense)
- v-spacer
- //- v-tooltip(bottom)
- //- template(v-slot:activator='{ on }')
- //- v-btn(icon, tile, v-on='on', :aria-label='$t(`common:page.bookmark`)'): v-icon(color='grey') mdi-bookmark
- //- span {{$t('common:page.bookmark')}}
- v-menu(offset-y, bottom, min-width='300')
- template(v-slot:activator='{ on: menu }')
- v-tooltip(bottom)
- template(v-slot:activator='{ on: tooltip }')
- v-btn(icon, tile, v-on='{ ...menu, ...tooltip }', :aria-label='$t(`common:page.share`)'): v-icon(color='grey') mdi-share-variant
- span {{$t('common:page.share')}}
- social-sharing(
- :url='pageUrl'
- :title='title'
- :description='description'
- )
- v-tooltip(bottom)
- template(v-slot:activator='{ on }')
- v-btn(icon, tile, v-on='on', @click='print', :aria-label='$t(`common:page.printFormat`)')
- v-icon(:color='printView ? `primary` : `grey`') mdi-printer
- span {{$t('common:page.printFormat')}}
- v-spacer
+ //- v-card.page-shortcuts-card(flat)
+ //- v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense)
+ //- v-spacer
+ //- //- v-tooltip(bottom)
+ //- //- template(v-slot:activator='{ on }')
+ //- //- v-btn(icon, tile, v-on='on', :aria-label='$t(`common:page.bookmark`)'): v-icon(color='grey') mdi-bookmark
+ //- //- span {{$t('common:page.bookmark')}}
+ //- v-menu(offset-y, bottom, min-width='300')
+ //- template(v-slot:activator='{ on: menu }')
+ //- v-tooltip(bottom)
+ //- template(v-slot:activator='{ on: tooltip }')
+ //- v-btn(icon, tile, v-on='{ ...menu, ...tooltip }', :aria-label='$t(`common:page.share`)'): v-icon(color='grey') mdi-share-variant
+ //- span {{$t('common:page.share')}}
+ //- social-sharing(
+ //- :url='pageUrl'
+ //- :title='title'
+ //- :description='description'
+ //- )
+ //- v-tooltip(bottom)
+ //- template(v-slot:activator='{ on }')
+ //- v-btn(icon, tile, v-on='on', @click='print', :aria-label='$t(`common:page.printFormat`)')
+ //- v-icon(:color='printView ? `primary` : `grey`') mdi-printer
+ //- span {{$t('common:page.printFormat')}}
+ //- v-spacer
v-flex.page-col-content(
xs12
@@ -721,9 +720,6 @@ export default {
.breadcrumbs-nav {
.v-btn {
min-width: 0;
- &__content {
- text-transform: none;
- }
}
.v-breadcrumbs__divider:nth-child(2n) {
padding: 0 6px;
diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 88380963..387942bc 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -1,18 +1,193 @@
/* THEME SPECIFIC STYLES */
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+
+* {
+ font-family: 'Inter', sans-serif !important;
+}
+
+.v-application {
+ color: #2D3748 !important;
+ .headline {
+ font-size: 2rem !important;
+ margin-bottom: 0.25rem;
+ font-family: 'Inter', sans-serif !important;
+ }
+ .caption {
+ font-size: 0.875rem !important;
+ font-family: 'Inter', sans-serif !important;
+ font-weight: 500 !important;
+ }
+}
+
+
+
+.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot {
+ background-color: white !important;
+ border: 1px solid #E2E8F0 !important;
+ border-radius: 12px !important;
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+}
+
+.theme--dark.v-icon {
+ color: #2D3748 !important;
+}
+
+.theme--dark.v-label {
+ color: #2D3748 !important;
+}
+
+.theme--dark.v-input,
+.theme--dark.v-input input,
+.theme--dark.v-input textarea {
+ color: #2D3748 !important;
+}
+
+
+.subheading {
+ color: #2D3748 !important;
+ font-weight: 600 !important;
+ font-size: 18px !important;
+}
+
+.v-navigation-drawer .v-list.secondary .v-subheader {
+ color: #718096 !important;
+ font-size: 0.75rem !important;
+ font-weight: 500 !important;
+ height: auto !important;
+ line-height: normal !important;
+}
+
+.page-toc-card .overline {
+ font-family: 'Inter', sans-serif !important;
+ color: #718096 !important;
+ font-size: 12px !important;
+ font-weight: 500 !important;
+ line-height: 16px !important;
+ font-weight: 500 !important;
+ letter-spacing: normal !important;
+}
+
+.page-toc-card .v-list-item {
+ max-height: 32px !important;
+}
+
+
+
+.v-navigation-drawer .v-list.secondary>.v-list-item,
+.v-navigation-drawer .v-list.secondary .v-list-item__title {
+ color: #2D3748 !important;
+ font-size: .875rem !important;
+ height: auto !important;
+ border-radius: 0.5rem;
+
+}
+
+
+.v-navigation-drawer .v-list.secondary>.v-list-item {
+ min-height: 0 !important;
+ padding: 0;
+}
+
+
+.v-navigation-drawer .v-list.secondary .v-icon {
+ color: #4A5568 !important;
+}
+
+.v-navigation-drawer .v-divider {
+ border-color: #E2E8F0 !important;
+}
+
+.page-toc-card {
+ border-radius: 0.75rem !important;
+ border: 1px solid #E2E8F0 !important;
+ box-shadow: 0 0 1rem 0 rgba(13, 24, 41, 0.05) !important;
+}
+
+.page-toc-card .overline {
+ text-transform: none !important;
+}
+
+.page-toc-card .v-list {
+ padding: 1rem !important;
+}
+
+.page-toc-card .v-list-item {
+ min-height: auto !important;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+}
+
+.page-toc-card .v-list-item + .v-list-item {
+ margin-top: 0.75rem !important;
+}
+
+.page-col-sd .v-btn,
+.page-col-sd .v-list-item--link {
+
+ &::before,
+ &:hover::before,
+ &:focus::before,
+ &:active::before {
+ display: none !important;
+ opacity: 0 !important;
+ background-color: transparent !important;
+ }
+
+ .v-ripple__container {
+ display: none !important;
+ }
+
+ &:hover,
+ &:focus,
+ &:active {
+ background-color: transparent !important;
+ box-shadow: none !important;
+ }
+}
+
+.v-navigation-drawer .v-list.secondary>.v-list-item {
+ &::before {
+ display: none !important;
+ }
+
+ .v-ripple__container {
+ display: none !important;
+ }
+
+ &:hover {
+ background-color: #e4ecf7 !important;
+ }
+
+ &.v-list-item--active,
+ &.v-list-item--active .v-list-item__title,
+ &.v-list-item--active .v-icon {
+ color: #1976D2 !important;
+ }
+}
.v-main .contents {
- color: mc('grey', '800');
+ color: #2D3748;
padding: .5rem 0 50px;
position: relative;
- > div > *:first-child {
+
+ >div>*:first-child {
margin-top: 0;
}
+
+
@at-root .theme--dark & {
color: mc('grey', '300');
}
+
+
+ .v-list.secondary .v-icon {
+ color: #4A5568 !important;
+ }
+
// ---------------------------------
// LINKS
// ---------------------------------
@@ -47,12 +222,25 @@
}
}
+ .nav-header {
+ background-color: white !important;
+ color: black !important;
+ }
+
// ---------------------------------
// HEADERS
// ---------------------------------
- h1, h2, h3, h4, h5, h6 {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
position: relative;
+ font-weight: 600;
+ line-height: normal !important;
+ color: #2D3748 !important;
&:first-child {
padding-top: 0;
@@ -74,11 +262,15 @@
color: mc('grey', '500');
}
- & + h2, & + h3, & + h4, & + h5, & + h6 {
+ &+h2,
+ &+h3,
+ &+h4,
+ &+h5,
+ &+h6 {
margin-top: 8px;
}
- & + hr.footnotes-sep {
+ &+hr.footnotes-sep {
display: none;
}
}
@@ -92,29 +284,8 @@
@at-root .theme--dark & {
color: mc('grey', '300');
}
-
- &::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 2px;
- background: linear-gradient(to right, mc('theme', 'primary'), rgba(mc('theme', 'primary'), 0));
- border-radius: 3px;
-
- @at-root .theme--dark & {
- background: linear-gradient(to right, mc('blue', '300') 0%, mc('blue', '500') 10%, rgba(mc('blue', '900'), 0) 100%);
- }
-
- @at-root .is-rtl & {
- background: linear-gradient(to left, mc('theme', 'primary'), rgba(mc('theme', 'primary'), 0));
- }
- @at-root .theme--dark.is-rtl & {
- background: linear-gradient(to left, mc('grey', '600'), rgba(mc('grey', '600'), 0));
- }
- }
}
+
h2 {
margin: 1rem 0 0 0;
color: mc('grey', '800');
@@ -123,28 +294,8 @@
@at-root .theme--dark & {
color: mc('grey', '400');
}
-
- &::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1px;
- background: linear-gradient(to right, mc('grey', '700'), rgba(mc('grey', '700'), 0));
-
- @at-root .theme--dark & {
- background: linear-gradient(to right, mc('grey', '300'), rgba(mc('grey', '700'), 0));
- }
-
- @at-root .is-rtl & {
- background: linear-gradient(to left, mc('grey', '700'), rgba(mc('grey', '700'), 0));
- }
- @at-root .theme--dark.is-rtl & {
- background: linear-gradient(to left, mc('grey', '300'), rgba(mc('grey', '700'), 0));
- }
- }
}
+
h3 {
margin: 8px 0 0 0;
color: mc('grey', '700');
@@ -153,18 +304,11 @@
@at-root .theme--dark & {
color: mc('grey', '600');
}
-
- &::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1px;
- background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 90%);
- }
}
- h4, h5, h6 {
+
+ h4,
+ h5,
+ h6 {
font-size: 1rem;
margin: 8px 0 0 0;
color: mc('grey', '700');
@@ -173,28 +317,9 @@
@at-root .theme--dark & {
color: mc('grey', '600');
}
-
- &::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 1px;
- background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 70%);
- }
- }
- h5 {
- &::after {
- background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 50%);
- }
- }
- h6 {
- &::after {
- background: linear-gradient(to right, mc('grey', '500'), rgba(mc('grey', '500'), 0) 30%);
- }
}
+
// ---------------------------------
// PARAGRAPHS
// ---------------------------------
@@ -203,7 +328,7 @@
padding: 1rem 0 0 0;
margin: 0;
- @at-root .contents > div > p:first-child {
+ @at-root .contents>div>p:first-child {
padding-top: 0;
}
@@ -231,12 +356,15 @@
.text-huge {
font-size: 1.8em;
}
+
.text-big {
font-size: 1.4em;
}
+
.text-small {
font-size: .85em;
}
+
.text-tiny {
font-size: .7em;
}
@@ -264,11 +392,11 @@
content: "\F0757";
}
- > p:first-child .emoji {
+ >p:first-child .emoji {
margin-right: .5rem;
}
- &.valign-center > p {
+ &.valign-center>p {
display: flex;
align-items: center;
}
@@ -293,6 +421,7 @@
border-color: mc('blue', '500');
}
}
+
&.is-warning {
background-color: mc('orange', '50');
border-color: mc('orange', '300');
@@ -314,6 +443,7 @@
box-shadow: 0 0 2px 0 mc('grey', '900');
}
}
+
&.is-danger {
background-color: mc('red', '50');
border-color: mc('red', '300');
@@ -334,6 +464,7 @@
border-color: mc('red', '500');
}
}
+
&.is-success {
background-color: mc('green', '50');
border-color: mc('green', '300');
@@ -391,10 +522,12 @@
td.icon {
background-color: mc('blue', '300');
color: mc('blue', '50');
+
&::before {
content: "\F02FC";
}
}
+
td.content {
color: darken(mc('blue', '900'), 10%);
background-color: mc('blue', '50');
@@ -405,14 +538,17 @@
}
}
}
+
&.tip {
td.icon {
background-color: mc('green', '300');
color: mc('green', '50');
+
&::before {
content: "\F0335";
}
}
+
td.content {
color: darken(mc('green', '900'), 10%);
background-color: mc('green', '50');
@@ -423,16 +559,19 @@
}
}
}
+
&.warning {
background-color: transparent !important;
td.icon {
background-color: mc('orange', '300');
color: #FFF;
+
&::before {
content: "\F0026";
}
}
+
td.content {
color: darken(mc('orange', '900'), 10%);
background-color: mc('orange', '50');
@@ -443,14 +582,17 @@
}
}
}
+
&.caution {
td.icon {
background-color: mc('purple', '300');
color: mc('purple', '50');
+
&::before {
content: "\f0238";
}
}
+
td.content {
color: darken(mc('purple', '900'), 10%);
background-color: mc('purple', '50');
@@ -461,14 +603,17 @@
}
}
}
+
&.important {
td.icon {
background-color: mc('red', '300');
color: mc('red', '50');
+
&::before {
content: "\F0159";
}
}
+
td.content {
color: darken(mc('red', '900'), 10%);
background-color: mc('red', '50');
@@ -482,7 +627,7 @@
}
.exampleblock {
- > .title {
+ >.title {
font-style: italic;
font-size: 1rem !important;
color: #7a2717;
@@ -491,18 +636,21 @@
color: mc('brown', '300');
}
}
- > .content {
+
+ >.content {
border: 1px solid mc('grey', '200');
border-radius: 7px;
margin-bottom: 12px;
padding: 16px;
}
}
+
// ---------------------------------
// LISTS
// ---------------------------------
- ol, ul:not(.tabset-tabs) {
+ ol,
+ ul:not(.tabset-tabs) {
padding-top: 1rem;
width: 100%;
@@ -511,7 +659,8 @@
padding-right: 1rem;
}
- li > ul, li > ol {
+ li>ul,
+ li>ol {
padding-top: .5rem;
padding-left: 1rem;
@@ -521,7 +670,7 @@
}
}
- li + li {
+ li+li {
margin-top: .5rem;
}
@@ -565,13 +714,13 @@
display: none;
}
- > a {
+ >a {
display: block;
text-decoration: none;
margin: -1rem;
padding: 1rem;
- > em {
+ >em {
font-weight: 400;
font-style: normal;
color: mc('grey', '700');
@@ -589,7 +738,7 @@
}
}
- > em {
+ >em {
font-weight: 400;
font-style: normal;
}
@@ -643,7 +792,7 @@
background-color: mc('grey', '100');
}
- & + li {
+ &+li {
margin-top: 0;
}
@@ -665,7 +814,8 @@
ul:not(.tabset-tabs):not(.contains-task-list) {
list-style: none;
- > li::before {
+
+ >li::before {
position: absolute;
left: -1.1rem;
content: '\25b8';
@@ -678,13 +828,16 @@
}
}
}
- ol, ul:not(.tabset-tabs) {
- > li {
+
+ ol,
+ ul:not(.tabset-tabs) {
+ >li {
position: relative;
- > p {
- display:inline-block;
- vertical-align:top;
- padding-top:0;
+
+ >p {
+ display: inline-block;
+ vertical-align: top;
+ padding-top: 0;
&:first-child {
width: 100%;
@@ -704,7 +857,7 @@
margin-left: 1.125em;
margin-bottom: 0.75em;
- > p {
+ >p {
padding: 0;
}
}
@@ -718,12 +871,12 @@
background-color: mc('indigo', '50');
padding: 0 5px;
color: mc('indigo', '800');
- font-family: 'Roboto Mono', monospace;
font-weight: normal;
font-size: 1rem;
box-shadow: none;
- &::before, &::after {
+ &::before,
+ &::after {
display: none;
}
@@ -733,7 +886,7 @@
}
}
- .prismjs{
+ .prismjs {
border: none;
border-radius: 5px;
box-shadow: initial;
@@ -745,16 +898,16 @@
background-color: darken(mc('grey', '900'), 5%);
}
- > code {
+ >code {
background-color: transparent;
padding: 0;
color: #FFF;
box-shadow: initial;
display: block;
font-size: .85rem;
- font-family: 'Roboto Mono', monospace;
- &:after, &:before {
+ &:after,
+ &:before {
content: initial;
letter-spacing: initial;
}
@@ -819,7 +972,7 @@
}
}
- &[checked]::after {
+ &[checked]::after {
content: '✓';
}
}
@@ -844,7 +997,9 @@
}
&.dense {
- td, th {
+
+ td,
+ th {
font-size: .85rem;
padding: .5rem;
}
@@ -865,6 +1020,7 @@
&:first-child {
border-top-left-radius: 7px;
}
+
&:last-child {
border-top-right-radius: 7px;
}
@@ -922,6 +1078,7 @@
&:first-child {
border-bottom-left-radius: 7px;
}
+
&:last-child {
border-bottom-right-radius: 7px;
}
@@ -933,7 +1090,7 @@
figure.table {
margin: 0;
- > table {
+ >table {
background-color: #FFF;
margin: 0;
border-collapse: collapse;
@@ -943,7 +1100,8 @@
background-color: darken(mc('grey', '900'), 3%);
}
- td, th {
+ td,
+ th {
border: 1px solid mc('blue-grey', '100');
box-shadow: inset -1px -1px 0 0 #FFF, inset 1px 0 0 #FFF;
padding: .5rem .75rem;
@@ -951,7 +1109,7 @@
@at-root .theme--dark & {
border-color: mc('grey', '700');
- box-shadow: inset -1px -1px 0 0 rgba(0,0,0, .5);
+ box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, .5);
}
}
@@ -1001,17 +1159,20 @@
float: left;
margin: 0 1rem 1rem 0;
}
+
&.align-right {
float: right;
margin: 0 0 1rem 1rem;
z-index: 1;
position: relative;
}
+
&.align-center {
display: block;
max-width: 100%;
margin: auto;
}
+
&.align-abstopright {
position: absolute;
top: -90px;
@@ -1024,12 +1185,15 @@
right: initial;
}
}
+
&.decor-shadow {
box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
}
+
&.decor-outline {
border: 1px solid mc('grey', '400');
}
+
&.uml-diagram {
margin: 1rem 0;
}
@@ -1041,6 +1205,7 @@
img {
margin: 0 auto;
}
+
figcaption {
padding: 4px 1rem;
text-align: center;
@@ -1073,11 +1238,11 @@
border: 1px solid mc('grey', '300');
border-radius: 7px;
- > p {
+ >p {
padding-left: 0;
}
- > summary {
+ >summary {
border-radius: 7px;
background-color: mc('grey', '50');
cursor: pointer;
@@ -1091,7 +1256,12 @@
background-color: mc('grey', '100');
}
- > h1, h2, h3, h4, h5, h6 {
+ >h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
width: 95%;
display: inline-block;
@@ -1108,7 +1278,7 @@
&[open] {
padding: 1rem;
- > summary {
+ >summary {
background-color: mc('grey', '100');
border-bottom: 1px solid mc('grey', '300');
border-bottom-left-radius: 0;
@@ -1121,12 +1291,12 @@
background-color: mc('grey', '900');
border-color: mc('grey', '700');
- > summary {
+ >summary {
background-color: mc('grey', '900');
border-color: mc('grey', '700');
}
- &[open] > summary {
+ &[open]>summary {
background-color: lighten(mc('grey', '900'), 5%);
}
}
@@ -1142,19 +1312,24 @@
color: mc('red', '500');
background-color: initial;
}
+
&.pen-green {
color: mc('green', '500');
background-color: initial;
}
+
&.marker-blue {
background-color: mc('blue', '300');
}
+
&.marker-yellow {
background-color: mc('yellow', '300');
}
+
&.marker-pink {
background-color: mc('pink', '300');
}
+
&.marker-green {
background-color: mc('green', '300');
}
@@ -1171,6 +1346,8 @@
}
+
+
// ---------------------------------
// COMMENTS
// ---------------------------------
@@ -1229,12 +1406,12 @@
// ---------------
@media print {
+
.nav-header,
.v-navigation-drawer,
.v-btn--fab,
.page-col-sd,
- .v-tooltip__content
- {
+ .v-tooltip__content {
display: none !important;
}
@@ -1248,11 +1425,11 @@
max-width: 100% !important;
margin-left: 0 !important;
- > .v-toolbar {
+ >.v-toolbar {
border: 1px solid mc('grey', '300') !important;
border-radius: 7px !important;
- & + .v-divider {
+ &+.v-divider {
display: none !important;
}
}
@@ -1272,7 +1449,7 @@
color: #000;
}
- .prismjs{
+ .prismjs {
box-shadow: none;
background-color: #FFF;
@@ -1280,7 +1457,7 @@
background-color: #FFF;
}
- > code {
+ >code {
color: #000;
box-shadow: none;
text-shadow: none;
diff --git a/client/themes/default/theme.yml b/client/themes/default/theme.yml
index 025b9eaa..7512c7a7 100644
--- a/client/themes/default/theme.yml
+++ b/client/themes/default/theme.yml
@@ -1,6 +1,6 @@
-name: Default
-author: requarks.io
-site: https://wiki.requarks.io/
+name: iQuant Knowledge Base
+author: iQuant Devs
+site: https://wiki.iquantsolutions.com/
version: 1.0.0
requirements:
minimum: '>= 2.0.0'
@@ -19,32 +19,32 @@ props:
icon: mdi-border-vertical
showTOC:
type: Boolean
- default: true
+ default: false
title: Display the Table of Contents
order: 2
showTags:
type: Boolean
- default: true
+ default: false
title: Display the Page Tags
order: 3
showTags:
type: Boolean
- default: true
+ default: false
title: Display the Page Author and Date
order: 4
showTags:
type: Boolean
- default: true
+ default: false
title: Display the Page Rating
order: 5
showSocialBar:
type: Boolean
- default: true
+ default: false
title: Display the Social Links Bar
order: 6
showEditSpeedDial:
type: Boolean
- default: true
+ default: false
title: Display the Edit Speed Dial
hint: Shown in the lower right corner of the page.
order: 7
diff --git a/client/themes/iqs/components/nav-footer.vue b/client/themes/iqs/components/nav-footer.vue
deleted file mode 100644
index 9892af70..00000000
--- a/client/themes/iqs/components/nav-footer.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-
- v-footer.justify-center(:color='bgColor', inset)
- .caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`')
- template(v-if='footerOverride')
- span(v-html='footerOverrideRender + ` | `')
- template(v-else-if='company && company.length > 0 && contentLicense !== ``')
- span(v-if='contentLicense === `alr`') {{ $t('common:footer.copyright', { company: company, year: currentYear, interpolation: { escapeValue: false } }) }} |
- span(v-else) {{ $t('common:footer.license', { company: company, license: $t('common:license.' + contentLicense), interpolation: { escapeValue: false } }) }} |
- span {{ $t('common:footer.poweredBy') }} #[a(href='https://wiki.js.org', target='_blank', rel='noopener nofollow') Wiki.js]
-
-
-
-
-
diff --git a/client/themes/iqs/components/nav-sidebar.vue b/client/themes/iqs/components/nav-sidebar.vue
deleted file mode 100644
index 9169f40d..00000000
--- a/client/themes/iqs/components/nav-sidebar.vue
+++ /dev/null
@@ -1,201 +0,0 @@
-
- div
- //-> Custom Navigation
- v-list.py-6.mx-3(v-if='currentMode === `custom`', dense, :class='color', :dark='false')
- template(v-for='item of items')
- v-list-item(
- v-if='item.k === `link`'
- :href='item.t'
- :input-value='item.t === `/` + locale + `/` + path'
- :target='item.y === `externalblank` ? `_blank` : `_self`'
- :rel='item.y === `externalblank` ? `noopener` : ``'
- )
- v-list-item-title.ps-2.py-2 {{ item.l }}
- v-divider.my-2.mx-2(v-else-if='item.k === `divider`')
- v-subheader.py-2.px-0.mx-2(v-else-if='item.k === `header`') {{ item.l }}
- //-> Browse
- v-list.py-2(v-else-if='currentMode === `browse`', dense, :class='color', :dark='false')
- template(v-if='currentParent.id > 0')
- v-list-item(v-for='(item, idx) of parents', :key='`parent-` + item.id', @click='fetchBrowseItems(item)', style='min-height: 30px;')
- v-list-item-title.ps-2.py-2 {{ item.title }}
- v-divider.mt-2
- v-list-item.mt-2(v-if='currentParent.pageId > 0', :href='`/` + currentParent.locale + `/` + currentParent.path', :key='`directorypage-` + currentParent.id', :input-value='path === currentParent.path')
- v-list-item-title.ps-2.py-2 {{ currentParent.title }}
- v-subheader {{$t('common:sidebar.currentDirectory')}}
- template(v-for='item of currentItems')
- v-list-item(v-if='item.isFolder', :key='`childfolder-` + item.id', @click='fetchBrowseItems(item)')
- v-list-item-avatar(size='24')
- v-list-item-title.ps-2.py-2 {{ item.title }}
- v-list-item(v-else, :href='`/` + item.locale + `/` + item.path', :key='`childpage-` + item.id', :input-value='path === item.path')
- v-list-item-title.ps-2.py-2 {{ item.title }}
-
-
-
diff --git a/client/themes/iqs/components/page.vue b/client/themes/iqs/components/page.vue
deleted file mode 100644
index 822e739f..00000000
--- a/client/themes/iqs/components/page.vue
+++ /dev/null
@@ -1,800 +0,0 @@
-
- v-app(v-scroll='upBtnScroll', :dark='$vuetify.theme.dark', :class='$vuetify.rtl ? `is-rtl` : `is-ltr`')
- nav-header(v-if='!printView')
- v-navigation-drawer(
- v-if='navMode !== `NONE` && !printView'
- :class='$vuetify.theme.dark ? `grey darken-4-d4` : `primary`'
- dark
- app
- clipped
- mobile-breakpoint='600'
- :temporary='$vuetify.breakpoint.smAndDown'
- v-model='navShown'
- :right='$vuetify.rtl'
- )
- vue-scroll(:ops='scrollStyle')
- nav-sidebar(:color='$vuetify.theme.dark ? `grey darken-4-d4` : `primary`', :items='sidebarDecoded', :nav-mode='navMode')
-
- v-fab-transition(v-if='navMode !== `NONE`')
- v-btn(
- fab
- color='primary'
- fixed
- bottom
- :right='$vuetify.rtl'
- :left='!$vuetify.rtl'
- small
- @click='navShown = !navShown'
- v-if='$vuetify.breakpoint.mdAndDown'
- v-show='!navShown'
- )
- v-icon mdi-menu
-
- v-main(ref='content')
- template(v-if='path !== `home`')
- v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense, v-if='$vuetify.breakpoint.smAndUp')
- //- v-btn.pl-0(v-if='$vuetify.breakpoint.xsOnly', flat, @click='toggleNavigation')
- //- v-icon(color='grey darken-2', left) menu
- //- span Navigation
- v-breadcrumbs.breadcrumbs-nav.pl-0(
- :items='breadcrumbs'
- divider='/'
- )
- template(slot='item', slot-scope='props')
- v-icon(v-if='props.item.path === "/"', small, @click='goHome') mdi-home
- v-btn.ma-0(v-else, :href='props.item.path', small, text) {{props.item.name}}
- template(v-if='!isPublished')
- v-spacer
- .caption.red--text {{$t('common:page.unpublished')}}
- status-indicator.ml-3(negative, pulse)
- v-divider
- v-container.grey.pa-0(fluid, :class='$vuetify.theme.dark ? `darken-4-l3` : `lighten-4`')
- v-row.page-header-section(no-gutters, align-content='center', style='height: 90px;')
- v-col.page-col-content.is-page-header(
- :offset-xl='tocPosition === `left` ? 2 : 0'
- :offset-lg='tocPosition === `left` ? 3 : 0'
- :xl='tocPosition === `right` ? 10 : false'
- :lg='tocPosition === `right` ? 9 : false'
- style='margin-top: auto; margin-bottom: auto;'
- :class='$vuetify.rtl ? `pr-4` : `pl-4`'
- )
- .page-header-headings
- .headline.grey--text(:class='$vuetify.theme.dark ? `text--lighten-2` : `text--darken-3`') {{title}}
- .caption.grey--text.text--darken-1 {{description}}
- .page-edit-shortcuts(
- v-if='editShortcutsObj.editMenuBar'
- :class='tocPosition === `right` ? `is-right` : ``'
- )
- v-btn(
- v-if='editShortcutsObj.editMenuBtn'
- @click='pageEdit'
- depressed
- small
- )
- v-icon.mr-2(small) mdi-pencil
- span.text-none {{$t(`common:actions.edit`)}}
- v-btn(
- v-if='editShortcutsObj.editMenuExternalBtn'
- :href='editMenuExternalUrl'
- target='_blank'
- depressed
- small
- )
- v-icon.mr-2(small) {{ editShortcutsObj.editMenuExternalIcon }}
- span.text-none {{$t(`common:page.editExternal`, { name: editShortcutsObj.editMenuExternalName })}}
- v-divider
- v-container.pl-5.pt-4(fluid, grid-list-xl)
- v-layout(row)
- v-flex.page-col-sd(
- v-if='tocPosition !== `off` && $vuetify.breakpoint.lgAndUp'
- :order-xs1='tocPosition !== `right`'
- :order-xs2='tocPosition === `right`'
- lg3
- xl2
- )
- v-card.page-toc-card.mb-5(v-if='tocDecoded.length')
- .overline.pa-5.pb-0(:class='$vuetify.theme.dark ? `blue--text text--lighten-2` : `primary--text`') {{$t('common:page.toc')}}
- v-list.pb-3(dense, nav, :class='$vuetify.theme.dark ? `darken-3-d3` : ``')
- template(v-for='(tocItem, tocIdx) in tocDecoded')
- v-list-item(@click='$vuetify.goTo(tocItem.anchor, scrollOpts)')
- v-icon(color='grey', small) {{ $vuetify.rtl ? `mdi-chevron-left` : `mdi-chevron-right` }}
- v-list-item-title.px-3 {{tocItem.title}}
- //- v-divider(v-if='tocIdx < toc.length - 1 || tocItem.children.length')
- template(v-for='tocSubItem in tocItem.children')
- v-list-item(@click='$vuetify.goTo(tocSubItem.anchor, scrollOpts)')
- v-icon.px-3(color='grey lighten-1', small) {{ $vuetify.rtl ? `mdi-chevron-left` : `mdi-chevron-right` }}
- v-list-item-title.px-3.caption.grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-1`') {{tocSubItem.title}}
- //- v-divider(inset, v-if='tocIdx < toc.length - 1')
-
- v-card.page-tags-card.mb-5(v-if='tags.length > 0')
- .pa-5
- .overline.teal--text.pb-2(:class='$vuetify.theme.dark ? `text--lighten-3` : ``') {{$t('common:page.tags')}}
- v-chip.mr-1.mb-1(
- label
- :color='$vuetify.theme.dark ? `teal darken-1` : `teal lighten-5`'
- v-for='(tag, idx) in tags'
- :href='`/t/` + tag.tag'
- :key='`tag-` + tag.tag'
- )
- v-icon(:color='$vuetify.theme.dark ? `teal lighten-3` : `teal`', left, small) mdi-tag
- span(:class='$vuetify.theme.dark ? `teal--text text--lighten-5` : `teal--text text--darken-2`') {{tag.title}}
- v-chip.mr-1.mb-1(
- label
- :color='$vuetify.theme.dark ? `teal darken-1` : `teal lighten-5`'
- :href='`/t/` + tags.map(t => t.tag).join(`/`)'
- :aria-label='$t(`common:page.tagsMatching`)'
- )
- v-icon(:color='$vuetify.theme.dark ? `teal lighten-3` : `teal`', size='20') mdi-tag-multiple
-
- v-card.page-comments-card.mb-5(v-if='commentsEnabled && commentsPerms.read')
- .pa-5
- .overline.pb-2.blue-grey--text.d-flex.align-center(:class='$vuetify.theme.dark ? `text--lighten-3` : `text--darken-2`')
- span {{$t('common:comments.sdTitle')}}
- //- v-spacer
- //- v-chip.text-center(
- //- v-if='!commentsExternal'
- //- label
- //- x-small
- //- :color='$vuetify.theme.dark ? `blue-grey darken-3` : `blue-grey darken-2`'
- //- dark
- //- style='min-width: 50px; justify-content: center;'
- //- )
- //- span {{commentsCount}}
- .d-flex
- v-btn.text-none(
- @click='goToComments()'
- :color='$vuetify.theme.dark ? `blue-grey` : `blue-grey darken-2`'
- outlined
- style='flex: 1 1 100%;'
- small
- )
- span.blue-grey--text(:class='$vuetify.theme.dark ? `text--lighten-1` : `text--darken-2`') {{$t('common:comments.viewDiscussion')}}
- v-tooltip(right, v-if='commentsPerms.write')
- template(v-slot:activator='{ on }')
- v-btn.ml-2(
- @click='goToComments(true)'
- v-on='on'
- outlined
- small
- :color='$vuetify.theme.dark ? `blue-grey` : `blue-grey darken-2`'
- :aria-label='$t(`common:comments.newComment`)'
- )
- v-icon(:color='$vuetify.theme.dark ? `blue-grey lighten-1` : `blue-grey darken-2`', dense) mdi-comment-plus
- span {{$t('common:comments.newComment')}}
-
- v-card.page-author-card.mb-5
- .pa-5
- .overline.indigo--text.d-flex(:class='$vuetify.theme.dark ? `text--lighten-3` : ``')
- span {{$t('common:page.lastEditedBy')}}
- v-spacer
- v-tooltip(right, v-if='isAuthenticated')
- template(v-slot:activator='{ on }')
- v-btn.btn-animate-edit(
- icon
- :href='"/h/" + locale + "/" + path'
- v-on='on'
- x-small
- v-if='hasReadHistoryPermission'
- :aria-label='$t(`common:header.history`)'
- )
- v-icon(color='indigo', dense) mdi-history
- span {{$t('common:header.history')}}
- .page-author-card-name.body-2.grey--text(:class='$vuetify.theme.dark ? `` : `text--darken-3`') {{ authorName }}
- .page-author-card-date.caption.grey--text.text--darken-1 {{ updatedAt | moment('calendar') }}
-
- //- v-card.mb-5
- //- .pa-5
- //- .overline.pb-2.yellow--text(:class='$vuetify.theme.dark ? `text--darken-3` : `text--darken-4`') Rating
- //- .text-center
- //- v-rating(
- //- v-model='rating'
- //- color='yellow darken-3'
- //- background-color='grey lighten-1'
- //- half-increments
- //- hover
- //- )
- //- .caption.grey--text 5 votes
-
- v-card.page-shortcuts-card(flat)
- v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense)
- v-spacer
- //- v-tooltip(bottom)
- //- template(v-slot:activator='{ on }')
- //- v-btn(icon, tile, v-on='on', :aria-label='$t(`common:page.bookmark`)'): v-icon(color='grey') mdi-bookmark
- //- span {{$t('common:page.bookmark')}}
- v-menu(offset-y, bottom, min-width='300')
- template(v-slot:activator='{ on: menu }')
- v-tooltip(bottom)
- template(v-slot:activator='{ on: tooltip }')
- v-btn(icon, tile, v-on='{ ...menu, ...tooltip }', :aria-label='$t(`common:page.share`)'): v-icon(color='grey') mdi-share-variant
- span {{$t('common:page.share')}}
- social-sharing(
- :url='pageUrl'
- :title='title'
- :description='description'
- )
- v-tooltip(bottom)
- template(v-slot:activator='{ on }')
- v-btn(icon, tile, v-on='on', @click='print', :aria-label='$t(`common:page.printFormat`)')
- v-icon(:color='printView ? `primary` : `grey`') mdi-printer
- span {{$t('common:page.printFormat')}}
- v-spacer
-
- v-flex.page-col-content(
- xs12
- :lg9='tocPosition !== `off`'
- :xl10='tocPosition !== `off`'
- :order-xs1='tocPosition === `right`'
- :order-xs2='tocPosition !== `right`'
- )
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasAnyPagePermissions && editShortcutsObj.editFab')
- template(v-slot:activator='{ on: onEditActivator }')
- v-speed-dial(
- v-model='pageEditFab'
- direction='top'
- open-on-hover
- transition='scale-transition'
- bottom
- :right='!$vuetify.rtl'
- :left='$vuetify.rtl'
- fixed
- dark
- )
- template(v-slot:activator)
- v-btn.btn-animate-edit(
- fab
- color='primary'
- v-model='pageEditFab'
- @click='pageEdit'
- v-on='onEditActivator'
- :disabled='!hasWritePagesPermission'
- :aria-label='$t(`common:page.editPage`)'
- )
- v-icon mdi-pencil
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasReadHistoryPermission')
- template(v-slot:activator='{ on }')
- v-btn(
- fab
- small
- color='white'
- light
- v-on='on'
- @click='pageHistory'
- )
- v-icon(size='20') mdi-history
- span {{$t('common:header.history')}}
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasReadSourcePermission')
- template(v-slot:activator='{ on }')
- v-btn(
- fab
- small
- color='white'
- light
- v-on='on'
- @click='pageSource'
- )
- v-icon(size='20') mdi-code-tags
- span {{$t('common:header.viewSource')}}
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasWritePagesPermission')
- template(v-slot:activator='{ on }')
- v-btn(
- fab
- small
- color='white'
- light
- v-on='on'
- @click='pageConvert'
- )
- v-icon(size='20') mdi-lightning-bolt
- span {{$t('common:header.convert')}}
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasWritePagesPermission')
- template(v-slot:activator='{ on }')
- v-btn(
- fab
- small
- color='white'
- light
- v-on='on'
- @click='pageDuplicate'
- )
- v-icon(size='20') mdi-content-duplicate
- span {{$t('common:header.duplicate')}}
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasManagePagesPermission')
- template(v-slot:activator='{ on }')
- v-btn(
- fab
- small
- color='white'
- light
- v-on='on'
- @click='pageMove'
- )
- v-icon(size='20') mdi-content-save-move-outline
- span {{$t('common:header.move')}}
- v-tooltip(:right='$vuetify.rtl', :left='!$vuetify.rtl', v-if='hasDeletePagesPermission')
- template(v-slot:activator='{ on }')
- v-btn(
- fab
- dark
- small
- color='red'
- v-on='on'
- @click='pageDelete'
- )
- v-icon(size='20') mdi-trash-can-outline
- span {{$t('common:header.delete')}}
- span {{$t('common:page.editPage')}}
- v-alert.mb-5(v-if='!isPublished', color='red', outlined, icon='mdi-minus-circle', dense)
- .caption {{$t('common:page.unpublishedWarning')}}
- .contents(ref='container')
- slot(name='contents')
- .comments-container#discussion(v-if='commentsEnabled && commentsPerms.read && !printView')
- .comments-header
- v-icon.mr-2(dark) mdi-comment-text-outline
- span {{$t('common:comments.title')}}
- .comments-main
- slot(name='comments')
- nav-footer
- notify
- search-results
- v-fab-transition
- v-btn(
- v-if='upBtnShown'
- fab
- fixed
- bottom
- :right='$vuetify.rtl'
- :left='!$vuetify.rtl'
- small
- :depressed='this.$vuetify.breakpoint.mdAndUp'
- @click='$vuetify.goTo(0, scrollOpts)'
- color='primary'
- dark
- :style='upBtnPosition'
- :aria-label='$t(`common:actions.returnToTop`)'
- )
- v-icon mdi-arrow-up
-
-
-
-
-
diff --git a/client/themes/iqs/components/tabset.vue b/client/themes/iqs/components/tabset.vue
deleted file mode 100644
index d4b84d40..00000000
--- a/client/themes/iqs/components/tabset.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-
- .tabset.elevation-2
- ul.tabset-tabs(ref='tabs', role='tablist')
- slot(name='tabs')
- .tabset-content(ref='content')
- slot(name='content')
-
-
-
-
-
diff --git a/client/themes/iqs/js/app.js b/client/themes/iqs/js/app.js
deleted file mode 100644
index 34efb224..00000000
--- a/client/themes/iqs/js/app.js
+++ /dev/null
@@ -1 +0,0 @@
-/* THEME SPECIFIC JAVASCRIPT */
diff --git a/client/themes/iqs/scss/app.scss b/client/themes/iqs/scss/app.scss
deleted file mode 100644
index caa8c15f..00000000
--- a/client/themes/iqs/scss/app.scss
+++ /dev/null
@@ -1,1462 +0,0 @@
-/* THEME SPECIFIC STYLES */
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
-
-* {
- font-family: 'Inter', sans-serif !important;
-}
-
-.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot {
- background-color: white !important;
- border: 1px solid #E2E8F0 !important;
- border-radius: 12px !important;
- padding-left: 0.5rem !important;
- padding-right: 0.5rem !important;
-}
-
-.theme--dark.v-icon {
- color: #2D3748 !important;
-}
-
-.theme--dark.v-label {
- color: #2D3748 !important;
-}
-
-.theme--dark.v-input,
-.theme--dark.v-input input,
-.theme--dark.v-input textarea {
- color: #2D3748 !important;
-}
-
-
-.subheading {
- color: #2D3748 !important;
- font-weight: 600 !important;
- font-size: 18px !important;
-}
-
-.v-navigation-drawer .v-list.secondary .v-subheader {
- color: #718096 !important;
- font-size: 0.75rem !important;
- font-weight: 500 !important;
- height: auto !important;
- line-height: normal !important;
-}
-
-.page-toc-card .overline {
- font-family: 'Inter', sans-serif !important;
- color: #718096 !important;
- font-size: 12px !important;
- font-weight: 500 !important;
- line-height: 16px !important;
- font-weight: 500 !important;
- letter-spacing: normal !important;
-}
-
-.page-toc-card .v-list-item {
- max-height: 32px !important;
-}
-
-
-
-.v-navigation-drawer .v-list.secondary>.v-list-item,
-.v-navigation-drawer .v-list.secondary .v-list-item__title {
- color: #2D3748 !important;
- font-size: .875rem !important;
- height: auto !important;
- border-radius: 0.5rem;
-
-}
-
-
-.v-navigation-drawer .v-list.secondary>.v-list-item {
- min-height: 0 !important;
- padding: 0;
-}
-
-
-.v-navigation-drawer .v-list.secondary .v-icon {
- color: #4A5568 !important;
-}
-
-.v-navigation-drawer .v-divider {
- border-color: #E2E8F0 !important;
-}
-
-.page-toc-card {
- border-radius: 0.75rem !important;
- border: 1px solid #E2E8F0 !important;
- box-shadow: 0 0 1rem 0 rgba(13, 24, 41, 0.05) !important;
-}
-
-.page-toc-card .overline {
- text-transform: none !important;
-}
-
-.page-toc-card .v-list {
- padding: 1rem !important;
-}
-
-.page-toc-card .v-list-item {
- min-height: auto !important;
- padding-left: 0 !important;
- padding-right: 0 !important;
-}
-
-.page-toc-card .v-list-item + .v-list-item {
- margin-top: 0.75rem !important;
-}
-
-.page-col-sd .v-btn,
-.page-col-sd .v-list-item--link {
-
- &::before,
- &:hover::before,
- &:focus::before,
- &:active::before {
- display: none !important;
- opacity: 0 !important;
- background-color: transparent !important;
- }
-
- .v-ripple__container {
- display: none !important;
- }
-
- &:hover,
- &:focus,
- &:active {
- background-color: transparent !important;
- box-shadow: none !important;
- }
-}
-
-.v-navigation-drawer .v-list.secondary>.v-list-item {
- &::before {
- display: none !important;
- }
-
- .v-ripple__container {
- display: none !important;
- }
-
- &:hover {
- background-color: #e4ecf7 !important;
- }
-
- &.v-list-item--active,
- &.v-list-item--active .v-list-item__title,
- &.v-list-item--active .v-icon {
- color: #1976D2 !important;
- }
-}
-
-.v-main .contents {
- color: #2D3748;
- padding: .5rem 0 50px;
- position: relative;
-
-
- >div>*:first-child {
- margin-top: 0;
- }
-
-
-
- @at-root .theme--dark & {
- color: mc('grey', '300');
- }
-
-
-
- .v-list.secondary .v-icon {
- color: #4A5568 !important;
- }
-
- // ---------------------------------
- // LINKS
- // ---------------------------------
-
- a {
- color: mc('blue', '700');
-
- &.is-internal-link.is-invalid-page {
- color: mc('red', '700');
-
- @at-root .theme--dark & {
- color: mc('red', '200');
- }
- }
-
- &.is-external-link {
- padding-right: 3px;
-
- &::after {
- font-family: 'Material Design Icons', sans-serif;
- font-size: 24px/1;
- padding-left: 3px;
- display: inline-block;
- content: '\F03CC';
- color: mc('grey', '500');
- text-decoration: none;
- }
- }
-
- @at-root .theme--dark & {
- color: mc('blue', '200');
- }
- }
-
- .nav-header {
- background-color: white !important;
- color: black !important;
- }
-
- // ---------------------------------
- // HEADERS
- // ---------------------------------
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- position: relative;
- font-weight: 600;
- line-height: normal !important;
-
- &:first-child {
- padding-top: 0;
- }
-
- &:hover {
- .toc-anchor {
- display: block;
- }
- }
-
- .toc-anchor {
- display: none;
- position: absolute;
- right: 1rem;
- bottom: .5rem;
- font-size: 1.25rem;
- text-decoration: none;
- color: mc('grey', '500');
- }
-
- &+h2,
- &+h3,
- &+h4,
- &+h5,
- &+h6 {
- margin-top: 8px;
- }
-
- &+hr.footnotes-sep {
- display: none;
- }
- }
-
- h1 {
- padding: 0;
- color: mc('blue', '800');
- margin-top: 2rem;
- position: relative;
-
- @at-root .theme--dark & {
- color: mc('grey', '300');
- }
- }
-
- h2 {
- margin: 1rem 0 0 0;
- color: mc('grey', '800');
- position: relative;
-
- @at-root .theme--dark & {
- color: mc('grey', '400');
- }
- }
-
- h3 {
- margin: 8px 0 0 0;
- color: mc('grey', '700');
- position: relative;
-
- @at-root .theme--dark & {
- color: mc('grey', '600');
- }
- }
-
- h4,
- h5,
- h6 {
- font-size: 1rem;
- margin: 8px 0 0 0;
- color: mc('grey', '700');
- position: relative;
-
- @at-root .theme--dark & {
- color: mc('grey', '600');
- }
- }
-
-
- // ---------------------------------
- // PARAGRAPHS
- // ---------------------------------
-
- p {
- padding: 1rem 0 0 0;
- margin: 0;
-
- @at-root .contents>div>p:first-child {
- padding-top: 0;
- }
-
- @at-root .v-application & {
- margin-bottom: 0;
- }
- }
-
- hr {
- margin: 1rem 0;
- height: 1px;
- border: none;
- background-color: mc('grey', '400');
-
- @at-root .theme--dark & {
- background-color: mc('grey', '700');
- }
- }
-
- .emoji {
- height: 1.25em;
- margin: 0 1px -4px;
- }
-
- .text-huge {
- font-size: 1.8em;
- }
-
- .text-big {
- font-size: 1.4em;
- }
-
- .text-small {
- font-size: .85em;
- }
-
- .text-tiny {
- font-size: .7em;
- }
-
- blockquote {
- padding: 0 1rem 1rem 1rem;
- background-color: mc('blue-grey', '50');
- border-left: 55px solid mc('blue-grey', '500');
- border-radius: .5rem;
- margin: 1rem 0;
- position: relative;
-
- @at-root .theme--dark & {
- background-color: mc('blue-grey', '900');
- }
-
- &::before {
- display: inline-block;
- font: normal normal normal 24px/1 "Material Design Icons", sans-serif;
- position: absolute;
- margin-top: -12px;
- top: 50%;
- left: -38px;
- color: rgba(255, 255, 255, .7);
- content: "\F0757";
- }
-
- >p:first-child .emoji {
- margin-right: .5rem;
- }
-
- &.valign-center>p {
- display: flex;
- align-items: center;
- }
-
- &.is-info {
- background-color: mc('blue', '50');
- border-color: mc('blue', '300');
- color: mc('blue', '900');
-
- &::before {
- content: "\F02FC";
- }
-
- code:not([class^="language-"]) {
- background-color: mc('blue', '50');
- color: mc('blue', '800');
- }
-
- @at-root .theme--dark & {
- background-color: mc('blue', '900');
- color: mc('blue', '50');
- border-color: mc('blue', '500');
- }
- }
-
- &.is-warning {
- background-color: mc('orange', '50');
- border-color: mc('orange', '300');
- color: darken(mc('orange', '900'), 10%);
-
- &::before {
- content: "\F0026";
- }
-
- code:not([class^="language-"]) {
- background-color: mc('orange', '50');
- color: mc('orange', '800');
- }
-
- @at-root .theme--dark & {
- background-color: darken(mc('orange', '900'), 5%);
- color: mc('orange', '100');
- border-color: mc('orange', '500');
- box-shadow: 0 0 2px 0 mc('grey', '900');
- }
- }
-
- &.is-danger {
- background-color: mc('red', '50');
- border-color: mc('red', '300');
- color: mc('red', '900');
-
- &::before {
- content: "\F0159";
- }
-
- code:not([class^="language-"]) {
- background-color: mc('red', '50');
- color: mc('red', '800');
- }
-
- @at-root .theme--dark & {
- background-color: mc('red', '900');
- color: mc('red', '100');
- border-color: mc('red', '500');
- }
- }
-
- &.is-success {
- background-color: mc('green', '50');
- border-color: mc('green', '300');
- color: mc('green', '900');
-
- &::before {
- content: "\F0E1E";
- }
-
- code:not([class^="language-"]) {
- background-color: mc('green', '50');
- color: mc('green', '800');
- }
-
- @at-root .theme--dark & {
- background-color: mc('green', '900');
- color: mc('green', '50');
- border-color: mc('green', '500');
- }
- }
- }
-
- // ---------------------------------
- // ASCIIDOC SPECIFIC
- // ---------------------------------
-
- .admonitionblock {
- margin: 1rem 0;
- position: relative;
-
- table {
- border: none;
- background-color: transparent;
- width: 100%;
- }
-
- td.icon {
- border-bottom-left-radius: 7px;
- border-top-left-radius: 7px;
- text-align: center;
- width: 56px;
-
- &::before {
- display: inline-block;
- font: normal normal normal 24px/1 "Material Design Icons", sans-serif !important;
- }
- }
-
- td.content {
- border-bottom-right-radius: 7px;
- border-top-right-radius: 7px;
- }
-
- &.note {
- td.icon {
- background-color: mc('blue', '300');
- color: mc('blue', '50');
-
- &::before {
- content: "\F02FC";
- }
- }
-
- td.content {
- color: darken(mc('blue', '900'), 10%);
- background-color: mc('blue', '50');
-
- @at-root .theme--dark & {
- background-color: mc('blue', '900');
- color: mc('blue', '50');
- }
- }
- }
-
- &.tip {
- td.icon {
- background-color: mc('green', '300');
- color: mc('green', '50');
-
- &::before {
- content: "\F0335";
- }
- }
-
- td.content {
- color: darken(mc('green', '900'), 10%);
- background-color: mc('green', '50');
-
- @at-root .theme--dark & {
- background-color: mc('green', '900');
- color: mc('green', '50');
- }
- }
- }
-
- &.warning {
- background-color: transparent !important;
-
- td.icon {
- background-color: mc('orange', '300');
- color: #FFF;
-
- &::before {
- content: "\F0026";
- }
- }
-
- td.content {
- color: darken(mc('orange', '900'), 10%);
- background-color: mc('orange', '50');
-
- @at-root .theme--dark & {
- background-color: darken(mc('orange', '900'), 5%);
- color: mc('orange', '100');
- }
- }
- }
-
- &.caution {
- td.icon {
- background-color: mc('purple', '300');
- color: mc('purple', '50');
-
- &::before {
- content: "\f0238";
- }
- }
-
- td.content {
- color: darken(mc('purple', '900'), 10%);
- background-color: mc('purple', '50');
-
- @at-root .theme--dark & {
- background-color: mc('purple', '900');
- color: mc('purple', '100');
- }
- }
- }
-
- &.important {
- td.icon {
- background-color: mc('red', '300');
- color: mc('red', '50');
-
- &::before {
- content: "\F0159";
- }
- }
-
- td.content {
- color: darken(mc('red', '900'), 10%);
- background-color: mc('red', '50');
-
- @at-root .theme--dark & {
- background-color: mc('red', '900');
- color: mc('red', '100');
- }
- }
- }
- }
-
- .exampleblock {
- >.title {
- font-style: italic;
- font-size: 1rem !important;
- color: #7a2717;
-
- @at-root .theme--dark & {
- color: mc('brown', '300');
- }
- }
-
- >.content {
- border: 1px solid mc('grey', '200');
- border-radius: 7px;
- margin-bottom: 12px;
- padding: 16px;
- }
- }
-
- // ---------------------------------
- // LISTS
- // ---------------------------------
-
- ol,
- ul:not(.tabset-tabs) {
- padding-top: 1rem;
- width: 100%;
-
- @at-root .is-rtl & {
- padding-left: 0;
- padding-right: 1rem;
- }
-
- li>ul,
- li>ol {
- padding-top: .5rem;
- padding-left: 1rem;
-
- @at-root .is-rtl & {
- padding-left: 0;
- padding-right: 1rem;
- }
- }
-
- li+li {
- margin-top: .5rem;
- }
-
- &.links-list {
- padding-left: 0;
- list-style-type: none;
-
- @at-root .is-rtl & {
- padding-right: 0;
- }
-
- li {
- background-color: mc('grey', '50');
- background-image: linear-gradient(to bottom, #FFF, mc('grey', '50'));
- border-right: 1px solid mc('grey', '200');
- border-bottom: 1px solid mc('grey', '200');
- border-left: 5px solid mc('grey', '300');
- box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
- padding: 1rem;
- border-radius: 5px;
- font-weight: 500;
-
- @at-root .is-rtl & {
- border-left-width: 1px;
- border-right-width: 5px;
- }
-
- &:hover {
- background-image: linear-gradient(to bottom, #FFF, lighten(mc('blue', '50'), 4%));
- border-left-color: mc('blue', '500');
- cursor: pointer;
-
- @at-root .is-rtl & {
- border-left-color: mc('grey', '200');
- border-right-width: mc('blue', '500');
- }
- }
-
- &::before {
- content: '';
- display: none;
- }
-
- >a {
- display: block;
- text-decoration: none;
- margin: -1rem;
- padding: 1rem;
-
- >em {
- font-weight: 400;
- font-style: normal;
- color: mc('grey', '700');
- display: inline-block;
- padding-left: .5rem;
- border-left: 1px solid mc('grey', '300');
- margin-left: .5rem;
-
- &.is-block {
- display: block;
- padding-left: 0;
- margin-left: 0;
- border-left: none;
- }
- }
- }
-
- >em {
- font-weight: 400;
- font-style: normal;
- }
-
- @at-root .theme--dark & {
- background-color: mc('grey', '50');
- background-image: linear-gradient(to bottom, lighten(mc('grey', '900'), 5%), mc('grey', '900'));
- border-right: 1px solid mc('grey', '900');
- border-bottom: 1px solid mc('grey', '900');
- border-left: 5px solid mc('grey', '700');
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
-
- @at-root .theme--dark.is-rtl & {
- border-left-width: 1px;
- border-right-width: 5px;
- }
-
- &:hover {
- background-image: linear-gradient(to bottom, lighten(mc('grey', '900'), 2%), darken(mc('grey', '900'), 3%));
- border-left-color: mc('indigo', '300');
- cursor: pointer;
-
- @at-root .theme--dark.is-rtl & {
- border-left-color: mc('grey', '900');
- border-right-width: mc('indigo', '300');
- }
- }
- }
- }
- }
-
- &.grid-list {
- margin: 1rem 0 0 0;
- background-color: #FFF;
- border: 1px solid mc('grey', '200');
- padding: 1px;
- display: inline-block;
- list-style-type: none;
-
- @at-root .theme--dark & {
- background-color: #000;
- border: 1px solid mc('grey', '800');
- }
-
- li {
- background-color: mc('grey', '50');
- padding: .6rem 1rem;
- display: block;
-
- &:nth-child(odd) {
- background-color: mc('grey', '100');
- }
-
- &+li {
- margin-top: 0;
- }
-
- &::before {
- content: '';
- display: none;
- }
-
- @at-root .theme--dark & {
- background-color: mc('grey', '900');
-
- &:nth-child(odd) {
- background-color: darken(mc('grey', '900'), 5%);
- }
- }
- }
- }
- }
-
- ul:not(.tabset-tabs):not(.contains-task-list) {
- list-style: none;
-
- >li::before {
- position: absolute;
- left: -1.1rem;
- content: '\25b8';
- color: mc('grey', '600');
- width: 1.35rem;
-
- @at-root .is-rtl & {
- right: -1.1rem;
- content: '\25C3';
- }
- }
- }
-
- ol,
- ul:not(.tabset-tabs) {
- >li {
- position: relative;
-
- >p {
- display: inline-block;
- vertical-align: top;
- padding-top: 0;
-
- &:first-child {
- width: 100%;
- }
- }
- }
- }
-
- dl {
- dt {
- margin-top: 0.3em;
- margin-bottom: 0.3em;
- font-weight: bold;
- }
-
- dd {
- margin-left: 1.125em;
- margin-bottom: 0.75em;
-
- >p {
- padding: 0;
- }
- }
- }
-
- // ---------------------------------
- // CODE
- // ---------------------------------
-
- code {
- background-color: mc('indigo', '50');
- padding: 0 5px;
- color: mc('indigo', '800');
- font-family: 'Roboto Mono', monospace;
- font-weight: normal;
- font-size: 1rem;
- box-shadow: none;
-
- &::before,
- &::after {
- display: none;
- }
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '900'), 5%);
- color: mc('indigo', '100');
- }
- }
-
- .prismjs {
- border: none;
- border-radius: 5px;
- box-shadow: initial;
- background-color: mc('grey', '900');
- padding: 1rem 1rem 1rem 3rem;
- margin: 1rem 0;
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '900'), 5%);
- }
-
- >code {
- background-color: transparent;
- padding: 0;
- color: #FFF;
- box-shadow: initial;
- display: block;
- font-size: .85rem;
- font-family: 'Roboto Mono', monospace;
-
- &:after,
- &:before {
- content: initial;
- letter-spacing: initial;
- }
- }
- }
-
- .diagram {
- margin-top: 1rem;
- overflow: auto;
-
- svg {
- color-scheme: light !important;
-
- &:first-child {
- direction: ltr;
- }
-
- @at-root .theme--dark & {
- color-scheme: dark !important;
- }
- }
- }
-
- // ---------------------------------
- // TASK LISTS
- // ---------------------------------
-
- .contains-task-list {
- padding-left: 0;
- }
-
- .task-list-item {
- position: relative;
- list-style-type: none;
-
- &-checkbox[disabled] {
- width: 1.1rem;
- height: 1.1rem;
- top: 2px;
- position: relative;
- margin-right: 2px;
-
- &::after {
- position: absolute;
- left: 0;
- top: 0;
- content: ' ';
- display: block;
- width: 1.1rem;
- height: 1.1rem;
- background-color: #FFF;
- border: 1px solid mc('grey', '400');
- border-radius: 2px;
- font-weight: bold;
- font-size: .8rem;
- line-height: 1rem;
- text-align: center;
-
- @at-root .theme--dark & {
- background-color: mc('grey', '900');
- border-color: mc('grey', '700');
- }
- }
-
- &[checked]::after {
- content: '✓';
- }
- }
-
- .contains-task-list {
- padding: .5rem 0 0 1.5rem;
- }
- }
-
- // ---------------------------------
- // TABLES
- // ---------------------------------
-
- table {
- margin: .5rem 0;
- border-spacing: 0;
- border-radius: 5px;
- border: 1px solid mc('grey', '300');
-
- @at-root .theme--dark & {
- border-color: mc('grey', '600');
- }
-
- &.dense {
-
- td,
- th {
- font-size: .85rem;
- padding: .5rem;
- }
- }
-
- th {
- padding: .75rem;
- border-bottom: 2px solid mc('grey', '500');
- color: mc('grey', '600');
- background-color: mc('grey', '100');
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '900'), 8%);
- border-bottom-color: mc('grey', '600');
- color: mc('grey', '500');
- }
-
- &:first-child {
- border-top-left-radius: 7px;
- }
-
- &:last-child {
- border-top-right-radius: 7px;
- }
- }
-
- td {
- padding: .75rem;
- }
-
- tr {
- td {
- border-bottom: 1px solid mc('grey', '300');
- border-right: 1px solid mc('grey', '100');
-
- @at-root .theme--dark & {
- border-bottom-color: mc('grey', '700');
- border-right-color: mc('grey', '800');
- }
-
- &:nth-child(even) {
- background-color: mc('grey', '50');
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '900'), 4%);
- }
- }
-
- &:last-child {
- border-right: none;
- }
- }
-
- &:nth-child(even) {
- td {
- background-color: mc('grey', '50');
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '800'), 8%);
- }
-
- &:nth-child(even) {
- background-color: mc('grey', '100');
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '800'), 10%);
- }
- }
- }
- }
-
- &:last-child {
- td {
- border-bottom: none;
-
- &:first-child {
- border-bottom-left-radius: 7px;
- }
-
- &:last-child {
- border-bottom-right-radius: 7px;
- }
- }
- }
- }
- }
-
- figure.table {
- margin: 0;
-
- >table {
- background-color: #FFF;
- margin: 0;
- border-collapse: collapse;
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, .07);
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '900'), 3%);
- }
-
- td,
- th {
- border: 1px solid mc('blue-grey', '100');
- box-shadow: inset -1px -1px 0 0 #FFF, inset 1px 0 0 #FFF;
- padding: .5rem .75rem;
- border-radius: 0 !important;
-
- @at-root .theme--dark & {
- border-color: mc('grey', '700');
- box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, .5);
- }
- }
-
- th {
- background-color: lighten(mc('blue-grey', '50'), 1%);
- font-weight: 700;
- color: mc('blue-grey', '700');
-
- @at-root .theme--dark & {
- background-color: mc('grey', '800');
- color: mc('grey', '400');
- }
- }
-
- thead th {
- border-bottom: 2px solid mc('blue-grey', '100');
-
- @at-root .theme--dark & {
- border-bottom: none;
- }
- }
-
- tbody th {
- background-color: lighten(mc('blue-grey', '50'), 4%);
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '800'), 8%);
- }
- }
- }
- }
-
- // -> Add horizontal scrollbar when table is too wide
- .table-container {
- width: 100%;
- overflow-x: auto;
- }
-
- // ---------------------------------
- // IMAGES
- // ---------------------------------
-
- img {
- max-width: 100%;
-
- &.align-left {
- float: left;
- margin: 0 1rem 1rem 0;
- }
-
- &.align-right {
- float: right;
- margin: 0 0 1rem 1rem;
- z-index: 1;
- position: relative;
- }
-
- &.align-center {
- display: block;
- max-width: 100%;
- margin: auto;
- }
-
- &.align-abstopright {
- position: absolute;
- top: -90px;
- right: 1rem;
- height: calc(90px - 32px);
- width: auto;
-
- @at-root .is-rtl & {
- left: 1rem;
- right: initial;
- }
- }
-
- &.decor-shadow {
- box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
- }
-
- &.decor-outline {
- border: 1px solid mc('grey', '400');
- }
-
- &.uml-diagram {
- margin: 1rem 0;
- }
- }
-
- figure.image {
- margin: 1rem 0 0 0;
-
- img {
- margin: 0 auto;
- }
-
- figcaption {
- padding: 4px 1rem;
- text-align: center;
- font-size: 12px;
- color: mc('grey', '700');
- background-color: mc('grey', '100');
-
- @at-root .theme--dark & {
- color: mc('grey', '400');
- background-color: mc('grey', '800');
- }
- }
- }
-
- figure.image-style-align-right {
- float: right;
- }
-
- figure.image-style-align-left {
- float: left;
- }
-
- // ---------------------------------
- // DETAILS
- // ---------------------------------
-
- details {
- background-color: mc('grey', '50');
- margin: 1rem 2rem;
- border: 1px solid mc('grey', '300');
- border-radius: 7px;
-
- >p {
- padding-left: 0;
- }
-
- >summary {
- border-radius: 7px;
- background-color: mc('grey', '50');
- cursor: pointer;
- display: list-item;
- align-items: center;
- padding: 0.4rem 1rem;
- transition: background-color .4s ease;
-
- &:focus {
- outline: none;
- background-color: mc('grey', '100');
- }
-
- >h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- width: 95%;
- display: inline-block;
-
- &:first-child {
- margin-top: 0;
- }
-
- &:only-child::after {
- display: none;
- }
- }
- }
-
- &[open] {
- padding: 1rem;
-
- >summary {
- background-color: mc('grey', '100');
- border-bottom: 1px solid mc('grey', '300');
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- margin: -1rem -1rem 1rem -1rem;
- }
- }
-
- @at-root .theme--dark & {
- background-color: mc('grey', '900');
- border-color: mc('grey', '700');
-
- >summary {
- background-color: mc('grey', '900');
- border-color: mc('grey', '700');
- }
-
- &[open]>summary {
- background-color: lighten(mc('grey', '900'), 5%);
- }
- }
-
- }
-
- // ---------------------------------
- // HIGHLIGHTING
- // ---------------------------------
-
- mark {
- &.pen-red {
- color: mc('red', '500');
- background-color: initial;
- }
-
- &.pen-green {
- color: mc('green', '500');
- background-color: initial;
- }
-
- &.marker-blue {
- background-color: mc('blue', '300');
- }
-
- &.marker-yellow {
- background-color: mc('yellow', '300');
- }
-
- &.marker-pink {
- background-color: mc('pink', '300');
- }
-
- &.marker-green {
- background-color: mc('green', '300');
- }
- }
-
- .mention {
- background-color: rgba(153, 0, 48, .1);
- color: #990030;
-
- @at-root .theme--dark & {
- color: mc('pink', '500');
- }
- }
-
-}
-
-
-
-// ---------------------------------
-// COMMENTS
-// ---------------------------------
-
-.comments {
- &-container {
- border-radius: 7px;
- }
-
- &-header {
- color: #FFF;
- padding: 8px 20px;
- font-size: 16px;
- font-weight: 500;
- background-color: mc('blue-grey', '500');
- border-radius: 7px 7px 0 0;
-
- @at-root .theme--dark & {
- background-color: lighten(mc('blue-grey', '900'), 5%);
- }
- }
-
- &-main {
- background-color: mc('blue-grey', '50');
- border-radius: 0 0 7px 7px;
- padding: 20px;
-
- @at-root .theme--dark & {
- background-color: darken(mc('grey', '900'), 5%);
- }
- }
-}
-
-// ---------------
-// RTL FIXES
-// Vuetify GH Issue: https://github.com/vuetifyjs/vuetify/issues/6317
-// ---------------
-
-.is-rtl {
- .page-col-content.is-page-header {
- @each $size, $width in $grid-breakpoints {
- @media (min-width: $width) {
- @for $n from 0 through 12 {
- &.offset-#{$size}-#{$n} {
- margin-left: 0;
- margin-right: ($n / 12 * 100) * 1%;
- }
- }
- }
- }
- }
-}
-
-// ---------------
-// PRINT OVERRIDES
-// ---------------
-
-@media print {
-
- .nav-header,
- .v-navigation-drawer,
- .v-btn--fab,
- .page-col-sd,
- .v-tooltip__content {
- display: none !important;
- }
-
- .layout {
- display: block !important;
- }
-
- .page-col-content {
- flex-basis: 100% !important;
- flex-grow: 1 !important;
- max-width: 100% !important;
- margin-left: 0 !important;
-
- >.v-toolbar {
- border: 1px solid mc('grey', '300') !important;
- border-radius: 7px !important;
-
- &+.v-divider {
- display: none !important;
- }
- }
- }
-
- .v-main {
- padding: 0 !important;
- font-size: 14px;
- background-color: #FFF;
- }
-
- .v-main .contents {
- color: #000;
- background-color: #FFF;
-
- @at-root .theme--dark & {
- color: #000;
- }
-
- .prismjs {
- box-shadow: none;
- background-color: #FFF;
-
- @at-root .theme--dark & {
- background-color: #FFF;
- }
-
- >code {
- color: #000;
- box-shadow: none;
- text-shadow: none;
- white-space: pre-wrap !important;
- overflow-wrap: break-word !important;
- }
- }
- }
-
- .comments-container {
- display: none;
- }
-
- .page-edit-shortcuts {
- display: none;
- }
-}
diff --git a/client/themes/iqs/theme.yml b/client/themes/iqs/theme.yml
deleted file mode 100644
index 6a8d38d0..00000000
--- a/client/themes/iqs/theme.yml
+++ /dev/null
@@ -1,51 +0,0 @@
-name: iQuant Knowledge Base
-author: iQuant Devs
-site: https://wiki.iquantsolutions.com/
-version: 1.0.0
-requirements:
- minimum: '>= 2.0.0'
- maximum: '< 3.0.0'
-props:
- sdPosition:
- type: String
- default: 'left'
- title: Table of Contents Position
- hint: Should the content sidebar be shown on the left or right.
- enum:
- - 'hidden'
- - 'left'
- - 'right'
- order: 1
- icon: mdi-border-vertical
- showTOC:
- type: Boolean
- default: true
- title: Display the Table of Contents
- order: 2
- showTags:
- type: Boolean
- default: false
- title: Display the Page Tags
- order: 3
- showTags:
- type: Boolean
- default: false
- title: Display the Page Author and Date
- order: 4
- showTags:
- type: Boolean
- default: false
- title: Display the Page Rating
- order: 5
- showSocialBar:
- type: Boolean
- default: false
- title: Display the Social Links Bar
- order: 6
- showEditSpeedDial:
- type: Boolean
- default: false
- title: Display the Edit Speed Dial
- hint: Shown in the lower right corner of the page.
- order: 7
-