/**
* Copyright (c) Facebook, Inc. and its affiliates. All Rights Reserved
*
* This source code is licensed under the license found in the
* LICENSE file in the root directory of this source tree.
*
* @package FacebookCommerce
*/
#fbsetup .wrapper {
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
display: block;
width: 600px;
background: white url(../image/small-store.png) no-repeat;
background-position-x: 92%;
background-position-y: 172px;
background-size: 180px;
}
#fbsetup .wrapper .help-center {
float: right;
margin-top: -23px;
}
#fbsetup .wrapper .help-center a {
color: white;
}
#fbsetup .wrapper .help-center-icon {
display: inline-block;
background-image: url(../image/help-center.png);
background-size: 38px 38px;
background-repeat: no-repeat;
width: 38px;
height: 38px;
zoom: 0.7;
top: 12px;
position: relative;
}
#fbsetup .content {
padding: 10px 30px 20px 30px;
}
#fbsetup .loader {
border: 4px solid #f3f3f3; /* Light grey */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#fbsetup .btn {
/* container: */
background-color: rgb(86,120,227);
border: 1px solid;
border-color: #435a8b #3c5488 #334c83;
border-radius: 2px;
padding: 10px 20px;
/* Get started: */
font-family: helvetica, arial, sans-serif;
font-size: 12px;
font-weight: 550;
color: #FFFFFF;
text-align: center;
text-decoration: none;
display: inline-block;
letter-spacing: 0.2px;
margin: 0px 12px 10px 0px;
width: 60px;
}
#fbsetup .btn.grey{
background: #f6f7f8;
border-color: #e0e1e2;
color: #4e5665;
width: 75px;
}
#fbsetup .btn.pre-setup{
font-size: 13px;
width: 80px;
}
#fbsetup header {
display: block;
background: url(../image/facebook.png) no-repeat #4267B2;
background-position: 20px center;
background-size: 100px 19px;
padding: 20px;
}
#fbsetup h1 {
/* title: */
font-family: arial;
font-size: 18px;
font-weight: bold;
color: #141823;
margin-top: 12px;
width: 400px;
}
#fbsetup p {
/* copy: */
font-family: Helvetica;
font-size: 12px;
color: #1D2129;
margin: 10px 0px 14px 0px;
}
#fbsetup h2 {
color: rgb(0,0,0);
font-size: 14px;
font-weight: normal;
line-height: 18px;
margin-bottom: 6px;
margin-top: 12px;
width: 520px;
}
#fbsetup ul {
list-style-type: disc;
margin: 10px 10px 15px 19px;
}
#fbsetup li {
margin: 2px 0px;
padding-left: 8px;
}
#fbsetup .nux-message {
box-sizing: border-box;
color: #fff;
overflow: hidden;
padding: 9px;
position: absolute;
text-align: left;
transform: translateZ(0);
transition: all 200ms cubic-bezier(.08,.52,.52,1);
z-index: 5;
}
#fbsetup .nux-message .nux-message-text {
background: #3578e5;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
box-sizing: border-box;
padding: 10px 34px 12px 10px;
white-space: normal;
min-width: 252px;
}
#fbsetup .nux-message .nux-message-close-btn {
cursor: pointer;
position: absolute;
right: 19px;
top: 19px;
height: 12px;
width: 12px;
font-style: normal;
color: #ccc;
}
#fbsetup .nux-message .nux-message-close-btn:hover {
color: #fff;
}
#fbsetup .nux-message .nux-message-arrow {
border-right: 9px solid #3578e5;
left: 0;
position: absolute;
border-bottom: 9px solid transparent;
border-top: 9px solid transparent;
margin-top: -9px;
top: 50%;
}
#fbsetup .settings-section {
display: inline-block;
min-width: 45%;
max-width: 45%;
margin-right: 8px;
vertical-align: top;
}
#fbsetup .settings-section h1 {
color: rgb(126,129,136);
font-size: 14px;
margin-top: 0px;
width: auto;
}
#fbsetup .settings-section h2 {
color: rgb(126,129,136);
font-size: 14px;
margin-top: 2px;
width: auto;
}
#fbsetup .settings-section .btn.small {
background: #f6f7f8;
border-color: #e0e1e2;
color: #4e5665;
height: 20px;
margin-top: 10px;
padding: 2px 6px;
width: auto;
}
.tooltip {
position: relative;
border-bottom: 1px dotted black;
/* container: */
border: 1px solid;
border-radius: 2px;
/* Launch Test: */
font-size: 12px;
font-weight: 550;
color: #FFFFFF;
text-align: center;
text-decoration: none;
display: inline-block;
letter-spacing: 0.2px;
margin: 0px 12px 10px 0px;
background: #f6f7f8;
border-color: #e0e1e2;
color: #4e5665;
height: 20px;
margin-top: 10px;
padding: 2px 6px;
width: auto;
}
.tooltip .tooltiptext {
color: black;
font-size: 13px;
padding: 5px 0;
text-align: justify;
visibility: hidden;
width: 400px;
/* Position the tooltip */
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
margin-left: -60px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
#fbsetup a {
text-decoration: none;
}
#fbAdvancedOptionsText {
color: rgb(69, 114, 169);
font-size: 14px;
font-family: Helvetica;
padding: 8px 0px 8px 0px;
}
#fbAdvancedOptions {
color: rgb(126,129,136);
font-size: 12px;
font-family: Helvetica;
display: none;
padding: 8px 4px 8px 4px;
}
#fbAdvancedOptions .autosyncSavedNotice {
color: green;
font-size: 10px;
display: none;
}
#fbAdvancedOptions div {
padding: 4px 4px 4px 4px;
}
.autosyncTime {
padding: 0px;
font-family: Helvetica;
font-size: 12px;
height: 18px;
}
#sync_progress {
font-weight: normal;
}
#sync_progress .spinner {
float: none;
margin-top: 0;
}
/* hide Save changes button if integration settings are hidden */
#integration-settings[style="display: none"] + p.submit {
display: none;
}
#integration-settings .resync-schedule-fieldset {
display: inline-block;
vertical-align: middle !important;
}
#integration-settings .resync-schedule-fieldset input {
vertical-align: middle !important;
}
#integration-settings .resync-schedule-fieldset input[type="number"] {
max-width: 50px;
margin: 5px;
}
#integration-settings .resync-schedule-fieldset select {
max-width: 75px !important;
vertical-align: middle !important;
line-height: 28px !important;
}