Файловый менеджер

Файловый менеджер - Редактировать - /home/lmsyaran/public_html/j3/components/com_moojla/assets/css/coursedetail.css

Назад
/----------------------------------------------------------------------------------\| www.vdm.io \|----/ Lmskaran /-------------------------------------------------------------------------------------------------------/ @version 1.0.77 @build 6th April, 2022 @created 22nd July, 2020 @package Moojla @subpackage coursedetail.css @author Lmskaran <http://Lmskaran.com> @copyright Copyright (C) 2015. All Rights Reserved @license GNU/GPL Version 2 or later - http://www.gnu.org/licenses/gpl-2.0.html ____ _____ _____ __ __ __ __ ___ _____ __ __ ____ _____ _ _ ____ _ _ ____ (_ _)( _ )( _ )( \/ )( ) /__\ / __)( _ )( \/ )( _ \( _ )( \( )( ___)( \( )(_ _) .-_)( )(_)( )(_)( ) ( )(__ /(__)\ ( (__ )(_)( ) ( )___/ )(_)( ) ( )__) ) ( )( \____) (_____)(_____)(_/\/\_)(____)(__)(__) \___)(_____)(_/\/\_)(__) (_____)(_)\_)(____)(_)\_) (__) /------------------------------------------------------------------------------------------------------/ /* CSS Document / .main-lmskaran--course-search-card{ word-break: break-word; } @font-face { font-family: "Vazir"; src: url(./vazir-font/Vazir.eot), url(./vazir-font/Vazir.ttf), url(./vazir-font/Vazir.woff), url(./vazir-font/Vazir.woff2); } body, input, button { font-family: "vazir"; background-color: #fff; } { padding: 0px; margin: 0px; box-sizing: border-box; } /* آیکون ها دیگر ایتالیک نباشند / i { font-style: initial; } a { text-decoration: none; } / این قسمت برای بک گراند نوک مدادی هست / #header-landscape { background: #303642; width: 100%; height: 300px; margin-top: 20px; } / این قسمت برای ستاره ها بهش استایل دادیم / .icon-star { position: relative; top: 1px; font-family: "FontAwesome"; color: yellow; } / سفید شدن متن ها در نویگیشن / #header-text-course { color: white; width: 30%; position: relative; left: -7%; } / قرار گرفتن متن های داخل نویگیشن در وسط / #header-landscape { display: flex; justify-content: center; } / ستونی شدن لیست هایی که در سایدبار هست / #details-Description { display: flex; flex-direction: column; padding-right: 10px; font-size: 13px; align-items: start; } / این هم عرض دادن به سایدبار و دیگر استایل های دیگر هست / .box-width-course { width: 100%; background: white; border: 1px solid #ddd; padding: 5px; box-shadow: 1px 1px 10px #9c9c9c; margin-right: 20px; border-radius: 10px; position: relative; } / این برای تصاویر داخل سایدبارهست که عرض بهش دادیم و ... / .image-course { width: 100%; border-radius: 10px; } / وسط آمدن دکمه ثبت نام در سایدبار و فاصله گرفتن از بالا و پایین / #course-button { width: 100%; display: flex; justify-content: center; margin: 10px 0px; } / بزرگ شدن فونت سایز دکمه ثبت نام در سایدبار / #course-button input[type="button"] { font-size: 15px; color: white; padding: 5px; border: 1px solid green; border-radius: 5px; letter-spacing: 1px; background: linear-gradient(to top, #007791, #019bbd); } / به توضیحاتی که در داخل سایدبار هست فونت اوسوم دادیم / span.list-Description i::before { font-family: "FontAwesome"; margin-left: 5px; color: #909090; } / hr خاصیت دادن به / .line-style { height: 1px; background: #03a9f4; border: 1px solid #0089c7; margin-bottom: 10px; } / فاصله دادن به عنوان درس از بالا و پایین / #title h1 { color: white; } / از بالا و پایین header فاصله دادن به توضیحات درس در / p.header-Description-p { margin: 15px 0px; } / =================================================================================================================================== / / قرمز شدن شماره تماس و لینک سایت مون در فوتر / .color-footer-text { color: red !important; } / این همون پرچسب قرمز هست که بالای باکس معلم هست / #tiket{ width: 10px; height: 130px; border: 30px solid red; border-bottom: transparent solid 30px; position: absolute; top: 0px; } / این برای آیکون کیک توی پرچسب هست / #tiket > .fa-birthday-cake:before { content: "\f1fd"; color: white; font-size: 25px; font-family: "FontAwesome"; position: absolute; bottom: 0px; left: -13px; } #tiket > .fa-birthday-cake{ position: relative; } #tiket span{ width: 41px; position: absolute; top: 20px; font-size: 10px; right: -20px; color: white; font-weight: bold; letter-spacing: 1px; } div.faaliat span { border: 4px solid #d0d0d0; padding: 3px; border-radius: 10px; text-align: center; background: white; z-index: 103; width: 100%; font-size: 13px; } div.faaliat { display: flex; justify-content: center; position: relative; } div.faaliat::before, div.faaliat::after { content: ""; display: inline-block; width: 100%; height: 1px; background: #dedede; position: relative; top: 20px; } #title-course { display: flex; justify-content: center; color: #007791; } div#modares { display: flex; justify-content: space-around; margin-top: 30px; } #modares span::before { display: block; text-align: center; font-family: "FontAwesome"; color: #404040; } #sidebar-film span::before { content: "\f008"; } #sidebar-star span::before { content: "\f005"; } #sidebar-message span::before { content: "\f075"; } .img-course img { border-radius: 100%; border: 7px double #d0d0d0; } .img-course { display: flex; justify-content: center; } div#box-course-techear { margin-top: 40px; } div#number-Description { display: flex; justify-content: space-around; text-align: center; font-size: 14px; } div#content span::before { content: "\f19d"; font-family: "FontAwesome"; display: inline-flex; margin-left: 5px; } #content { display: flex; justify-content: center; margin-top: 20px; } .spacing-faaliat { margin: 20px; } div#social { font-family: "FontAwesome"; display: flex; justify-content: space-around; margin: 0 auto; max-width: 350px; color: #5a5a5a; margin-bottom: 20px; } #social a { color: #404040; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: right; outline: none; font-size: 15px; transition: 0.4s; border: 1px solid #ddd; margin: 5px 0px; border-radius: 5px; } .active, .accordion:hover { background-color: #ccc; } .panel { padding: 0 18px; display: none; background-color: white; overflow: hidden; } div#all { font-size: 12.5px; } .container_moojla { display: grid; grid-template-areas: "moojheader moojheader moojheader" "moojnav moojcontent side" "footer footer footer"; grid-template-columns: 420px 1fr 0px; grid-template-rows: auto 1fr auto; grid-gap: 50px; } #moojla_header { grid-area: moojheader; } #moojla_nav { grid-area: moojnav; margin-left: 0.5rem; margin-top: -200px; } #moojla_main { grid-area: moojcontent; } aside { grid-area: side; margin-right: 0.5rem; } / footer { / / grid-area: footer; / / display: flex !important; / / justify-content: space-around; / / flex-direction: row-reverse; / / background: #eee; / / padding: 10px; / / border-top: 1px solid #ddd; / / } / / footer div { / / margin: 0px 15px; / / font-size: 90%; / / } / @media only screen and (max-width: 1199px) { .container_moojla { display: grid; grid-template-areas: "moojheader moojheader moojheader" "moojnav moojnav moojnav" "moojcontent moojcontent moojcontent" "footer footer footer"; grid-template-columns: 360px 1fr 0px; grid-template-rows: auto 1fr auto; grid-gap: 50px; } #moojla_nav { grid-area: moojnav; margin-left: 0.5rem; margin-top: 0px; margin: 0 15%; } .box-width-course { margin-right: 0px; } #header-text-course { position: relative; right: -17%; } } /**********modal for login************/ / Full-width input fields / input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } / Set a style for all buttons / .moojla-login-button { color: white; border: none; cursor: pointer; font-weight: 100; width: 100%; text-align: center; border-left: 1px solid #77dc69; transition: 0.5s; padding: 10px; } / .moojla-login-button:hover { / / opacity: 0.8; / / color:white; / / } / / Extra styles for the cancel button / .cancelbtn { width: auto; padding: 10px 18px; background-color: #f44336; } / Center the image and position the close button / .imgcontainer { text-align: center; margin: 24px 0 12px 0; position: relative; } img.avatar { width: 40%; border-radius: 50%; } .login_container { padding: 16px; border-radius: 0 0 20px 20px; } span.psw { float: right; padding-top: 16px; } / The moojla-login-modal (background) / .moojla-login-modal { display: none; / Hidden by default / position: fixed; / Stay in place / z-index: 1000; / Sit on top / left: 0; top: 0; width: 100%; / Full width / height: 100%; / Full height / overflow: auto; / Enable scroll if needed / background-color: rgb(0,0,0); / Fallback color / background-color: rgba(0,0,0,0.4); / Black w/ opacity / padding-top: 60px; } / moojla-login-modal Content/Box / .moojla-login-modal-content { background-color: #fefefe; margin: 0 auto 15% auto; / 5% from the top, 15% from the bottom and centered / border: 1px solid #888; width: 40%; / Could be more or less, depending on screen size / border-radius: 20px; padding-top: 20px; } / The Close Button (x) / .close { position: absolute; right: 25px; top: 0; color: #000; font-size: 35px; font-weight: bold; } .close:hover, .close:focus { color: red; cursor: pointer; } / Add Zoom Animation / .animate { -webkit-animation: animatezoom 0.8s; animation: animatezoom 0.8s } @-webkit-keyframes animatezoom { from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)} } @keyframes animatezoom { from {transform: scale(0)} to {transform: scale(1)} } / Change styles for span and cancel button on extra small screens / @media screen and (max-width: 300px) { span.psw { display: block; float: none; } .cancelbtn { width: 100%; } } /************************************************این برای مودال ورود و یا ثبت نام هست*******************************************************/ / preloader / div#moojla-login-modal-content { background: white; } div#moojla-login-modal-content > img{ margin: 0 auto; display: block; padding: 20px 0; } .moojla-login-modal-content{ background-color: transparent; border: unset; width:40%; } .moojla-login-modal{ background-color: rgb(0 0 0 / 69%); } input#modlgn-username,input#modlgn-passwd { margin: unset !important; } / tab login / span#logintabbtn { margin-left: 10px; } / tab login and registration/ .modal_tab_button_login_registration{ cursor: pointer; color:black; font-weight: 100; background: white; padding: 15px 20px; border-radius: 10px 10px 0px 0px; font-size: 1rem; position: relative; bottom: 10px; } #moojla-login-modal-content #login-form { width:100%; display: block; padding: 20px 15%; } .input-prepend { width: 100%; display: flex !important; } input#modlgn-username,input#modlgn-passwd { width: 100%; } .add-on [class^="icon-"], .add-on [class=" icon-"]{ margin-left:unset !Important; } /ul in tab login/ ul.nav.nav-tabs.nav-stacked li a { color: black; padding: 20px; } /* background login form/ form.form-validate.form-horizontal.well { border-bottom: unset; background: white; } / break fild / .form-horizontal .control-label { width: 100% !important; } / margin unset input / .form-horizontal .controls{ margin-right:unset !important; } div#moojla-reg-modal-content { background: white; } div#form-login-submit .controls { display: flex; justify-content: center; align-items: center; } div#form-login-submit .controls button{ width: 100%; padding: 10px; font-size: 1rem; font-weight: 100; background: linear-gradient(to bottom, #4179ce, #4896a8,#22747b); } #moojla-reg-modal-content #cbcheckedadminForm #registrationTable{ color:black; } ul#form-login-links { font-size: 15px; font-weight: 100; margin-bottom: unset; } #moojla-login-modal-content .image_head_modal_login { width: 100%; } div#form-login-remember { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } div#form-login-remember label { color: black; font-size: 15px; font-weight: 100; margin-right: 5px; } / tab reg / div#moojla-reg-modal-content form#cbcheckedadminForm { padding: 0px 5% 0 20%; } div#moojla-reg-modal-content form#cbcheckedadminForm #registrationTable input { width: 100%; height: 20px; background:#f1f1f1; } div#moojla-reg-modal-content form#cbcheckedadminForm .cbRegistrationButtons{ display: flex; justify-content: flex-end; } div#moojla-reg-modal-content form#cbcheckedadminForm .cbRegistrationButtons .offset-sm-3.col-sm-9{ margin-left: unset; } div#moojla-reg-modal-content form#cbcheckedadminForm .cbRegistrationButtons .offset-sm-3.col-sm-9 input{ height:auto !important; background:linear-gradient(to bottom, #4179ce, #4896a8,#22747b) !important; } .form-group > label { text-align: left; padding-left: 10px !important; } .active_tab_login_registration{ transition: 0.5s; background: #ffffff; color: #171717; box-shadow: inset 0px 6px 0px 0px #4792ac; } /moojla modal/ #moojla-modal{ cursor: auto; } @media screen and (max-width: 1200px) and (min-width: 768px){ .moojla-login-modal-content{ width:60%; } } @media screen and (max-width: 768px) and (min-width: 500px){ .moojla-login-modal-content{ width:80%; } } @media only screen and (max-width: 500px){ .moojla-login-modal-content{ width:99%; } } .show_content{ display:block !important; } .display_content_log_reg{ display:none; } div.rate { margin: 0; padding: 0; } .rate { float: left; /height: 46px;/ } .rate:not(:checked) > input { /position:absolute;/ /top:-9999px;/ display: none; } .rate:not(:checked) > label { float:right; width:1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:30px; color:#ccc; } .rate:not(:checked) > label:before { content: '★ '; } .rate > input:checked ~ label { color: #ffc700; } .rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label { color: #deb217; } .rate > input:checked + label:hover, .rate > input:checked + label:hover ~ label, .rate > input:checked ~ label:hover, .rate > input:checked ~ label:hover ~ label, .rate > label:hover ~ input:checked ~ label { color: #c59b08; } .lmskaran_reg_download .moojla-login-button:hover{ background: #40b630; cursor: pointer; opacity: 0.8; color:white; }

| ver. 1.4 | Github | . | PHP 8.1.33 | Генерация страницы: 0.01 | proxy | phpinfo | Настройка