79 lines
1.6 KiB
CSS
79 lines
1.6 KiB
CSS
#wc-facebook-connection-box {
|
|
width: 50%;
|
|
min-width: 720px;
|
|
color: #050505;
|
|
background: #FFF url( '../../images/background.png' ) no-repeat;
|
|
background-position: right 30px center;
|
|
padding: 10px 15px 20px;
|
|
box-shadow: 0 0 3px rgba( 0, 0, 0, 0.2 );
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#wc-facebook-connection-box .logo {
|
|
width: 40px;
|
|
height: 40px;
|
|
background-image: url( '../../images/logo.png' );
|
|
background-size: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#wc-facebook-connection-box h1 {
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
}
|
|
#wc-facebook-connection-box h2 {
|
|
font-size: 1.1em;
|
|
color: rgb(162, 162, 162);
|
|
margin: 0;
|
|
}
|
|
|
|
#wc-facebook-connection-box .benefits {
|
|
padding-top: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#wc-facebook-connection-box .benefits .benefit {
|
|
margin: 0 0 6px 0;
|
|
padding-top: 5px;
|
|
padding-left: 35px;
|
|
min-height: 26px;
|
|
background-size: 26px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#wc-facebook-connection-box .benefits .benefit-0 {
|
|
background-image: url( '../../images/icon-0.png' );
|
|
}
|
|
|
|
#wc-facebook-connection-box .benefits .benefit-1 {
|
|
background-image: url( '../../images/icon-1.png' );
|
|
}
|
|
|
|
#wc-facebook-connection-box .benefits .benefit-2 {
|
|
background-image: url( '../../images/icon-2.png' );
|
|
}
|
|
|
|
#wc-facebook-connection-box .actions {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#wc-facebook-connection-box .button {
|
|
color: rgb( 5, 5, 5 );
|
|
background-color: rgb( 228, 230, 235 );
|
|
border: none;
|
|
border-radius: 6px;
|
|
padding: 4px 4em;
|
|
margin-right: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#wc-facebook-connection-box .button.button-primary {
|
|
color: white;
|
|
background-color: rgb( 24, 119, 242 );
|
|
}
|
|
|
|
#wc-facebook-connection-box .uninstall {
|
|
vertical-align: middle;
|
|
}
|