/*!
* CSS ACADEMICA - v. 2.0
* 2015 - Alex Aragón (aragonc@beeznest.com)
* OpenClipArt ilustration (https://openclipart.org/detail/220955/pirate-ship-silhouette)
* Licensed GPL
* Based on Bootstrap
*/
@font-face {
font-family: 'Vazir';
src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2'),
url('../fonts/Vazirmatn-Regular.woff') format('woff'),
url('../fonts/Vazirmatn-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body, html, input, textarea, select, button {
font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
position: relative;
}
* {
direction: rtl !important;
text-align: right !important;
}
.menu, .nav, navbar, sidebar {
direction: rtl !important;
text-align: right !important;
float: right;
}
label, .label {
direction: rtl !important;
text-align: right !important;
float: right !important;
}
body {
margin: 0 0 60px;
font-family: 'vazir', sans-serif;
line-height: 1.72222;
}
body > main footer.footer {
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
a{
color: #185B8E;
}
a:hover{
color: #3F9BC7;
}
header{
background: url("images/background.png") repeat-x center -25px;
}
.navbar-default {
background: #5a7081; /* Old browsers */
background: -moz-linear-gradient(top, #5a7081 1%, #364753 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5a7081), color-stop(100%,#364753)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5a7081 1%,#364753 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5a7081 1%,#364753 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5a7081 1%,#364753 100%); /* IE10+ */
background: linear-gradient(to bottom, #5a7081 1%,#364753 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a7081', endColorstr='#364753',GradientType=0 ); /* IE6-9 */
border-color: #5A7081;
}
.navbar-default .navbar-brand {
color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #ededed;
}
.navbar-default .navbar-text {
color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #9DD0F1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
background-color: #0099c0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ededed;
background: #f48b7b; /* Old browsers */
background: -moz-linear-gradient(top, #f48b7b 0%, #ff5b41 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48b7b), color-stop(100%,#ff5b41)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f48b7b 0%,#ff5b41 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f48b7b 0%,#ff5b41 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f48b7b 0%,#ff5b41 100%); /* IE10+ */
background: linear-gradient(to bottom, #f48b7b 0%,#ff5b41 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48b7b', endColorstr='#ff5b41',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ededed;
background: #f48b7b; /* Old browsers */
background: -moz-linear-gradient(top, #f48b7b 0%, #ff5b41 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f48b7b), color-stop(100%,#ff5b41)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f48b7b 0%,#ff5b41 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f48b7b 0%,#ff5b41 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f48b7b 0%,#ff5b41 100%); /* IE10+ */
background: linear-gradient(to bottom, #f48b7b 0%,#ff5b41 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48b7b', endColorstr='#ff5b41',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-toggle {
border-color: #0099c0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #0099c0;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #ffffff;
}
.navbar-default .navbar-link {
color: #ffffff;
}
.navbar-default .navbar-link:hover {
color: #ededed;
}
.logo {
margin: 50px 0;
}
.breadcrumb{
background: #ddecef;
color: #006A84;
}
.panel-default .panel-heading{
background-color: #ddecef;
}
footer.bgfooter{
background: #004455; /* Old browsers */
background: -moz-linear-gradient(top, #004455 0%, #272727 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004455), color-stop(100%,#272727)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #004455 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #004455 0%,#272727 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #004455 0%,#272727 100%); /* IE10+ */
background: linear-gradient(to bottom, #004455 0%,#272727 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004455', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
color: #9DD0F1;
border-top: 2px solid #364753;
}
footer.bgfooter a{
color: #ffffff;
}
footer.bgfooter a:hover{
color: #CCC;
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.logo {
margin: 25px 0;
}
}
/* Medium-small screens*/
@media (min-width: 480px) and (max-width: 767px) {
.logo {
margin: 24px 0;
}
}
/* Smalls screens */
@media (min-width: 320px) and (max-width: 479px) {
.logo {
margin: 10px 0;
}
}
/* Landscape phones and down */
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logo {
margin: 20px 0;
}
}
/* === فارسیسازی و راستچین کردن قالب Academica === */
html[dir="rtl"], body[dir="rtl"] {
direction: rtl;
text-align: right;
}
/* تنظیمات منوی بالا برای راستچین */
html[dir="rtl"] .navbar-nav {
float: right !important;
}
html[dir="rtl"] .navbar-nav > li {
float: right !important;
}
html[dir="rtl"] .navbar-nav > li > a {
text-align: right;
padding-right: 15px;
padding-left: 5px;
}
/* تنظیمات زیرمنوها */
html[dir="rtl"] .dropdown-menu {
right: 0 !important;
left: auto !important;
text-align: right;
}
/* نوار جستجو و دکمهها */
html[dir="rtl"] .navbar-form {
float: left !important;
}
html[dir="rtl"] .navbar-header {
float: right !important;
}
/* مسیر راهنما (breadcrumb) */
html[dir="rtl"] .breadcrumb {
direction: rtl;
text-align: right;
}
html[dir="rtl"] .breadcrumb > li + li:before {
content: "›";
padding: 0 5px;
color: #006A84;
}
/* راستچین کردن پنلها و عناوین */
html[dir="rtl"] .panel-heading,
html[dir="rtl"] .panel-title,
html[dir="rtl"] .panel-body {
text-align: right;
}
/* تنظیم فوتر */
html[dir="rtl"] footer.bgfooter {
text-align: right;
}
/* فاصله و چینش لوگو و متن */
html[dir="rtl"] .logo {
margin: 50px 0;
text-align: right;
}
/* اصلاح فاصلهها برای نمایش بهتر در حالت RTL */
html[dir="rtl"] .navbar-right {
float: left !important;
}
html[dir="rtl"] .navbar-left {
float: right !important;
}
/* متن عمومی سایت */
body {
font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
line-height: 1.8;
}
/* === راستچین کردن فرمها در بخش مدیریت Chamilo === */
html[dir="rtl"] form,
html[dir="rtl"] .form-horizontal,
html[dir="rtl"] .form-inline {
direction: rtl;
text-align: right;
}
/* عناوین فیلدها */
html[dir="rtl"] label,
html[dir="rtl"] .control-label {
float: right;
text-align: right;
display: block;
margin-right: 5px;
margin-left: 0;
}
/* فیلدهای ورودی */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
text-align: right;
direction: rtl;
}
/* برای فرمهای bootstrap افقی */
html[dir="rtl"] .form-horizontal .form-group {
text-align: right;
}
html[dir="rtl"] .form-horizontal .control-label {
text-align: right;
float: right;
}
/* دکمهها در سمت راست */
html[dir="rtl"] .form-actions,
html[dir="rtl"] .btn,
html[dir="rtl"] .btn-group {
float: right;
}
/* خطاها و پیامها */
html[dir="rtl"] .help-block,
html[dir="rtl"] .error-message {
text-align: right;
}
/* برای جدولهای تنظیمات (در بخش پیکربندی مدیریت) */
html[dir="rtl"] table.data_table,
html[dir="rtl"] table.form-table {
direction: rtl;
text-align: right;
}
html[dir="rtl"] .d-flex {
flex-direction: row-reverse;
}
/* بازگرداندن ظاهر و موقعیت checkbox و radio */
input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
display: inline-block !important;
opacity: 1 !important;
visibility: visible !important;
position: static !important;
/* margin: 0 5px 0 0 !important; */
/* float: none !important; */
vertical-align: middle !important;
z-index: 10 !important;
}
/* رفع مشکل label و متن کنار checkbox */
label,
.form-check-label {
display: inline-block !important;
vertical-align: middle !important;
/* margin: 0 15px !important; */
cursor: pointer;
}