Server IP : 108.170.25.35 / Your IP : 3.137.212.137 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : studio ( 1434) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/studio/domains/studio7eleven.com/public_html/css/ |
Upload File : |
/*** ==================================================================== Color Palate Style / Color Switcher Style ==================================================================== ***/ .color-palate { background: #fff none repeat scroll 0 0; -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1); position: fixed; left: -285px; text-align: center; top: 25%; transition: all 0.5s ease 0s; width: 285px; z-index: 999; padding-bottom:40px; } .color-palate-head { background: #ffbc00 none repeat scroll 0 0; padding: 15px 0; } .color-palate-head h6, .secondary-head h6 { color: #ffffff; font-size: 20px; font-weight: 600; margin: 0px; margin-top: 4px; text-transform:uppercase; } .palate { background: red none repeat scroll 0 0; display: block; float: left; height: 45px; margin: 0 2.5% 12px; width: 20%; cursor: pointer; position: relative; } .colors-list .active::after{ background: url(../images/icons/tick.png) center center no-repeat !important; background-repeat: no-repeat; content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .various-color { overflow: hidden; padding: 20px 0 15px; } .colors-list { margin: 0 20px; } .secondary-head { background: #222222 none repeat scroll 0 0; padding: 14px 0; } .secondary-color { padding: 23px 0; } .secondary-colors-list { margin: 0 80px; } .palate-foo { color: #777777; font-size: 13px; font-weight: 400; padding: 10px 30px; line-height:1.8em; } .palate.default-color { background: #ffbc00 none repeat scroll 0 0; } .palate.green-color { background: #2ECC40 none repeat scroll 0 0; } .palate.blue-color { background: #0074D9 none repeat scroll 0 0; } .palate.brown-color { background: #ab8b40 none repeat scroll 0 0; } .palate.purple-color { background: #bb54e1 none repeat scroll 0 0; } .palate.teal-color { background: #14c599 none repeat scroll 0 0; } .palate.orange-color { background: #ff7e00 none repeat scroll 0 0; } .palate.redd-color { background: #FF4136 none repeat scroll 0 0; } .color-trigger { background: #ffbc00 none repeat scroll 0 0; cursor: pointer; height: 50px; right: -46px; position: absolute; top: 0; width: 46px; padding-top: 6px; z-index: 1; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .color-trigger i{ -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; -moz-animation: fa-spin 2s linear infinite; -ms-animation: fa-spin 2s linear infinite; -o-animation: fa-spin 2s linear infinite; } .color-trigger:before{ content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; color: #ffffff; font-size: 18px; line-height:50px; content: "\f00d"; font-family: "Font Awesome 5 Free"; background-color: #ffbc00; z-index: 1; opacity: 0; font-weight: 900; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .color-trigger i { color: #ffffff; font-size: 18px; line-height: 40px; } .color-palate.visible-palate { left: 0px; } .color-palate.visible-palate .color-trigger{ right: 0; } .color-palate.visible-palate .color-trigger:before{ opacity: 1; visibility: visible; } .color-palate .option-box{ position: relative; padding: 0 25px; margin-bottom: 10px; } .color-palate .option-box:after{ display: table; content: ""; clear: both; } .color-palate .option-box li{ position: relative; float: left; min-width: 112px; margin-right: 10px; font-size: 14px; line-height: 20px; padding: 5px 18px; text-align: center; background-color: #ffbc00; color: #ffffff; cursor: pointer; border-radius: 5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .color-palate .option-box li:last-child{ margin-right: 0; } .color-palate .option-box li:hover{ background-color: #222222; } .color-palate .purchase-btn{ position: relative; display: block; color: #ffffff; font-size: 14px; line-height: 30px; margin-top: 10px; margin-bottom:5px; padding: 0px 10px; background-color: #000000; max-width: 150px; margin: 10px auto 5px; border-radius: 5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .color-palate .purchase-btn:hover{ background-color: #ffbc00; }