File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/vedaaweddingpartys.com/css/3d-buttons.css
Back
@charset "utf-8";*{box-sizing:border-box}.color li{margin:0 15px 0 0;width:30px;height:30px;display:inline-block;border-radius:100%}.color .red{background:#fa5a5a}.color .yellow{background:#f0d264}.color .green{background:#82c8a0}.color .cyan{background:#7fccde}.color .blue{background:#6698cb}.color .purple{background:#cb99c5}pre{width:100%;padding:30px;color:#333;border-radius:0 0 4px 4px;margin-top:20px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}pre .bt{color:#f8f8f2}pre .anc{color:#f92672}pre .att{color:#5cb85c}pre .val{color:#333}.btn-gradient{margin:5px}.btn-effect.large,.btn-two.large,.btn.large{padding:20px 40px;font-size:22px}.btn-effect.small,.btn-gradient.small,.btn-two.small,.btn.small{padding:8px 18px;font-size:14px}.btn-effect.mini,.btn-gradient.mini,.btn-two.mini,.btn.mini{padding:4px 12px;font-size:12px}.btn-effect.block,.btn-gradient.block,.btn-two.block,.btn.block{display:block;width:60%;margin-left:auto;margin-right:auto;text-align:center}.btn-gradient.large{padding:15px 45px;font-size:22px}.btn-two.blue,.btn.blue{background-color:#7fb1bf}.btn-two.green,.btn.green{background-color:#9abf7f}.btn-two.red,.btn.red{background-color:#fa5a5a}.btn-two.purple,.btn.purple{background-color:#cb99c5}.btn-two.cyan,.btn.cyan{background-color:#7fccde}.btn-two.yellow,.btn.yellow{background-color:#f0d264}.rounded{border-radius:10px}.btn.blue{box-shadow:0 4px #74a3b0}.btn.blue:active{box-shadow:0 0 #74a3b0;background-color:#709ca8}.btn.green{box-shadow:0 4px 0 #87a86f}.btn.green:active{box-shadow:0 0 #87a86f;background-color:#87a86f}.btn.red{box-shadow:0 4px 0 #e04342}.btn.red:active{box-shadow:0 0 #ff4c4b;background-color:#ff4c4b}.btn.purple{box-shadow:0 4px 0 #ad83a8}.btn.purple:active{box-shadow:0 0 #ba8cb5;background-color:#ba8cb5}.btn.cyan{box-shadow:0 4px 0 #73b9c9}.btn.cyan:active{box-shadow:0 0 #73b9c9;background-color:#70b4c4}.btn.yellow{box-shadow:0 4px 0 #d1b757}.btn.yellow:active{box-shadow:0 0 #ff4c4b;background-color:#d6bb59}.btn-two{color:#fff;padding:15px 25px;display:inline-block;border:1px solid rgba(0,0,0,.21);border-bottom-color:rgba(0,0,0,.34);text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 1px 0 rgba(255,255,255,.34) inset,0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 13px -1px rgba(0,0,0,.21)}.btn-two:active{top:1px;border-color:rgba(0,0,0,.34) rgba(0,0,0,.21) rgba(0,0,0,.21);box-shadow:0 1px 0 rgba(255,255,255,.89),0 1px rgba(0,0,0,.05) inset;position:relative}.btn-3d{position:relative;display:inline-block;font-size:22px;padding:20px 60px;color:#fff;margin:20px 10px 10px;border-radius:6px;text-align:center;transition:top .01s linear;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-3d.red:hover{background-color:#e74c3c}.btn-3d.blue:hover{background-color:#699dd1}.btn-3d.green:hover{background-color:#80c49d}.btn-3d.purple:hover{background-color:#d19ecb}.btn-3d.yellow:hover{background-color:#f0d264}.btn-3d.cyan:hover{background-color:#82d1e3}.btn-3d:active{top:9px}.btn-3d.red{background-color:#e74c3c;box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 #c24032,0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.red:active{box-shadow:0 0 0 1px #c63702 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.blue{background-color:#6da2d9;box-shadow:0 0 0 1px #6698cb inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 rgba(110,164,219,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.blue:active{box-shadow:0 0 0 1px #6191c2 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.green{background-color:#82c8a0;box-shadow:0 0 0 1px #82c8a0 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 rgba(126,194,155,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.green:active{box-shadow:0 0 0 1px #82c8a0 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.purple{background-color:#cb99c5;box-shadow:0 0 0 1px #cb99c5 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 rgba(189,142,183,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.purple:active{box-shadow:0 0 0 1px #cb99c5 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.cyan{background-color:#7fccde;box-shadow:0 0 0 1px #7fccde inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 rgba(102,164,178,.6),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.cyan:active{box-shadow:0 0 0 1px #7fccde inset,0 0 0 2px rgba(255,255,255,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-3d.yellow{background-color:#f0d264;box-shadow:0 0 0 1px #f0d264 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 8px 0 0 rgba(196,172,83,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.yellow:active{box-shadow:0 0 0 1px #f0d264 inset,0 0 0 2px rgba(255,255,255,.15) inset,0 0 0 1px rgba(0,0,0,.4)}.btn-gradient{text-decoration:none;color:#fff;padding:10px 30px;display:inline-block;position:relative;border:1px solid rgba(0,0,0,.21);border-bottom:4px solid rgba(0,0,0,.21);border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-gradient.cyan{background:#1bbcc2;background:-webkit-gradient(linear,0 0,0 100%,from(#1bbcc2),to(#18a3a8));background:-webkit-linear-gradient(#1bbcc2 0,#18a3a8 100%);background:-moz-linear-gradient(#1bbcc2 0,#18a3a8 100%);background:-o-linear-gradient(#1bbcc2 0,#18a3a8 100%);background:linear-gradient(#1bbcc2 0,#18a3a8 100%)}.btn-gradient.red{background:#fa5a5a;background:-webkit-gradient(linear,0 0,0 100%,from(#fa5a5a),to(#e85151));background:-webkit-linear-gradient(#fa5a5a 0,#e85151 100%);background:-moz-linear-gradient(#fa5a5a 0,#e85151 100%);background:-o-linear-gradient(#fa5a5a 0,#e85151 100%);background:linear-gradient(#fa5a5a 0,#e85151 100%)}.btn-gradient.orange{background:#ff691e;background:-webkit-gradient(linear,0 0,0 100%,from(#ff691e),to(#e65f1c));background:-webkit-linear-gradient(#ff691e 0,#e65f1c 100%);background:-moz-linear-gradient(#ff691e 0,#e65f1c 100%);background:-o-linear-gradient(#ff691e 0,#e65f1c 100%);background:linear-gradient(#ff691e 0,#e65f1c 100%)}.btn-gradient.blue{background:#6698cb;background:-moz-linear-gradient(top,#6698cb 0,#5c8ab8 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#6698cb),color-stop(100%,#5c8ab8));background:-webkit-linear-gradient(top,#6698cb 0,#5c8ab8 100%);background:-o-linear-gradient(top,#6698cb 0,#5c8ab8 100%);background:-ms-linear-gradient(top,#6698cb 0,#5c8ab8 100%);background:linear-gradient(to bottom,#6698cb 0,#5c8ab8 100%)}.btn-gradient.purple{background:#cb99c5;background:-moz-linear-gradient(top,#cb99c5 0,#b586b0 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#cb99c5),color-stop(100%,#b586b0));background:-webkit-linear-gradient(top,#cb99c5 0,#b586b0 100%);background:-o-linear-gradient(top,#cb99c5 0,#b586b0 100%);background:-ms-linear-gradient(top,#cb99c5 0,#b586b0 100%);background:linear-gradient(to bottom,#cb99c5 0,#b586b0 100%)}.btn-gradient.yellow{background:#f0d264;background:-webkit-gradient(linear,0 0,0 100%,from(#f0d264),to(#e5c960));background:-webkit-linear-gradient(#f0d264 0,#e5c960 100%);background:-moz-linear-gradient(#f0d264 0,#e5c960 100%);background:-o-linear-gradient(#f0d264 0,#e5c960 100%);background:linear-gradient(#f0d264 0,#e5c960 100%)}.btn-gradient.green{background:#82c8a0;background:-moz-linear-gradient(top,#82c8a0 0,#82c79e 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#82c8a0),color-stop(100%,#82c79e));background:-webkit-linear-gradient(top,#82c8a0 0,#82c79e 100%);background:-o-linear-gradient(top,#82c8a0 0,#82c79e 100%);background:-ms-linear-gradient(top,#82c8a0 0,#82c79e 100%);background:linear-gradient(to bottom,#82c8a0 0,#7cb995 100%)}.btn-gradient.red:active{background:#e35252}.btn-gradient.orange:active{background:#e8601b}.btn-gradient.cyan:active{background:#169499}.btn-gradient.blue:active{background:#608fbf}.btn-gradient.purple:active{background:#bd8eb7}.btn-gradient.yellow:active{background:#dbc05b}.btn-gradient.green:active{background:#72b08e}
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.06 |
proxy
|
phpinfo
|
Settings