Файловый менеджер - Редактировать - /home/lmsyaran/public_html/j3/components/com_moojla/assets/css/course_search.css
Назад
/*----------------------------------------------------------------------------------| www.vdm.io |----/ Lmskaran /-------------------------------------------------------------------------------------------------------/ @version 1.0.77 @build 6th April, 2022 @created 22nd July, 2020 @package Moojla @subpackage course_search.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 */ input[type='range'] { width: 210px; height: 30px; overflow: hidden; cursor: pointer; outline: none; } input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; background: none; } input[type='range']::-webkit-slider-runnable-track { width: 200px; height: 1px; background: #003D7C; } input[type='range']:nth-child(2)::-webkit-slider-runnable-track{ background: none; } input[type='range']::-webkit-slider-thumb { position: relative; height: 15px; width: 15px; margin-top: -7px; background: #fff; border: 1px solid #003D7C; border-radius: 25px; z-index: 1; } input[type='range']:nth-child(1)::-webkit-slider-thumb{ z-index: 2; } .rangeslider{ position: relative; height: 60px; width: 210px; display: inline-block; margin-top: -5px; margin-left: 20px; } .rangeslider input{ position: absolute; } .rangeslider{ /*position: absolute;*/ } .rangeslider span{ position: absolute; margin-top: 30px; left: 0; } .rangeslider .right{ position: relative; float: right; margin-right: -5px; } /* Proof of concept for Firefox */ @-moz-document url-prefix() { .rangeslider::before{ content:''; width:100%; height:2px; background: #003D7C; display:block; position: relative; top:16px; } input[type='range']:nth-child(1){ position:absolute; top:35px !important; overflow:visible !important; height:0; } input[type='range']:nth-child(2){ position:absolute; top:35px !important; overflow:visible !important; height:0; } input[type='range']::-moz-range-thumb { position: relative; height: 15px; width: 15px; margin-top: -7px; background: #fff; border: 1px solid #003D7C; border-radius: 25px; z-index: 1; } input[type='range']:nth-child(1)::-moz-range-thumb { transform: translateY(-20px); } input[type='range']:nth-child(2)::-moz-range-thumb { transform: translateY(-20px); } } .filterItem{ background: #fff; border: 1px solid #d6cdcd; border-radius: 4px; padding: 2px 3px; box-shadow: 2px 2px 4px #ccc; margin: 4px 2px; display: inline-block; cursor: pointer } .searchIcon{ background: #eee; border: 1px solid #ccc; border-radius: 4px; padding: 0 7px; cursor: pointer } #courses .card li{ font-size: 12px; } .loading:after { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; background-image: url('../images/loading-modal.gif'); background-color: rgba(212, 224, 236, 0.7); background-repeat: no-repeat; background-size: 30%; } #courses .card { box-shadow: 0px 0px 5px #ccc; } #courses .card li span:nth-child(1) { font-weight: bold; } #courses .card li span:nth-child(2) { color: #004c72; } #courses .card li span:nth-child(2) a { color: #004c72; } /*------------------------default_card_mahdi------------------------*/ .lmskaran--course-search-card { display: flex; flex-direction: column; height:100%; background: #fff; color: black; border-radius: 5px; border: 1px solid #e0e0e0; position: relative; overflow:hidden; } .image-lmskaran--course-search-card { display: flex; justify-content: center; } .round-image-lmskaran--course-search-card > a { height: 100%; } .image-lmskaran--course-search-card img { width: 100%; height: 100%; transform: scale(1); transition: 0.3s; border-radius: 50%; } .image-lmskaran--course-search-card img:hover { transform: scale(1.2); } .head-lmskaran--course-search-card { display: flex; justify-content: space-between; align-items:center; padding: 5px 10px; } .head-lmskaran--course-search-card .pack-buttons{ display:flex; } .main-lmskaran--course-search-card { display: flex; flex-direction: column; align-items: center; width: 90%; margin: 0 auto 10px; padding-bottom: 10px; word-break: break-all; justify-content: space-between; flex-grow: 1; margin-top: 20px; } .main-lmskaran--course-search-card h3 { margin-bottom: 3px; } .main-lmskaran--course-search-card h3 a { font-size: 18px; color: black !important; } .main-lmskaran--course-search-card .cat-name{ display: flex; justify-content: center; font-size:14px; color: #9e9e9e; } .main-lmskaran--course-search-card .costCourse{ display:flex; align-items:center; justify-content:center; flex-grow: 1; } .main-lmskaran--course-search-card-content{ display: flex; flex-direction: column; flex-grow: 1; } .main-lmskaran--course-search-card-content h3 { display: flex; justify-content: center; } .button-course{ flex-grow: 1; display: flex; align-items: flex-end; margin-top:10px; } .costCourse > a{ width:100%; } .button-GoToCourse { width: 80%; padding: 5px 20px; background: #6791f1; border: unset; color: white; border-radius: 50px; } .round-image-lmskaran--course-search-card{ width: 83%; height: 29vh; border-radius: 50%; box-shadow: 0 0 0px 4px #e2e2e2; overflow: hidden; display: flex; justify-content: center; align-items: center; } .button-show-sliding { animation: heartbeat 5s infinite; font-size: 16px; cursor: pointer; transition: 0.3s; z-index: 11; transform: scale( .75); } @keyframes heartbeat { 10% { transform: scale( .75); } 20% { transform: scale( .85); } 30% { transform: scale( .75); } 40% { transform: scale( .85); } 50% { transform: scale( .75); } 60% { transform: scale( .75); } 70% { transform: scale( .75); } 80% { transform: scale( .75); } 90% { transform: scale( .75); } 100% { transform: scale( .75); } } .sliding-card { display: block; position: absolute; top: 0; width:100%; height: 100%; background: #000000e0; color: white; transition: 0.3s; opacity: 0; z-index: -1; padding: 20px; box-sizing: border-box; } .element-center { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .sliding-card.show { z-index: 10; opacity: 1; } .button-show-sliding div { display: block; width: 30px; height: 3px; background: black; margin-bottom: 6px; border-radius: 5px; } .button-show-sliding.active .bars-top { transform: translateY(9px) rotate(-135deg); transition: all .3s ease-in-out; background-color: red; } .button-show-sliding.active .bars-center { opacity: 0; transition: .1s ease; } .button-show-sliding.active .bars-bottom { transform: translateY(-9px) rotate(-45deg); transition: all .3s ease-in-out; background-color: red; } .head-lmskaran--course-search-card .favorite { margin: 0 !important; /*animation:heartbeatFavorite 3s infinite;*/ transform: scale(1); } .head-lmskaran--course-search-card .favorite:hover { animation:unset; } @keyframes heartbeatFavorite { 10% { transform: scale( .85); } 20% { transform: scale( .85); } 30% { transform: scale( .85); } 40% { transform: scale( 1); } 50% { transform: scale( .85); } 60% { transform: scale( .85); } 70% { transform: scale( .85); } 80% { transform: scale( 1); } 90% { transform: scale( .85); } 100% { transform: scale( 1); } } .head-lmskaran--course-search-card .favorite i { transition:0.3s; } .costCourse .font-size-cost{ font-size: 30px; } .button-show-item-rating { margin-right: 10px; font-size: 12px; cursor: pointer; } .sliding-card-rating{ display: block; position: absolute; top: 0; width: 100%; height: 100%; background: #000000e0; color: white; transition: 0.3s; opacity: 0; z-index: -1; padding: 20px; box-sizing: border-box; padding: 30px 0 0; } .sliding-card-rating .col-md-12{ padding: 0; } .sliding-card-rating.show{ z-index: 10; opacity: 1; } .button-show-item-rating.active { z-index: 13; color: white; position: absolute; right: 0; color: red; font-size: 22px; text-shadow: 1px 1px 0px red, -1px 1px 1px red; } .description-course-title{ color:white; } .description-course { word-break: break-word; text-align: justify; } /*Item Rating*/ .review-item{ display: flex; align-items: flex-end; flex-direction: row-reverse; justify-content: space-between; border-bottom: 1px solid #4d4e4c !important; } #review-box, .review-container, .review-item, .review-summary, .review-final-score, .review-box-header { background: transparent !important; } .item-score, .review-item h5, .voting, .review-final-score h2, .review-box-header { color: white !important; } .review-item .progress { margin: 0 5px 0 0; } #review-box .progress .bar { display: flex; justify-content: center; align-items: center; background: #ffc500; color: black; border-right: 1px solid #deac00; } .sliding-card-rating .container { padding: 0 15px 0 0; } .review-final-score { border-left: 1px solid #4d4e4c; } .min-w{ min-width:236px; }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка