On rajoute les derniers modules et on modifie les CSS
This commit is contained in:
287
modules/ets_advancedcaptcha/views/css/admin.css
Normal file
287
modules/ets_advancedcaptcha/views/css/admin.css
Normal file
@@ -0,0 +1,287 @@
|
||||
.ets_pa_item .radio {
|
||||
display: inline-block;
|
||||
}
|
||||
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
|
||||
.ets_pa_item .radio label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ets_pa_item .radio label * {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.pa_wrapper_content.is15 .defaultForm legend {
|
||||
display: none;
|
||||
}
|
||||
.pa_wrapper_content .panel-heading {
|
||||
min-height: 56px;
|
||||
margin-bottom: 30px!important;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
font-size: 18px!important;
|
||||
}
|
||||
#content.bootstrap .tab-content.panel {
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.bootstrap .help-block {
|
||||
color: #777;
|
||||
font-size: 13px;
|
||||
}
|
||||
.row_pa_captcha_type .ets_pa_options li.ets_pa_item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.row_pa_captcha_type .ets_pa_options li.ets_pa_item label[for="PA_CAPTCHA_TYPE_colorful"] img,
|
||||
.row_pa_captcha_type .ets_pa_options li.ets_pa_item label[for="PA_CAPTCHA_TYPE_basic"] img,
|
||||
.row_pa_captcha_type .ets_pa_options li.ets_pa_item label[for="PA_CAPTCHA_TYPE_complex"] img{
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
td .hidden-google-captcha {
|
||||
padding-left: 17px;
|
||||
}
|
||||
td > .hidden-google-captcha label {
|
||||
text-align: left;
|
||||
}
|
||||
td > .hidden-google-captcha input {
|
||||
width: 100%;
|
||||
}
|
||||
td > #module_form_submit_btn {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#captcha .help-block {
|
||||
max-width: 510px;
|
||||
}
|
||||
.avc_button_help{
|
||||
margin: 0 10px 0 0!important;
|
||||
}
|
||||
ul.ets_pa_options {
|
||||
padding-left: 10px;
|
||||
list-style: none;
|
||||
}
|
||||
.pa_captcha_log_install h4 {
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.pa_captcha_log_install {
|
||||
|
||||
font-size: 18px;
|
||||
font-family: Arial;
|
||||
color: #3a6b1f !important;
|
||||
border: 1px solid #609d3f !important;
|
||||
background-color: #d8eace !important;
|
||||
padding-top: 30px !important;
|
||||
padding-bottom: 30px !important;
|
||||
margin: 30px 0 !important;
|
||||
|
||||
}
|
||||
.pa_captcha_log_install .pa_captcha_logs.alert-warning {
|
||||
|
||||
margin: 30px 0 20px;
|
||||
padding: 10px 30px;
|
||||
line-height: 27px;
|
||||
font-size: 14px;
|
||||
color: #967800;
|
||||
|
||||
}
|
||||
.pa_captcha_log_install > .pa_captcha_view_log, .pa_captcha_log_install > .pa_captcha_clear_log {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.pa_captcha_log_install > .pa_captcha_view_log {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.pa_captcha_log_actions #pa_captcha_button_yes {
|
||||
|
||||
background-color: #3a6b1f;
|
||||
border: 1px solid #3a6b1f;
|
||||
font-size: 18px;
|
||||
font-family: Arial;
|
||||
text-transform: none;
|
||||
padding: 5px 20px;
|
||||
height: 40px;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
.pa_captcha_log_actions #pa_captcha_button_yes:hover{
|
||||
background-color: #4d9028;
|
||||
}
|
||||
.pa_captcha_log_install h4::before {
|
||||
|
||||
content: "\f058";
|
||||
font-size: 30px;
|
||||
font-family: Fontawesome;
|
||||
margin-right: 10px;
|
||||
vertical-align: -1px;
|
||||
line-height: 23px;
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
.pa_captcha_log_install:before{
|
||||
display: none!important;
|
||||
}
|
||||
.pa_captcha_log_actions #pa_captcha_clear_log {
|
||||
|
||||
background-color: #967800;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
height: 40px;
|
||||
font-size: 18px;
|
||||
padding: 5px 20px;
|
||||
display: inline-block;
|
||||
border: 1px solid #967800;
|
||||
margin: 0 5px;
|
||||
|
||||
}
|
||||
.pa_captcha_log_actions #pa_captcha_clear_log:hover{
|
||||
background-color: #bf9a06;
|
||||
}
|
||||
.pa_captcha_log_actions {
|
||||
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 30px;
|
||||
|
||||
}
|
||||
.row_pa_captcha_help h3 {
|
||||
margin-top: 10px!important;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px!important;
|
||||
border-bottom: none!important;
|
||||
padding-left: 0!important;
|
||||
border-top: 1px solid #eee!important;
|
||||
padding-top: 10px!important;
|
||||
height: auto!important;
|
||||
text-shadow: none!important;
|
||||
font-family: Open sans;
|
||||
margin-left: 0!important;
|
||||
position: relative;
|
||||
margin-right: 0!important;
|
||||
}
|
||||
.row_pa_captcha_help ul img {
|
||||
display: block;
|
||||
margin: 15px 0;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.pa_wrapper_content ul.nav.nav-tabs li:first-child a:before {
|
||||
content: "\f013";
|
||||
font-family: Fontawesome;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.pa_wrapper_content ul.nav.nav-tabs li:last-child a[data-toggle="tab"]:before {
|
||||
content: "\f059";
|
||||
font-family: Fontawesome;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.row_pa_captcha_help ul {
|
||||
border: 1px solid #eee;
|
||||
padding: 20px;
|
||||
list-style: none;
|
||||
margin: 0!important;
|
||||
}
|
||||
.row_pa_captcha_help {
|
||||
line-height: 28px;
|
||||
font-size: 13px;
|
||||
}
|
||||
textarea#PA_CAPTCHA_IP_BLACKLIST, textarea#PA_CAPTCHA_EMAIL_BLACKLIST {
|
||||
width: 500px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.is15 .ets_pa_options li.ets_pa_item {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.is15 .ets_pa_options label {
|
||||
width: auto;
|
||||
float: none;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.is15 input + label {
|
||||
width: auto;
|
||||
float: none;
|
||||
}
|
||||
.is15 input#module_form_submit_btn {
|
||||
height: 35px;
|
||||
padding: 0 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.is15 ul.ets_pa_options {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.is15 .row_pa_google_captcha_site_key input,
|
||||
.is15 .row_pa_google_captcha_secret_key input {
|
||||
height: 22px;
|
||||
width: 350px;
|
||||
max-width: calc(100% - 15px);
|
||||
max-width: -webkit-calc(100% - 15px);
|
||||
}
|
||||
.is15 label[for="PA_CAPTCHA_TYPE_colorful"] img,
|
||||
.is15 label[for="PA_CAPTCHA_TYPE_basic"] img,
|
||||
.is15 label[for="PA_CAPTCHA_TYPE_complex"] img,
|
||||
.is15 label[for="PA_CAPTCHA_TYPE_google"] img {
|
||||
vertical-align: -10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.is15 .tab-content.panel {
|
||||
border: 1px solid #ccc;
|
||||
clear: both;
|
||||
background-color: #fff;
|
||||
padding: 20px 15px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.is15 .tab-content.panel > div.active {
|
||||
display: block!important;
|
||||
}
|
||||
.is15 .tab-content.panel > div {
|
||||
display: none!important;
|
||||
}
|
||||
.is15 .tab-content.panel #help {
|
||||
float: none;
|
||||
border: none;
|
||||
width: 1170px;
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.is15 ul.nav.nav-tabs a {
|
||||
padding: 12px 15px;
|
||||
display: block;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.is15 ul.nav.nav-tabs li {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
float: left;
|
||||
margin-bottom: -1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.is15 ul.nav.nav-tabs li.active {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
@media (min-width: 768px){
|
||||
.col-lg-4 {
|
||||
width: 33.33333%;
|
||||
}
|
||||
.bootstrap .col-lg-3 {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.bootstrap > .bootstrap.panel {
|
||||
min-width: 550px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
204
modules/ets_advancedcaptcha/views/css/front.css
Normal file
204
modules/ets_advancedcaptcha/views/css/front.css
Normal file
@@ -0,0 +1,204 @@
|
||||
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
|
||||
.pa-captcha-field-row{
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
#pa_captcha_refesh img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
#pa_captcha_refesh{
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.pa-captcha-inf span.pa_captcha_img {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
.pa-captcha-inf.col-md-6 {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
#form_forgotpassword p.text label[for="pa_captcha"]{
|
||||
float: left;
|
||||
}
|
||||
.ps_v_15 .pa-captcha-field-cell{
|
||||
display: inline-block;
|
||||
width: 270px;
|
||||
}
|
||||
.ps_v_15 .pa_captcha_img {
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.pa-captcha-inf input[type=text] {
|
||||
padding-top: 0!important;
|
||||
padding-bottom: 0!important;
|
||||
}
|
||||
.captcha_pwd_recovery.pwd_recovery.page_password.ver17 .pa_captcha_img {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.captcha_pwd_recovery.pwd_recovery.page_password.ver17 {
|
||||
margin: 0;
|
||||
}
|
||||
.captcha_pwd_recovery:not(.ver17) label {
|
||||
width: 100%;
|
||||
}
|
||||
.captcha_pwd_recovery:not(.ver17):not(.ver15) .pa-captcha-inf {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
.ps_v_15 .pa_captcha_img_data{
|
||||
float: left;
|
||||
}
|
||||
.ver15.captcha_pwd_recovery .pa_captcha_img + input{
|
||||
clear: none;
|
||||
float: left;
|
||||
width: auto!important;
|
||||
}
|
||||
.captcha_pwd_recovery.ver15 + p.submit {
|
||||
margin-top: 15px;
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
p.captcha_pwd_recovery.text.pwd_recovery.page_password.ver15 .pa-captcha-inf,
|
||||
p.captcha_pwd_recovery.text.pwd_recovery.page_password.ver15 .pa-captcha-inf * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.captcha_pwd_recovery.pwd_recovery.page_password.ver15 img.pa_captcha_img_data {
|
||||
max-width: 140px;
|
||||
}
|
||||
.captcha_pwd_recovery.ver15 span.pa_captcha_img {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.quickview .captcha_out_of_stock .pa-captcha-inf input.form-control {
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
}
|
||||
.ps_v_15 #pa_captcha_refesh{
|
||||
float: left;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.page_registration.ps_v_15{
|
||||
background: none repeat scroll 0 0 #F8F8F8;
|
||||
border: 1px solid #CCCCCC;
|
||||
padding: 15px 0!important;
|
||||
margin-bottom: 20px!important;
|
||||
}
|
||||
input[name="captcha"] {
|
||||
display: none;
|
||||
}
|
||||
div.form-group.row #pa_captcha,.pa-captcha-field-row #pa_captcha {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.pa_captcha_img + input {
|
||||
display: inline-block;
|
||||
width: 100px!important;
|
||||
margin-left: 0;
|
||||
float: left;
|
||||
max-height: 35px;
|
||||
height: 35px;
|
||||
min-width: 50px!important;
|
||||
}
|
||||
span.pa_captcha_img {
|
||||
display: inline-block;
|
||||
margin-bottom: 5px;
|
||||
float: left;
|
||||
}
|
||||
.captcha_newsletter {
|
||||
clear: both;
|
||||
display: block;
|
||||
padding-top: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
.captcha_newsletter .pa-captcha-inf {
|
||||
width: 100%;
|
||||
}
|
||||
.captcha_newsletter > label.col-md-3 {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.captcha_out_of_stock label {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.captcha_out_of_stock .pa-captcha-inf {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ver15 span.pa-captcha-inf {
|
||||
width: calc(100% - 115px);
|
||||
width: -webkit-calc(100% - 115px);
|
||||
margin-left: 5px;
|
||||
}
|
||||
.captcha_login.page_authentication.ver15,
|
||||
p.captcha_contact.page_contact.ver15,
|
||||
p.captcha_register.page_authentication.ver15 {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.ver15 #pa_captcha_refesh {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.ver15.captcha_register span.pa-captcha-inf {
|
||||
width: calc(100% - 240px);
|
||||
width: -webkit-calc(100% - 240px);
|
||||
margin-left: 5px;
|
||||
}
|
||||
.ver15.captcha_contact span.pa-captcha-inf {
|
||||
width: calc(100% - 185px);
|
||||
width: -webkit-calc(100% - 185px);
|
||||
margin-left: 5px;
|
||||
}
|
||||
.ver15 .pa_captcha_img + input {
|
||||
height: 35px!important;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: 0;
|
||||
box-sizing: border-box;
|
||||
clear: both;
|
||||
width: 148px!important;
|
||||
}
|
||||
.ver15.captcha_register .pa_captcha_img + input{
|
||||
clear: none!important
|
||||
}
|
||||
.captcha_contact.form-group.page_contact.ver16 {
|
||||
margin: 0;
|
||||
}
|
||||
.captcha_contact.form-group.page_contact.ver16 label {
|
||||
width: 100%;
|
||||
}
|
||||
.captcha_login.form-group.ver16 label,
|
||||
.captcha_register.form-group.ver16 label {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
article.alert.alert-info,
|
||||
article.alert.alert-danger {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.captcha_contact.form-group.page_contact.ver16 .pa-captcha-inf,
|
||||
.captcha_login.form-group.ver16 .pa-captcha-inf,
|
||||
.captcha_register.form-group.ver16 .pa-captcha-inf{
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.page_contact.ver16 .pa_captcha_img + input,
|
||||
.captcha_login.ver16 .pa_captcha_img + input,
|
||||
.captcha_register.ver16 .pa_captcha_img + input {
|
||||
margin-left: 0;
|
||||
height: 35px;
|
||||
width: 150px!important;
|
||||
max-width: 100%;
|
||||
}
|
||||
.captcha_register.form-group.page_authentication.ver16 {
|
||||
margin-left: 0!important;
|
||||
margin-right: 0!important;
|
||||
}
|
||||
|
||||
|
||||
31
modules/ets_advancedcaptcha/views/css/index.php
Normal file
31
modules/ets_advancedcaptcha/views/css/index.php
Normal file
@@ -0,0 +1,31 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2020 ETS-Soft
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
|
||||
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
|
||||
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please contact us for extra customization service at an affordable price
|
||||
*
|
||||
* @author ETS-Soft <etssoft.jsc@gmail.com>
|
||||
* @copyright 2007-2020 ETS-Soft
|
||||
* @license Valid for 1 website (or project) for each purchase of license
|
||||
* International Registered Trademark & Property of ETS-Soft
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
904
modules/ets_advancedcaptcha/views/css/other.css
Normal file
904
modules/ets_advancedcaptcha/views/css/other.css
Normal file
@@ -0,0 +1,904 @@
|
||||
.ets-mod{
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
.ets-mod.hidden,li.hidden{
|
||||
display: none!important;
|
||||
}
|
||||
.ets-mod-cats > li.active{
|
||||
font-weight: bold;
|
||||
}
|
||||
.ets-mod {
|
||||
position: fixed!important;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.ets-mod, .ets-mod * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ets-mod-header {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
padding: 40px 0 30px;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.ets-mod-logo img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets-mod-cats_mobile{
|
||||
display: none;
|
||||
}
|
||||
a.ets-mod-external-link.btn {
|
||||
background: #E22B8C;
|
||||
width: 100%;
|
||||
display: block;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
text-decoration: none!important;
|
||||
font-size: 18px;
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 4px;
|
||||
transition: all 0.2s;
|
||||
-webkit-transition: all 0.2s;
|
||||
}
|
||||
a.ets-mod-external-link.btn:hover {
|
||||
background: #ca3282;
|
||||
}
|
||||
.ets-mod-close {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
font-size: 0;
|
||||
cursor: pointer;
|
||||
width: 30px;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
height: 30px;
|
||||
}
|
||||
.ets-mod-close:hover:after,
|
||||
.ets-mod-close:hover:before{
|
||||
background: #555;
|
||||
}
|
||||
.ets-mod-close:after {
|
||||
content: "";
|
||||
width: 27px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
height: 1px;
|
||||
background: #999;
|
||||
display: inline-block;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
-webkit-transform: translate3d(-50%,-50%,0);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ets-mod-close:before {
|
||||
content: "";
|
||||
height: 27px;
|
||||
width: 1px;
|
||||
background: #999;
|
||||
display: inline-block;
|
||||
transform: translate3d(-50%,-50%,0);
|
||||
-webkit-transform: translate3d(-50%,-50%,0);
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
}
|
||||
.ets-mod-external {
|
||||
clear: both;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
padding: 0 30px;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
width: 60%;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
width: 25%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod-footer > .mod-price:first-child {
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
justify-content: flex-end;
|
||||
-webkit-justify-content: flex-end;
|
||||
}
|
||||
.ets-badge-partner span,
|
||||
.ets-badge-superhero span {
|
||||
text-align: center;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
.ets-badge-superhero {
|
||||
width: 100px;
|
||||
}
|
||||
.ets-badge-partner {
|
||||
max-width: 121px;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.mod-desc {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 14px;
|
||||
min-height: 123px;
|
||||
}
|
||||
|
||||
.loading-modules:before {
|
||||
content: "";
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
z-index: 90000000;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.loading-modules:after {
|
||||
content: "";
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
border-left: 2px solid #ff008d;
|
||||
border-top: 2px solid transparent;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-right: 2px solid #ff008d;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-left: -30px;
|
||||
margin-top: -30px;
|
||||
z-index: 99000000;
|
||||
animation: loading 0.5s infinite linear;
|
||||
-webkit-animation: loading 0.5s infinite linear;
|
||||
}
|
||||
@keyframes loading {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes loading {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.ets-mod-badges img {
|
||||
margin: 0 15px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
|
||||
.li_othermodules {
|
||||
background: #ff2ea0!important;
|
||||
color: orange!important;
|
||||
position: absolute!important;
|
||||
right: 0!important;
|
||||
top: 0!important;
|
||||
display: flex;
|
||||
border-top-right-radius: 4px;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
box-shadow: 0 0 10px 0 #999 inset;
|
||||
-webkit-box-shadow: 0 0 10px 0 #888 inset;
|
||||
transition: all 0.3s;
|
||||
-webkit-transition: all 0.3s;
|
||||
outline: none!important;
|
||||
}
|
||||
.li_othermodules:hover {
|
||||
background: #e62790!important;
|
||||
}
|
||||
.li_othermodules a span {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
.li_othermodules .tab-title {
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
margin-bottom: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.ets-mod-left {
|
||||
padding: 0 15px;
|
||||
width: 25%;
|
||||
}
|
||||
ul.ets-mod-cats {
|
||||
list-style: none;
|
||||
background: #f3f3f3;
|
||||
padding: 20px 25px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
margin-top: 15px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.mod-badge{
|
||||
background-image: url(../img/other/module-editor.png);
|
||||
min-height: 30px;
|
||||
background-position: 5px center;
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
background-size: 30px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
padding-left: 40px;
|
||||
margin: -10px auto 10px;
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
width: 195px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.ets-mod-left:not(.scroll_heading) ul.ets-mod-cats{
|
||||
width: 100%!important;
|
||||
}
|
||||
.mod-badge.fav {
|
||||
background-image: url(../img/other/awards-toconvert.png);
|
||||
}
|
||||
.mod-badge.elected {
|
||||
background-image: url(../img/other/module-editor.png);
|
||||
width: 190px;
|
||||
}
|
||||
.mod-download {
|
||||
background-image: url(../img/other/badges-s3e73c0c3f1.png);
|
||||
min-height: 30px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
background-position: 4px -491px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 38px;
|
||||
align-items: center;
|
||||
width: 150px;
|
||||
margin: 0 auto 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ets-mod-cats li {
|
||||
line-height: 1.4;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
padding: 6px 0;
|
||||
}
|
||||
.ets-mod-cats li:hover {
|
||||
color: #E22B8C;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 33.33%;
|
||||
padding: 0 15px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
ul.ets-mod-list {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
width: 100%;
|
||||
float: left;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mod-rating:before {
|
||||
content: "\f006 \f006 \f006 \f006 \f006";
|
||||
font-family: Fontawesome,sans-serif;
|
||||
letter-spacing: 3px;
|
||||
color: orange;
|
||||
}
|
||||
.mod-rating.mod-start-1:before{
|
||||
content:"\f005 \f006 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-15:before{
|
||||
content:"\f005 \f123 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-2:before{
|
||||
content:"\f005 \f005 \f006 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-25:before{
|
||||
content:"\f005 \f005 \f123 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-3:before{
|
||||
content:"\f005 \f005 \f005 \f006 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-35:before{
|
||||
content:"\f005 \f005 \f005 \f123 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-4:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f006";
|
||||
}
|
||||
.mod-rating.mod-start-45:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f123";
|
||||
}
|
||||
.mod-rating.mod-start-5:before{
|
||||
content:"\f005 \f005 \f005 \f005 \f005";
|
||||
}
|
||||
span.mod-price-dec {
|
||||
vertical-align: top;
|
||||
}
|
||||
span.mod-price-int, .mod-price-unit {
|
||||
font-size: 18px;
|
||||
color: #261c59;
|
||||
}
|
||||
span.mod-price-dec{
|
||||
color: #261c59;
|
||||
}
|
||||
.mod-rating {
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item > a {
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
display: block;
|
||||
padding: 20px 15px 60px;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.mod-must-have {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: -5px;
|
||||
background: #E22B8C;
|
||||
color: #fff;
|
||||
padding: 5px 10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.mod-must-have:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-left: 5px solid #9a0300;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
top: 100%;
|
||||
margin-top: -5px;
|
||||
right: 0;
|
||||
}
|
||||
.mod-price {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
}
|
||||
.mod-must-have:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-top: -5px;
|
||||
right: 0;
|
||||
background: #E02B8C;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
.mod-footer {
|
||||
margin-left: 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-right: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 15px;
|
||||
margin-top: 20px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 33.33%;
|
||||
padding: 0 15px;
|
||||
float: left;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
}
|
||||
.mod-footer {
|
||||
border-top: 1px solid #ddd;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 8px 15px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.mod-image {
|
||||
margin-bottom: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ets-mod-inner {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.mod-title {
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
color: #261c59;
|
||||
font-weight: normal;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px;
|
||||
min-height: 44px;
|
||||
}
|
||||
.other-modules-loaded {
|
||||
overflow: hidden;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 75%;
|
||||
position: relative;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
.ets-mod-contact {
|
||||
position: fixed;
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
background: #E22B8C;
|
||||
bottom: 60px;
|
||||
z-index: 10;
|
||||
border-radius: 50%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
right: 60px;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-align-items: center;
|
||||
}
|
||||
.ets-mod-contact:hover {
|
||||
background: #ca3282;
|
||||
}
|
||||
.ets-mod-contact a.mod-link {
|
||||
color: #fff;
|
||||
line-height: 1;
|
||||
font-size: 10px;
|
||||
clear: both;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
box-shadow: none;
|
||||
padding: 16px 12px;
|
||||
white-space: nowrap;
|
||||
border: none;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.ets-mod-contact a.mod-link::before {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom: 4px;
|
||||
content: "\f003";
|
||||
font-family: Fontawesome, sans-serif;
|
||||
font-size: 30px;
|
||||
font-weight: normal;
|
||||
-webkit-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
-o-animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
animation: alo-circle-img-anim 1s infinite ease-in-out;
|
||||
margin-top: 0;
|
||||
}
|
||||
@-moz-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-img-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
10% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
20% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
30% {
|
||||
transform: rotate(-25deg) scale(1) skew(1deg)
|
||||
}
|
||||
40% {
|
||||
transform: rotate(25deg) scale(1) skew(1deg)
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg)
|
||||
}
|
||||
}
|
||||
.ets-mod-list .mod-link:hover {
|
||||
box-shadow: 0 4px 8px 1px #ece9e9;
|
||||
-webkit-box-shadow: 0 4px 8px 1px #ece9e9;
|
||||
border: solid 1px #d2d2d2;
|
||||
}
|
||||
.li_othermodules a {
|
||||
color: #ffdd02!important;
|
||||
font-size: 13px;
|
||||
padding: 10px 20px 15px 85px;
|
||||
top: 0;
|
||||
background-image: url(../img/other/ets-superhero-2.png);
|
||||
background-position: 10px 5px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 70px;
|
||||
font-family: Open sans,sans-serif;
|
||||
height: 55px;
|
||||
text-decoration: none!important;
|
||||
outline: none!important;
|
||||
}
|
||||
.cfu-top-menu li:not(.active) a.link_othermodules:hover:before{
|
||||
display:none;
|
||||
}
|
||||
@-moz-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-fill-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
50% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .2
|
||||
}
|
||||
}
|
||||
@-moz-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@-o-keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
@keyframes alo-circle-anim {
|
||||
0% {
|
||||
transform: rotate(0) scale(.5) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
30% {
|
||||
transform: rotate(0) scale(.7) skew(1deg);
|
||||
opacity: .5
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0) scale(1) skew(1deg);
|
||||
opacity: .1
|
||||
}
|
||||
}
|
||||
.ets-mod-contact:after {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
left: -45px;
|
||||
top: -45px;
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: transparent;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
border: 2px solid rgba(30, 30, 30, 0.4);
|
||||
border: 2px solid #dc9abd;
|
||||
opacity: .5;
|
||||
-webkit-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-ms-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-o-animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
animation: alo-circle-anim 1.2s infinite ease-in-out;
|
||||
-webkit-transition: all .5s;
|
||||
-moz-transition: all .5s;
|
||||
-o-transition: all .5s;
|
||||
transition: all .5s;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
-o-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
.ets-mod-contact::before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
font-size: 30px;
|
||||
-webkit-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
-moz-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
-o-animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
animation: alo-circle-fill-anim 1s infinite ease-in-out;
|
||||
left: -10px;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
border-radius: 50%;
|
||||
bottom: -10px;
|
||||
background: #E22B8C;
|
||||
}
|
||||
@media (min-width: 1200px){
|
||||
.ets-mod-left.scroll_heading ul.ets-mod-cats {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 50%;
|
||||
}
|
||||
.ets-mod-left {
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ets-mod-header {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
width: calc(100% - 220px);
|
||||
width: -webkit-calc(100% - 220px);
|
||||
padding: 0 20px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
width: 220px;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
margin-bottom: 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-cats_mobile {
|
||||
display: block;
|
||||
}
|
||||
.ets-mod-cats_mobile h4 {
|
||||
list-style: none;
|
||||
background: #f3f3f3;
|
||||
padding: 20px 25px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
font-size: 14px;
|
||||
margin: 0 0 -1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul.ets-mod-cats {
|
||||
border-radius: 0;
|
||||
display: none;
|
||||
}
|
||||
.ets-mod-cats_mobile h4:after {
|
||||
content: "";
|
||||
border-left: 2px solid #333;
|
||||
border-bottom: 2px solid #333;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-bottom-left-radius: 2px;
|
||||
display: inline-block;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
margin-left: 8px;
|
||||
vertical-align: 2px;
|
||||
}
|
||||
ul.ets-mod-cats.active {
|
||||
display: block;
|
||||
}
|
||||
.ets-mod-cats_mobile{
|
||||
display: block;
|
||||
}
|
||||
.li_othermodules .tab-title{
|
||||
white-space: nowrap;
|
||||
}
|
||||
.pa_wrapper_content {
|
||||
min-width: 550px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 500px){
|
||||
ul.ets-mod-list li.mod-item {
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-left {
|
||||
padding: 0 15px;
|
||||
width: 100%;
|
||||
}
|
||||
.ets-mod-inner .ets-body {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.ets-mod-right {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.ets-mod-intro {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ets-badge-partner {
|
||||
max-width: none;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ets-badge-superhero {
|
||||
width: auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.ets-mod-badges {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.ets-mod-logo {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user