| Server IP : 27.254.66.5 / Your IP : 216.73.217.39 Web Server : Apache/2 System : Linux cs82.hostneverdie.com 3.10.0-1160.45.1.el7.x86_64 #1 SMP Wed Oct 13 17:20:51 UTC 2021 x86_64 User : technic2 ( 1951) PHP Version : 7.4.30 Disable Function : apache_child_terminate, apache_setenv, define_syslog_variables, escapeshellarg, escapeshellcmd,exec, fp, fput, highlight_file, ini_alter, ini_restore, inject_code, passthru,phpAds_remoteInfo, phpAds_XmlRpc,phpAds_xmlrpcDecode, phpAds_xmlrpcEncode, popen, posix_getpwuid, posix_kill, posix_mkfifo, posix_setpgid, posix_setsid,posix_setuid, posix_setuid, posix_uname,proc_open,proc_close, proc_get_status, proc_nice, proc_terminate, shell_exec, syslog, system, xmlrpc_entity_decode, show_source,sleep,pcntl_exec,virtual,suexec,dbmopen,dl,symlink,disk_free_space,diskfreespace,leak MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/technic2/public_html/old-website/wp-content/plugins/jetpack/scss/atoms/ |
Upload File : |
// ==========================================================================
// Buttony button buttons
// ==========================================================================
.button,
.download-jetpack {
transition: all .1s ease-in-out;
}
.jp-button {
display: inline-block;
position: relative;
padding: em(10px, 13px) em(19px, 13px);
color: #efefef;
font-weight: bold;
font-size: 0.9285714286em; // 13/14
line-height: 1;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
background: #6f7476;
border-radius: 3px;
&:visited {
color: #efefef;
}
&:hover,
&:focus {
color: #fff;
background: #57972d;
}
&:active {
background: #57972d;
opacity: 0.8;
}
}
.jp-button--settings {
@extend .jp-button;
background: #93b45f;
color: #e8eedf;
&:visited {
color: #e8eedf
}
&:hover,
&:focus {
background: #9fbd72;
color: #fff;
}
&.current {
background: #3c6621;
color: #fff;
box-shadow:
inset 0 2px 0 #365A1F,
inset 0 1px 3px #3c6621;
}
}
.download-jetpack {
display: inline-block;
position: relative;
padding: em(18px, 28px) em(50px, 46px) em(15px, 28px);
color: #fff;
font-weight: 400;
font-size: 20px;
line-height: 1;
background: #518d2a;
z-index: 3;
border-radius: 6px;
box-shadow:
0 6px 0 #3e6c20,
0 6px 3px rgba(0,0,0,.4);
&:visited {
color: #fff;
}
&:hover,
&:focus {
color: #fff;
background: #57972d;
box-shadow:
0 6px 0 #3e6c20,
0 6px 3px rgba(0,0,0,.4);
}
&:active {
top: 6px;
box-shadow:
0 0px 0 #3e6c20,
0 0 0 rgba(0,0,0,.4);
&:after {
// fixes buggy clicks
top: -6px;
}
}
&:before {
content: '';
display: inline-block;
position: relative;
top: -2px;
margin-right: 13px;
width: 30px;
height: 30px;
vertical-align: middle;
background: url('../images/connect-plug.svg') center center no-repeat;
background-size: 100%;
}
&:after {
// fixes buggy clicks
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@include breakpoint(large-desktop){
font-size: em(18px);
&:before {
top: -1px;
width: 23px;
height: 23px;
}
};
@include breakpoint(desktop){
&:active {
top: 0;
}
};
@include breakpoint(large-phone){
font-size: em(17px);
font-weight: 600;
&:before {
width: 19px;
height: 19px;
margin-right: 9px;
}
};
}