.fc-setting-icon {
float: left;
margin: 10px 5px;
font-size: 28px;
}
.fc-setting-title {
float: left;
}
#FC-tab-container {
width: 98%;
min-width: 300px;
}
.FC-tab {
padding: 5px;
line-height: 24px;
}
.FC-tab-content h4 {
margin-bottom: 0px;
}
#FC-tab-menu li {
float: left;
background-color: #eee;
border: 1px solid #999;
margin: 0px;
padding: 0px;
color: #aaa;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
}
#FC-tab-menu li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
color: #000;
}
#FC-tab-content {
margin-top: -1px;
border: 1px solid #999;
width: 100%;
-moz-border-radius: 0px 10px 10px 10px;
-webkit-border-radius: 0px 10px 10px 10px;
border-radius: 0px 10px 10px 10px;
-khtml-border-radius: 0px 10px 10px 10px;
}
#FC-tab-content .FC-tab-content {
display: none;
background-color: #fff;
padding: 10px;
-moz-border-radius: 0px 10px 10px 10px;
-webkit-border-radius: 0px 10px 10px 10px;
border-radius: 0px 10px 10px 10px;
-khtml-border-radius: 0px 10px 10px 10px;
}
#FC-tab-content .FC-tab-content.active {
display: block;
}
.FC-tab-content h3 {
margin: 0px 0px 10px 0px;
text-align: center;
}
#FC-tab-content .stuffbox .inside {
padding: 12px;
}
.FC-options-container {
margin: 10px 10px 30px;
}
#FC-general-settings-div label {
margin-right: 5px;
font-weight: bold;
}
#FC-general-settings-div input, #FC-general-settings-div select {
margin-bottom: 10px;
}
#FC-tab-menu {
cursor: pointer;
}
.FC-help {
display: none;
}
.FC-dashicon {
text-decoration: none;
}
.FC-loading-container {
display: none;
font-size: 104px;
margin: 20px 0px;
width: 100%;
text-align: center;
}
.FC-loading-container div {
width: 100%;
text-align: center;
}
.FC-form-error {
border: 1px solid #FF0000 !important;
}
.FC_font_color_div, .FC_bg_color_div {
border: 1px solid #ddd;
width: 90px;
height: 30px;
float: left;
margin: 5px;
}
.FC_delete_font_color, .FC_delete_bg_color {
margin: 7px 0px 0px -95px !important;
float: left;
}
#FC-font-colors-div, #FC-bg-colors-div {
float: left;
width: 404px;
}
.ui-dialog.FC-ui-dialog {
z-index: 9999 !important;
background: #eee;
-webkit-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 0px 8px #000;
border: 1px solid #000;
}
.FC-ui-dialog .ui-dialog-titlebar-close {
float: right;
font-size: 10px;
padding: 0px 3px;
font-weight: bold;
color: #fff;
}
.FC-ui-dialog .ui-dialog-titlebar {
-webkit-border-radius: 8px 8px 0px 0px;
-khtml-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
padding: 0px 8px;
background: #293B5C;
background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
background: linear-gradient(#293B5C, #535F7E, #293B5C);
color: #fff;
}
.FC-ui-dialog .ui-dialog-buttonpane {
background: #293B5C;
background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
background: linear-gradient(#293B5C, #535F7E, #293B5C);
padding: 5px;
text-align: center;
-webkit-border-radius: 0px 0px 8px 8px;
-khtml-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
}
.FC-ui-dialog button {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px double #999;
background: radial-gradient(#fff, #aaa);
color: #000;
outline: none;
cursor: pointer;
}
.FC-ui-dialog button:hover {
box-shadow: 0 0 3pt 2pt #ccc;
}
@media screen and (max-width: 450px){
#FC-tab-menu li {
width: 100% !important;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-khtml-border-radius: 0px;
}
#FC-font-colors-div, #FC-bg-colors-div {
width: 100%;
min-width: 101px;
}
#FC-tab-content, #FC-tab-content .FC-tab-content {
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-khtml-border-radius: 0px 0px 10px 10px;
}
#FC-tab-menu li.active {
display: none;
}
}
#FC-ui-notices {
display: none;
padding: 5px;
}
body.wp-admin.settings_page_Flexible_Captcha .ui-tooltip {
min-width: 200px;
max-width: 400px;
background: #fff;
border: 1px outset #999;
position: absolute;
z-index: 9999;
-webkit-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 0px 8px #000;
}
body.wp-admin.settings_page_Flexible_Captcha .tooltip-row {
padding: 5px;
}
body.wp-admin.settings_page_Flexible_Captcha .tooltip-title {
color: #fff;
font-weight: bold;
-webkit-border-radius: 8px 8px 0px 0px;
-khtml-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
padding: 8px;
background: #535F7E;
background: -webkit-linear-gradient(#293B5C, #535F7E, #293B5C);
background: -o-linear-gradient(#293B5C, #535F7E, #293B5C);
background: -moz-linear-gradient(#293B5C, #535F7E, #293B5C);
background: linear-gradient(#293B5C, #535F7E, #293B5C);
}
span.help-dialog {
margin-left: 5px;
color: #0073aa;
}