/home/sharedstore/.trash/modules/cz_themeoptions/views/css
Edit: /home/sharedstore/.trash/modules/cz_themeoptions/views/css/controllpanel.css (6015B)
/*
* Control Panel CSS Code
*/
.control-paneltool {
background: transparent;
color: #000;
font-size: 14px;
line-height: 20px;
right: -280px;
padding: 8px;
position: fixed;
text-align: left;
top: 130px;
width: 280px;
transition: background 0.5s ease-in-out 0s;
z-index: 999
}
.panel-close {
cursor: pointer;
float: left;
position: relative;
border-radius: 50px 0 0 50px;
margin-left: -57px;
margin-top: 90px;
background-color: #fff;
border: medium none;
padding: 9px 10px 9px 13px;
transition: 0.3s ease-in-out;
box-shadow: rgb(0 0 0 / 15%) -6px 0px 10px 0px;
}
.panel-close::before {
color: #fff;
content: "";
font-family: fontawesome;
font-size: 24px;
line-height: 38px;
padding: 0px;
background: url(../img/front/themesetting.png) no-repeat;
width: 35px;
height: 35px;
background-size: 35px;
display: block;
-webkit-animation: spin 3s linear infinite;
-moz-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
.panel_content {
background: transparent;
font-family: verdana,Helvetica,sans-serif;
color: #000;
font-size: 14px;
line-height: 20px;
right: -300px;
padding: 12px 0px;
position: fixed;
text-align: left;
top: 100px;
width: 300px;
transition: background 0.5s ease-in-out 0s;
z-index: 999;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px 0px;
background: rgb(255, 255, 255);
border-radius: 4px 0px 4px 4px;
}
.panel_content .panel-settings{
max-height: 590px;
overflow-y: scroll
}
.panel_content .panel-settings::-webkit-scrollbar {
width: 4px;
}
.panel_content .panel-settings::-webkit-scrollbar-track {
background: #ddd;
}
.panel_content .panel-settings::-webkit-scrollbar-thumb {
border: 4px solid #888888;
}
.panel_content .panel-settings {
scrollbar-color: #888 #ccc;
scrollbar-width: thin;
}
.panel_content .panel_headding {
padding: 5px;
text-align: center;
font-size: 15px;
text-transform: capitalize;
line-height: 29px;
font-weight: 600;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
background: #f5f5f5;
}
.panel_content .control_grouptitle {
padding: 0 0 5px;
font-weight: 600;
font-size: 13px;
}
.panel_content .control-tool .preview_color{
width: 110px;
height: 30px;
cursor: pointer;
border: 0;
text-transform: uppercase;
}
.panel_content .control-tool .preview_color:focus-visible{
border: 0;
}
.control-group-wrapper{
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
}
.control-group-wrapper.skin-setting{
padding-bottom: 0px;
}
.control-group-wrapper.layout-setting{
border-bottom: 0px;
padding-bottom: 0;
}
.panel_content .color-group .control-tool{
height: 30px;
}
.panel_content .control-grouplist{
padding: 4px 0;
line-height: 30px;
display: flex;
justify-content: space-between;
}
.switchOption {
width: 60px;
min-height: 29px;
background-color: #fff;
border: 1px solid #e5e5e5;
border-radius: 50px;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.switchOption input {
display: none;
}
.borderRadius.switchOption label,
.layoutOption.switchOption label,
.stickyHeader.switchOption label {
position: relative;
z-index: 2;
width: calc(100% / 2);
color: #737374;
margin: 0;
cursor: pointer;
}
.borderRadius.switchOption label span,
.layoutOption.switchOption label span,
.stickyHeader.switchOption label span {
font-size: 14px;
color: #000;
padding: 13px 0px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
}
.borderRadius.switchOption input:nth-of-type(1):checked~.slider,
.layoutOption.switchOption input:nth-of-type(1):checked~.slider,
.stickyHeader.switchOption input:nth-of-type(1):checked~.slider {
transform: translateX(0);
}
.borderRadius.switchOption input:nth-of-type(2):checked~.slider,
.layoutOption.switchOption input:nth-of-type(2):checked~.slider,
.stickyHeader.switchOption input:nth-of-type(2):checked~.slider{
transform: translateX(97%);
background: #72c279;
}
.borderRadius.switchOption .slider,
.layoutOption.switchOption .slider,
.stickyHeader.switchOption .slider {
display: block;
position: absolute;
z-index: 1;
width: calc((100% - 6px) / 2);
height: 23px;
top: 2px;
left: 4px;
transform: translatex(-110%);
bottom: 3px;
border-radius: 50px;
transition: 0.15s ease,transform 0.25s ease-out;
background-color: #ccc;
}
#pattern_block .pattern-items{
width: 100%;
display: block;
margin: 7px 0 0;
}
#pattern_block .pattern-item{
height: 40px;
width: 40px;
display: inline-block;
margin-left: 5px;
cursor: pointer;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 15%);
background-size: cover;
}
.panel_content .color-group .control-tool select{
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
padding: 5px;
max-width: 120px;
}
.panel_content .color-group .color-item{
height: 27px;
width: 27px;
box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%);
border-radius: 2px;
display: inline-block;
cursor: pointer;
}
.control-reset{
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
border: 0;
}
.reset_settings {
text-transform: uppercase;
font-weight: 600;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@media (max-width:1500px) {
.panel_content .panel-settings{
height: 400px !important;
}
}
@media (max-width:991px) {
.panel_content .panel-settings{
height: 300px !important;
}
}
@media (max-width:767px) {
.control-paneltool{
display: none;
}
}