Trello Persian - Vazir Font - Justified Text by arashjl

/* ==UserStyle==
@name           Trello Persian - Vazir Font - Justified Text
@namespace      USO Archive
@author         Arash Jalali
@description    `اصلاح نمایش متون فارسی در توضیحات، کامنت و تسک‌هانمایش متن فارسی به صورت راست به چپاستفاده از فونت فارسی وزیراستفاده از فونت فارسی وزیرکد برای نمای بلوک کدنمایش جاستیفای شده متن فارسی در توضیحات، تسک‌ها و کامنت‌ها استفاده از فونت‌های وزیر بولد و بلک برای نمایش تیترها (h1,h2,h3)`
@version        20200711.17.37
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("trello.com") {

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

/* ========================================= */
body {
    font-family: 'Vazirmatn', Roboto,tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 1.7em;

}
#board {
    direction: rtl;
} 
body.body-board-view {
    background-color: rgba(0, 150, 210, 1.0)!important;
}
textarea {
    font-family: 'Vazirmatn', Roboto!important;
    direction: rtl;
}

strong {
 	font-family: 'Vazirmatn', Roboto!important;
    direction: rtl;
    font-weight: bold;

}
.description-content h1,h2,textarea.mod-card-back-title {
 	font-family: 'Vazirmatn', Roboto!important;
    direction: rtl;
    font-weight: 700;
    letter-spacing: -0.5px;
}
.description-content h3 {
    font-family: 'Vazirmatn', Roboto!important;
    direction: rtl;
    font-weight: Bold;
    letter-spacing: 0px;
}
.description-content p {
    text-align: justify;
    text-justify: inter-character;
}
.description-content blockquote {
    border-left: 0px;
    border-right: 1px solid rgba(9,30,66,.13);
    margin: 12px 11px 12px 0px;
    padding: 0 12px 0 0;
}
pre, code {
    font-family: Vazirmatn, Monospace!important;
    direction: ltr;
    font-weight: normal;
}
.phenom {
	direction: rtl;
    margin-right: 40px!important;
    margin-left: 0!important;
    text-align: justify;
}

.phenom-creator, .phenom-icon {
    right: -40px!important;
    left: 0!important;
}
.board-menu {
    margin-top: 0!important;
    position: fixed!important;
	z-index: 60!important;    
}

.list-card-title {
    font-size: 13px;
    line-height: 1.7em;
}
.list-card-operation {
    right: auto;
    left: 3px;
    padding: 2px;
}
.checklist-item-details-text {
    direction: rtl;
    text-align: justify;
}
.card-label.mod-card-front {
    float: right;
}
.board-wrapper.is-show-menu .board-header-btns.mod-right {
    visibility: visible;
    right: -303px;
}
.header-logo-default:after {
    color: white;
    top: 21px;
    position: absolute;
}
.checklist-item {
    padding-left: 0px!important;
    padding-right: 40px!important;
}
.checklist-item-checkbox {
    right: 5px !important;
    left: inherit;
}
.checklist-item-details .checklist-item-row .checklist-item-text-and-controls {
    flex-direction: row-reverse!important;
}

.card-label.mod-card-front {
    text-align: center;
    line-height: initial;
    font-size: 8px;
    height: 12px;
}
.comment-container p {
    direction: rtl;
    text-align: justify;
}
}